.h4 {
	font-weight: 800;
    font-size: 2rem;
    line-height: 2.62rem;
    color: var(--main-color);
}

.warning {
    justify-content: center;
}

.info {
    justify-content: center;
    display: inline-flex;
}

.subprice {
    color: orangered;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.red {
    color: var(--main-danger-color) !important;
}

.flex-hor-center {
    display: flex;
    justify-content: center;
}

.flex-vert-center {
    display: flex;
    align-items: center;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.border-none {
	border: none !important;
}

abbr[title] {
	text-decoration: none;
}

.pre-footer {
	background-color: var(--main-color);
	padding: 16px 24px;
	display: flex;
	justify-content: center;
}

.pre-footer a {
	color: var(--white-color);
	text-decoration: none;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
}

.pre-footer a:hover {
	text-decoration: underline;
}

.layout-sidebar {
	margin-left: 72px;
	padding-top: 6rem;
	min-height: 90rem;
}

.layout-sidebar .portlet h1 {
	margin-top: 0;
}

.layout-sidebar .form-row p {
	line-height: 22px;
	margin-bottom: 8px;
}

.layout-sidebar .row p {
	line-height: 22px;
	margin-bottom: 8px;
}

.main-header ~ .main-service-title {
	z-index: 1;
}

.main-header ~ .main-service-title ~ #main {
	margin-top:7.6rem;
}

.btn-primary:hover figcaption, .btn-primary:hover figcaption * {
	background-color: transparent !important;
}

#main-banner-1{
    display:none;
}

#main-menu-sidebar{
    box-shadow: none;
    width: 30rem;
    padding:0 8px;
    top: 14rem;
}

#main-menu-sidebar hr {
	border-top: 1px solid #f2f2f2;
}

#main-menu-sidebar .navbar-nav li a{
    color: var(--main-color);
    text-decoration: none;
    font-weight: 400;
    line-height: 24px;
}

#main-menu-sidebar .nav-item .nav-link {
	padding: 12px 6px;
	width: 100%;
}

#main-menu-sidebar .navbar-nav li.active a {
    color: var(--main-info-color);
    font-weight: bold;
}

#main-menu-sidebar .navbar-nav li.active i{
    fill: var(--main-info-color);
}

#main-menu-sidebar .navbar-nav li:hover {
    background-color: #F6F6F6;
}

.custom-section {
	border-bottom: 1px solid var(--white-strong-color);
}

.custom-section hr {
	border-top: 1px solid var(--white-strong-color) !important;
    margin-top: 8px !important;
    margin-bottom: 16px;
}

.add-info-container {
	background-color: var(--white-strong-color);
	padding: 32px;
}

.sidebar-nav h4{
    margin: 8px 0;
    font-size:16px;
    line-height: 20px;
    padding: 12px 0 8px;
}

.help-menu-item {
	margin-top: 24px;
}

.banner.welcome-banner{
    background-repeat: no-repeat;
    background-position: center;
    height:30rem;
    top:0;
}

#accnotification-accordeon .notification-image-container{
    position: relative;
    margin-right: 16px;
    padding: 3px 0;
}

#accnotification-accordeon .notification-number{
    position: absolute;
    top: 0px;
    right: -6px;
    margin: 0;
    height: 16px;
    width: 16px;
    background-color: var(--main-danger-color);
    border-radius: 50%;
    text-decoration: none;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid white;
    font-size: 10px;
}

#accnotification-accordeon .card-body{
    padding: 0;
}

.card-body hr {
	border-top: 1px solid var(--white-strong-color);
}

.menu-icon{
    width:5%;
    display:flex;
    justify-content:center;
    position:relative;
    top: -2.5px
}

.notif-pill{
    width: 12px;
    height: 12px;
    background-color: var(--main-danger-color);
    position: absolute;
    top: 0;
    right: -8px;
    border-radius: 50%;
    border: 2px solid var(--white-color);
}

