@import url("https://fonts.googleapis.com/css?family=Dosis:400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Josefin+Sans:400,600");
@import url("https://fonts.googleapis.com/css?family=Lato:400,700");
@import url('https://fonts.googleapis.com/css?family=Quicksand:400,500,700');

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');




/*====FIBB=================================================================================================================================*/
/*#header {display: none;}*/
#toTop {background: #f13e01;}
#sub-footer {
    background: #ec6b16;
    color: #fff;
	margin-top:50px
}

/*==Header Top==*/
.region-header-top-left {display: inline-block;}

#header-top .block-title {display:none}

#header-top .block-menu ul.menu li {
    display: inline-block;
    padding: 7px 0;
    margin: 0;
}
#header-top .block-menu ul.menu li a {
	color: #fff;
    text-transform: uppercase;
	font-size: 16px;
}
.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

#header-top-right .block-menu ul.menu li a {
    padding: 10px 15px;
}
#header-top ul.ultimenu > li {
    position: relative;
}
#header-top ul.ultimenu > li > a {
    color: #fff;
    text-transform: uppercase;
	font-size: 14px;
    padding: 16px 16px 10px;/*16px 11px 10px*/
}
li.has-ultimenu > a {
    position: relative;
}
li.has-ultimenu > a:after {
    width: 8px;
    position: absolute;
    top: 24px;
    right: 0px;
    background: #ffffff !important;
    height: 5px;
    position: absolute;
    content: '';
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.ultimenu-flyout {
    font-size: 13px;
	
	background-color: #fff;
    border-top: none;;
    padding: 20px;
    margin: 12px 0 0;
    border-radius: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    background-clip: padding-box;
    border-left: 4px solid #ec6718;
}
.ultimenu-flyout ul.menu-classic {
    margin: 0;
    padding: 0;
	text-align:left;
	min-width: 160px;
}
.ultimenu-flyout ul a{
	color: #2a3c52;
    font-size: 14px;
    margin: 5px 0;
    height: auto;
    line-height: 20px;
    padding: 5px;
    display: block;
}
.ultimenu-flyout ul a:hover {
	background:#ec6718;
	border-radius:3px;
	color: #FFF;
	
}
#block-block-7,
#block-block-8,
#block-block-10 {
    width: 600px;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#block-block-7 {
    width: 350px;/*600px*/
}
#block-block-7 .col {
    width: 80%;
}
#block-block-8 {
    width: 200px;/*600px*/
}
#block-block-10, #block-block-11 {
    width: 400px;
}
.col {
    width: 48%;
}
.col.first {
    margin-right: 20px;
}
#block-block-10 .col.first {
    width: 30%;
}
#block-block-10 .col {
    width: 58%;
}
.ultimenu-flyout .tit {
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    text-transform: uppercase;
    padding-bottom: 6px;
	margin-bottom:6px
}
.ultimenu-flyout .col ul {
	padding-left:10px
}
.ultimenu-flyout .col .subcat {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ultimenu-flyout .col .subcol {
    width: 40%;
}
/*==Header FIBB Logo Block==*/
#home-header-wrapper {margin: 100px 0 30px;}

.fibb-logo-menu {
    border-top: 2px solid #ea620b;
    border-bottom: 2px solid #ea620b;
    font-size: 22px;
    font-weight: 700;
    font-family: 'Dosis',sans-serif;
    /* font-family: 'Quicksand', arial, sans-serif; */
    font-family: 'Roboto Condensed', arial, sans-serif;
    padding: 12px 0;
    margin: 10px 0 20px;
	text-align: center;
}
.fibb-logo-menu div {display:inline-block}
.fibb-logo-menu .menu-sep {
    width: 10px;
    height: 10px;
    background: #f70;
    border-radius: 50px;
    margin: 0 8px 4px;
}
.list-social-icons {
	float: right;
    border-radius: 100px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .2), 0 3px 1px -2px rgba(0, 0, 0, .2);
    margin-bottom: 6px;
}
.list-social-icons li {
padding: 7px 10px 5px;
}
.list-social-icons li a,
.list-social-icons li a:hover, 
.list-social-icons li a:active {
    color: #273b52;
    font-size: 28px;
    position: relative;
}
.left-logo img{
    float: left;
	width: 250px;
}
.right-logo img {
    float: right;
}
.right-logo {
    border-bottom: 4px solid #ea4621;
}

/*==Home News Container==*/
#home-news-wrapper {background:#fff}

/*Make it responsive*/
.views-slideshow-cycle-main-frame, .views-slideshow-cycle-main-frame-row {width:100% !important} 

/*Put small images over slide*/
.views_slideshow_cycle_main {position:relative} 
.views-slideshow-controls-bottom {
    position: absolute;
    right: 30px;
    bottom: 50px;
    z-index: 10;
}

.views-slideshow-pager-fields img {
    max-width: 75px;
    max-height: 75px;
    border-radius: 50%; 
	border: 3px solid #FFF;
	margin-left: 70px;
}
.views-slideshow-pager-fields .active img {
    border: 3px solid rgb(255, 119, 0);
    box-shadow: 0 0 0 4px rgb(255, 119, 0,.5);
}

/*.paragraph--type--prime-t1-slide .slide_inset*/ .news-title-inset {
    height: 100%;
    margin: 0;
    max-width: 298px;
    min-width: 260px;
    position: absolute;
    top: 0;
    width: 31.2%;
}
/*.paragraph--type--prime-t1-slide .inset_container*/ .news-title-container {
    min-height: 402px;
    height: auto;
	overflow: hidden;
    padding-bottom: 0px;
    position: relative;
    width: 100%;
}

/*.container div*/ .news-title-container div.skew-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: -10px;
    width: 100%;
    height: 100%;
    background-color: #EA620B;
    transform: skewX(-5.682368618deg);
    transform-origin: top left;
    border-right: 10px solid #EA620B;
}
.news-image {
    padding: 10px 0 0 100px;
}
.news-title {
    color: #fff;
    font-family: 'Roboto Condensed', arial, sans-serif;
    text-align: left;
    font-weight: 600;
	font-size:30px;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
	text-transform: uppercase;
	position: relative;
    padding: 20px 40px 0 10px;
	line-height: 110%;
}
.news-title a {
    color: #fff;
}
.news-sum {
    position: relative;
    padding: 20px 40px 0 10px;
    color: #fff;
}
.news-tags {
    position: relative;
    padding: 20px 40px 0 10px;
    color: #fff;
	font-size: 12px;
    font-weight: 500;
}
.news-tags ul {
    padding: 0;
}
.news-tags ul li {
	list-style:none;
	display: inline-block;
	border: 1px solid #fff;
    padding: 0 10px;
    border-radius: 20px;
}

/*==Home News Right==*/
h2.block-title {
    font-family: 'Roboto Condensed', arial, sans-serif;
    color: #006837;
    border-bottom: 2px solid #006837;
    padding-bottom: 10px;
}
#block-views-home-slider-1-block-1 .views-row {
    border-bottom: 1px solid #dbdbdb;
}
#block-views-home-slider-1-block-1 a {
    color: #000;
}

/*==Block Autour Ligue==*/
#home-other-wrapper ul {padding: 0;}
#home-other-wrapper ul li { list-style:none}

.autour-ligue > ul > li:first-child {
    border-bottom: 0 none;
    display: block;
    /*float: left;*/
    padding-right: 15px !important;
    /*width: 50%;*/
    clear: none;
    padding-bottom: 0;
}

.autour-ligue > ul > li:not(:first-child) {
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.autour-ligue > ul > li {
    border-bottom: 1px dashed #e1e1e1;
    display: block;
    /*float: right;*/
    overflow: hidden;
    /*width: 50%;*/
    clear: right;
}
.autour-ligue > ul > li:not(:first-child) .post-image {
    display: inline-block;
    width: 150px;
    height: auto;
    float: left;
}
.autour-ligue > ul > li:not(:first-child) .post-content {
    padding-left: 160px;
}
.autour-ligue .post-block .post-title {
    font-weight: 600;
}
.autour-ligue > ul > li:first-child .post-title {
    font-size: 24px;
    line-height: 28.5px;
}
.autour-ligue > ul > li:not(:first-child) .post-title {
    font-size: 16px;
    line-height: 19.5px;
    display: block;
}
.autour-ligue > ul > li:not(:first-child) .post-body {
    font-size: 13px;
}

/*==Block Interieur FIBB==*/

#block-views-home-slider-1-block-3 .view-content,
#block-views-home-slider-1-block-5 .view-content {
    margin-top: 30px;
}

#block-views-home-slider-1-block-3 .post-title a,
#block-views-home-slider-1-block-5 .post-title a,
.std-left-block .post-title a,
.page-photos .post-title a,
.page-actualite .post-title a {
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
	color:#000
}
/*.std-left-block .post-title a {
    font-size: 16px;
    font-weight: 600;
    padding-top: 10px;
	
}*/

/*==Block FIBB TV==*/
.fibb-tv-title {
    font-family: 'Roboto Condensed', arial, sans-serif;
    font-size: 30px;
    font-weight: 500;
    border-bottom: 2px solid #ec6b16;
    padding-bottom: 10px;
	margin-top: 30px;
}
.fibb-tv-title img  {
    height: 80px;
    width: auto;
    display: inline-block;
    vertical-align: middle;
}
.fibb-tv-title p {
	display: inline-block;
    padding: 40px 0 0 10px;
    vertical-align: middle;
    border-left: 2px solid #000;
}

.fibb-tv > ul {
    margin: 0;
    padding: 0;
}
.fibb-tv .col-md-4 .post-block {
    margin: 15px;
}
.fibb-tv .post-created,
.page-photos .post-created {
    color: #a40404;
    font-size: 11px;
}
.front .fibb-tv > ul > li:first-child {
    border-bottom: 0 none;
    display: block;
    /*float: left;*/
    padding-right: 15px !important;
    /*width: 50%;*/
    clear: none;
    padding-bottom: 0;
}