.tab-dropdown{
    position: absolute;
    bottom: 10px;
    right: 0;
    width: 25%;
}

#inscriptionsInfo .accordion .card-header[aria-expanded="true"]{
    background-color:var(--main-color);
    box-shadow:none;
}

#inscriptionsInfo .accordion .btn{
    box-shadow:none;
}

#inscriptionsInfo .accordion .card-header[aria-expanded="true"] h3.card-title{
    color:white;
}

#inscriptionsInfo .accordion .card-header[aria-expanded="true"] .btn-accordion svg{
    fill: white;
}

.activites-checkbox-list{
    flex-wrap: wrap;
    max-height:900px;
}

.banner-header {
	border: 2px solid var(--main-color);
	padding: 28px 32px;
}

.banner-header a {
	fill: var(--main-danger-color);
}

.custom-tab .tab-pane {
	padding: 2rem 0;
}

.custom-tab .nav-tabs .nav-item {
	padding: 20px 0 1px 0;
}

@media (max-width: 1300px){
    .activites-checkbox-list{
        flex-wrap: nowrap;
        max-height:none;
    }
}

@media (max-width: 767.98px){
    .main-header ~ .main-service-title ~ #main{
        margin-top:0;
        padding-top:0;
    }
    
    .layout-sidebar {
		margin-left: 0;
	}
    
    .navbar-collapse{
        padding-top:90px;
    }

    .main-header ~ .main-service-title{
        margin-top: 5.25rem;
    }

    .sidebar-nav .bi{
        display: none;
    }
    .main-header .navbar-nav{
        margin-top: 0;
    }
    .main-header .navbar-nav .nav-item{
        border: none;
        height: 58px;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .main-header .navbar-nav .nav-item::after{
        top:22px;
    }

    .sidebar-nav h4, .navbar-main h4{
        color: var(--white-color);
        margin-bottom:0;
        padding-left:17px;
        font-size: 1.8rem;
    }

    .navbar-main hr{
        border-top: 2px solid white;
        width: 93%;
    }

    .main-header .navbar-nav .nav-link{
       font-weight:400;
       font-size:1.6rem;
    }

    .main-header .help-menu-item.navbar-nav{
        margin-bottom: 32px;
    }

    .notif-pill{
        position:initial;
        width: 15px;
        height: 15px;
        display:flex;
        align-items: center;
        justify-content: center;
    }

    .tab-dropdown{
        position: initial;
        width: 100%;
        margin-top:16px;
    }

    .help-menu-item .link-label{
        color: white;
    }
    .help-menu-item{
        margin: 0 1.7rem;
    }
    
    .button-full-width-mobile {
    	width: 100%;
    }
}

.btn-button-link-modal .btn-label {
    color: var(--main-danger-color);
    text-decoration: underline;
    font-weight: 400;
    font-size: 1.6rem;
}

.btn-button-link-modal:hover .btn-label {
    color: var(--main-color) ;
    text-decoration: none ;
}

.invalid-feedback-form {
    width: 100%;
    margin-top: .25rem;
    font-size: .875em;
    color: #dc3545;
}

.custom-btn-action {
    color: white !important;
}

.custom-btn-action:hover {
    color: var(--main-danger-color) !important;
}

.custom-title-border {
	padding-bottom: 8px;
	border-bottom: .6rem solid var(--gray-op3-color);
}

.accordion .card.with-border {
	border-color: var(--white-strong-color);
}

.accordion .card.with-border .collapse.show {
	border-top-color: var(--white-strong-color);
}

.card.no-shadow {
	border: 1px solid var(--white-strong-color);
}

#certificationInfoModal .modal-footer {
	justify-content: center;
}
.btn-link-action {
	fill: var(--main-danger-color);
}

.btn-link-action:hover, .btn-link-action:active, .btn-link-action:focus {
	fill: var(--white-color);
}