.front .fibb-tv > ul > li:not(:first-child) {
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.fibb-tv > ul > li {
    display: block;
    overflow: hidden;
    clear: right;
	border-bottom:none;
}
.front .fibb-tv > ul > li {
    border-bottom: 1px dashed #e1e1e1;
}
.fibb-tv .post-image { position:relative}

.fibb-tv .post-image .btn-play {
    left: calc(50% - 27px);
    top: calc(50% - 27px);
    height: 54px;
    width: 54px;
	border-radius: 60px;
    position: absolute;
	background: rgb(241, 62, 1);
    box-shadow: 0 0 0 4px rgb(241, 62, 1,.5);
    padding: 12px 0 0 15px;
	color: #fff;
}
.fibb-tv .post-image .btn-play i {
    font-size: 30px;
}
.front .fibb-tv > ul > li:not(:first-child) .post-image .btn-play {
	left: calc(50% - 18px);
    top: calc(50% - 18px);
    height: 36px;
    width: 36px;
    border-radius: 60px;
    position: absolute;
    background: rgb(241, 62, 1);
    box-shadow: 0 0 0 4px rgb(241, 62, 1,.5);
    padding: 8px 0 0 10px;
    color: #fff;
}
.front .fibb-tv > ul > li:not(:first-child) .post-image .btn-play i {
    font-size: 20px;
}
.front .fibb-tv > ul > li:not(:first-child) .post-image {
    display: inline-block;
    width: 150px;
    height: auto;
    float: left;
}
.front .fibb-tv > ul > li:not(:first-child) .post-content {
    padding-left: 160px;
}
.fibb-tv .post-block .post-title {
    font-weight: 600;
}
.front .fibb-tv > ul > li:first-child .post-title {
    font-size: 24px;
    line-height: 28.5px;
}
.front .fibb-tv > ul > li:not(:first-child) .post-title {
    font-size: 16px;
    line-height: 19.5px;
    display: block;
}
.fibb-tv > ul > li:not(:first-child) .post-body {
    font-size: 13px;
}
.fibb-tv > ul > li .post-title a {
    color:#000;
}
/*--------------------------------------------------------------------------------*/
/* Dashboard
 --------------------------------------------------------------------------------*/
 /*===NO DISPLAY=================*/
.statisticien form.node-ak_team_season-form #edit-body,
.statisticien form.node-ak_team_season-form div.tabbable,
.statisticien form.node-ak_game-form #edit-body,
.statisticien form.node-ak_game-form div.tabbable,
.statisticien form.node-ak_player-form #edit-body,
.statisticien form.node-ak_player-form div.tabbable,
.statisticien form.node-ak_team_staff-form #edit-body,
.statisticien form.node-ak_team_staff-form div.tabbable,
.statisticien form.node-ak_team_leaders-form #edit-body,
.statisticien form.node-ak_team_leaders-form div.tabbable,
.statisticien form.node-ak_sn_player-form #edit-body,
.statisticien form.node-ak_sn_player-form div.tabbable,
.statisticien form.node-ak_player_country-form #edit-body,
.statisticien form.node-ak_player_country-form div.tabbable,
.statisticien form.node-ak_season-form #edit-body,
.statisticien form.node-ak_season-form div.tabbable,
.statisticien form.node-ak_phototheque-form div.tabbable  {
	display:none;
 }
 
 /*===DASHBOARD - HOMEPAGE======*/

.page-node-105 #content-wrapper {
    margin: 0 -15px;
}
.page-node-105 .card {
    position: relative;
    background-color: #fff;
    border: 1px solid #e8eef1;
}
.card-body {
    padding: 10px;
}
.c-blue {color:#1f86ef}
.c-red {color: #fe2864}

.stats-card {
    background-color: #fff;
    padding: 14px 20px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
}
.stats-card h3 {
    margin: 0;
    font-size: 28px;
	color: #000;
    font-weight: 500;
}
.stats-card p {
    margin: 5px 0 0;
    line-height: 1;
	color: #797979;
}
.stats-card i.icon {
    height: 100%;
    border-radius: 0 4px 4px 0;
    width: 70px;
    line-height: 85px;
    font-size: 35px;
	position: absolute;
    right: 0;
    top: 0;
    color: #fff;
	text-align:center
}
.blue-card {background: #1f86ef;}
.red-card {background: #fe2864;}
.orange-card {background: #F44336;}
.yellow-card {background: #ffd800; color:#000 !important}
.red-dark-card {background: #D90000;}
.purple-card {background: #9F2CF9;}
.gray-card {background: #212529;}
.green-dark-card {background: #163d28;color: #f4b72a !important;}
/*#block-views-db-user-homep-notif-block h2.block-title {
    background: #fff;
    padding: 14px 20px;
    margin-bottom: 0;
    position: relative;
    border-radius: 4px 4px 0 0;
    box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
}
#block-views-db-user-homep-notif-block .b_white_footer {
    height:20px;
	background: #fff;
    padding: 14px 20px;
    margin-bottom: 0;
    position: relative;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 8px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
}*/

.db-block-title {
    font-family: 'Quicksand', arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
    position: relative;
    margin: 20px 0;
	background: #2a3c52;
    color: #fff;
    padding: 14px 20px;
    border-radius: 4px;
    box-shadow: 0 0 9px -5px rgba(0,0,0,.75);
	border-top: 2px solid #2a3c52;
    /*border-top: 2px solid #FB1202;*/
} 
 
 .display_0 {display:none}
 
#main-content, .path-dashboard #main-content {
  padding: 100px 0 25px;
}

.season-header {
    font-family: 'Quicksand', arial, sans-serif;
	font-size: 16px;
	font-weight: 700;
    position: relative;
    margin-bottom: 20px;
    background: #fff;
    padding: 14px 20px;
    border-radius: 4px;
    box-shadow: 0 0 9px -5px rgba(0,0,0,.75);
	border-top: 2px solid #259608;
    /*border-top: 2px solid #FB1202;*/
}
.menu-box {
    border: 1px solid #d1d1d1;
    background-color: #fff;
    border-radius: 2px;
    padding: 0;
    margin-bottom: 15px;
	border-radius: 4px;
    box-shadow: 0 0 9px -5px rgb(0 0 0 / 75%);
    border-top: 2px solid #ff3300;
    position: relative;
}
ul.d-top-menu {padding:0; margin:0}
ul.d-top-menu li {
    /*border-right: 1px solid #eaedef;*/
    list-style-type: none;
    line-height: 24px;
	display:inline-block;
	padding: 12px 0;
}
ul.d-top-menu li a {
	padding: 0 18px;
	border-right: 1px solid #eaedef;
	position:relative
}
ul.d-top-menu li.last a {
    border-right: none;
}
ul.d-top-menu li a, ul.d-top-menu li a:link, ul.d-top-menu li a:visited {
    color: #333;
    /*padding: 12px 0px;*/
    display: block;
	text-decoration:none;
	font-family: 'Quicksand', arial, sans-serif;
    font-weight: 500;
	font-size:16px;
}
.menu-box ul.d-top-menu li a.active {
    background: #259608;
    border-radius: 50px;
    color: #fff;
}
.menu-box ul.d-top-menu li a.active:after{
    border-bottom: none;
}
ul.d-top-menu li a.active:after{
    content: "";
    display: block;
    border-bottom: solid 2px #ff4b00;/*#343434*/
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
}
ul.d-top-menu li a i {
    margin-right: 8px;
}
.menu-box ul.sub-menu {
    border-top: 1px solid #eaedef;
}
.menu-box ul.sub-menu li {
    list-style-type: none;
    line-height: 24px;
	display:inline-block;
	padding: 12px 0;
}
.menu-box ul.sub-menu li a {
	padding: 0 18px;
	border-right: 1px solid #eaedef;
	position:relative
}
.menu-box ul.sub-menu li.last a {
    border-right: none;
}
.menu-box ul.sub-menu li a, .menu-box ul.sub-menu li a:link, .menu-box ul.sub-menu li a:visited {
    color: #ff3300;
    display: block;
	text-decoration:none;
	font-family: 'Quicksand', arial, sans-serif;
    font-weight: 500;
	font-size:16px;
}
li.has-sub-menu {cursor:pointer}

.region-content .view-header {
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 10px;
    color: #000;
    /*border-bottom: 1px solid #525f80;*/
	position:relative
}
table tr.even, table tr.odd {
    background-color: #fff; 
}
td.views-field-nothing {
    text-align: right;
}
.d-btn-edit {
    margin-left: 6px;
	border-radius: 30px;
    box-shadow: unset;
    background-color: #eee;
    font-size: 13px;
    border: none;
    position: relative;
    padding: 6px 12px;
	color:#221638;
	font-weight: 500;
/*	background-color: #c6e8cd;
    color: #13bb37;*/
	background-color: #d1def5;
    color: #0074BD;
	margin-bottom: 6px;
    display: inline-block;
}
.d-btn-edit a {
    color: #0074BD;
}
.fo-btn {
	font-size: 14px;
    line-height: 18px;
    height: 40px;
    padding: 8px 16px;
}
.d-btn-delete {    
	background-color: #f9d0d9 !important;
    color: #e1000a !important;
}
.d-btn-green {    
	background-color: #004d2a !important;
    color: #FFF !important;
}
.d-btn-blue {    
	background-color: #0074BD !important;
    color: #FFF !important;
}
.d-btn-red {    
	background-color: #BE1D2C !important;
    color: #FFF !important;
}
.d-btn-purple {    
	background-color: #A855F7 !important;
    color: #FFF !important;
}
a.d-btn-edit:hover {
/*    background-color: #13bb37;*/
	background-color: #0074BD;
    color: #ffffff;
	text-decoration:none;
}
a.d-btn-delete:hover {
    background-color: #e1000a !important;
    color: #ffffff !important;
}
.no-results {
    background-color: #f9d0d9;
    color: #e1000a;
    padding: 10px;
    font-weight: 700;
}

/*==DB Team Header*/
.db-team-header {
    border: 1px solid #d1d1d1;
    background-color: #fff;
    border-radius: 2px;
    padding: 10px 0 0;
    margin-bottom: 15px;
}
.team-logo, .team-infos {
    display: inline-block;
	margin-left: 10px;
}
.team-infos {
    vertical-align: top;
    padding: 40px 0 0;
    font-size: 28px;
    font-weight: 700;
}
.team-logo img {
    border: 3px solid #ffffff;
    border-radius: 100px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .2), 0 3px 1px -2px rgba(0, 0, 0, .2);
}

/*==DB Game Stats*/

.db-game-box-score {
    border: 1px solid #d1d1d1;
    background-color: #fff;
    border-radius: 2px;
    padding: 10px 10px 0;
    margin-bottom: 15px;
}
.db-game-box-score .attachment,
.db-game-header, .db-game-score, .db-game-location,.db-home-team,.db-away-team,
.db-team-logo,.db-team-name  {
    text-align: center;
}
.db-game-box-score ul.d-top-menu {
    margin: 20px -10px 0;
    background: #259608;
}
.db-game-box-score ul.d-top-menu li a, 
.db-game-box-score ul.d-top-menu li a:link, 
.db-game-box-score ul.d-top-menu li a:visited {
    color: #98ec82;
}
.db-game-box-score ul.d-top-menu li a.active {color: #FFF;}
.db-game-box-score ul.d-top-menu li a.active:after{
    border-bottom: 4px solid #fff;/*#343434*/
}
.db-team-logo img {
    border: 3px solid #ffffff;
    border-radius: 100px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .2), 0 3px 1px -2px rgba(0, 0, 0, .2);
	display: inline;
    margin-bottom: 10px;
}
.db-team-name {
    font-size: 22px;
    font-weight: 700;
	min-height: 50px;
}
.db-away-team .db-team-name {
    color: #581600;
}
.game_status_22 .db-away-team .db-team-name,
.game_status_25 .db-away-team .db-team-name {
    color: #FFF;
}
.db-game-score {
    font-size: 60px;
    font-weight: 700;
    margin: 20px 0;
}
.db-phase-info {
    font-weight: 700;
}
.db-phase-info span,
.db-game-location span {
    background: #581600;
    padding: 2px 4px;
    border-radius: 2px;
}
/*23= Annulé - 20= En cours - 25= Forfait - 19= Programmé - 24= Reporté - 21= Suspendu - 22= Terminé */
.game_status_22 .db-phase-info span ,
.game_status_22 .db-game-location span,
.game_status_25 .db-phase-info span,
.game_status_25 .db-game-location span {
    background: none;
}
.db-game-box-score .db-game-quarters-score {
    width: 300px;
    margin: auto;
}
.db-game-box-score .db-game-quarters-score .table-responsive {
    border-radius: 16px;
}
.db-game-box-score .attachment {
    /*margin-top: -20px;*/
}
.db-game-box-score .attachment table {
    border: none;
    margin: 0;
}
.db-game-box-score .attachment table th {
    text-align: center;
}
.team-title {
    background-color: #e6e6e6;
    border: 1px solid #d1d1d1;
    border-radius: 100px;
    padding: 5px 10px;
    margin-right: 10px;
}
.team-title.b {
    background-color: #000;
    color: #e6e6e6;
    border: 1px solid #000;
}


.db-add-btn, .db-add-btn:link, .db-add-btn:visited {
/*    right: 2px;
	top: 20px;*/
	background: #BE1D2C;
	/*background: #2a3c52;*/
    color: #fff;
    text-align: center;
    border-radius: 3px;   
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    padding: 10px 20px;
	position: relative;
    float: right;
    margin: 0 0 10px 6px;
	text-decoration:none;
}
.db-add-btn:hover {
	text-decoration:none;
}
.db-add-btn:hover i {
    /*color: #FB1202 !important;*/
}
.db-add-btn i {
	text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
	margin-right: 4px;
	vertical-align: middle;
}
.db-green-btn, .db-green-btn:link, .db-green-btn:visited {
    background: #133d3c;
    color: #f4b72a;
}
.h-action-btn {
    text-align: right;
}
.player-started {
    font-weight: 700;
    font-size: 18px;
}


/*==DB Game Top Players*/

.db-game-top-players {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	text-align: center;
    font-size: 18px;
    line-height: 40px;
	border: 1px solid #d1d1d1;
    background-color: #fff;
    border-radius: 2px;
	padding: 10px 0;
}
.db-game-top-players > .view-header {
    position: absolute;
    width: 50%;
    /*bottom: 35%;*/
    left: 0;
    right: 0;
	background:none;
	border:none;
	margin-top: 210px;
}
.db-game-top-players > .view-content,
.db-game-top-players > .attachment {
    width: 25%;
}
.db-game-top-players > .view-footer {
    width: 50%;
	border-left: 1px solid #e6e6e6;
	padding-top: 10px;
}
.stat-name {
    display: block;
    background-color: #e6e6e6;
    font-size: 14px;
    line-height: 20px;
    padding: 5px 10px;
    border-radius: 100px;
    width: 160px;
    text-align: center;
    margin: 0 auto 10px;
	text-transform: uppercase;
    font-weight: 700;
}
/*.views-field-field-player-photo img {
    margin: 0 auto;
    border: 3px solid #ffffff;
    border-radius: 100px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .2), 0 3px 1px -2px rgba(0, 0, 0, .2);
}*/
.views-field-field-player-photo .field-content {
    position: relative;
	width: 130px;
    height: 176px;
	margin: 0 auto;
    border: 3px solid #ffffff;
    border-radius: 100px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .2), 0 3px 1px -2px rgba(0, 0, 0, .2);
    overflow: hidden;
}
.player-num {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	background: #2a3c52;
    color: #fff;
}
/*.player-num span {
    background: #165d04;
    color: #fff;
    border-radius: 100px;
    padding: 6px 4px;
}*/
.views-field-field-pg-player-id {
    font-weight: 700;
}
.db-game-leaders {
    color: #fff;
}
.db-game-leaders.passes-decisives {
    background: #2a3c52;
}
.db-game-leaders.rebonds {
    background: #012A57;
}
.db-game-leaders .view-header {
	text-align: left;
    background: none;
    color: #fff;
    line-height: normal;
}
.db-game-leaders-right {
    display: flex;
    padding: 5px 10px;
	flex-wrap: wrap;
    justify-content: space-between;
	position: relative;
}
.db-game-leaders-right .db-player-info {
    flex: 1;
    text-align: left;
    padding-left: 10px;
    font-size: 15px;
    line-height: 24px;
}
.db-player-name {
    font-weight: 700;
}
.db-player-name span {
    display: block;
}
.db-player-photo img {
    width: 60px;
    border: 3px solid #ffffff;
    border-radius: 100px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .2), 0 3px 1px -2px rgba(0, 0, 0, .2);
}
.player-photo img {
    width: 60px;
    border: 3px solid #ffffff;
    border-radius: 100px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .2), 0 3px 1px -2px rgba(0, 0, 0, .2);
}
.sn.player-photo {
    width: 126px;
}
.sn.player-photo img {
    width: 120px;
    border: 3px solid #ffffff;
    border-radius: 100px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .2), 0 3px 1px -2px rgba(0, 0, 0, .2);
}
.fo-page-standings .db-player-photo img {
    width: 40px;
}
.td-align-middle .table > tbody > tr > td {
    vertical-align: middle;
}
.db-stat-info {
    font-size: 30px;
    font-weight: 700;
}

/*==DB Season Team Stats*/

.menu-button-group {
    border-radius: 40px;
    display: inline-flex;
    justify-content: stretch;
    background: #b4bcc5;
}
.menu-button-group .button-filter-alt {
    background: none !important;
    border: 0 !important;
    flex-basis: auto;
    z-index: 1;
	border-radius: 40px;
	color: #2a3c52;
}
.button-filter-alt.med {
    font-size: 13px;
    height: 32px;
    line-height: 30px;
    padding: 0 18px;
	font-weight: 700;
}
.menu-button-group .button-filter-alt.active {
	background: #2a3c52 !important;
    box-shadow: 0 1px 8px 0 rgba(0,0,0,0.32);
    color: #fff;
    z-index: 2;
}
table.views-table th a {
    /* border: 1px dotted #000; */
    border-radius: 4px;
    background: #0074BD;
    color: #fff;
    padding: 0 2px;
}
td.views-field-field-ps-player-id {
    width: 140px;
}

/*--------------------------------------------------------------------------------*/
/* Front Office - Index
 --------------------------------------------------------------------------------*/
 
/*==N1 players Stats*/
 
#block-views-fo-index-stats-n1-hommes-block,
#block-views-fo-index-stats-n1-dames-block {
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2), 0 1px 4px 0 rgba(0, 0, 0, .2), 0 3px 1px -2px rgba(0, 0, 0, .2);
    border-radius: 3px;
}
#block-views-fo-index-stats-n1-hommes-block h2.block-title,
#block-views-fo-index-stats-n1-dames-block h2.block-title {
    border-bottom: none;
    margin-left: 15px;
    color: #000;
    font-size: 20px;
/*    background: #2a3c52;
    color: #fff;
    padding: 10px 15px;
    margin: 0;
    border-radius: 3px 3px 0 0;*/
}
.fo-index-stats-n1 .view-header {
    position:relative;
	border-bottom: 1px solid rgb(251 18 2 / 0.2);
    /* border-top: 1px solid #dcdddf; */
    font-weight: 700;
    /* background: #e9edf3; */
    /* padding-left: 10px; */
    font-size: 16px;
    margin: 10px 0;
	font-family: 'Roboto Condensed', arial, sans-serif;
	color: #2a3c52;
}
.fo-index-stats-n1 .view-header:after {
    width: 60px;
    float: left;
    position: absolute;
    bottom: -1px;
    left: 0;
	background: #FB1202 !important;
    height: 1px;
    position: absolute;
    content: '';
}
.fo-index-stats-n1 .db-game-leaders-right {
    border-bottom: 1px solid #eee;
}
.fo-index-stats-n1 .db-stat-info {
    font-size: 20px;
    font-weight: 700;
    background-color: #006837;/*#04904e*/
    color: #fff;
    padding: 4px 6px;
    height: 32px;
    border-radius: 3px;
    position: absolute;
    top: 30px;
    right: 0;
	border-radius: 5px 5px 13px 5px;
    clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}
.fo-index-stats-n1 .view-content .views-row-first .db-stat-info {	
	/*background-color: #ea620b;*//*#006837*/
	background: linear-gradient(270deg,#ea620b,#EB0029);
}
.home-standings h2 {
    width: 60%;
}
.fo-more-link {
    text-align: right;
    padding-top: 8px;
}
.fo-more-link a {
    background-color: #fbfbfb;
    border: 1px solid #cbccce;
    border-radius: 40px;
    padding: 6px 10px;
    color: #000;
}
/*==Calendrier*/
.fo-index-calendrier {
    
}
h2.block-title-orange {
    font-family: 'Roboto Condensed', arial, sans-serif;
    padding-bottom: 10px;
	position:relative
}
h2.block-title-orange,
#block-views-874d53034e8030afbee9330dcc4181d7 > h2 {
    border-bottom: 2px solid #ea620b;
    color: #000;
}
h2.block-title-orange:before,
#block-views-874d53034e8030afbee9330dcc4181d7 > h2:before {
    width: 45px;
    float: left;
    position: absolute;
    bottom: -3px;
    left: 0;
    background: #FB1202 !important;
    height: 5px;
    position: absolute;
    content: '';
}
h2.block-title-orange:after,
#block-views-874d53034e8030afbee9330dcc4181d7 > h2:after {
    width: 10px;
    float: left;
    position: absolute;
    bottom: -4px;
    left: 40px;
    background: #ffffff !important;
    height: 7px;
    position: absolute;
    content: '';
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}


h2.block-title-green {
    font-family: 'Roboto Condensed', arial, sans-serif;
    padding-bottom: 10px;
	position:relative;
}
h2.block-title-green,
#block-views-home-slider-1-block-2 > h2,
#block-views-home-slider-1-block-5 > h2 {
    border-bottom: 2px solid #006837;
    color: #006837;
}
h2.block-title-green:before,
#block-views-home-slider-1-block-2 > h2:before,
#block-views-home-slider-1-block-5 > h2:before {
    width: 45px;
    float: left;
    position: absolute;
    bottom: -3px;
    left: 0;
    background: #006837 !important;
    height: 5px;
    position: absolute;
    content: '';
}
h2.block-title-green:after,
#block-views-home-slider-1-block-2 > h2:after,
#block-views-home-slider-1-block-5 > h2:after {
    width: 10px;
    float: left;
    position: absolute;
    bottom: -4px;
    left: 40px;
    background: #ffffff !important;
    height: 7px;
    position: absolute;
    content: '';
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
}

.fo-index-calendrier > .view-header {
    margin: 15px;
}
.cal-game-row {
	color: #fff;
    border-radius: 9px;
    padding: 0 15px 6px;
	/*background: linear-gradient(270deg,#f76e3f,#ea620b);*/
	background: linear-gradient(270deg,#EA3C24,#EB0029);
	margin-bottom: 15px;
	/*background-image:url(../images/bg-game-vs.jpg);*/
	background-image:url(../images/bg-game_vs_2.jpg);
	background-position: center top;
    background-size: cover;
}
@media (max-width: 576px) {
	.cal-game-row {
		background-position: right top;
		background-size: auto;
	}
}
.cal-game-row.game_status_22,
.cal-game-row.game_status_25 {
    background: linear-gradient(270deg,#012A57,#2a3c52)!important;
}
.cal-game-header {
    position: relative;
	border-bottom: 1px solid rgb(255 255 255 / 0.4);
    margin-bottom: 4px;
    padding: 6px;
}
.cal-game-time,
.cal-game-reporte,
.cal-game-forfait {
	float: right;
	background-color: #c33301;
    color: #ffffff;
	margin-left: 6px;
    border-radius: 30px;
    box-shadow: unset;
    font-size: 13px;
    border: none;
    padding: 0 12px;
    font-weight: 700; 
}
.cal-game-forfait {
	background-color: #d40216; 
}
/*Game Status*/
/*23= Annulé - 20= En cours - 25= Forfait - 19= Programmé - 24= Reporté - 21= Suspendu - 22= Terminé */
.cal-game-time.game_status_20,
.cal-game-time.game_status_22,
.cal-game-time.game_status_24,
.cal-game-time.game_status_25 {display:none}

.cal-game-forfait.hide_19,
.cal-game-forfait.hide_20,
.cal-game-forfait.hide_22,
.cal-game-forfait.hide_23,
.cal-game-forfait.hide_24 {display:none}

.cal-game-reporte.hide_19,
.cal-game-reporte.hide_20,
.cal-game-reporte.hide_22,
.cal-game-reporte.hide_23,
.cal-game-reporte.hide_25 {display:none}

/*retirer bouton stats en cas de forfait*/
.display_1.game_status_25 {display:none}

/*23= Annulé - 20= En cours - 25= Forfait - 19= Programmé - 24= Reporté - 21= Suspendu - 22= Terminé */
span.db_game_status_21,
span.db_game_status_22,
span.db_game_status_23,
span.db_game_status_24,
span.db_game_status_25 {
	padding: 3px 6px;
    color: #FFF;
    border-radius: 2px;
}
span.db_game_status_21 {
    background-color: #03519B;
}
span.db_game_status_22 {
    background-color: #4F8A10;
}
span.db_game_status_23 {
    background-color: #e1000a;
}
span.db_game_status_24 {
    background-color: #03519B;
}
span.db_game_status_25 {
    background-color: #e1000a;
}

.cal-game-header a.d-btn-edit {
    background-color: #ffffff;
    color: #f06822;
	padding: 4px 12px;
	font-weight: 700;
}
.cal-game-header a.d-btn-edit:hover {
	/*background-color: #006837;*/
    color: #2a3c52;
}
.cal-game-date {
    float: left;
}
.cal-game-stats {
    float: right;
}
.fo-index-calendrier .db-game-score {
    font-size: 38px;
}
.fo-index-calendrier .db-team-logo img {
    border: 2px solid #ffffff;
    height: 60px;
    width: auto;
}
/*==Classement*/
.front .views-exposed-widgets {
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 10px;
    color: #000;
    border-bottom: 1px solid #525f80;
    margin-bottom: 0;
}
.front .views-exposed-form .views-exposed-widget {
    float: right;
	padding-right: 0;
}
.front div.form-type-select {
    background-color: #fbfbfb;
    border: 1px solid #cbccce;
    border-radius: 40px;
    padding: 0 10px;
}
.front .views-exposed-widgets .form-select {
    background-color: transparent;
    border: 0;
    box-shadow: none;
    color: #2a3c52;
}
#block-views-4b2a7acd7aedd1590613ee5fbac64d8d h2.block-title,
#block-views-32f86eb627f4b966ceee2ebcf4466392 h2.block-title {
    border-bottom: none;
    margin: 0;
	padding:0;
    color: #000;
    font-size: 20px;
}
.front .view-fo-index-season-standings-n1-h .view-filters,
.front .view-fo-index-season-standings-n1-d .view-filters {
    margin-top: -40px;
}
span.nbre-forfaits {
    display: block;
    font-size: 10px;
    font-weight: 700;
}
.view-fo-index-season-standings-n1-h td.views-field-nothing,
.view-fo-index-season-standings-n1-d td.views-field-nothing{
    text-align: center;
}

/*--------------------------------------------------------------------------------*/
/* Responsive
 --------------------------------------------------------------------------------*/
 
/*@media (max-width: 576px)*/
@media (max-width: 767px) { 

#home-header-wrapper {
margin: 20px 0 30px;
}
.list-social-icons li a, .list-social-icons li a:hover, .list-social-icons li a:active {
    font-size: 20px;
}
.right-logo img {
    height: 50px;
}

/*==View Slideshow*/
.views-slideshow-cycle-main-frame, .views-slideshow-cycle-main-frame-row {
    height: 400px !important;
}
.news-title-inset {
    bottom: 0px;/*-200px*/
    width: 100%;
    max-width: none;
    min-width: unset;
	top: auto;
	height: 200px !important;
}
.news-title-container {
    min-height: 200px;
}
.news-title-container div.skew-bg {
    transform: none;
    left: 0;
}
.news-title {
    padding: 20px 10px;
    font-size: 22px;
}
.news-sum {display:none}
.news-image {
    padding: 0;
}

.news-tags {
    padding: 0 10px;
}
.views-slideshow-controls-bottom {
    bottom: 8px;
}
.views-slideshow-pager-fields div {
    float: left;
}
.views-slideshow-pager-fields img {
/*    border-radius: 50%;
    border: 3px solid #FFF;*/
    max-width: 50px;
    max-height: 50px;
    margin-left: 10px;
}
.views-slideshow-pager-fields .active img {
    border: 3px solid rgb(235 225 23);
}
/*==Schedule games*/
.fo-index-calendrier .db-game-score {
    font-size: 26px;
}

/*==Autres*/
.autour-ligue > ul > li:not(:first-child) .post-body,
.fibb-tv > ul > li:not(:first-child) .post-body {
    display: none;
}
}
@media screen and (max-device-width: 1024px)
{
#header-mobile{
    display: block !important;
}
#header-top{
    display: none !important;
}
}

/*==============*/
/* Style the tab */
.tabs a {cursor:pointer;}

/*--------------------------------------------------------------------------------*/
/* Article Node
 --------------------------------------------------------------------------------*/
#block-system-main article.node-article {
    padding: 0 10px;
}
article.node,
#block-views-home-slider-1-block-6,
#block-views-home-slider-1-block-7,
#block-views-home-slider-1-block-8 {
/*    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%), 0 1px 4px 0 rgb(0 0 0 / 20%), 0 3px 1px -2px rgb(0 0 0 / 20%);
    border-radius: 3px;
	background:#fff;
	padding: 0 20px 20px;*/
}
article .node-title,
article .submitted {
    /*padding: 0 15px;*/
}
h1.node-title {
    font-family: 'Roboto Condensed', arial, sans-serif;
}
.submitted {
    margin: .5em 0;
    font-style: normal;
	text-transform: capitalize;
}
.node .image-region {
    margin-bottom: 20px;
}
.node.node-article footer {
    padding: 30px 0px 0px;
    margin-top: 0px;
}
.field-name-field-tags a {
    box-shadow: 0 0 8px rgb(29 39 52 / 5%);
    border: #ebeff2 1px solid;
    font-size: 12px;
    padding: 5px 13px 4px 15px;
	font-weight: bold;
}
.field-name-field-photos-album .field-items .field-item,
.region-content .views-row {
    margin-bottom: 20px;
}
.box-score-menu .views-row {
    margin-bottom: 0;
}
.std-left-block div.post_details {
	font-size:12px
}
div.post_details .fa {
    color: #FF3300;
}
div.post_details span {
    margin-right: 4px;
}
.col-md-4 .post-block {
    min-height: 248px;
}
.page-photos .col-md-4 .post-block {
    min-height: 278px;
}
.page-actualite .col-md-4 .post-block {
    min-height: 284px;
}
#home-news-right .fo-more-link a {
    background-color: #006634;
    color: #fff;
    border: none;
}
#home-news-right .view-content {
    margin-bottom: 20px;
}
/*--------------------------------------------------------------------------------*/
/* Video Node
 --------------------------------------------------------------------------------*/

.std-left-block .post-image {
    position: relative;
}
.std-left-block .btn-play {
    left: calc(50% - 18px);
    top: calc(50% - 18px);
    height: 36px;
    width: 36px;
    border-radius: 60px;
    position: absolute;
    background: rgb(241, 62, 1);
    box-shadow: 0 0 0 4px rgb(241 62 1 / 50%);
    padding: 8px 0 0 10px;
    color: #fff;
}
.std-left-block i {
    font-size: 20px;
}

/*--------------------------------------------------------------------------------*/
/* Tabs - Onglets
 --------------------------------------------------------------------------------*/
.db-sn-players-list-tab-2 {
    margin-top: -20px;
}
.fo-index-calendrier-tab-2 {
    margin-top: -30px;
}
/*--------------------------------------------------------------------------------*/
/* Page
 --------------------------------------------------------------------------------*/
#block-aacb-pagetitle h1 {
    font-family: 'Quicksand', arial, sans-serif;
	font-size: 26px;
}
#content-wrapper {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%), 0 1px 4px 0 rgb(0 0 0 / 20%), 0 3px 1px -2px rgb(0 0 0 / 20%);
    border-radius: 3px;
    background: #fff;
    padding: 15px;
}
.path-dashboard #content-wrapper {
    box-shadow: none;
    border-radius: 0px;
    background: none;
    padding: 0;
}

.views-exposed-widgets {
    border-bottom: 1px solid #525f80;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

/*==================================================================*/
/*==================================================================*/

.region-sidebar-first .block__content p {margin-bottom:0}

/*===DASHBOARD - LEFT MENU======*/
.dashboard-side-menu {
    background-color: #fff;
    padding: 10px;
    /*margin-bottom: 25px;*/
    border: 1px solid #ededed;
    box-shadow: 0 2px 6px 0 rgb(37 44 65 / 8%);
    border-radius: 3px;
	border-bottom-color: #ff3300;
    border-bottom-style: solid;
    border-bottom-width: 2px;
	color:#FFF;
}
.user-infos {
    background: #283441;
	text-align:left;
	font-family: 'Quicksand', arial, sans-serif;
    font-weight: 500;
	font-size:16px;
	padding: 10px;
    margin: -10px -10px 10px;
    border-radius: 3px 3px 0 0;
}
.user-infos .user-email {
    color: #a9a4a4;
}
.user-infos .user-picture {
    float: none;
    width: 100px;
    margin: 0 auto;
}
.user-infos img {
    border-radius: 50%;
    padding: 2px;
    border: 3px solid #FFF;
	background:rgba(255, 255, 255,0.6)
}

ul.d-menu > li {
    border-bottom: 1px solid #eaedef;
}
ul.d-menu li {
    color: #333;
    padding: 12px 0px;	
	font-family: 'Quicksand', arial, sans-serif;
    font-weight: 500;
	font-size:16px;
	list-style-type: none;
    line-height: 24px;
}
ul.d-menu li.last {
    border-bottom: 0px solid #dcdcdc;
}
ul.d-menu li a, ul.d-menu li a:link, ul.d-menu li a:visited {
    color: #333;
    display: block;
	text-decoration:none;
}
ul.d-menu li a.active {
	background: #eaedef;
    padding-left: 12px;
}
ul.d-menu li i {
    margin-right: 8px;
}
/*======================================================================*/
/*   TEMPLATE - AACB  MULTIPURPOSE                                      */
/*======================================================================*/
.form-item label.form-required::after, .fieldset label.form-required::after {
    display: inline-block;
    margin-right: 0.15em;
    margin-left: 0.15em;
    content: "*";
    color: #f00;
    font-size: 0.875rem;
}
fieldset legend {
    background: #012A55;
    color: #fff;
    text-shadow: none;
	border: none;
    top: -1px;
    left: 0px;
	font-family: 'Quicksand', arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
}
fieldset#edit-field-reg-revision-reason--wrapper legend {
    background: none;
    color: #000;
}
fieldset.collapsible legend a{
    color: #fff;
}
fieldset .fieldset-wrapper {
    padding: 10px 10px 0;
}
.form-item label,
form .field--type-datetime h4{
    font-size: 14px;
    font-weight: 600;
    font-family: 'Quicksand', arial, sans-serif;
}
.node-form .description {
    color: #777;
	font-size: 0.85em;
}
input[type=file] {
    display: inline-block;
	border: 1px solid #777;
    /*border-right: none;*/
    border-radius: 3px;
}

.node-form .file-widget input[type=submit],
.image-widget-data input[type=submit] {
    border: 1px solid #777;
    margin-left: -6px;
    height: 34px;
}
input.form-checkbox {
	-webkit-appearance: none;
	/*-moz-appearance: none;*/
	background-color: #fafafa;
	border: 1px solid #757575;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	position: relative !important;	
	margin-right:10px;
	vertical-align: middle;
}
input.form-checkbox:active, input.form-checkbox:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
input.form-checkbox:checked {
	background-color: #FB1202;
	border: 1px solid transparent;	
	color: #FFF;
}
input.form-checkbox:checked:after  {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #FFF;
}
form.node-form th {
    background: #012A55;
    border-radius: 4px 4px 0px 0px;
}
form.node-form th label {
    font-size: 15px;
	font-weight: normal;
	margin-left:10px;
	background: #012A55;
}
.path-dashboard table {
    border: 1px solid #dfdfdf;
}
.path-dashboard td {
    border: 0;
}
.path-dashboard table > tbody > tr > td {
    padding: 8px;
    vertical-align: top;
    border-top: 1px solid #ddd;
}
.path-dashboard table > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.path-dashboard .list-view-header {
    font-family: 'Quicksand', arial, sans-serif;
    position: relative;
    margin-bottom: 20px;
    padding: 8px 0;
    /* min-height: 10px; */
}
.path-dashboard th {
    background: #24292e;
}
.d-btn-edit i {
    margin-right: 4px;
}

/*===========================================Events block*/
#block-aacb-views-block-fo-events-block-1 > h2,
#block-aacb-views-block-fo-events-fr-block-1 > h2,
#block-views-block-fo-events-block-1 > h2,
#block-views-block-fo-events-fr-block-1 > h2 {
    font-family: 'Dosis', arial, sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    margin: 0 0 -2px;
    padding: 14px 10px 20px;
    border-radius: 4px 4px 0 0;
    background: #FFF;
    text-transform: uppercase;
}
#block-aacb-views-block-fo-events-block-1 .item-list > ul,
#block-aacb-views-block-fo-events-fr-block-1 .item-list > ul,
#block-views-block-fo-events-block-1 .item-list > ul,
#block-views-block-fo-events-fr-block-1 .item-list > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.event-card {
    padding: 14px 10px 20px !important;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 0 9px -5px rgb(0 0 0 / 75%);
	margin-bottom: 20px !important;
	border-right: 2px solid #ff3300;
	font-family: 'Quicksand', arial, sans-serif;
}
.event-card a {
	text-decoration:none;
}
.event-date-wrapper {
    background: #283441;
	font-family: 'Dosis', arial, sans-serif;
	font-weight: 700;
	color: #fff;
}
/*.views-row-first .event-date-wrapper*/
#block-aacb-views-block-fo-events-block-1 .item-list > ul li:first-child .event-date-wrapper,
#block-aacb-views-block-fo-events-fr-block-1 .item-list > ul li:first-child .event-date-wrapper {
    background: #BE1D2C;
}
.d-month {    
    font-size: 24px;
	border-bottom: 1px solid #fff;
	text-transform: capitalize;
}
.d-day {
    font-size: 28px;
    /*color: #BE1D2C;*/
}
.event-content-wrapper {
/*    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: rgba(34, 34, 38, 0.15);*/
}
.event-title {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Quicksand', arial, sans-serif;
	color: #283441;
}
.event-venue-wrapper {
    margin: 8px 0;
    font-size: 13px;
	font-weight: 600;
	font-family: 'Dosis', arial, sans-serif;
	color: #be1d2c;
}
.event-venue-wrapper i {
    color: #283441;
	margin-right:2px;
}
.event-body {
    color: #000;
    font-weight: 500;
}
/*==A activer après mis en prod*/

#block-aacb-quicktabspastevents h2 {
    display: block; 
	font-family: 'Dosis', arial, sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    margin: 0 0 -20px;
    padding: 14px 10px 20px;
    border-radius: 4px 4px 0 0;
    background: #FFF;
    text-transform: uppercase;
}
#block-aacb-quicktabspastevents > .block__content {
    margin-top: -30px;
}

/*#block-aacb-quicktabspastevents #quicktabs-container-bloc_of_tabs{
    margin-top: -10px;
}*/
/*#quicktabs-bloc_of_tabs > .item-list {
    text-align: right;
}*/
/*.quicktabs_main.quicktabs-style-basic*/ 
#quicktabs-container-past_events{
    box-shadow: 0 0 9px -5px rgb(0 0 0 / 75%);
	border:none;
	border-radius: 4px;
	background-color: #fff;
	padding: 10px;
    clear: both;
}
/*ul.quicktabs-tabs.quicktabs-style-basic*/ 
#block-aacb-quicktabspastevents ul.quicktabs-tabs{
    border-bottom: none; 
	height: 26px;
	text-align: right;
	margin-bottom: 5px;
}
/*ul.quicktabs-tabs.quicktabs-style-basic li*/
#block-aacb-quicktabspastevents ul.quicktabs-tabs li {
    background-color: #f0efe7;
	border: none;
	padding: 10px;
    border-radius: 4px 4px 0 0;
	margin:0 6px 0 0;
}
/*ul.quicktabs-tabs.quicktabs-style-basic li.active*/
#block-aacb-quicktabspastevents ul.quicktabs-tabs li.active {
    background-color: rgb(239 159 139 / 36%); 
	border:none;   
}
ul.quicktabs-tabs.quicktabs-style-basic li:hover {
    border: none;
}

/*===========================================Form Elements*/
.js-text-format-wrapper {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 10px;
}
a.tabledrag-handle .handle {
    width: 2.25rem;
    height: 2.25rem;
}
abbr[title="Changed"] {
    border-bottom: 1px dotted #e40b0b;
    color: #e40b0b;
}
th h4.label {
    font-size: 18px;
    font-weight: 500;
}

.views-exposed-form > div {display:inline-block; margin-right:16px}

/*===========================================Registration Form*/

#edit-field-reg-visa-assistance, #edit-field-reg-hotel-name {
    margin-top: 20px;
}
#edit-field-reg-hotel-room-type option:disabled {
    display: none;
}
/*Breakout session - hide - None option*/
/*#edit-field-reg-breakout-session-und-none,
label[for=edit-field-reg-breakout-session-und-none] {
    display: none;
}*/

fieldset#edit-group-er-breakout-session {
    background: #E1EAF9;
}
#edit-field-reg-breakout-session {
    border-radius: 8px;
	background:#fff;
	margin: 16px 6px;
}
#edit-field-reg-breakout-session > div:first-child {
    display: none;
}
#edit-field-reg-breakout-session div.form-item-field-reg-breakout-session {
	padding: 10px;
}
#edit-field-reg-breakout-session div.form-item-field-reg-breakout-session:hover {
    background-color: #0059CF;
    color: #fff;
}
#edit-field-reg-breakout-session div.form-item-field-reg-breakout-session:hover .bs-badge {
    color: #0052cc;
    background-color: #fff;
}
#edit-field-reg-breakout-session input {
    /* font-size: 90px; */
     appearance: none; 
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 2px solid #999;
    transition: 0.2s all linear;
    margin-right: 5px;
    /* position: relative; */
    /* top: 4px; */
	background: #fff;
}
#edit-field-reg-breakout-session input:checked {
  border: 8px solid #FF3300;
}
#edit-field-reg-breakout-session > div label {
    display: block;
	font-size: 18px;
    font-weight: 500;
}
span.bs-badge-wrapper {
	display:block;
}
span.bs-badge-label {
	color: #0052cc;
    font-size: 12px;	
}
span.bs-badge {
    display: inline;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #0052cc;
    border-radius: 10px;
}
.toboggan-unified {
	font-family: 'Quicksand', arial, sans-serif;
}
.btn-register-form .login-link,
.btn-register-form .register-link {
    background: #4d8bfd;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    border: none;
    box-shadow: 0px 1px 1.5px 1px rgb(0 0 0 / 12%);
	text-decoration:none;
	padding: 10px 20px;
    font-size: 20px;
	display: block;
}
.btn-register-form .login-link:hover,
.btn-register-form .register-link:hover {
    background: #0356ef;
	color: #fff;
	text-decoration:none;
}
.form-actions .button {
    display: inline-block;
    background-color: #283441;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 20px;
    border-color: #283441;
    border-radius: 3px;
    box-shadow: 1px 1px 0 rgb(0 0 0 / 20%);
	background-image:none;
	text-shadow: none;
}
.form-actions #edit-submit {
    display: inline-block;
    background-color: #fb1202;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 20px;
    border-color: #fb1202;
    border-radius: 3px;
    box-shadow: 1px 1px 0 rgb(0 0 0 / 20%);
	background-image:none;
	text-shadow: none;
	margin-bottom: 16px;
}
#user-register-form #edit-coordonnes,
.page-user-register #block-block-17  { display:none}

.alert.account-form  {
    padding: 15px 15px 4px;
}
.alert-icon{
    padding:18px;
    margin-right:10px;
    float:left;
	margin-left: -80px;
    color: #fff;
}
.alert h2 {
    font-size: 24px;
    font-weight: 600;
	margin-bottom: 6px;
}
.alert-info h2 {
    color: #014364;
}
.alert-warning h2 {
    color: #664d03;
}
.alert-danger h2 {
    color: #be1d2c;
}
.alert-info.account-form {
	box-shadow:none;
	border-left: 60px solid #31708f;
}
.alert-warning.account-form {
	box-shadow:none;
	border-left: 60px solid #ffd800;
}
.alert-warning.account-form .alert-icon{color: #000;}

.alert-danger.account-form {
	box-shadow:none;
	border-left: 60px solid #be1d2c;
}
.alert-info strong {
    color: #014364;
}
.alert-warning strong {
    color: #664d03;
}
.alert-danger strong {
    color: #be1d2c;
}
.page-toboggan-denied .messages.error { display:none}

#block-block-47,
#block-block-50 {
    border-left: 2px solid #f0efe7;
}
.btn-register-form {
    margin: 20px 0;
}
.btn-register-form h2 {
    color: #000;
    margin-bottom: 20px;
}
.btn-alert-box {
    float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.btn-alert-box a {
    background: #4d8bfd;
    color: #fff;
    text-align: center;
    border-radius: 50px;
    border: none;
    box-shadow: 0px 1px 1.5px 1px rgb(0 0 0 / 12%);
    text-decoration: none;
    padding: 10px 20px;
    font-size: 16px;
    background: #fff;
    color: #31708f;
    font-family: 'Quicksand', arial, sans-serif;
    font-weight: 600;
}
.view-fo-event-briefing-note .btn-alert-box a,
.view-fo-event-briefing-note-fr .btn-alert-box a {
    background: #31708f;
    color: #fff;
}
.title-box-wrapper {
    border-bottom: 2px solid #f0efe7;
	font-family: 'Roboto Condensed', arial, sans-serif;
}

.title-label {
    text-transform: uppercase;
    color: #999;    
}
.title-box {
    font-size: 26px;
    font-weight: 600;
    border-bottom: 2px solid #f0efe7;
}
fieldset#edit-group-er-revision-information > legend {
    background: #ffd800;
	color: #000;
}
fieldset#edit-field-reg-revision-reason--wrapper legend,
fieldset#edit-field-reg-breakout-session--wrapper legend {
    background: none;
    color: #000;
	font-weight: 600;
}
fieldset#edit-field-reg-revision-reason--wrapper,
fieldset#edit-field-reg-breakout-session--wrapper {
    background: none;
}
/*fieldset.group-er-revision-information legend a {
    color: #000;
    font-weight: 600;
}*/
fieldset#edit-group-er-revision-information input.form-checkbox:checked {
    background-color: #24292e;
    border: 1px solid transparent;
    color: #080808;
}
/*.page-node-add-event-registration-ak h1.page-title,
.page-node-add-event-registration-ak fieldset.group-er-revision-information,
.page-node-edit.node-type-event-registration-ak .tabs-wrapper*/
#edit-field-reg-event-nid-wrapper,
form[data-drupal-selector="node-event-registration-ak-form"] fieldset#edit-group-er-revision-information {display:none}

#edit-field-reg-arrival-flight-0-value,
#edit-field-reg-departure-flight-0-value {width: 100%;}

/*Masquer les erreur de entity prepopulate
Ex= Field Reg_Event_NID must be populated via URL.*/
div.messages.notice {
    display:none
}

.error-text {color: red;}

input#edit-field-reg-photograph-und-0-upload-button,
input#edit-field-reg-passport-copy-und-0-upload-button {display:none}

/*Retrait du tab revision*/
.page-node-type-event-registration-ak .js-form-type-vertical-tabs {display:none}

/*Retrait du Title et Meta des inscris*/
.page-node-type-event-registration-ak .page-title,
.page-node-type-event-registration-ak .region-content .meta {display:none}

.user-logged-in.page-node-type-event-registration-ak .page-title,
.user-logged-in.page-node-type-event-registration-ak .region-content .meta {display: block}

/*===========================================Hotels - Room Type & Rate*/
.node-event-hotel-ak.node-unpublished {
    background-color: #FFF;
}
.view-fo-event-hotels-list {
    font-family: 'Quicksand', arial, sans-serif;
}

.view-fo-event-hotels-list article h2 {
    background: #f16019;
    color: #FFF;
    padding: 10px;
    background: #753818;
    font-family: 'Quicksand', arial, sans-serif;
    font-weight: 500;
}
.view-fo-event-hotels-list article h2 a{
    color: #FFF;
}
.view-fo-event-hotels-list article footer.meta {display:none}

.view-fo-event-hotels-list .field .field__label {
    font-weight: normal;
	font-size:13px;
}
.view-fo-event-hotels-list .field .field__item {
    font-weight: bold;
}
/*.field-name-field-hotel-grading .field-items,
.field-name-field-hotel-location .field-items,
.field-name-field-hotel-website .field-items,
.field-name-field-hotel-email .field-items,
.field-name-field-hotel-phone .field-items,
.field-name-field-distance-from-venue .field-items {
    font-weight: bold;
}*/
.field-name-field-hotel-grading,
.field-name-field-hotel-location,
.field-name-field-hotel-website,
.field-name-field-distance-from-venue {
    padding: 6px 0 0;
}
.field-name-field-hotel-website a {
	color:#000;
}
.hotel-detail-icon{
    padding:10px;
    margin-right:10px;
    float:left;
	margin-left: 0px;
    color: #24292e;
	border-right: 1px solid #eee;
}
/*.node-event-hotel-ak .field-name-body {
    color: #31708f;
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    margin-bottom: 20px;
    padding: 8px;
    border-radius: 4px;
}*/
.view-fo-event-hotels-list .field-name-body {
    color: #000;
    background-color: #F5E7C5;
    margin-bottom: 20px;
    padding: 8px;
    border: 1px dashed #ffd800;
	background-color: #f2f2f2;
    border: 1px dashed #bdbdbd;
}
a.fo-btn-blue, 
a.fo-btn-green,
a.fo-btn-gray {
    /*background: #4d8bfd;*/
    color: #fff;
    text-align: center;
    border-radius: 4px;
    border: none;
    box-shadow: 0px 1px 1.5px 1px rgb(0 0 0 / 12%);
    text-decoration: none;
	padding: 10px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
	text-decoration:none;
}
a.fo-btn-blue {
    background: #4d8bfd;
}
a.fo-btn-green {
    background: #00823b;
}
a.fo-btn-gray {
    background: #283441;
}
a.fo-btn-blue:hover {
    background: #0356ef;
	color: #fff;
    display: inline-block;
	text-decoration:none;
}
a.fo-btn-green:hover {
    background: #03612c;
	color: #fff;
    display: inline-block;
	text-decoration:none;
}
a.fo-btn-gray:hover {
    background: #283441;
	color: #fff;
    display: inline-block;
	text-decoration:none;
}
a.fo-btn-green, a.fo-btn-blue, a.fo-btn-gray {
    margin: 0 10px 10px 0;
}
a.fo-btn-green i, a.fo-btn-blue i, a.fo-btn-gray i {
    margin-right: 6px;
}
/*===========================================Event Node Page*/
.page-node-type-event i {
    color: #f30;
}
.page-node-type-event .field-name-body  {
	margin-bottom:20px;
}
.field-name-field-event-briefing-note,
.attendee-notice {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 10px;
}
.page-node-type-event .field .field__label {
    font-weight: normal;
    font-size: 13px;
}
.page-node-type-event .field-name-field-event-briefing-note .field__label{
    font-weight: 600;
    font-size: 14px;
}
.field-name-field-debut .field__item,
.field-name-field-event-venue .field__item {
    font-weight: bold;
}
.page-node-type-event .region-content {
    font-family: 'Quicksand', arial, sans-serif;
}

.field-name-field-event-register-link,
.field-name-field-event-meeting-link {
	margin: 20px 0 0 0;
	display: inline-block;	
}
.field-name-field-event-register-link a {
    background: #4d8bfd;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    border: none;
    box-shadow: 0px 1px 1.5px 1px rgb(0 0 0 / 12%);
    text-decoration: none;
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    text-decoration: none;
	margin:0 10px 10px 0;
}
/*===========================================User Menu*/
.header-center .ads .region-header-center-right {
    width: auto;
	height: 33px;
}
#block-aacb-useraccountmenu {
    float: right;
}
#block-aacb-useraccountmenu h2 {display: none;}
#block-aacb-useraccountmenu ul {
    margin: 3px 0 1px;
}
#block-aacb-useraccountmenu ul li {
    list-style: none;
	display: inline;
	margin-right: 8px;
}
#block-aacb-useraccountmenu ul > li a {
    text-align: center;
    border-radius: 50px;
    text-decoration: none;
    padding: 3px 17px;
    font-size: 16px;
    background: #fff;
    color: #31708f;
    font-family: 'Quicksand', arial, sans-serif;
    font-weight: 600;
}
/*===========================================Mega Menu*/
.region-we-mega-menu .navbar-default {
	background-color: #24292E;
    border-color: #24292E;
	border-radius: 4px 4px 0 0;
}

.we-mega-menu-ul>.we-mega-menu-li.active-trail>a, .we-mega-menu-ul>.we-mega-menu-li.active-trail>a:focus, .we-mega-menu-ul>.we-mega-menu-li.active-trail>a:hover, .we-mega-menu-ul>.we-mega-menu-li.active>a, .we-mega-menu-ul>.we-mega-menu-li.active>a:focus, .we-mega-menu-ul>.we-mega-menu-li.active>a:hover {
    background-color: rgba(0,0,0,.1);
    color: #FFE401;
    border: 0;
	background-color: #24292E;
}
.we-mega-menu-ul>.we-mega-menu-li {
    margin: 0;
    border-left: 1px solid #444;
}
.we-mega-menu-ul>.we-mega-menu-li>a, .we-mega-menu-ul>.we-mega-menu-li>span {
	background-color: #24292E;
	color: #FFF;
	font-size: 15px;
	padding: 14px 19px;
}
.we-mega-menu-ul>.dropdown-menu>a, .we-mega-menu-ul>.dropdown-menu>span {
    padding-right: 2.375rem !important;
}
.we-mega-menu-submenu>.we-mega-menu-submenu-inner {
    min-height: 45px;
}
/*===========================================User Events List*/
.view-dashboard-user-events-list,
.view-dashboard-admin-event-attendees .view-content {
    padding: 0 20px;
}
.view-dashboard-user-events-list .row-item,
.view-dashboard-admin-event-attendees .row-item {
    padding: 14px 10px 20px;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 0 9px -5px rgb(0 0 0 / 75%);
    margin-bottom: 20px;
    border-left: 2px solid #ff3300;
    font-family: 'Quicksand', arial, sans-serif;
}
.view-dashboard-user-events-list .sub-row-item,
.view-dashboard-admin-event-attendees .sub-row-item {
    border-left: 2px solid #24292e;
	font-weight: 600;
}
.attendee-notice .field-label,
.revision-log-notice .field-label {
    font-weight: 400;
    font-size: 12px;
}
.item-icon, .item-text {display:inline-block}
.item-icon {
    padding: 10px;
    margin: 0 10px 10px 0;
    float: left;
    margin-left: 0px;
    color: #ff3300;
	background: #FFEDE0;
    border-radius: 100px;
}
.item-label {
    color: #9a9796;
	font-weight: 500;
	font-size: 12px;
	margin-top: 10px;
	color: #e13004;
}
.registration-details {
    border-top: 1px dashed #d2d2d2;
    margin-top: 10px;
    padding-top: 10px;
    font-weight: 600;
	font-size: 16px;
    cursor: pointer;
}
.divider {
    border-top: 2px solid #f0efe7;
    margin: 20px 0 0;
    font-family: 'Roboto Condensed', arial, sans-serif;
	color: #be2a03;
	border-top: 1px solid #be2a03;
    background: #FFEDE0;	
}
.divider i {
    margin-right: 10px;
}
.attendee-notice {
    margin-top: 14px;
}
.actions-btn {margin-top: 20px;}
.actions-btn div {display:inline-block}

.attendee-photo img {
    border: 1px dashed #24292e;
    border-radius: 100px;
    padding: 6px;
}
.attendee-photo .no-photo {
    border: 1px dashed #24292e;
    border-radius: 100%;
    padding: 10px;
    display: inline-block;
}
.attendee-photo .no-photo div {
    padding: 10px;
}
.attendee-photo .no-photo i {
    font-size: 65px;
}
.registration-details i.icofont-rounded-down {
	margin-right: 5px;
	transition: all .3s ease;
}
.registration-details.show i.icofont-rounded-down {
	transform: rotate(180deg);
}
.registration-details i.icofont-ui-edit {
    color: #a4a4a4;
    border-bottom: 2px dotted #a4a4a4;
}
.path-dashboard #block-aacb-pagetitle h1 {
    font-size: 26px;
    font-weight: 600;
    border-bottom: 4px double #f0efe7;
    margin: 0 4px 30px;
}
.va-False, .va-false, .va-Faux, .va-faux,
.bs-False, .bs-false, .bs-Faux, .bs-faux {display:none}
/*===========================================Admin Event Attendees List*/
.path-dashboard .views-exposed-form .js-form-item {
    display: inline-block;
    float: none;
	padding:8px 16px 0 0;
	margin:0;
}
.path-dashboard .views-exposed-form .form-actions {
    display: inline-block;
}
.path-dashboard .views-exposed-form .js-form-item:first-child {
    /*margin-left: 10px;*/
}
.path-dashboard .view-filters {
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 10px;
    color: #000;
    border-bottom: 1px solid #525f80;
	margin-bottom: 0;
}
.path-dashboard .view-filters .form-select {
    background: #2a3c52;
    color: #fff;
}
.path-dashboard .view-filters label {
    display: block;
}
.view-header .view-dashboard-admin-event-attendees .view-content {
    padding: 0;
}
.view-dashboard-admin-event-attendees .view-filters {
    margin-bottom: 20px;
}
.views-exposed-form .views-exposed-widget .form-submit {
     margin-top: 0; 
}
.form-actions input[type="submit"][id^="edit-submit"],
.form-actions input#edit-reset {
	display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 3px 20px;
    border-radius: 3px;
    box-shadow: 1px 1px 0 rgb(0 0 0 / 20%);
    background-image: none;
    text-shadow: none;
	}
.form-actions input[type="submit"][id^="edit-submit"] {
	background-color: #00823b;
    border-color: #00823b;
	}
.form-actions input#edit-reset {
    background-color: #f69231;
    border-color: #f69231;
}
.path-dashboard .region-content .view-header {
    padding: 0;
	font-weight: normal;
	font-size:15px
}
.user-details i {
    margin-right: 6px;
	color: #2a3c52;
}
.va .alert,
.bs .alert {
    padding: 0px 15px 4px;
    margin-top: 8px;
}
.va .alert-danger {
    box-shadow: none;
    border-left: 60px solid #be1d2c;
}
.bs .alert-info {
    box-shadow: none;
    border-left: 60px solid #31708f;
}
.bs .item-label {
    color: #31708f;
}
.va .alert-icon,
.bs .alert-icon {
    padding-top: 10px;
}
.box-text {
    font-weight: 600;
}
.box-text p {
    margin: 0;
}
.revision-log-notice {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
	padding: 10px;
}
.attendee-photo .icon-img {
    color: #24292e;
    border: 1px dashed #24292e;
    border-radius: 100px;
    padding: 14px 10px;
    text-align: center;
	width: 100px;
}
.registration-date {
    border-bottom: 1px dashed #d2d2d2;
    font-size: 13px;
    margin-bottom: 16px;
}
.view-dashboard-admin-event-attendees #edit-combine {
    width: 300px;
}
.view-dashboard-admin-event-attendees .form-item-sort-by label,
.view-dashboard-admin-event-attendees .form-item-sort-order label {
    display: block;
    padding-bottom: 7px;
}  
.view-dashboard-admin-event-attendees .form-submit {
    margin-top: 26px !important;
}

.result-sum {
    color: #999;
    font-family: 'Roboto Condensed', arial, sans-serif;
}
.view-dashboard-admin-event-attendees #edit-field-reg-institution-org-tid {
    width: 100%;
}
.admin-btn-wrapper {
    display: inline-block;
    margin: 0 0 10px;
}
.p-checked-in {
    background-color: #5cb85c;
    color: #fff;
    padding: 4px 6px;
    border-radius: 3px;
    margin-right: 4px;
}
/*===========================================CABS platform - collaborative platform*/

.field--type-file {
    background: #ffffff;
    border: 1px solid #cccccc;
    margin-top: 10px;
    margin-bottom: 32px;
    padding: 0 0 10px;
    position: relative;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.field--type-file summary {
    background: #012A55;
    color: #fff;
    text-shadow: none;
    border: none;
    font-family: 'Quicksand', arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    height: 2em;
    line-height: 2;
    padding: 0;
    text-indent: 10px;
}
.field--type-file .form-item {
    padding: 10px;
}

.form-item-body-0-value .field-edit-link,
.form-item-field-cabs-subgroup-name,
.form-item-field-template-country,
#node-banking-sector-information-form #edit-title-wrapper,
#node-banking-sector-information-edit-form #edit-title-wrapper {display:none}

.view-cabs-bank-sector-information-listing .view-filters {
    border-radius: 8px;
    border: 1px solid #d4d4d8;
    margin: 20px 0;
    padding: 12px 8px;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.04), 0px 4px 6px -2px rgba(0,0,0,0.02);
    border-bottom: 2px solid #ff3300;
    background: #FFF3E0;
}

.cabs_bsi_item_content,
.cb-list {
    border-radius: 8px;
    border: 1px solid #ccc;
    min-height: 140px;
    margin: 20px 0 0;
	padding: 8px;
	box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.04), 0px 4px 6px -2px rgba(0,0,0,0.02);
}
.cabs_bsi_item_content:hover,
.cb-list:hover {
    box-shadow: 0 4px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.2);
}
.cabs_bsi_item .item_title a {
	color:#000;
	font-weight: 600;
}
.cabs_bsi_item .item_meta {
    color: #666;
    font-size: 13px;
}
.cabs_bsi_item .item_file {
	margin-top: 20px;
    padding: 10px;
    background: #E9573F;
    border-radius: 6px;
}
.cabs_bsi_item .item_file a,
.cabs_bsi_item .item_file a:visited {
    color: #fff;
}
.cabs_bsi_item .item_file table {
	background:none;
}
.cabs_bsi_item .item_file table thead {
    display: none;
}

#block-views-block-cabs-bank-sector-information-listing-block-1 .block__title {
    background: #FFF3E0;
    padding: 8px 16px;
    border-radius: 30px;
	font-weight: 500;
}

.view-cabs-group-members caption {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    background: #FFF3E0;
    padding: 8px 10px;
    font-family: 'Quicksand', arial, sans-serif;
}

/*===========================================Member Central Banks*/

.view-fo-central-banks-list .view-filters,
.view-fo-central-banks-list-fr .view-filters {
    border-radius: 8px;
    border: 1px solid #d4d4d8;
    margin: 20px 0;
    padding: 12px 8px;
    box-shadow: 0px 10px 15px -3px rgba(0,0,0,0.04), 0px 4px 6px -2px rgba(0,0,0,0.02);
    border-bottom: 2px solid #ff3300;
    /* background: #FFF3E0; */
}
.cb-list {
	font-family: 'Quicksand', arial, sans-serif;
}
.cb-list .item-title {
    font-size: 22px;
    font-weight: 600;
    font-family: 'Quicksand', arial, sans-serif;
    color: #283441;
    /*min-height: 62px;*/
	margin-bottom:10px;
}
.avatar {
    position: relative;
    height: 2.625rem;
    width: 2.625rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    color: #fff;
    font-weight: 500;
}
.avatar.avatar-rounded, 
.avatar.avatar-rounded img {
    border-radius: 50%;
}
.avatar.avatar-rounded img {
/*    border: 1px dashed #fff;
    padding: 6px;*/
}
.avatar.avatar-xxl {
    width: 9rem;
    height: 9rem;
    line-height: 9rem;
    font-size: 1.5rem;
}
.circle-progress {
    position: relative;
    z-index: 1;
}
.circle-progress:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    top: 0;
    inset-inline-end: 0;
    background-image: linear-gradient(102deg,transparent 41%,#C23D1A 0%),linear-gradient(90deg,#ED8F78 50%,transparent 50%);
    z-index: -1;
}
.p-1 {
    padding: 0.25rem!important;
}
.c-brown {
    color: #c23d1a;
}
.c-blue {
    color: #1A73E8;
}
.s-item {
	margin-top:10px;
}
.s-item-label {
    font-weight: 500;
    font-size: 13px;
}

.s-item-text {
    font-weight: bold;
}
.bank-detail-icon {
    padding: 0 10px 10px;
    margin-right: 10px;
    float: left;
    margin-left: 0px;
    color: #C23D1A;
    border-right: 1px solid #eee;
}
.subregion-icon {
    background: url(../images/icon_sub-group.png) no-repeat left 10px;
    padding: 18px 17px;
}
.website-link {
    border-radius: 30px;
    /* background: #C23D1A; */
    padding: 6px 12px;
    font-weight: 500;
    font-size: 14px;
    float: right;
    border: 2px solid #C23D1A;
    color: #C23D1A;
	margin-top: 10px
}
.website-link:hover {
    background: #C23D1A;
    color: #fff;
	text-decoration:none;
}

.protected-pages-enter-password #edit-submit {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 3px 20px;
    border-radius: 3px;
    box-shadow: 1px 1px 0 rgb(0 0 0 / 20%);
    background-image: none;
    text-shadow: none;
    background-color: #00823b;
    border-color: #00823b;
}
/*===========================================Autres*/
.path-frontpage .page-title {display:none}
/*===============================================================*/
/**
 * @file
 * Default style for file module.
 */

/* File icons. */

.file {
  display: inline-block;
  min-height: 16px;
  padding-left: 20px; /* LTR */
  background-repeat: no-repeat;
  background-position: left center; /* LTR */
}
[dir="rtl"] .file {
  padding-right: 20px;
  padding-left: inherit;
  background-position: right center;
}
.file--general,
.file--application-octet-stream {
  background-image: url(../images/icons/application-octet-stream.png);
}
.file--package-x-generic {
  background-image: url(../images/icons/package-x-generic.png);
}
.file--x-office-spreadsheet {
  background-image: url(../images/icons/x-office-spreadsheet.png);
}
.file--x-office-document {
  background-image: url(../images/icons/x-office-document.png);
}
.file--x-office-presentation {
  background-image: url(../images/icons/x-office-presentation.png);
}
.file--text-x-script {
  background-image: url(../images/icons/text-x-script.png);
}
.file--text-html {
  background-image: url(../images/icons/text-html.png);
}
.file--text-plain {
  background-image: url(../images/icons/text-plain.png);
}
.file--application-pdf {
  background-image: url(../images/icons/application-pdf.png);
}
.file--application-x-executable {
  background-image: url(../images/icons/application-x-executable.png);
}
.file--audio {
  background-image: url(../images/icons/audio-x-generic.png);
}
.file--video {
  background-image: url(../images/icons/video-x-generic.png);
}
.file--text {
  background-image: url(../images/icons/text-x-generic.png);
}
.file--image {
  background-image: url(../images/icons/image-x-generic.png);
}


/*Pages sans titre*/
/*===========================================System messages*/
div[aria-label="Status message"], div[aria-label="Error message"] {
    padding: 20px;
    margin: 0 0 30px;
    background: #353641;
    color: #fff;
}
div[aria-label="Status message"] {
    border-left: 6px solid #42A877;
}
div[aria-label="Error message"] {
    border-left: 6px solid #FF0000;
}
div[aria-label="Warning message"] {
    border-left: 6px solid #E0AC00;
}
/*===========================================Responsive*/

/*===========================================Components - Vertical Tabs*/

div.vertical-tabs {
  margin: 3em 0 1em 15em;
}
.vertical-tabs__panes {
    padding: 1em;
}
.vertical-tabs__panes fieldset legend {
	background:none;
	color:#000;
	position: relative;
}
fieldset.captcha {
    padding: 40px;
}
/*===========================================Book*/
/*retrait des blocks du module book*/
nav[aria-labelledby^="book-label"] {display:none;}

/*===========================================Access denied (403)*/
.page-node-2894 .page-title,
.page-node-2894 .region-content article {display:none;}

/*--------------------------------------------------------------------------------*/
/* Basel WG - Forum
 --------------------------------------------------------------------------------*/
.path-forum .main_wrapper_content,
.page-node-type-forum .main_wrapper_content,
.page-node-type-forum .region-content,
.page-node-type-basel_wg_message .main_wrapper_content {
    background: none;
    box-shadow: none;
    padding: 0;
    border:none;
}
.path-forum .region-content,
.forum-content .field-name-taxonomy-forums,
.forum-content .field-name-body,
.forum-content .field-name-field-forum-topic-files,
.forum-content section h2,
.forum-content section form,
/*.forum-content section > article,*/
.forum-content .forum-comment-content,
.page-node-type-forum .region-content form.node-forum-edit-form {
    background: #fff;
    border: 1px solid rgb(0, 0, 0, .08);
    padding: 15px;
    box-shadow: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%);
    border-radius: 0.75rem;
	margin-bottom:16px;
	position:relative;
}
.page-node-type-forum  footer.meta {
    font-size: 11px;
    margin-bottom: 6px;
}
.forum-content .field-name-taxonomy-forums {
    border-radius: 0 0.75rem 0 0;
	margin:0;
	padding-left: 34px;
	font-size: 13px;
	border-top: 4px solid #583333;
}
.forum-content .field-name-taxonomy-forums a {
    color: #583333;
}
.forum-content .field-name-body,
.forum-content section form {
    border-radius: 0 0 0.75rem 0.75rem;
}
.forum-content .forum-comment-content {
    border-radius: 0 0.75rem 0.75rem 0.75rem;
}
.forum-content .field-name-field-forum-topic-files {
    border-radius: 0 0 0.75rem 0.75rem;
	margin-top: -26px;
	padding: 24px;
}
.forum-content .field-name-field-forum-topic-files a {
    color: #307EF3;
}
.forum-content section > article {
    border-radius: 0 0.75rem 0.75rem 0.75rem;
}
.forum-content section h2 {
   /* display:none;*/
   border-radius: 0 0.75rem 0 0;
   background-color:#583333;
   padding: 6px 15px;
   font-size: 16px;  
   margin:0; 
}
ul.action-links {
    list-style: none;
	margin:0;
	padding:0;	
}
.action-links .button-action, 
.action-links .button-action:visited {
    background: #BE1D2C;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    margin-bottom: 20px;
    box-shadow: 1px 1px 0 rgb(0 0 0 / 20%);
}
.path-forum table,
.path-basel-wg table {
	border:none;
	font-family: 'Quicksand', arial, sans-serif;
	font-weight: 500;
}
.path-forum th,
.path-basel-wg th {
    font-weight: bold;
    padding: 10px 10px;
    color: rgb(34, 35, 48);
	background:none
}
.path-forum th.is-active,
.path-basel-wg th.is-active {
    border-bottom: 0.1875rem solid #BE1D2C

}
.path-forum th a,
.path-basel-wg th a {
    color: rgb(34, 35, 48);
    position: relative;
    display: block;
    text-decoration: none;
}
.path-forum th a .tablesort,
.path-basel-wg th a .tablesort {
    position: absolute;
    right: 4px;
    top: 2px;
}
.path-forum th a:after,
.path-basel-wg th a:after{
    position: absolute;
    right: 4px;
    top: 2px;
	content: "";
	background: #545560;
    -webkit-mask-image: url(../images/sprite.svg#sort-view);
    mask-image: url(../images/sprite.svg#sort-view);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center center;
    mask-position: center center;
	width: 0.875rem;
    height: 1rem;
    opacity: 0.5;
}
.path-forum th.is-active a:after,
.path-basel-wg th.is-active a:after{
	background: none;
}
.path-forum .tablesort,
.path-basel-wg .tablesort{
    background-color: #BE1D2C;
    background-image: none;
    -webkit-mask-image: url(../images/sprite.svg#sort-view);
    mask-image: url(../images/sprite.svg#sort-view);
     -webkit-mask-repeat: no-repeat; 
    mask-repeat: no-repeat;
    -webkit-mask-position: 0 50%;
    mask-position: 0 50%;
}
.path-forum .tablesort--desc,
.path-basel-wg .tablesort--desc{
    -webkit-mask-image: url(../images/sprite.svg#sort-desc-view);
    mask-image: url(../images/sprite.svg#sort-desc-view);
}
.path-forum table thead tr,
.path-basel-wg table thead tr{
    border-bottom: 2px solid rgba(0, 0, 0, .2);
}
.path-forum td,
.path-basel-wg td{
    padding: 5px 10px;
	border:none;
	border-bottom: 1px solid #ddd;
}
/*.forum__topic div:first-child {
    float: left;
    width: 24px;
    height: 24px;
    margin: 0 9px 0 0;
    background-image: url(../../../images/classy/icons/forum-icons.png);
    background-repeat: no-repeat;
}*/
.forum__title {
    padding-left: 34px;
	position:relative;
}
.forum__title:before  {
	position: absolute;
    left: 0px;
    top: 0px;
    content: "\ec86";
    font-family: icofont;
    font-size: 20px;
    color: #8d8787;
}
.forum__title div:first-child a {
    font-size: 16px;
    font-weight: bold;
    color: #000;
	text-decoration:none
}
.forum__title div:nth-child(2) {
    font-size: 13px;
    color: #666d73;
}
.forum__title div:nth-child(2) a {
    color: #0a0a0a;
	text-decoration:none
}

.page-node-type-forum .comment-form label {
    float: none;
}
.forum-info-user, .forum-info-time {
	padding: 0;
    font-size: 13px;
    font-family: 'Quicksand', arial, sans-serif;
    color: #583333;
    font-weight: 500;
}
.js-comment footer {
	margin:0 !important;
}
.js-comment .forum-info-user a,
.js-comment .forum-info-user a:hover {
    color: #583333;
}
.forum-info-time {
	text-align:right
}
.forum-comment-permalink a{
    color: #f0efe7;
}
.forum-content .field-name-taxonomy-forums:before {
    position: absolute;
    left: 10px;
    top: 12px;
    content: "\ec5b";
    font-family: icofont;
    color: #583333;
	font-size: 18px;
}
.forum-content .field-name-field-forum-topic-files:before {
    position: absolute;
    left: 10px;
    top: -16px;
    content: "\eedb";
    font-family: icofont;
    color: #583333;
    font-size: 26px;
}
.page-node-type-forum article.js-comment mark {
    background-color: #ffdede;
    color: #583333;
    padding: 2px 10px 2px 20px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 0.25rem;
    text-transform: capitalize;
	position: relative;
}
.page-node-type-forum article.js-comment mark:before {
    position: absolute;
    left: 4px;
    top: -2px;
    content: "\ef32";
    font-family: icofont;
    color: #583333;
    font-size: 16px;
}
ul.inline li {
	display:inline;
	margin-right: 1em;
}
/*=Link to add comment--A mettre dans le header*/
.page-node-type-forum .forum-content > ul.links {/*display:none*/}

.forum__comment-mode span {
    border-radius: 4px;
    padding: 2px 6px;
    font-size: 12px;
	font-weight: 700;
}
.forum__comment-mode span.closed  {
    color: #ff6692;
    background: #ff669260;
}
.forum__comment-mode span.open {
    color: #16cdc7;
    background: #16cdc740;
}

/*--------------------------------------------------------------------------------*/
/* Basel WG - Dashboard
 --------------------------------------------------------------------------------*/
.main_wrapper_content {
    background: none;
    box-shadow: none;
    padding: 0;
}
.region-content {
    background: #fff;
    border: 1px solid rgb(0, 0, 0, .08);
    padding: 15px;
    box-shadow: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%);
    border-radius: 0.75rem;
	margin-bottom:16px;
	position:relative;
}
.path-user .region-content,
.page-node-type-ak-admin-page .region-content {
    background: none;
    box-shadow: none;
    border:none;
    padding: 0;
}    
.page-node-type-ak-admin-page .main_wrapper_content,
.path-basel-wg .main_wrapper_content,
.user-logged-in.path-user .main_wrapper_content {
    background: none;
    box-shadow: none;
    padding: 0;
}
.path-basel-wg .region-content {
    background: #fff;
    border: 1px solid rgb(0, 0, 0, .08);
    padding: 15px;
    box-shadow: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%);
    border-radius: 0.75rem;
	margin-bottom:16px;
	position:relative;
}
.page-node-type-ak-admin-page #block-aacb-pagetitle,
.page-node-type-ak-admin-page .region-content article footer.meta { 
	display:none
 }
.page-node-type-ak-admin-page .menu-box { 
	border:none;
 }
.menu-box .menu-desc { 
 	padding-right:80px;
	margin:20px 0;
 }
.menu-box .menu-desc.second-box { 
 	min-height: 113px;
	margin-bottom:10px;
 } 
.stats-card:hover {
    box-shadow: 0 4px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 4px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 4px 5px rgba(0,0,0,0.2);
}
.dashboard-home .menu-box ul.d-top-menu a {
    border-radius: 30px;
    border: 2px solid #FFF;
}
.dashboard-home .menu-box ul.d-top-menu a:hover {
    border: 2px solid #a7abb1;
}
.path-basel-wg tbody tr:hover {
	background-color: #f0efe7;
}
.path-basel-wg tbody td a,
.path-basel-wg tbody td a:hover {
	color:#be1d2c;
	text-decoration:none;
}
.path-basel-wg tbody td a.btn-nowrap,
.path-basel-wg tbody td a.btn-nowrap:hover {
	white-space: nowrap;
}
.path-basel-wg tbody td a i {
	vertical-align: middle;
}
.bwg-msg-user-info {
    font-family: 'Quicksand', arial, sans-serif;
}
.bwg-msg-user-info .item-title {
    font-size: 22px;
    font-weight: 600;
    color: #283441;
    margin-bottom: 10px;
}
.block-views-blockbasel-wg-message-box-user-info-block-1,
.block-views-blockbasel-wg-message-box-admin-compose-user-info-block-1,
.page-node-type-basel_wg_message .region-content {
    background: #fff;
    border: 1px solid rgb(0, 0, 0, .08);
    padding: 15px;
    box-shadow: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%);
    border-radius: 0.75rem;
    padding-bottom: 16px;
    /*position: relative;*/
    border-radius: 0 0.75rem 0 0 ;
}
.page-node-type-basel_wg_message .region-content {
    border-radius: 0 0 0 0.75rem;
}
.page-node-type-basel_wg_message #block-aacb-pagetitle {
    background: #fff;
    border: 1px solid rgb(0, 0, 0, .08);
    padding: 15px;
    box-shadow: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%);
	border-left: 4px solid #583333;
}
.page-node-type-basel_wg_message #block-aacb-tabs {
    margin-top: -30px;
}
.page-node-type-basel_wg_message #block-aacb-tabs .block__content{
    border: none;
}
.page-node-type-basel_wg_message #block-aacb-tabs ul {
    float: right;
	margin-top: -8px;
}
.page-node-type-basel_wg_message #block-aacb-tabs ul li a{
    background-color: #f0efe7;
    border: none;
    border-radius: 4px 4px 0 0;
    color: #383838;
}
.page-node-type-basel_wg_message .field-name-field-bwg-message-files{
	position:relative;
	padding: 24px;
    border: 1px solid rgb(0, 0, 0, .08);
}
.page-node-type-basel_wg_message .field-name-field-bwg-message-files:before {
    position: absolute;
    left: 10px;
    top: -16px;
    content: "\eedb";
    font-family: icofont;
    color: #583333;
    font-size: 26px;
}
.page-node-type-basel_wg_message .region-content article section {
	margin-top:30px;
}
.page-node-type-basel_wg_message .region-content article section h2 {
	display:none /*title : Add comment*/
}
/*Btn : Add comment*/
.page-node-type-basel_wg_message .region-content > article > div > ul.links, 
/*Comment: Summary and Permalink*/
.page-node-type-basel_wg_message article.js-comment h3, 
.page-node-type-basel_wg_message article.js-comment footer > a {
	display:none 
}
.basel_wg_message_comment ul.links a[href*='reply'] {
	display:none 
}
.basel_wg_message_comment footer {
    border-bottom: 1px solid rgb(88 51 51 / 20%);
    margin-bottom: 8px !important;
}
.page-node-type-basel_wg_message article.js-comment {
	position:relative;
	/*border-top: 1px solid #000;*/
	border-radius: 0 0.75rem 0.75rem 0.75rem;
    background: #f8f8f9;
    padding: 10px;
    margin-bottom: 14px;
}
/*.page-node-type-basel_wg_message article.js-comment:before {
    content: "Replies";
    color: #583333;
    font-size: 20px;
    font-family: 'Quicksand', arial, sans-serif;
    font-weight: 600;
}*/
.form-actions {
    position: relative;
}
#edit-actions .btnSend {
    position: absolute;
    background-color: #fb1202;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 20px;
    border-color: #fb1202;
    border-radius: 3px;
    box-shadow: 1px 1px 0 rgb(0 0 0 / 20%);
}
#edit-actions .submitInvisible{
    background: transparent !important;
    color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
.notifBadge {
    background: #be1d2c;
    border-radius: 50%;
    padding: 2px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    margin-left: 4px;
    width: 28px;
    height: 28px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
}
.adminBadge {
    position: absolute;
    bottom: 0px;
    left: 0;
    color: #fff;
    background: #be1d2c;
    font-size: 10px;
    padding: 0 10px;
    border-radius: 0 4px 0 4px;
}
.notifContent {
    display: flex;
}
.notifIcon {
    vertical-align: top;
    margin-right: 10px;
}
.notifTime {
    color: #be1d2c;
    font-size: 12px;
}
.notifLink {
    color: #4E443C !important;
}
.notifLink:hover {
    text-decoration:none;
}
.form-item-field-bwg-recipient-0-target-id {display: none;}
.inboxBadge {
    color: #fff;
    border-radius: 20px;
    white-space: nowrap;
    padding: 0 8px;
    width: fit-content;
    font-size:12px;
}
.inboxBadge.inbox {
    background-color: #1A73E8;
}
.inboxBadge.sent {
    /*background-color: #188038;*/
    background-color: #f8f8f9;
    color: #583333;
}
.adminBadgeUser {
    color: #fff;
    border-radius: 20px;
    white-space: nowrap;
    padding: 0 8px;
    font-size: 12px;
    background-color: #be1d2c;
}
#block-views-block-basel-wg-notifications-block-1 {
    background: #fff;
    border: 1px solid rgb(0, 0, 0, .08);
    padding: 15px;
    box-shadow: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%);
    border-radius: 0.75rem;
    margin-bottom: 16px;
    position: relative;
}
#block-views-block-basel-wg-notifications-block-1 h2 {
    font-size: 24px;
    color: #000;
    font-weight: 500;
}
#block-views-block-basel-wg-notifications-block-1 .notifText {
    font-size: 13px;
}
#block-views-block-basel-wg-notifications-block-1 .notifTime {
    font-size: 11px;
}
#block-views-block-basel-wg-notifications-block-1 .view-footer {
    text-align: right;
}
#block-views-block-basel-wg-notifications-block-1 .view-footer a{
    background: #BE1D2C;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    padding: 6px 14px;
    position: relative;
    text-decoration: none;
}
#block-views-block-basel-wg-notifications-block-1 .view-footer a i{
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
    margin-right: 4px;
    vertical-align: middle;
}
/*Exposed form label */
.view-basel-wg-message-box-admin-compose .form-item label {
    display: block;
}
/*Hide Comment Settings Block from BWG Admin */
.role-bwg_admin_team .node-basel-wg-message-edit-form .js-form-type-vertical-tabs {
    display: none;
}
/*--------------------------------------------------------------------------------*/
/* User
 --------------------------------------------------------------------------------*/
.path-user .label, .path-user .field__label {color: #000; font-weight:bold}

/*--------------------------------------------------------------------------------*/
/* Events
 --------------------------------------------------------------------------------*/

.view-fo-event-user-has-registrations- {
    border: 1px solid rgb(255, 0, 0, .4);
    padding: 15px;
    box-shadow: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%);
    border-radius: 0.75rem;
    margin-bottom: 16px;
    font-family: 'Quicksand', arial, sans-serif;
    background: #fff;
}
.view-fo-event-user-has-registrations- .title-sum {
    border-radius: 0.75rem;
    background: red;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    padding: 10px;
    margin-bottom: 10px;
}
.view-fo-event-user-has-registrations- .result-sum {
    margin: 16px 0;
}
.user-has-registrations span {
    color: #9ca3af;
    font-weight: 500;
    margin-right: 20px;
}
.user-has-registrations span.item-name {
    color: #000;
    font-weight: 600;
}

/*--------------------------------------------------------------------------------*/
/* Dashboard - User Login
 --------------------------------------------------------------------------------*/
/*Bloc au dessus du Content Top*/
.breaking-news {
    display: none;
}

.dashboard-user-login .menu-box .menu-desc {
    font-size: 14px;
}
.dashboard-user-login .menu-box .menu-desc.second-box {
    /*min-height: unset;*/
    min-height: 106px;
}
/*.user-logged-in.path-user .region-content {
    background-color: #fff;
    padding: 14px 20px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
}*/
.user-logged-in.path-user #block-aacb-pagetitle {
    display: none;
}
.user-logged-in.path-user .stats-card h3 {
    font-size: 16px;
    font-weight: 700;
}
.user-logged-in.path-user #edit-language {
    background: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 10px;
}
.view-user-login-info {
    background-color: #fff;
    padding: 14px 20px 4px;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
    margin-bottom: 20px;
}
.view-user-login-info .db-add-btn {
    font-size: 14px;
}
form .description,
.password-strength__title{
    font-size: 0.79rem;
    color: #545560;
}
/*--------------------------------------------------------------------------------*/
/* Breadcrumb
 --------------------------------------------------------------------------------*/
nav[aria-labelledby^="system-breadcrumb"] ol {
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: auto;
    text-overflow: ellipsis;
    overflow: hidden;
} 
nav[aria-labelledby^="system-breadcrumb"] ol li {
    display: inline;
} 
/*nav[aria-labelledby^="system-breadcrumb"] ol li::before {
    content: "/";
    opacity: .3;
    font-size: var(--gin-font-size-xs);
    vertical-align: middle;
    display: inline-block;
    padding: 0 .5em;
    background: none;
} */



nav[aria-labelledby^="system-breadcrumb"] {
  border: 1px solid #cbd2d9;
  border-radius: 0.3rem;
  display: inline-flex;
  overflow: hidden;
  margin-bottom: 20px;
}

nav[aria-labelledby^="system-breadcrumb"] ol li {
  background: #fff;
  color: #333;
  outline: none;
  padding: 0.75em 0.75em 0.75em 1.25em;
  position: relative;
  text-decoration: none;
  transition: background 0.2s linear;
}
nav[aria-labelledby^="system-breadcrumb"] ol li a {
  color: #f30;
  text-decoration: none;
}


nav[aria-labelledby^="system-breadcrumb"] ol li:hover:after,
nav[aria-labelledby^="system-breadcrumb"] ol li:hover {
  background: #edf1f5;
}

nav[aria-labelledby^="system-breadcrumb"] ol li:focus:after,
nav[aria-labelledby^="system-breadcrumb"] ol li:focus,
nav[aria-labelledby^="system-breadcrumb"] ol li.is-active:focus {
  background: #323f4a;
  color: #fff;
}

nav[aria-labelledby^="system-breadcrumb"] ol li:after,
nav[aria-labelledby^="system-breadcrumb"] ol li:before {
  background: white;
  bottom: 0;
  clip-path: polygon(50% 50%, -50% -50%, 0 100%);
  content: "";
  left: 100%;
  position: absolute;
  top: 0;
  transition: background 0.2s linear;
  width: 1em;
  z-index: 1;
}

nav[aria-labelledby^="system-breadcrumb"] ol li:before {
  background: #cbd2d9;
  margin-left: 1px;
}

nav[aria-labelledby^="system-breadcrumb"] ol li:last-child {
  border-right: none;
}

nav[aria-labelledby^="system-breadcrumb"] ol li.is-active {
  background: #edf1f5;
}
/*--------------------------------------------------------------------------------*/
/* Password Strength
 --------------------------------------------------------------------------------*/

.password-strength__indicator.is-weak {
  border-color: #dc2323;
  background-color: #dc2323;
}

.password-strength__indicator.is-fair {
  border-color: #977405;
  background-color: #ffd23f;
}

.password-strength__indicator.is-good {
  border-color: #ffbf14;
  background-color: #ffbf14;
}

.password-strength__indicator.is-strong {
  border-color: #26a769;
  background-color: #26a769;
}  

.password-suggestions {
    padding: 10px;
    color: #cb2409;
    border: 1px solid #d4d4d8;
    border-radius: 2px;
    box-shadow: 0 2px 0.25rem rgba(0, 0, 0, 0.1);
    font-size: 0.889rem;
}  
.password-strength__text {
    font-weight: bold;
} 
/*--------------------------------------------------------------------------------*/
/* Photo gallery
 --------------------------------------------------------------------------------*/
 /* Style pour les images */
.field-name-field-photobox-images img {
  cursor: zoom-in; /* Curseur de zoom au survol */
}

/* Conteneur pour l'image zoomée */
.zoom-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  display: none;
  align-items: center; /* Centrer verticalement */
  justify-content: center; /* Centrer horizontalement */
  z-index: 1000;
}
.zoom-container img {
  max-width: 90%; /* Limite la largeur pour s'adapter à l'écran */
  max-height: 90%; /* Limite la hauteur pour s'adapter à l'écran */
  box-shadow: 0px 0px 10px rgba(255, 255, 255, 0.5);
}
.zoom-container .close-zoom {
  position: absolute;
  top: 20px;
  right: 30px;
  color: white;
  font-size: 30px;
  font-weight: bold;
  cursor: pointer;
  z-index: 1100;
}

/* Style pour le texte alternatif */
.alt-text {
  font-size: 14px;
  color: #555;
  margin-top: 5px;
}
/*--------------------------------------------------------------------------------*/
/* Archives - Meetings 
 --------------------------------------------------------------------------------*/
.path-event-archives .region-content {
    background: none;
    border: none;
    box-shadow: none;
}
.view-fo-event-archives {
    color: #333;
    font-family: 'Quicksand', arial, sans-serif;
    font-weight: 500;
    font-size: 18px;
}
.view-fo-event-archives .view-filters {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 20px;
    padding: 0 20px;
}
.view-fo-event-archives .view-content {
	position:relative
} 
.view-fo-event-archives .view-content::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #583333;
  top: 0;
  bottom: 0;
  left: 0;
  margin-left: -3px;
}
.view-fo-event-archives .view-content .item-list {
	position:relative;
	margin-left: 20px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    background-color: #fff;
	border-radius: 6px;
    margin-bottom: 20px;
}
/* The circles on the timeline */
.view-fo-event-archives .view-content .item-list::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  left: -33px;
  background-color: #f0efe7;
  border: 4px solid #be1d2c;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}
/* Add arrows to the right container (pointing left) */
.view-fo-event-archives .view-content .item-list::before {
  content: " ";
  height: 0;
  position: absolute;
  top: 15px;
  width: 0;
  z-index: 1;
  left: -8px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}
.view-fo-event-archives .view-content .item-list h3 {
    color: #be1d2c;
    font-size: 22px;
	font-weight: 600;
    /*border-bottom: 1px solid #a52a2a3d;*/
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.view-fo-event-archives .item-list ul {
    /*border-left: 4px solid #000;*/
    list-style: none;
    /*margin-left: 20px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
    padding: 20px;
    background-color: #fff;*/
	padding-left: 6px;
}
.view-fo-event-archives .item-list ul li {
    margin-bottom: 10px;
	border-left: 1px solid #a52a2a3d;
    padding-left: 10px;
}
.view-fo-event-archives .item-list ul a,
.view-fo-event-archives .item-list ul a:link,
.view-fo-event-archives .item-list ul a:visited {
    color: #333;
    text-decoration: none;
}
.view-fo-event-archives .item-list ul a:hover {
    color: #be1d2c;
}
.view-fo-event-archives .past_event_info {
    font-size: 11px;
    color: #be1d2cc2;
}
.view-fo-event-archives .past_event_info div{
	display:inline-block
}

#block-aacb-views-block-fo-event-archives-block-1 > h2 {
    font-family: 'Dosis', arial, sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #000;
    margin: 0 0 -2px;
    padding: 14px 10px 20px;
    border-radius: 4px 4px 0 0;
    background: #FFF;
    text-transform: uppercase;
}

#block-aacb-views-block-fo-event-archives-block-1 .block__content {
    padding: 0 20px;
    box-shadow: 0 0 9px -5px rgb(0 0 0 / 75%);
    background: #fff;
    border-radius: 0 0 4px 4px;
}
.block__content .view-fo-event-archives .view-content .item-list {
	box-shadow: none;
	border-radius: unset;
	padding: 14px 0;
	margin-bottom:0
}
.block__content .view-fo-event-archives .view-content .item-list::after {
    background-color: #ffffff;
}
#block-aacb-views-block-fo-event-archives-block-1 .view-footer {
    margin-left: -24px;
}
.page-node-type-past_events .field .field__label {
    font-weight: normal;
    font-size: 13px;
}
.page-node-type-past_events .region-content footer.meta {
    display:none;
}

/*--------------------------------------------------------------------------------*/
/* Forums - Draggable table
 --------------------------------------------------------------------------------*/

/* Activer l'affichage de la colonne de poids */
.draggable .drag {
  background: url("/core/misc/icons/787878/move.svg") no-repeat center center;
  background-size: 16px 16px;
  cursor: move;
  width: 30px;
  height: 30px;
  padding: 0;
  text-indent: -9999px;
  overflow: hidden;
}

/* Fixer l'affichage des cellules de poids */
tr.draggable td.drag {
  display: table-cell !important;
  visibility: visible;
}
/* Action Links */
#block-aacb-primaryadminactions {text-align: right;}
#block-aacb-primaryadminactions li {
    list-style: none;
    margin: 0 10px 0 0;
    padding: 0;
	display: inline-block;
}

#block-aacb-primaryadminactions li .button-action, 
#block-aacb-primaryadminactions li .button-action:visited {
    background: #BE1D2C;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    display: inline-block;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 20px;
    position: relative;
    text-decoration: none;
    margin-bottom: 0;
    box-shadow: 1px 1px 0 rgb(0 0 0 / 20%);
}

/* hide "Add container" button */
.role-bwg_admin_team #block-aacb-primaryadminactions li:last-child {display: none;}

/* hide "Show row weights" button */
.role-bwg_admin_team button.tabledrag-toggle-weight {display:none}

/*--------------------------------------------------------------------------------*/
/* AFSC - Platform
 --------------------------------------------------------------------------------*/
.afsc-portal,
.afsc-portal h2, .afsc-portal h3, .afsc-portal h4 {
	font-family: "Outfit", sans-serif;
	color:#000;
}
.afsc-portal .page-contents {
    background: #fff;
	/*font-family: "Outfit", sans-serif;*/
}
.afsc-portal .region-content footer.meta {display:none} /*Masquer la date*/
.afsc-portal .region-content {
    padding: 0;
    border: none;
    box-shadow: none;
}
.afsc-portal #block-aacb-pagetitle h1,
.afsc-portal .page-title {
    font-weight: 600;
    font-size: 28px;
	font-family: "Outfit", sans-serif;
}
.text-dark-gray-400 {
    color: #4b5563;
    font-weight: 400;
}
.afsc-portal #header-second {
	 background-color:#163D28;
	 background-image:url(../images/afsc-header-bg.jpg);
	 background-size: cover;       /* l'image couvre toute la zone */
     background-position: center;  /* centrée horizontalement et verticalement */
     background-repeat: no-repeat; /* évite la répétition */
	 padding-top:10px;
 }
.afsc-portal #header,
.afsc-portal .shadow-down,
.afsc-home h1.page-title,
.afsc-events-page h1.page-title {
	display:none;
}

#header-second .logo {
  display: flex;              /* active flexbox */
  align-items: center;        /* aligne verticalement au centre */
  gap: 15px;                  /* espace entre le logo et le texte */
}

 .logo-rounded {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #f7f1f1;
    overflow: hidden;
	margin: 0 0 10px;
}
 .heading-text {
/*  font-family: "Outfit", sans-serif;*/
  font-optical-sizing: auto;
  font-style: normal;
  color:#FFF;
}
 .heading-title {
/*  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;*/
  font-weight: 600;
  font-size:46px;
/*  font-style: normal;
  color:#FFF;*/
}
.heading-subtitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: 0em;
/*    color: #FFF;*/
	padding-left: 10px;
    display: inline-block;
    position: relative;
	border-left:1px solid #f4b72a;
}
.afsc-portal #header-second ul.d-top-menu li a {font-family: "Outfit", sans-serif; padding: 0 14px;}
.afsc-portal #header-second ul.d-top-menu li.is_active {
    border-bottom: 4px solid #163d28;
}
.header-btn {
  display: flex;
  justify-content: flex-end; /* pousse le contenu à droite */
  gap: 10px; /* espace entre les boutons */
}
.afsc-btn-yellow {
	background:#f4b72a;
	padding: 10px;
	font-family: "Outfit", Sans-serif;
	font-size: 13px;
	font-weight: 500;
	line-height:1em;
	border-radius: 6px;
	text-decoration:none;
	display:inline-flex;
	justify-content:center;
	align-items:center;
	position: relative;
	z-index: 1;
	cursor: pointer;
	color:#163D28;
	overflow: hidden; /* masque ce qui dépasse */
	border: 0;
	transition: color .4s ease-in;
}

.afsc-btn-yellow::before {
	content: "";
	position: absolute;
	bottom: 0;                /* démarre du bas */
	left: 50%;
	transform: translateX(-50%) scale(0); /* réduit au départ */
	width: 300%;
	height: 300%;
	background: white;
	border-radius: 50%;
	transition: transform .5s ease-out;
	z-index: -1;
}

/* Effet au survol */
.afsc-btn-yellow:hover::before {
	transform: translateX(-50%) scale(1); /* le cercle s'agrandit */
}

.afsc-btn-yellow:hover {
	color: #000; /* change aussi la couleur du texte si tu veux */
}
.afsc-btn-yellow i {
    margin-left: 6px;
}

.afsc-portal #header-second .menu-box {
    border-top: 2px solid #A6E781;
}
/* Page About Us */
.item-box {
/*    font-family: "Outfit", Sans-serif;*/
	background: #F6EFE7;
	padding: 10px;
	border-radius: 0px 16px 16px 16px;
	border: 1px solid #F6EFE7;
	margin-bottom:14px;
}
.item-box:hover:not(.yellow) {
  background-color: #fff;   
  transition: background-color 0.3s ease;
}
.item-box.yellow {
	background: #f4b72a;
	border: 1px solid #f4b72a;
	color:#163D28
}
.item-box-title {
    font-weight: 600;
    font-size: 18px;
}
.item-box-content {
    margin: 10px 0 30px;
}
.item-box-content p {
    margin: 0;
}
.item-box-bottom {
  display: flex;                /* place les enfants sur une même ligne */
  justify-content: space-between; /* espace entre les deux : gauche/droite */
  align-items: center;          /* aligne verticalement si besoin */
}
/* Aligner horizontalement les éléments du bas */
.item-box-bottom,
.item-box-header {
  display: flex;                /* aligne sur une ligne */
  justify-content: space-between; /* répartit l'espace entre eux */
  align-items: center;          /* aligne verticalement au centre */
  gap: 10px;                    /* espace optionnel entre les liens */
}
.item-box-bottom-icon {
  /* contenu aligné à gauche (par défaut) */
}

.item-box-bottom-btn {
  /* contenu aligné à droite (par défaut grâce à flex) */
}
.item-box-bottom-btn a {
    border-radius: 30px;
    border: none;
    position: relative;
    padding: 6px 10px;
    /*color: #4e443c;*/
    background-color: #f6efe7;
	text-decoration:none;
	color: #163D28;
    font-weight: 500;
}
.item-box-bottom-btn a:hover {
    color: #FFF ;
	background-color: #4e443c;
	
}
.mrg-top-40 { margin-top:40px}
.item-box-medium {
  display: flex;
  flex-direction: column; /* empile les éléments verticalement */
  color:#fff;
/*  font-family: "Outfit", Sans-serif;*/
  margin-bottom:14px;
}
.item-box-top {
    background: #163d28;
    border-radius: 16px 16px 0px 0px;
    padding: 10px 18px;	
	background: #133d3c;	
}
.item-box-medium .item-box-title {
    font-size: 26px;
    padding: 16px 0;
    border-bottom: 1px solid #FFFFFF1A;
}
.item-box-medium .item-box-content {
    font-size: 16px;
	color: rgb(184, 212, 195)
}
.item-box-medium .item-box-bottom {
    border-radius: 0px 0px 16px 16px;
    padding: 10px;
    background: #f4b72a;	
}
.item-box-medium .item-box-bottom a {
    text-decoration: none;
    color: #163D28;
    font-weight: 500;
}
.item-box-top,
.item-box-bottom {
  margin: 0; /* supprime tout espace entre eux */
  /*padding: 0;*/
}
.region-center-full-width .view-content {
    margin-bottom: 30px;
}
.white-section .item-box, .white-section .list-box, .green-section .item-box {
    border-radius: 16px;
    box-shadow: 0 1px 2px rgb(20 45 82 / 2%), 0 3px 4px rgb(20 45 82 / 3%), 0 5px 8px rgb(20 45 82 / 4%);
	border: 1px solid #133D3C1A;
}
.white-section .item-box, .white-section .list-box {
    background-color: #fff;
    color: #163d28;
}
.list-box {
    margin-bottom: 24px;
    padding: 14px 0;
}
.list-box-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 150px;
}
.list-box .cover_img {
    border-right: 1px solid #e5e5e5;
}
.cover_img img {
    border-radius: 0.5rem;
}
.green-section .item-box {
    background-color: #133d3c;
    color: #ffffff;
}
.green-section .item-box:hover {
    background-color: #133d3c;
	transition: none;
}
.white-section h2, .green-section h2 {
    font-size: 38px;
    font-weight: 600;
    font-family: inherit;
    color: #163d28;
}
.white-section, .green-section .text-center {
    font-size: 16px;
}
.item-box-header {
    font-size: 12px;
	margin-bottom: 0.75rem;
}
.white-section .item-term, .green-section .item-term {
    border-radius: 9999px;
    padding: 0.25rem 0.5rem;
}
.white-section .item-term {
    color: rgb(6 95 70);
    background-color: rgb(209 250 229);
}
.green-section .item-term {
    color: #f4b72a;
    background-color: #374F28;
}
/* Rangée égalisation des hauteurs */
.equal-cols {
  display: flex;
  flex-wrap: wrap;       /* permet les retours à la ligne */
  align-items: stretch;  /* égalise la hauteur par ligne */
}

/* Chaque colonne reste un conteneur flex vertical pour étirer .item-box */
.equal-cols > [class*="col-"] {
  display: flex;
}
.equal-cols > .white-section-header {
	display:block;
}

/* Étire le contenu interne sur la hauteur de la colonne */
.equal-cols > [class*="col-"] > .item-box {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}
.equal-cols .views-row {
    display: flex;
}

.equal-cols .views-row .item-box {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

/* Optionnel : colle la zone d'action en bas */
.item-box-bottom {
  margin-top: auto;
}

.white-section .item-date {
    color: rgb(121 122 124);
}
.white-section .item-box-bottom {
    border-top: 1px solid #e5e5e5;
    padding-top: 16px;
}
.green-section .item-box-bottom {
    border-top: 1px solid #FFFFFF1A;
    padding-top: 16px;
	margin: auto 0 6px;
}
.white-section .item-box-bottom-btn a {
    background-color: rgb(229 231 235);
	color:rgb(55 65 81);
}
.white-section .item-box-bottom-btn a:hover {
    background-color: rgb(229 231 235);
	color:rgb(55 65 81);
}
.white-section .item-box-bottom-btn a.green-btn {
    background: #065f46;
    color: #fff;
}
.white-section .item-box-bottom-btn a.green-btn:hover {
    background: #065f46;
    color: #fff;
}
.white-section .item-box-bottom-btn i, .green-section .item-box-bottom-btn i {margin-left:6px}
#center-full-width, #bottom-full-width, #second-footer {
    padding: 40px 0;
	font-family: "Outfit", Sans-serif;
}
.afsc-portal #center-full-width {
    background: #F9FAFB;
}
.afsc-portal #bottom-full-width {
    background: #d1fae5;
}
.afsc-portal #second-footer {
    background: #163d28;
	color: #fff;
}
.afsc-portal #second-footer h3 {
    color: #FFF;
	font-family: "Outfit", Sans-serif;
	font-weight: 500;
	font-size: 1.5rem;
	margin-bottom: 1rem;
}
.afsc-portal #second-footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
	color: rgb(209 213 219);
    font-size: 1rem;
}
.afsc-portal #second-footer li {
    line-height: 1.7rem;
	display: flex;
	align-items: baseline;
}
.afsc-portal #second-footer a {
    color: rgb(209 213 219);
}
.afsc-portal #second-footer a:hover {
    color: rgb(250 204 21);
	text-decoration:none;
}
.afsc-portal #second-footer svg {
    color: #f4b72a;
    margin-right: 10px;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .20rem;
}
.afsc-portal #second-footer i {
    color: #f4b72a;
    margin-right: 6px;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .20rem;
    font-size: 18px;
}
.afsc-portal #second-footer .copyright {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #FFFFFF1A;
}
.afsc-portal #footer, .afsc-portal #copyright {display:none}
.afsc-portal #back-to-top a span {
    background-color: #A6E781;
	color:#000;
}
.item-date-plus, .item-box-location {
    display: flex;
	color:rgb(184, 212, 195);
	margin-bottom:8px;
	font-size: 15px;
	align-items: center;
    gap: 6px;
}
.white-section .item-date-plus, 
.white-section .item-box-location {
	color:#4b5563;
}
.item-date-plus svg, .item-box-location svg {
    color: #f4b72a;
    margin-right: 10px;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: .20rem;
}
.green-section .item-box-bottom .item-box-bottom-btn {
  margin-left: auto; /* pousse ce flex-item à droite */
  text-align: right; /* optionnel si tu veux aligner le texte à droite */
}
.green-section .item-box-bottom-btn a {
    border-radius: 30px;
    border: 2px solid #f4b72a;
    position: relative;
    padding: 6px 10px;
    background: transparent;
    text-decoration: none;
    color: #f4b72a;
    font-weight: 500;
}

/*==Header Responsive=================================================*/

/* --- Brand (logo + textes) --- */
.navbar-brand {
  padding: 10px 15px;              /* Espace standard Bootstrap */
  height: 70px;                    /* Hauteur confortable */
  display: inline-block;           /* Assure un flux correct */
  white-space: nowrap;             /* Évite les retours de ligne sauvages */
}

.navbar-brand .logo-rounded {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 50%;              /* Effet rond */
  overflow: hidden;                /* Coupe l'image dans le rond */
  vertical-align: middle;
}

.navbar-brand .logo-rounded img {
  width: 100%;
  height: 100%;
  object-fit: cover;               /* Remplit le rond proprement */
}

.navbar-brand .brand-lines {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;               /* Espace entre logo et textes */
  line-height: 1.1;
}

/*.navbar-brand .heading-title {
  display: block;
  font-weight: 700;
  font-size: 16px;                 
}*/

/*.navbar-brand .heading-subtitle {
  display: block;
  font-size: 12px;
  opacity: 0.85;                   
}*/

/* --- Menu principal --- */
.navbar .nav > li > a {
  padding-top: 15px;
  padding-bottom: 15px;            /* Alignement vertical propre */
}

/* --- Boutons à droite --- */
/*.afsc-btn-yellow {
  background-color: #f4b72a;       
  color: #163D28;                  
  border-radius: 20px;
  padding: 8px 14px;
  margin: 8px 10px;                
  display: inline-block;
  font-weight: 600;
  text-decoration: none !important;
}

.afsc-btn-yellow:hover,
.afsc-btn-yellow:focus {
  background-color: #e5ab26;
  color: #0f2a1c;
}*/

/* Petite aide pour l'empilement full-width en XS si nécessaire */
@media (max-width: 767px) {
  .btn-block-xs {
    display: block !important;
    width: 100%;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-brand {
    height: auto;                  /* Laisse la brand respirer si 2 lignes */
  }
}

/* --- Optionnel : léger resserrage de la navbar par défaut --- */
.navbar-default {
  border: none;                    /* Enlève la bordure grise par défaut si tu veux un rendu plus "flat" */
  box-shadow: 0 1px 2px rgba(0,0,0,.06);
  background-color:transparent;
  margin:0;
}
.header-xs {
	display: flex;
    align-items: center;
    justify-content: space-between;
/*	padding-top: 1rem;
    padding-bottom: 1rem;*/
}
.logo-xs {
    display: flex;
    align-items: center;
}
.header-xs .heading-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    margin: 0;
    color: #fff;
	font-family:inherit;
}
.header-xs .heading-subtitle {
    font-size: 0.75rem;
    line-height: 1rem;
    color: rgb(184, 212, 195);
    padding: 0;
    border: none;
}
.header-xs .navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
}
.header-xs .navbar-toggle {
    border-color: rgb(184, 212, 195);
}
.header-xs .navbar-toggle .icon-bar {
    background-color: #FFF;
}
.header-xs .navbar-toggle:focus, .header-xs .navbar-toggle:hover {
    background-color: #ddd;
    background-color: transparent;
}
.menu-xs .navbar-nav>li>a {
    color: #FFF;
}
.menu-xs a.afsc-btn-yellow {
    color: #163D28 !important;
    border-radius: 999px;
}

/*==Member Area=================================================*/

/* Theme variables (faciles à ajuster) */
:root{
  --seg-bg: rgb(209 250 229);           /* fond du rail #f3f4f6*/
  --seg-border: #e5e7eb;       /* bordures légères */
  --seg-active-bg: #133d3c;    /* pastille active #ffffff*/
  --seg-active-text: #f4b72a;  /* texte actif #111827*/
  --seg-inactive-text: rgb(6 95 70);/* texte inactif #6b7280*/
  --seg-shadow: 0 2px 6px rgba(0,0,0,.08); /*0 2px 6px rgba(0,0,0,.08)*/
  --radius-xl: 999px;
}

/* Conteneur "rail" */
.segmented-nav{
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--seg-bg);
  padding: 4px;
  border-radius: 999px;
  border: 1px solid var(--seg-border);
  width: max-content;
  max-width: 100%;
  overflow-x: auto;             /* défilement horizontal sur mobile si besoin */
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  margin-top: 10px;
}

/* Pastilles */
.segmented-item{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  color: var(--seg-inactive-text);
  text-decoration: none;
  white-space: nowrap;
  border-radius: var(--radius-xl);
  transition: background .2s ease, color .2s ease, box-shadow .2s ease;
  outline: none;
}

.segmented-item .icon{
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: currentColor;           /* l'icône hérite de la couleur du texte */
  opacity: .9;
}

/* États : survol / focus */
.segmented-item:hover,
.segmented-item:focus{
  background: rgba(255,255,255,.6);
  color: #374151;
  text-decoration:none;
}

/* Actif */
.segmented-item.is-active,
.segmented-item[aria-selected="true"]{
  background: var(--seg-active-bg);
  color: var(--seg-active-text);
  box-shadow: var(--seg-shadow);
  box-shadow: 0 1px 15px rgba(0,0,0,.04), 0 1px 6px rgba(0,0,0,.04);
}

/* Responsive : le menu peut "wrap" sur 2 lignes si l'espace manque */
@media (max-width: 480px){
  .segmented-nav{
    flex-wrap: wrap;
    border-radius: 12px;        /* léger ajustement visuel en multi-lignes */
  }
  .segmented-item{
    flex: 1 1 auto;             /* chaque pastille peut s'étirer */
    justify-content: center;    /* centrage du label + icône */
    min-width: 160px;           /* lisible au doigt */
  }
}

/* Option : centrer le bloc dans une page */
.wrapper-center{
  display: flex;
  justify-content: center;
  padding: 16px;
}
.segmented-list{margin:0;padding:0;list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.segmented-list>li{display:flex}
.segmented-item{display:inline-flex;align-items:center}


/* ====== Section Messages ====== */
.messages-section,
.documents-section {
    padding: 24px 15px;
    background: #fff;
    border-radius: 0.75rem;
    margin: 30px 0;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .04), 0 1px 6px rgba(0, 0, 0, .04);
}
.documents-section {
    background: #163d28;
}

/* Header */
.messages-header {
  margin-bottom: 16px;
}
.messages-title {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  color: #0f172a; /* gris bleuté foncé */
}
.btn.btn-outline {
  background: #fff;
  border: 1px solid #e5e7eb;
  color: #111827;
  padding: 8px 14px;
  border-radius: 8px;
  font-weight: 600;
  margin-left: 8px;
}
.btn.btn-outline:hover,
.btn.btn-outline:focus {
  background: #f9fafb;
  border-color: #d1d5db;
  color: #111827;
}

/* ====== Cartes de messages ====== */
.message-list {
  margin: 0;
  padding: 0;
}
.message-card {
  margin-bottom: 12px; /* petit espace entre cartes */
}
.message-card-inner {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 18px;
  box-shadow: 0 1px 0 rgba(17,24,39,0.02);
}

/* Bandeau haut (expéditeur + badge) */
.message-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px dashed #e5e5e5;
}
.message-top p {margin-bottom:0;}

/* Expéditeur + meta */
.from-name {
	font-weight: 500;
    color: #111827;
    font-family: inherit;
}
.meta {
  color: #6b7280;
  margin-left: 4px;
}

/* Badge "New" */
.badge-new {
  background: #e0eaff;
  color: #3b82f6;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
}

/* Titre + extrait */
.message-title {
  font-size: 20px;
  margin: 6px 0 8px;
  color: #0b1324;
  font-weight: 700;
  font-family: inherit;
}
.message-excerpt {
  margin: 0;
  color: #4b5563;
  font-size: 15px;
  line-height: 1.6;
}

/* ====== Responsive Bootstrap 3 ====== */
@media (max-width: 767px) {
  .messages-title {
    font-size: 22px;
    margin-bottom: 8px;
  }
  .messages-header .btn {
    padding: 8px 12px;
  }
  .message-card-inner {
    padding: 14px;
    border-radius: 10px;
  }
  .message-title {
    font-size: 18px;
  }
  .badge-new {
    padding: 4px 8px;
    font-size: 11px;
  }
}

/* Optionnel : espacer davantage les cartes sur grands écrans */
@media (min-width: 992px) {
  .message-card + .message-card .message-card-inner {
    margin-top: 2px; /* effet de pile subtle */
  }
}

/* Accessibilité focus visible */
.message-card-inner:focus-within,
.btn.btn-outline:focus {
  outline: 3px solid rgba(59,130,246,.3);
  outline-offset: 2px;
}

/*======Section documents ============*/
.afsc-portal .page-contents {
 font-family:font-family: "Outfit", sans-serif;
}
/* Titre + sous-titre */
.mb-block-title{
  margin: 0 0 4px;
    font-size: 30px;
    font-weight: 600;
    font-family: inherit;
    color: #163d28;
}
.documents-section .mb-block-title{
    color: #FFF;
}
.mb-block-subtitle{
  margin: 0;
  font-size: 16px;
  color: #6b7280;           /* gris moyen */
}
.documents-section .mb-block-subtitle {
    color: rgb(184, 212, 195);
}
.docs-header-row {
    margin-bottom: 16px;
    background: transparent !important;
}

/* Bouton jaune (style pill) */
.btn-docs-cta{
  display: inline-block;
  background: #f4b72a;      /* jaune doré */
  color: #111827;           /* texte sombre */
  border: 1px solid rgba(0,0,0,0.06);
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.04);
  transition: background .2s ease, box-shadow .2s ease, transform .02s ease;
  margin-left: 8px;
}
.btn-docs-cta:hover,
.btn-docs-cta:focus{
  background: #e9ac22;      /* léger foncé au survol */
  color: #0f172a;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

/* Responsive (Bootstrap 3 breakpoints) */
@media (max-width: 767px){
  .docs-title{ font-size: 26px; }
  .docs-subtitle{ font-size: 15px; }

  /* Empiler le bouton en dessous, pleine largeur + alignement */
  .docs-header-row .text-right{ text-align: left; }
  .btn-docs-cta{
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 10px;
  }
}

/*==============================================================================*/
/*=============================================================================*/
/* --- Bloc métadonnées --- */
.doc-info {
  display: flex;
  flex-direction: column;
  gap: 6px;
  /*font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif;*/
  margin:10px 0 16px;
}

.info-item {
  display: flex;
  align-items: center;
  gap: 6px;               /* Espace réduit entre icône et texte */
  color: #374151;
  font-size: 13px;
  font-family:"Outfit", sans-serif  
}

.icon {
  width: 18px;
  height: 18px;
  fill: #4b5563;
  flex-shrink: 0;
}

/* --- Badge Confidential --- */
.confidential-badge {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  background: rgba(251, 91, 50, 0.1);          /* Rouge d'alerte #ef4444*/
  color: #FB5B32;
  font-size: 13px;
  /*font-weight: 700;*/
  padding: 5px 10px;
  border-radius: 999px;
  margin-top: 6px;
  width: fit-content;
  
/*  border-radius: 999px;
    background: rgba(251, 91, 50, 0.1);
    color: #FB5B32;*/
}

.lock-icon {
  width: 14px;
  height: 14px;
  fill: #FB5B32;
  flex-shrink: 0;
}

/* --- Responsive --- */
@media (max-width: 480px) {
  .doc-info { gap: 5px; }
  .info-item { font-size: 14px; gap: 3px; }
  .icon { width: 16px; height: 16px; }
  .confidential-badge {
    font-size: 12px;
    padding: 4px 8px;
  }
  .lock-icon { width: 13px; height: 13px; }
}
/*==============================================================================*/
/*=============================================================================*/
/* ===== Encapsulation : ne s'applique qu'à cette section ===== */
.members-section .afsc-eq-row {          /* n'affecte pas .row global */
  display: flex;                         /* égalise la hauteur des colonnes de CETTE rangée */
  flex-wrap: wrap;
  align-items: stretch;
}

/* Seules les colonnes directement dans cette rangée deviennent flex-containers */
.members-section .afsc-eq-row > [class*="col-"] {
  display: flex;                         /* permet à la carte de s'étirer */
  flex-direction: column;
}

/* La carte devient une colonne flex verticale */
.members-section .member-card{
  display: flex;
  flex-direction: column;
  width: 100%;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:14px;
  padding:16px;
  margin-bottom:24px;
  box-shadow:0 1px 0 rgba(0,0,0,.02);
  transition: box-shadow .2s ease, transform .02s ease;
}
.members-section .member-card:hover{
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  transform: translateY(-1px);
}

/* Le footer (tags) se colle en bas, quelle que soit la hauteur du contenu */
.members-section .member-card .tags{
  margin-top: 20px;                      /* ⭐ clé : pousse le footer en bas */
  display:flex; gap:8px; flex-wrap:wrap;
}

/* (le reste de tes styles existants, inchangés) */
.members-section .member-header{ display:flex; align-items:center; gap:12px; margin-bottom:10px; }
.members-section .avatar{ width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:800; color:#fff; background:#163D28; }
.members-section .name{ margin:0; font-size:18px; font-weight:800; color:#0f172a; }
.members-section .position{ display:flex; align-items:center; gap:6px; color:#374151; font-size:14px; font-weight:600; }
.members-section .meta{ list-style:none; margin:10px 0 0; padding:0; display:grid; grid-template-columns:1fr; gap:6px; }
.members-section .meta li{ display:flex; align-items:center; gap:6px; color:#4b5563; font-size:14px; }
.members-section .icon{ width:16px; height:16px; fill:currentColor; flex:0 0 16px; }
.members-section .tag{ display:inline-flex; align-items:center; gap:6px; background:#f3f4f6; color:#374151; border:1px solid #e5e7eb; padding:6px 10px; border-radius:999px; font-size:12px; font-weight:700; }
.members-section .tag-role{ background:#fde68a; border-color:#fcd34d; color:#7c5200; }
.members-section .tag-wg{ background:#d1fae5; border-color:#a7f3d0; color:#065f46; }

/* Optionnel : petite min-height pour un rendu ultra régulier sur desktop */
@media (min-width:768px){
  .members-section .member-card{ min-height: 260px; }
}


/* ===== Scoped styles (n'impacte pas Bootstrap) ===== */
/* ===== Scoped component styles ===== */
.afsc-regions, .members-section .view-filters{
  --rail-bg: #f5f6f7;          
  --rail-border: #eceef0;      
  --item-txt: #6b7280;         
  --item-txt-active: #0f172a;  
  --item-bg-active: #ffffff;   
  --item-border: #e5e7eb;      
  --item-shadow: 0 1px 2px rgba(0,0,0,.06);

  background: var(--rail-bg);
  border: 1px solid var(--rail-border);
  border-radius: 12px;
  padding: 4px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
      margin: 30px 0;
}

/* UL reset */
.afsc-region-list, .members-section .view-filters ul {
  display: flex;
  align-items: center;
  gap: 18px;
  list-style: none;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

/* Items */
.afsc-region, .members-section .view-filters ul a {
  display: inline-block;
  padding: 8px 12px;
  border-radius: 10px;
  color: var(--item-txt);
  text-decoration: none;
  font-weight: 600;
  line-height: 1;
  transition: color .15s ease, background .15s ease, box-shadow .15s ease, border-color .15s ease;
  border: 1px solid transparent;
}

.afsc-region:hover,
.afsc-region:focus{
  color: #374151;
  outline: none;
}

/* Active item */
.afsc-region.is-active,
.afsc-region[aria-selected="true"], .members-section .view-filters ul a.bef-link--selected{
  background: var(--item-bg-active);
  color: var(--item-txt-active);
  border-color: var(--item-border);
  box-shadow: var(--item-shadow);
}
.members-section .view-filters .form-actions {
  display: none;
}
.members-section .view-filters .js-form-item {
    margin: 0;
    padding: 0;
}
.afsc-portal .region-content .view-header {
    padding: 0;
}
/* Responsive: slightly tighter on mobile */
@media (max-width: 600px){
  .afsc-region-list{
    gap: 10px;
  }
  .afsc-region{
    padding: 7px 10px;
    font-size: 14px;
  }
}

/*==============================================================================*/
/*=============================================================================*/
/*AFSC Organizational Structure*/

/* =================== THEME =================== */
/* =============== Palette & base =============== */
.org-clean {
  --green-900: #163D28;
  --green-050: #EAF6F0;   /* mint très clair (fonds) */
  --green-100: #D7F0E3;   /* mint clair (bandes) */
  --green-200: #BFE6D4;   /* hover doux */
  --ink: #0f172a;
  --muted: #6b7280;
  --border: #e5e7eb;
  --card: #ffffff;
  --gold: #f4b72a;
  --radius: 14px;
  --shadow: 0 1px 3px rgba(0,0,0,.06);
  --shadow-lg: 0 10px 30px rgba(0,0,0,.08);
  /*font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;*/
  color: var(--ink);
  background: #fff;
  padding: 24px 0 36px;
  display:inline-block
}

.orgc-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 18px;
}

.orgc-header {
  margin-bottom: 10px;
  text-align: center;
}

.orgc-header h1 {
  margin: 0 0 4px;
  font-size: 28px;
  font-weight: 900;
  color: var(--green-900);
}

.orgc-sub {
  margin: 0;
  color: var(--muted);
}

/* =============== Layout =============== */
.orgc-row {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
  margin: 14px 0;
}

/* ✅ Correction : rapprocher "Secretariat" et "AFSC" */
.orgc-row--split {
  justify-content: center; /* centre les éléments */
  gap: 24px;               /* espace réduit entre eux */
}

/* Double colonnes Chair / Vice-Chair */
.orgc-row--double > .orgc-card {
  flex: 1 1 340px;
  max-width: 520px;
  background: #133d3c;
  color: #fff;
}
.orgc-row--double > .orgc-card:hover {
    background: #133d3c;
}
/* =============== Bandes (rubans fins) =============== */
.orgc-band {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  border-radius: 999px;
  padding: 10px 16px;
  min-width: min(96%, 980px);
  border: 1px solid var(--border);
  background: #f9fafb;
  box-shadow: var(--shadow);
}

.orgc-band--mint {
  background: var(--green-100);
  border-color: #cde8d8;
}

.orgc-band--line {
  background: #0cb45a/*#f9fafb*/;
  color: #FFF;
}

.orgc-band--muted {
  color: #FFF/*#374151*/;
  border-style: dashed;
  border-color: #e3e5e7;
}

.orgc-title {
  font-weight: 800;
  letter-spacing: .2px;
}

.orgc-ico svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.orgc-ico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  color: var(--green-900);
  background: var(--green-050);
}

/* =============== Chip latéral =============== */
.orgc-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--green-100);
  border: 1px solid #cde8d8;
  color: #1f2b21;
  font-weight: 800;
  flex-shrink: 0;
  margin-right: 0;
}

.orgc-chip-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--green-900);
}

/* =============== Cartes =============== */
.orgc-card {
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 14px 16px;
  box-shadow: var(--shadow);
  transition: transform .12s ease, box-shadow .2s ease, background .2s ease;
}

.orgc-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
  background: #f4b72a;
}
.orgc-afsc-card {
    background: #f4b72a;
}
.orgc-card--center {
  min-width: min(96%, 760px);
  text-align: center;
}

.orgc-card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
}

.orgc-card-head h2,
.orgc-card-head h3 {
  margin: 0;
  font-weight: 900;
}

.orgc-card-head h2 {
  font-size: 22px;
  color: var(--green-900);
}

.orgc-card-head h3 {
  font-size: 18px;
  color: #f4b72a;
}

.orgc-ico--green {
  color: #fff;
  background: var(--green-900);
}

.orgc-note {
  margin: 6px 0 0;
  color: #fff;/*#374151*/;
  text-align: center;
}

/* =============== Grille des régions =============== */
.orgc-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(5, minmax(180px, 1fr));
  width: 100%;
}
.orgc-grid-6 {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(6, minmax(150px, 1fr));
  width: 100%;
}
.orgc-tile {
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px 14px;
  box-shadow: var(--shadow);
  transition: background .2s ease, border-color .2s ease,
              transform .12s ease, box-shadow .2s ease;
}

.orgc-tile:hover {
  background: var(--green-050);
  border-color: #dfe8e2;
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
}

.orgc-tile-head {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.orgc-tile-head h4 {
  margin: 0;
  font-size: 15px;
  font-weight: 800;
  color: var(--ink);
}

.orgc-inst {
  margin: 0;
  color: #475569;
  font-size: 14px;
}

.orgc-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--green-900);
}

/* =============== Suppression des connecteurs verticaux =============== */
.orgc-row::before {
  content: none !important;
}

/* =============== Responsive =============== */
@media (max-width: 1100px) {
  .orgc-grid {
    grid-template-columns: repeat(3, minmax(180px, 1fr));
  }
}

@media (max-width: 820px) {
  .orgc-card--center {
    min-width: 100%;
  }
  .orgc-grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
  }
}

@media (max-width: 540px) {
  .orgc-header h1 {
    font-size: 24px;
  }
  .orgc-grid {
    grid-template-columns: 1fr;
  }
  .orgc-band {
    min-width: 100%;
  }
  .orgc-row--split {
    gap: 12px;
  }
}

/* =============== About Us =============== */
/* Card container */
.fsr-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px 28px;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}

/* Title */
.fsr-title {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 22px;
  font-weight: 700;
  color: #0f172a;
}

/* Description */
.fsr-description {
  color: #374151;
  font-size: 15px;
  margin-bottom: 20px;
  line-height: 1.6;
}
/* Focus section */
.fsr-focus {
  border-left: 3px solid #34d399;
  padding-left: 18px;
  margin-top: 30px;
}

/* Title */
.fsr-focus h4 {
  margin-top: 0;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 700;
  color: #0f172a;
}

/* Single UL as grid */
.fsr-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.fsr-list-no-grid li {
  margin: 12px 0;
}
.fsr-list-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 40px; /* row gap | column gap */
}

/* Each LI takes half width (2 columns) */
.fsr-list-grid li {
  display: flex;
  align-items: center;
  gap: 10px;
  width: calc(50% - 20px);
  font-size: 15px;
  color: #374151;
}

/* Check icon */
.fsr-icon {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #10b981;
  color: #10b981;
  font-size: 12px;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Mobile: single column */
@media (max-width: 767px) {
  .fsr-list-grid li {
    width: 100%;
  }
}
/* =========================================================
   NEW STYLES (spécifiques aux cards "Focus Areas")
   ========================================================= */

/* Row spacing for cards */
.fsr-cards-row {
  margin-top: 30px;
}

/* Ensure equal height cards */
.fsr-card-focus {
  height: 100%;
}

/* Card header (icon + title) */
.fsr-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

/* Icon container */
.fsr-card-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  background: #d7f0e3;
  color: #163d28;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* SVG icons */
.fsr-card-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #163d28;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Card title */
.fsr-card-title {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  color: #0f172a;
}

/* Card paragraph */
.fsr-card-text {
  font-size: 14.5px;
  color: #374151;
  line-height: 1.6;
  margin-bottom: 14px;
}

/* Bullet list */
.fsr-bullet-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.fsr-bullet-list li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 8px;
  font-size: 14.5px;
  color: #374151;
}

/* Green bullet */
.fsr-bullet-list li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #10b981;
  font-size: 18px;
  line-height: 1;
}

/* =========================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================= */

@media (max-width: 767px) {
  .fsr-card {
    margin-bottom: 20px;
  }
}
/* =========================================================
   NEW STYLES (Stress Testing block specific)
   ========================================================= */

/* Left vertical accent */
.fsr-card-stress {
  position: relative;
  border-left: 4px solid #065f46;
  margin: 30px 0;
}
.fsr-card-stress .fsr-focus {
  border-left: none;
}
/* Header with icon */
.fsr-stress-header {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* Stress icon container */
.fsr-stress-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #e6f7f0;
  color: #065f46;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* SVG icon style */
.fsr-stress-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
}

/* =========================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================= */

@media (max-width: 767px) {
  .fsr-list-grid li {
    width: 100%;
  }

  .fsr-card {
    padding: 22px 20px;
  }

  .fsr-title {
    font-size: 20px;
  }
}
/* =========================================================
   NEW STYLES (Core Functions section)
   ========================================================= */
.fsr-col {
  margin-bottom: 24px; /* espace vertical entre les cards */
}

/* Section heading */
.fsr-section-title {
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 8px;
  color: #0f172a;
}

.fsr-section-intro {
  font-size: 15.5px;
  color: #374151;
  margin-bottom: 28px;
  max-width: 860px;
}

/* Cards spacing */
.fsr-cards-row {
  margin-bottom: 10px;
}

/* Function card specific */
.fsr-function-card {
  height: 100%;
}

.fsr-card-header p {
    margin: 0;
}
.fsr-card-header .fsr-card-icon i {
    height: 22px;
    width: 22px;
    font-size: 24px;
}
/* Icon container */
.fsr-card-icon {
  width: 44px;
  height: 44px;
  border-radius: 10px;
  background: #D1FAE5;
  color: #065f46;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* SVG icon */
.fsr-card-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Responsive spacing */
@media (max-width: 767px) {
  .fsr-card {
    margin-bottom: 20px;
  }

  .fsr-section-title {
    font-size: 24px;
  }
}
/* =========================================================
   NEW STYLES (AFSC Chair Representatives block)
   ========================================================= */

.fsr-chair-card {
  position: relative;
  border-left: 4px solid #065f46;
}
.fsr-chair-card--top {
  border-left: none;                 /* neutralise visuellement */
  border-top: 5px solid #059669;     /* accent en haut */
}
/* Header layout */
.fsr-chair-header {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  margin-bottom: 8px;
}

/* Icon container */
.fsr-chair-icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #d7f0e3;
  color: #065f46;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* SVG icon */
.fsr-chair-icon svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* =========================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================= */

@media (max-width: 767px) {
  .fsr-chair-header {
    flex-direction: column;
    gap: 12px;
  }

  .fsr-list-grid li {
    width: 100%;
  }

  .fsr-card {
    padding: 22px 20px;
  }

  .fsr-title {
    font-size: 20px;
  }
}

/* Section background */
.fsr-contact-section {
  background: #e6fbf1; /* vert très clair comme sur l'image */
  padding: 60px 15px;
}

/* Centered content */
.fsr-contact-content {
  text-align: center;
  max-width: 760px;
  margin: 0 auto;
}

/* Title */
.fsr-contact-title {
  font-size: 32px;
  font-weight: 800;
  margin-bottom: 14px;
  color: #163d28;
}

/* Text */
.fsr-contact-text {
  font-size: 16px;
  color: #374151;
  margin-bottom: 30px;
  line-height: 1.6;
}

/* Button */
.fsr-contact-btn {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: #065f46;
  color: #f4b72a;
  padding: 14px 28px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s ease, transform 0.15s ease;
}

.fsr-contact-btn:hover,
.fsr-contact-btn:focus {
  background: #064e3b;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-1px);
}

/* Button icon */
.fsr-contact-btn-icon {
  display: inline-flex;
  align-items: center;
}

.fsr-contact-btn-icon svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* =========================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================= */

@media (max-width: 767px) {
  .fsr-contact-section {
    padding: 40px 15px;
  }

  .fsr-contact-title {
    font-size: 26px;
  }

  .fsr-contact-text {
    font-size: 15px;
  }
}

.afsc-portal .form-actions #edit-submit {
    background-color: #133d3c;
    color: #f4b72a;
	border: none;
}


.wf-state {
  display: inline-block;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 10px;
}

.wf-draft {
  background-color: #e0e0e0;
  color: #333;
}

.wf-under-review {
  background-color: #fff3cd;
  color: #856404;
}

.wf-approved {
  background-color: #d4edda;
  color: #155724;
}

.wf-rejected {
  background-color: #f8d7da;
  color: #721c24;
}

.afsc-portal .field__label {
    font-weight: 600;
    margin-top: 10px;
}
/* Button Edit Content */
.views-field-edit-node .field-content a {
    margin: 0px 0 0 10px;
    padding: 4px;
    border-radius: 4px;
    border: 1px solid #e5e7eb;
    background: #FFF;
}
/* Block edit - Retrait du tab revision */

.role-afsc_secretariat form .js-form-type-vertical-tabs {display:none}