You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1646 lines
32 KiB
1646 lines
32 KiB
@font-face {
|
|
font-family: TheAntiquaB;
|
|
src: url(../fonts/TheAntiquaB-C2sOT/TheAntiquaB-W5Plain.otf);
|
|
}
|
|
@font-face {
|
|
font-family: TheAntiquaBW5Plain;
|
|
src: url(../fonts/TheAntiquaB-C2sOT/TheAntiquaB-W5Plain.otf);
|
|
}
|
|
@font-face {
|
|
font-family: "Marr Sans";
|
|
src: url(../fonts/marr-sans/MarrSans-Regular.otf) format("opentype");
|
|
}
|
|
/* html {
|
|
scroll-padding-top: 70px;
|
|
} */
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
.topnav {
|
|
border-bottom: 1px solid rgba(252, 252, 253, 0.15);
|
|
/* background: #01364F; */
|
|
}
|
|
.topnav .dropdown button {
|
|
color: white;
|
|
}
|
|
.topnav.scrolled .dropdown button {
|
|
color: #2A303C;
|
|
}
|
|
.topnav.scrolled {
|
|
border-bottom: 1px solid rgba(252, 252, 253, 0.15);
|
|
background: white!important;
|
|
}
|
|
.topnav .logo {
|
|
filter: invert(1) brightness(200%);
|
|
}
|
|
.topnav.scrolled .logo {
|
|
filter: none;
|
|
}
|
|
.topnav .mc-login-btn img {
|
|
filter: invert(1) brightness(200%);
|
|
}
|
|
.topnav.scrolled .mc-login-btn img {
|
|
filter: none;
|
|
}
|
|
.topnav .mc-login-btn span {
|
|
color: #fff;
|
|
}
|
|
.topnav.scrolled .mc-login-btn span {
|
|
color: #2A303C;
|
|
}
|
|
.topnav button.navbar-toggler{
|
|
color: #fff;
|
|
display: none;
|
|
}
|
|
|
|
.bg-atelier {
|
|
background: #01364F;
|
|
}
|
|
.bg-enligne {
|
|
background: #025e72;
|
|
}
|
|
|
|
/* BANNER */
|
|
|
|
.backtohome {
|
|
padding: 24px 20px!important;
|
|
}
|
|
.backtohome a {
|
|
color: #fff;
|
|
font-family: "Marr Sans";
|
|
}
|
|
.backtohome a img{
|
|
vertical-align: -1px!important;
|
|
margin-right: 4px;
|
|
}
|
|
#return_action_link {
|
|
left: unset!important;
|
|
color: #fff!important;
|
|
opacity: 1!important;
|
|
}
|
|
a.return-action {
|
|
color: #FCFCFD;
|
|
opacity: 0.7;
|
|
}
|
|
.banner-links{
|
|
padding: 24px 20px!important;
|
|
}
|
|
.banner-links a {
|
|
color: #fff!important;
|
|
font-family: "Marr Sans";
|
|
font-size: 15px;
|
|
}
|
|
.current-page {
|
|
font-weight: 500;
|
|
}
|
|
.banner-links a.return-action img{
|
|
vertical-align: -1px!important;
|
|
margin-right: 4px;
|
|
}
|
|
.share-action img {
|
|
margin-left: 4px;
|
|
}
|
|
.event-details-header {
|
|
min-height: 300px;
|
|
/* background: #01364F; */
|
|
display: flex;
|
|
padding-top: 40px;
|
|
padding-bottom: 60px;
|
|
}
|
|
.mc-event-banner {
|
|
justify-content: space-between;
|
|
}
|
|
.mc-event-banner div {
|
|
color: #fff;
|
|
}
|
|
.mc-event-speaker {
|
|
font-family: "Marr Sans Cond";
|
|
color: #fff;
|
|
font-size: 54px;
|
|
font-weight: 500;
|
|
max-width: 480px;
|
|
line-height: 52px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.mc-event-title {
|
|
font-family: "Marr Sans";
|
|
color: #fff;
|
|
font-size: 28px;
|
|
font-weight: 400;
|
|
line-height: 40px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.topScroller {
|
|
position: relative;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.dummy-btn {
|
|
position: absolute;
|
|
height: 100%;
|
|
width: 100%;
|
|
background: transparent;
|
|
z-index: 1;
|
|
cursor: pointer;
|
|
}
|
|
/* .mc-btn-block.topScroller:hover {
|
|
opacity: 0.7;
|
|
} */
|
|
.mc-banner-img {
|
|
/* height: 100%; */
|
|
height: 347px;
|
|
}
|
|
.mc-banner-img img {
|
|
width: 576px;
|
|
height: 347px;
|
|
object-fit: cover;
|
|
border-radius: 8px;
|
|
}
|
|
.mc-video-img-container {
|
|
position: relative;
|
|
height: 100%;
|
|
border-radius: 8px;
|
|
/* background: black; */
|
|
}
|
|
.mobile-overlay-video {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 300px;
|
|
/* background-color: rgba(0,0,0,0.1); */
|
|
border-radius: 8px;
|
|
bottom: 8px;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.overlay-video {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
/* background-color: rgba(0,0,0,0.1); */
|
|
border-radius: 8px
|
|
}
|
|
.overlay-content {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
color: white;
|
|
transform: translate(-50%,-50%);
|
|
-ms-transform: translate(-50%,-50%);
|
|
text-align: center;
|
|
z-index: 1;
|
|
}
|
|
.overlay-content img {
|
|
height: 30px!important;
|
|
width: 30px!important;
|
|
margin-bottom: 8px;
|
|
}
|
|
.mc-icon {
|
|
height: 20px;
|
|
width: 20px;
|
|
}
|
|
.banner-info {
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 13px;
|
|
flex-wrap: wrap;
|
|
}
|
|
.banner-info .flex-item {
|
|
align-items: center;
|
|
margin-right: 10px;
|
|
/* margin-bottom: 8px */
|
|
}
|
|
.banner-info .flex-item > div {
|
|
margin-left: 8px;
|
|
margin-top: 5px;
|
|
}
|
|
.banner-info .mc-date-duration,
|
|
.info-item .mc-date-duration{
|
|
text-transform: capitalize;
|
|
}
|
|
|
|
.banner-info .flex-item:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.mc-banner-details .flex-item {
|
|
display: inline-flex;
|
|
/* border-right: 1px solid #fff; */
|
|
/* line-height: 24px; */
|
|
/* padding-right: 10px;
|
|
margin-right: 10px; */
|
|
color: #fff;
|
|
font-weight: 500;
|
|
|
|
/* margin-bottom: 8px; */
|
|
}
|
|
.flex-item.event-max-place.font-weight-bold {
|
|
padding-right: 10px;
|
|
padding-left: 10px;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
border-right: 1px solid #fff;
|
|
border-left: 1px solid #fff;
|
|
}
|
|
.mc-banner-details .flex-item.event-city {
|
|
padding-left: 0;
|
|
}
|
|
.mc-banner-details .flex-item.event-session {
|
|
padding-right: 0;
|
|
border-right: 0;
|
|
}
|
|
.mc-btn-block {
|
|
margin-top: 24px;
|
|
}
|
|
.mc-banner-btn span {
|
|
font-size: 13px;
|
|
}
|
|
.mc-btn-status {
|
|
background: transparent;
|
|
color: #fff!important;
|
|
border: 1px solid #fff;
|
|
padding: 8px 16px;
|
|
border-radius: 4px;
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
}
|
|
.mc-btn-status[disabled="disabled"] {
|
|
pointer-events: none!important;
|
|
}
|
|
|
|
.workshop-details-container {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.event-details {
|
|
margin-top: 3rem
|
|
}
|
|
.event-details .mc-event-video, .event-details .mc-event-apprendre,
|
|
.event-details .mc-event-author, .event-details .mc-event-comments {
|
|
margin-top: 3rem;
|
|
}
|
|
.event-details .mc-author-awards, .event-details .mc-author-works {
|
|
margin-top: 1.5rem
|
|
}
|
|
p {
|
|
font-family: TheAntiquaB;
|
|
line-height: 30px;
|
|
color: #464F5F;
|
|
margin-bottom: 24px;
|
|
font-size: 18px;
|
|
}
|
|
p:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.mc-content-text {
|
|
font-family: TheAntiquaBW5Plain;
|
|
line-height: 30px;
|
|
color: #464F5F;
|
|
font-size: 18px;
|
|
}
|
|
.mc-content-text p{
|
|
font-family: TheAntiquaBW5Plain;
|
|
line-height: 30px;
|
|
color: #464F5F;
|
|
font-size: 18px;
|
|
margin-bottom: 24px;
|
|
}
|
|
.workshop-info-lists {
|
|
margin-top: 16px;
|
|
}
|
|
|
|
.workshop-info-items {
|
|
border-bottom: 1px solid #E8EAEE;
|
|
padding-bottom: 24px;
|
|
display: none;
|
|
}
|
|
|
|
.info-item {
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
margin-top: 16px;
|
|
}
|
|
.info-item > div{
|
|
font-family: 'Marr Sans';
|
|
font-style: normal;
|
|
font-weight: 500;
|
|
font-size: 15px;
|
|
line-height: 24px;
|
|
margin-left: 8px;
|
|
color: #2A303C;
|
|
}
|
|
|
|
/* AUTHOR WORKS */
|
|
.author-works-carousel.card-deck {
|
|
margin: 0;
|
|
}
|
|
|
|
.author-works-carousel.card-deck .card.col-lg-3 {
|
|
padding-left: 0;
|
|
padding-right: 24px;
|
|
}
|
|
|
|
.author-works-carousel.card-deck .card img {
|
|
height: 235px;
|
|
object-fit: fill;
|
|
width: 100%;
|
|
border-radius: 0;
|
|
}
|
|
.author-works-carousel .book-title{
|
|
font-size: 14px;
|
|
text-align: center;
|
|
/* height: 50px; */
|
|
color: #2A303C;
|
|
font-family: "Marr Sans";
|
|
line-height: 18px;
|
|
font-weight: bold;
|
|
margin: 8px auto 0 auto;
|
|
max-width: 160px;
|
|
}
|
|
.author-works-carousel .card-footer {
|
|
background: white;
|
|
border: 0;
|
|
text-align: center;
|
|
padding: 12px 0 0 0;
|
|
}
|
|
.author-works-carousel .card-footer a.mc-card-link {
|
|
font-size: 14px;
|
|
color: #005B85;
|
|
text-align: center;
|
|
text-decoration: underline;
|
|
}
|
|
.author-works-carousel .slick-track {
|
|
display: flex!important;
|
|
height: 100%!important;
|
|
}
|
|
.author-works-carousel .slick-slide {
|
|
display: flex!important;
|
|
height: auto!important;
|
|
}
|
|
.author-works-carousel .slick-slide > div {
|
|
display: flex!important;
|
|
}
|
|
.author-works-carousel .slick-slide div .card{
|
|
display: flex!important;
|
|
}
|
|
|
|
.author-works-carousel .slick-list {
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* AUTHOR AWARDS */
|
|
.mc-block-subtitle {
|
|
font-family: "Marr Sans Cond";
|
|
font-size: 16px;
|
|
}
|
|
.mc-author-awards ul {
|
|
padding-left: 0;
|
|
}
|
|
.mc-author-awards ul li {
|
|
list-style-type: none;
|
|
font-size: 20px;
|
|
font-family: "Marr Sans Cond";
|
|
color: #005B85;
|
|
line-height: 2em;
|
|
}
|
|
|
|
/* EVENT LOCATION */
|
|
.mc-event-location {
|
|
color: #2A303C;
|
|
font-size: 18px;
|
|
}
|
|
.landmark {
|
|
color: #000;
|
|
font-weight: 500;
|
|
margin-right: 10px;
|
|
}
|
|
.landmark .min {
|
|
font-weight: 400;
|
|
color: rgba(0,0,0,0.5);
|
|
}
|
|
.event-landmarks {
|
|
font-size: 16px;
|
|
}
|
|
iframe {
|
|
width:100%;
|
|
height:100%;
|
|
}
|
|
.event-map {
|
|
margin-bottom: 24px;
|
|
}
|
|
.venue-main-img {
|
|
margin-bottom: 24px;
|
|
}
|
|
.venue-img img {
|
|
width: 100%;
|
|
height: 300px;
|
|
max-height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
.venue-img .slick-slide {
|
|
margin-left: 24px;
|
|
}
|
|
.credit-img {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
padding: 5px 10px;
|
|
font-size: 10px;
|
|
background: rgba(0,0,0,0.4);
|
|
color: white;
|
|
}
|
|
/* COMMENTS */
|
|
.mc-event-comments > .d-flex {
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.mc-event-comments .mc-block-title {
|
|
padding-bottom: 0;
|
|
}
|
|
.comment-lists {
|
|
margin-top: 24px;
|
|
}
|
|
.comment-lists .card {
|
|
background: #F5F6F8;
|
|
padding: 16px 16px 30px 16px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.comment-lists .card-header {
|
|
background: transparent;
|
|
padding: 0 0 10px 0;
|
|
color: #464F5F;
|
|
}
|
|
.comment-lists .card-body {
|
|
font-family: TheAntiquaB;
|
|
color: #464F5F;
|
|
line-height: 27px;
|
|
padding-top: 10px;
|
|
color: #464F5F;
|
|
font-size: 17px;
|
|
}
|
|
|
|
.rate:not(:checked) > input {
|
|
display: none;
|
|
}
|
|
.rate:not(:checked) > label {
|
|
float: right;
|
|
width: 16px;
|
|
/* overflow: hidden; */
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
font-size: 20px;
|
|
color: #D5D8DC;
|
|
margin-bottom: 0;
|
|
}
|
|
.rate:not(:checked) > label:before {
|
|
content: '★ ';
|
|
}
|
|
.rate > input:checked ~ label {
|
|
color: #005B85;
|
|
}
|
|
.rate:not(:checked) > label:hover,
|
|
.rate:not(:checked) > label:hover ~ label {
|
|
color: #005B85;
|
|
}
|
|
.rate > input:checked + label:hover,
|
|
.rate > input:checked + label:hover ~ label,
|
|
.rate > input:checked ~ label:hover,
|
|
.rate > input:checked ~ label:hover ~ label,
|
|
.rate > label:hover ~ input:checked ~ label {
|
|
color: #005B85;
|
|
}
|
|
|
|
|
|
/* SIMILAR EVENTS */
|
|
.mc-similar-event {
|
|
background: #F9F9F9;
|
|
padding: 80px 0;
|
|
}
|
|
.mc-similar-event .mc-workshop-title {
|
|
font-size: 22px;
|
|
color: #fff;
|
|
font-family: 'Marr Sans';
|
|
font-weight: 400;
|
|
margin-bottom: 0px;
|
|
}
|
|
.mc-similar-event .mc-workshop-speaker {
|
|
font-size: 22px;
|
|
color: #fff;
|
|
font-family: 'Marr Sans';
|
|
font-weight: bold;
|
|
margin-bottom: 0px;
|
|
}
|
|
.w-card-details {
|
|
margin-top: 16px;
|
|
}
|
|
.w-card-status {
|
|
display: flex;
|
|
margin-top: 8px;
|
|
}
|
|
.w-link {
|
|
color:#2A303C!important;
|
|
}
|
|
.w-card-status div{
|
|
margin-right: 8px;
|
|
padding: 4px 8px;
|
|
font-size: 14px;
|
|
color:#2A303C!important;
|
|
border-radius: 4px;
|
|
}
|
|
.w-status {
|
|
background: #F5F6F8;
|
|
}
|
|
.w-type1 {
|
|
background-color: #F8EFE1;
|
|
}
|
|
.w-type2 {
|
|
background-color: #E4F2DD;
|
|
}
|
|
.w-type3 {
|
|
background-color: #F1E8FF;
|
|
}
|
|
|
|
/* CARD - RIGHT */
|
|
.info-box {
|
|
/* width: 300px; */
|
|
border: 1px solid #E8EAEE;
|
|
padding: 24px;
|
|
background: #FCFCFD;
|
|
color: #2A303C;
|
|
position: relative;
|
|
border-radius:4px;
|
|
border-top-left-radius: 0;
|
|
}
|
|
|
|
.soir-type-btn label.form-check-label.active {
|
|
border: 1px solid #005B85;
|
|
background:#EBF9FF;
|
|
}
|
|
.soir-type-btn label.form-check-label.active div span {
|
|
color: #005B85;
|
|
}
|
|
.soir-type-btn input[type="radio"] {
|
|
display: none;
|
|
}
|
|
.soir-type-btn input[type="radio"] + label:before {
|
|
content: "";
|
|
display: inline-block;
|
|
width: 18px;
|
|
height: 18px;
|
|
background-clip: content-box;
|
|
border: 1px solid #E2E4E9;
|
|
background-color: transparent;
|
|
border-radius: 50%;
|
|
}
|
|
.soir-type-btn input[type="radio"]:checked + label:before {
|
|
background-color: #005B85!important;
|
|
border: 1px solid #005B85;
|
|
padding: 4px;
|
|
}
|
|
.soir-type-btn label:hover {
|
|
background: #F5F6F8;
|
|
}
|
|
.soir-type-btn input[type="radio"]:hover + label:before {
|
|
background-color: #fff;
|
|
}
|
|
.soir-type-btn label {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.form-check-label {
|
|
/* display: flex; */
|
|
align-items: center;
|
|
width: 100%;
|
|
border: 1px solid #E2E4E9;
|
|
margin-bottom: 16px;
|
|
padding: 12px 16px;
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.info-btn-group {
|
|
border-top: 1px solid #E2E4E9;
|
|
}
|
|
.info-btn-group .reserver-btn {
|
|
margin-top: 16px;
|
|
}
|
|
.check-login-box {
|
|
text-align: center;
|
|
position: absolute;
|
|
background: white;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.check-login-box .box-content {
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.check-login-box .close_btn_login_box {
|
|
position: absolute;
|
|
right: 16px;
|
|
top: 12px;
|
|
cursor: pointer;
|
|
background: white;
|
|
border: 0px;
|
|
}
|
|
|
|
.check-login-box .box-content button {
|
|
width: 150px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.check-login-box .bottom-link {
|
|
color: #026B9C;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.check-login-box .bottom-link a {
|
|
text-decoration: underline;
|
|
color: #026B9C;
|
|
}
|
|
.soir-checkbox-detail {
|
|
width:85%;
|
|
margin-left: 16px;
|
|
}
|
|
.soir-location {
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
}
|
|
.soir-price {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.soir-discount {
|
|
font-size: 13px;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
.mc-complet {
|
|
display: none;
|
|
font-weight: 600;
|
|
font-size: 24px;
|
|
line-height: 29px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mc-price-mention {
|
|
font-size: 13px;
|
|
margin-bottom: 10px;
|
|
line-height: 16px;
|
|
}
|
|
.mc-price span{
|
|
font-size: 24px;
|
|
line-height: 29px;
|
|
font-weight: 600;
|
|
}
|
|
.mc-price{
|
|
font-size: 18px;
|
|
line-height: 24px;
|
|
margin-bottom: 8px;
|
|
/* padding-bottom: 10px; */
|
|
}
|
|
.mc-session {
|
|
font-size: 15px;
|
|
line-height: 18px;
|
|
}
|
|
.s_num, .v_num {
|
|
font-weight: 600;
|
|
}
|
|
.date-duration {
|
|
font-size: 14px;
|
|
margin-top: 8px;
|
|
}
|
|
.event-date {
|
|
font-weight: bold;
|
|
font-size: 15px;
|
|
}
|
|
.card-block {
|
|
/* line-height: 2em; */
|
|
border-top: 1px solid #E2E4E9;
|
|
padding: 10px 0;
|
|
font-size: 14px;
|
|
}
|
|
.card-block.mc-enligne {
|
|
padding: 16px 0;
|
|
}
|
|
.position-sticky {
|
|
top: 95px;
|
|
}
|
|
|
|
.info-box .card-block .position-absolute {
|
|
line-height: 18px;
|
|
right: 0px;
|
|
}
|
|
/* .card-block a .arrow{
|
|
font: 14px "Consola";
|
|
-webkit-transform: rotate(
|
|
90deg);
|
|
-moz-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
transform: rotate(
|
|
90deg);
|
|
font-weight: 500;
|
|
margin-bottom: 1px;
|
|
} */
|
|
|
|
a[aria-expanded="true"] .arrow {
|
|
-webkit-transform: rotate(
|
|
180deg);
|
|
-moz-transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
transform: rotate(
|
|
180deg);
|
|
}
|
|
a[aria-expanded="false"] .arrow {
|
|
-webkit-transform: rotate(
|
|
0deg);
|
|
-moz-transform: rotate(0deg);
|
|
-ms-transform: rotate(0deg);
|
|
transform: rotate(
|
|
0deg);
|
|
}
|
|
.card-block .link-label {
|
|
margin-right: 8px;
|
|
}
|
|
.card-block .position-absolute a {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
}
|
|
.mc-event-sched {
|
|
border-top: 1px solid #E2E4E9;
|
|
padding: 10px 0;
|
|
font-size: 15px;
|
|
line-height: 25px;
|
|
}
|
|
.mc-event-sched .event-duration {
|
|
margin-top: 4px;
|
|
}
|
|
.mc-event-sched:first-child {
|
|
border: 0;
|
|
}
|
|
.event-location{
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
margin-top: 8px;
|
|
}
|
|
.available-slot {
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
margin-top: 8px;
|
|
margin-bottom: 8px;
|
|
}
|
|
#nombre-places {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.selectdiv {
|
|
position: relative;
|
|
}
|
|
|
|
select::-ms-expand {
|
|
display: none;
|
|
}
|
|
.selectdiv:after {
|
|
content: '>';
|
|
font: 17px "Consola";
|
|
-webkit-transform: rotate(
|
|
90deg);
|
|
-moz-transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
transform: rotate(
|
|
90deg);
|
|
right: 4px;
|
|
top: 4px;
|
|
padding: 4px 5px 4px 5px;
|
|
border-bottom: 1px solid #999;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
width: 20px;
|
|
color: #999;
|
|
}
|
|
|
|
.selectdiv select {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
display: block;
|
|
width: 100%;
|
|
width: 100%;
|
|
margin: 5px 0px;
|
|
font-size: 16px;
|
|
line-height: 1;
|
|
color: #333;
|
|
background-color: #ffffff;
|
|
background-image: none;
|
|
border: 1px solid #cccccc;
|
|
-ms-word-break: normal;
|
|
word-break: normal;
|
|
}
|
|
.mc-btn-group {
|
|
padding-top: 24px;
|
|
/* margin-top: 24px; */
|
|
width: 100%;
|
|
}
|
|
.b-top {
|
|
border-top: 1px solid #E2E4E9;
|
|
}
|
|
|
|
.card-block a{
|
|
color: #005B85!important;
|
|
}
|
|
|
|
.subscribe-btn, .btn-le-cours {
|
|
background: #026B9C;
|
|
color: white!important;
|
|
font-weight: 500;
|
|
}
|
|
.reg-btn {
|
|
background: #026B9C;
|
|
color: white!important;
|
|
font-weight: 500;
|
|
}
|
|
button.btn.btn-default.btn-block.subscribe-btn.btn-reserve:disabled,
|
|
button.btn.btn-default.btn-block.subscribe-btn.btn-reserve[disabled]{
|
|
background-color: #005B85;
|
|
background: #005B85;
|
|
}
|
|
.show-prompt-login-reserver[disabled]{
|
|
background-color: #a8a8a8;
|
|
background: #a8a8a8;
|
|
}
|
|
.offer-btn {
|
|
border: 1px solid #026B9C;
|
|
color: #005B85!important;
|
|
margin-top: 16px!important;
|
|
font-weight: 500;
|
|
}
|
|
.offer-btn img {
|
|
margin-right: 4px;
|
|
}
|
|
.contact-btn {
|
|
border: 1px solid #BDC1C8!important;
|
|
color: #464F5F!important;
|
|
font-weight: 500;
|
|
margin-top: 48px!important;
|
|
box-shadow: none!important;
|
|
}
|
|
|
|
.card-block .card-block-title {
|
|
line-height: 17px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.contact-block {
|
|
padding-top: 24px;
|
|
margin-top: 16px;
|
|
border-top: 1px solid #E2E4E9;
|
|
}
|
|
.contact-block .contact-img {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
.contact-block a {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.contact-block .contact-text{
|
|
font-size: 16px;
|
|
line-height: 18px;
|
|
text-align: left;
|
|
}
|
|
|
|
/* DATE A VENIR */
|
|
.premier-date{
|
|
font-size: 18px;
|
|
line-height: 22px;
|
|
margin-top: 8px;
|
|
margin-bottom: 10px;
|
|
font-weight: 400;
|
|
}
|
|
.info-box-title{
|
|
font-size: 24px;
|
|
line-height: 28px;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.register-text {
|
|
font-size: 17px;
|
|
line-height: 28px;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.info-box .card-block .form-label-group {
|
|
margin-bottom: 0;
|
|
}
|
|
/* ATELIER COMPLET */
|
|
/* .atelier-complet .info-box-title {
|
|
font-size: 24px;
|
|
line-height: 28px;
|
|
font-weight: 600;
|
|
margin-bottom: 16px;
|
|
}
|
|
.atelier-complet .card-block {
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
.atelier-complet .card-block:nth-child(4) {
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
.atelier-complet .mc-price,
|
|
.atelier-complet .mc-price-mention,
|
|
.atelier-complet #nombre-places,
|
|
.atelier-complet .mc-btn-group{
|
|
display: none;
|
|
}
|
|
.atelier-complet .card-block.venue {
|
|
padding-bottom: 0!important;
|
|
} */
|
|
.mc-block .mc-dot{
|
|
font-size: 5px!important;
|
|
padding: 0 10px;
|
|
color: #D5D8DC;
|
|
}
|
|
.mc-block .mc-workshop-partner span{
|
|
color: #2A303C;
|
|
font-weight: 500;
|
|
}
|
|
.mc-block .mc-workshop-partner img{
|
|
height: 32px;
|
|
}
|
|
|
|
.form-control:disabled {
|
|
opacity: 0.65;
|
|
}
|
|
.btn.disabled, .btn:disabled {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
/* MOBILE VERSION */
|
|
.mc-mobile {
|
|
margin-bottom: 16px;
|
|
}
|
|
.mc-mobile img {
|
|
width: 100%;
|
|
height: 200px;
|
|
/* object-fit: cover; */
|
|
border-radius: 4px;
|
|
}
|
|
.mobile-event {
|
|
position: fixed;
|
|
bottom: 0;
|
|
background: #FCFCFD;
|
|
width: 100%;
|
|
padding: 16px 24px;
|
|
border-top: 1px solid #E8EAEE;
|
|
}
|
|
|
|
.mobile-container {
|
|
padding: 16px 0;
|
|
}
|
|
|
|
.mobile-event .available {
|
|
padding: 16px 0;
|
|
}
|
|
.mobile-event .unavailable {
|
|
padding: 24px 0;
|
|
}
|
|
.mobile-event .mobile-event-details {
|
|
margin-right: 37px;
|
|
}
|
|
.mobile-event .mc-price {
|
|
margin-bottom: 2px;
|
|
color: #2A303C;
|
|
}
|
|
.mobile-event .mc-price-mention {
|
|
margin-bottom: 4px;
|
|
font-size: 11px;
|
|
line-height: 13px;
|
|
}
|
|
.mobile-event .date-duration {
|
|
font-size: 11px;
|
|
line-height: 13px;
|
|
color: #2A303C;
|
|
font-weight: 500;
|
|
}
|
|
.mobile-event .info-box-title {
|
|
font-weight: 600;
|
|
font-size: 24px;
|
|
line-height: 29px;
|
|
}
|
|
.mobile-event .premier-date {
|
|
font-size: 18px;
|
|
}
|
|
.mc-atelier-complet {
|
|
padding: 24px 0;
|
|
}
|
|
.mobile-event .soir .mc-price {
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
}
|
|
.mobile-event .soir .mc-price span {
|
|
font-size: 13px;
|
|
line-height: 16px;
|
|
font-weight: 600;
|
|
}
|
|
.mobile-event .soir .mc-price:nth-child(2) {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.mobile-event button {
|
|
font-size: 13px;
|
|
padding: 8px 24px;
|
|
}
|
|
|
|
.mobile-workshop-details.active {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
left: 0px;
|
|
transition: all 0.3s ease;
|
|
/* max-height: 90vh; */
|
|
}
|
|
/* .mobile-workshop-details.active .info-box {
|
|
overflow: auto;
|
|
max-height: 90vh;
|
|
} */
|
|
|
|
.mobile-workshop-details {
|
|
position: absolute;
|
|
width: 100%;
|
|
/* height: 260px; */
|
|
left: 0px;
|
|
transition: all 0.3s ease;
|
|
bottom: -50em;
|
|
}
|
|
|
|
|
|
.mobile-info-box.active {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
left: 0px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.mobile-info-box {
|
|
position: absolute;
|
|
bottom: -100vh;
|
|
width: 100%;
|
|
/* height: 260px; */
|
|
left: 0px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.mobile-info-box .date-duration{
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
}
|
|
|
|
button.toggleSliderInfoBox {
|
|
font-size: 12px;
|
|
padding: 8px 24px;
|
|
}
|
|
.mobile-info-box .info-box-header {
|
|
margin-bottom: 10px;
|
|
}
|
|
.info-box-bottom.active {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
left: 0px;
|
|
transition: all 0.3s ease;
|
|
}
|
|
|
|
.info-box-bottom {
|
|
position: absolute;
|
|
width: 100%;
|
|
/* height: 260px; */
|
|
left: 0px;
|
|
transition: all 0.3s ease;
|
|
bottom: -50em;
|
|
}
|
|
|
|
.info-box-bottom .date-duration {
|
|
font-size: 15px!important;
|
|
line-height: 17px!important;
|
|
}
|
|
|
|
#workshopDetailedBox .modal-content {
|
|
background: #FCFCFD;
|
|
max-height: 100vh;
|
|
}
|
|
#workshopDetailedBox .modal-header {
|
|
background: transparent;
|
|
border: 0;
|
|
padding: 16px 35px 0 35px;
|
|
}
|
|
#workshopDetailedBox .modal-header button.close {
|
|
float: none;
|
|
text-align: right;
|
|
}
|
|
|
|
#workshopDetailedBox .modal-body {
|
|
padding: 0 35px;
|
|
}
|
|
#workshopDetailedBox .modal-body .card-block .position-absolute {
|
|
right: 16px;
|
|
}
|
|
#workshopDetailedBox .modal-body .card-block .position-absolute a span.arrow {
|
|
top: 2px;
|
|
}
|
|
|
|
#workshopDetailedBox .modal-footer {
|
|
border: 0;
|
|
padding: 0 35px 16px 35px;
|
|
border: 0;
|
|
}
|
|
|
|
#workshopDetailedBox .modal-footer .mc-btn-group .btn{
|
|
margin-bottom: 16px;
|
|
}
|
|
#workshopDetailedBox .modal-footer .mc-btn-group .btn:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.modal-footer.shadow-top {
|
|
box-shadow: 0px -1px 20px 0px rgb(0 0 0 / 20%);
|
|
}
|
|
|
|
|
|
.custom-modal-ui .modal-header {
|
|
background: white;
|
|
border: 0px;
|
|
padding-bottom: 0px;
|
|
}
|
|
.custom-modal-ui .modal-header .modal-title {
|
|
color: #2A303B;
|
|
font-size: 24px;
|
|
font-weight: 600;
|
|
letter-spacing: 0px;
|
|
text-transform: unset;
|
|
font-family: "Marr Sans";
|
|
height: 34px;
|
|
}
|
|
.custom-modal-ui .modal-body {
|
|
padding: 1.2rem;
|
|
padding-top: 0px;
|
|
padding-bottom: 11px;
|
|
}
|
|
.custom-modal-ui .close {
|
|
font-weight: 100;
|
|
font-size: 30px;
|
|
color: #2A303B;
|
|
}
|
|
.custom-modal-ui .modal-footer {
|
|
border-top: 0px!important;
|
|
padding-top: 0px;
|
|
padding-bottom: 22px;
|
|
}
|
|
.custom-modal-ui button.btn {
|
|
font-size: 15px!important;
|
|
padding: 6px 20px!important;
|
|
font-weight: 500!important;
|
|
}
|
|
.custom-modal-ui button.btn.btn.btn-default-style2.btn-unlock-process {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
.cancel-overlay {
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
background: rgba(0, 0, 0, 0.42);
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.cancelled-label {
|
|
color: #fff;
|
|
font-size: 26px;
|
|
font-weight: 600;
|
|
font-family: 'TheAntiquaBW5Plain';
|
|
letter-spacing: 2px;
|
|
border: 1px solid white;
|
|
padding: 10px 24px;
|
|
}
|
|
|
|
.img-video-overlay {
|
|
filter: brightness(0.8);
|
|
height: 100%!important;
|
|
width: 100%!important;
|
|
object-fit: cover;
|
|
}
|
|
|
|
.darken {
|
|
filter: brightness(0.8)
|
|
}
|
|
|
|
button.btn.btn-reserve.cancelled-btn,button.btn.show-prompt-login-reserver.cancelled-btn, .subscribe-btn.cancelled-btn {
|
|
background: #ff1800!important;
|
|
}
|
|
|
|
/* COURS EN LIGNE */
|
|
.video-part-lists .video-part-item {
|
|
padding: 24px;
|
|
border: 1px solid #E8EAEE;
|
|
border-radius: 8px;
|
|
margin-bottom: 16px;
|
|
}
|
|
.video-part-lists .video-title {
|
|
font-family: 'Marr Sans';
|
|
font-style: normal;
|
|
font-weight: 600;
|
|
font-size: 15px;
|
|
line-height: 24px;
|
|
color: #2A303C;
|
|
}
|
|
.video-part-lists .video-duration {
|
|
font-family: 'Marr Sans Cond';
|
|
font-style: normal;
|
|
font-size: 15px;
|
|
line-height: 24px;
|
|
color: #005B85;
|
|
}
|
|
.v-separator {
|
|
color: #E8EAEE;
|
|
margin: 0 8px;
|
|
}
|
|
.video-part-lists p.video-details {
|
|
margin-bottom: 0;
|
|
font-family: 'Marr Sans';
|
|
font-size: 15px;
|
|
line-height: 24px;
|
|
margin-top: 4px;
|
|
}
|
|
#v-item {
|
|
border-radius: 8px;
|
|
}
|
|
.appendre-lists {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between;
|
|
flex-direction: row;
|
|
}
|
|
.appendre-item {
|
|
display: flex;
|
|
margin-bottom: 8px;
|
|
width: 50%;
|
|
}
|
|
.box-label {
|
|
/* background: #E4F2DD; */
|
|
width: fit-content;
|
|
font-weight: 500;
|
|
padding: 4px 8px;
|
|
font-size: 14px;
|
|
line-height: 22px;
|
|
color: #0B1801;
|
|
border-radius: 3px;
|
|
border-bottom-left-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
|
|
div.enligne-mobile {
|
|
border-top: 1px solid #E2E4E9;
|
|
padding-top: 16px;
|
|
margin-top: 0!important;
|
|
}
|
|
|
|
.btn-voir-plus {
|
|
background: #2A303C;
|
|
border-radius: 3px;
|
|
color: #fff!important;
|
|
font-family: Marr Sans;
|
|
font-size: 14px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
@media screen and (max-width: 1200px) {
|
|
.author-works-carousel .slick-slide {
|
|
margin-left: 16px;
|
|
}
|
|
.author-works-carousel.card-deck .card:first-child {
|
|
padding-left: 0;
|
|
padding-right: 0
|
|
}
|
|
.author-works-carousel .slick-slide div .card {
|
|
max-width: 100%!important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 991px) {
|
|
|
|
.mc-banner-img img {
|
|
width: 100%;
|
|
}
|
|
.author-works-carousel.card-deck .card {
|
|
padding: 0;
|
|
}
|
|
.appendre-lists {
|
|
flex-direction: column;
|
|
}
|
|
.appendre-item {
|
|
width: 100%;
|
|
}
|
|
|
|
}
|
|
@media screen and (max-width: 767px) {
|
|
/* Banner */
|
|
.event-details-header {
|
|
padding-top: 16px;
|
|
padding-bottom: 32px;
|
|
}
|
|
.mc-event-banner {
|
|
justify-content: center;
|
|
}
|
|
.mc-event-speaker {
|
|
font-size: 35px;
|
|
line-height: 40px;
|
|
margin-bottom: 4px;
|
|
}
|
|
.mc-event-title {
|
|
font-size: 17px;
|
|
line-height: 30px;
|
|
margin-bottom: 4px!important;
|
|
}
|
|
.mc-banner-img {
|
|
height: 215px;
|
|
}
|
|
.mc-banner-img img {
|
|
height: 215px;
|
|
}
|
|
.mc-btn-block {
|
|
display: none;
|
|
}
|
|
.mc-banner-details .flex-item {
|
|
border-right: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
.mc-banner-details .flex-item.event-location {
|
|
margin-right: 20px;
|
|
}
|
|
.mc-banner-details .flex-item.event-session {
|
|
display: block;
|
|
padding-left: 0;
|
|
margin-bottom: 0;
|
|
margin-top: 8px;
|
|
}
|
|
.mc-price{
|
|
font-size: 15px;
|
|
line-height: 24px;
|
|
}
|
|
.mc-price span{
|
|
font-size: 20px;
|
|
line-height: 24px;
|
|
}
|
|
.title-block{
|
|
font-size: 20px;
|
|
line-height: 24px;
|
|
font-weight: 600;
|
|
color: #2A303C;
|
|
}
|
|
.date-duration {
|
|
font-size: 14px;
|
|
}
|
|
.mc-mobile-video {
|
|
height:200px;
|
|
/* margin-right: 20px;
|
|
margin-left: 20px; */
|
|
}
|
|
.subscribe-btn {
|
|
font-size: 14px;
|
|
padding: 8px 28px;
|
|
}
|
|
.btn-le-cours {
|
|
font-size: 14px;
|
|
padding: 8px 28px;
|
|
}
|
|
.offer-btn {
|
|
font-size: 14px!important;
|
|
}
|
|
.workshop-details-container {
|
|
margin-top: 0;
|
|
}
|
|
.contact-block {
|
|
padding-top: 16px;
|
|
}
|
|
.contact-block .contact-text {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.comment-lists .card {
|
|
width: 400px!important;
|
|
margin-bottom: 0;
|
|
}
|
|
.comment-lists .slick-list {
|
|
margin-left: 0;
|
|
}
|
|
.author-works-carousel .card-footer {
|
|
padding: 8px 0 0 0;
|
|
}
|
|
.mc-similar-event .card-deck .col-md-6 {
|
|
margin-bottom: 16px;
|
|
}
|
|
.comment-lists .slick-slide {
|
|
background: #F5F6F8;
|
|
border-radius: 6px;
|
|
}
|
|
.col-sm-12.col-md-5.col-lg-4.pr-0.pl-0.unavailable, .col-sm-12.col-md-5.col-lg-4.position-relative.available,
|
|
.col-sm-12.col-md-5.col-lg-4 {
|
|
display: none!important;
|
|
}
|
|
.banner-info, .mc-banner-btn{
|
|
display: none;
|
|
}
|
|
|
|
.workshop-info-items {
|
|
display: block;
|
|
margin-top: 24px;
|
|
}
|
|
.workshop-info-items .info-item {
|
|
margin-top: 8px;
|
|
}
|
|
.workshop-info-items .info-item:first-child {
|
|
margin-top: 0px;
|
|
}
|
|
.event-details {
|
|
margin-top: 1.5rem!important;
|
|
}
|
|
.share-action {
|
|
display: none;
|
|
}
|
|
.mc-event-comments > .d-flex {
|
|
flex-direction: column!important;
|
|
justify-content: unset;
|
|
align-items: baseline;
|
|
}
|
|
.ratings-block {
|
|
margin-top: 8px;
|
|
}
|
|
.video-part-item .d-flex {
|
|
flex-direction: column;
|
|
}
|
|
.video-part-item .v-separator {
|
|
display: none;
|
|
}
|
|
.form-check-label {
|
|
padding: 12px 16px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.soir-type-btn label.form-check-label div span {
|
|
font-size: 14px!important;
|
|
}
|
|
.mc-event-sched {
|
|
font-size: 14px;
|
|
line-height: 17px;
|
|
}
|
|
.event-date {
|
|
font-size: 14px;
|
|
}
|
|
.soir-price-list {
|
|
margin-top: 10px;
|
|
}
|
|
.soir-pricing span {
|
|
font-size: 15px;
|
|
}
|
|
.modal {
|
|
padding: 0!important;
|
|
}
|
|
|
|
.modal-backdrop{background-color: transparent!important;}
|
|
|
|
.modal.fade .modal-dialog {
|
|
bottom: -100%!important;
|
|
position: fixed;
|
|
width: 100%;
|
|
max-width: 100%!important;
|
|
margin: 0;
|
|
-webkit-transition: opacity 0.5s linear, bottom 0.5s ease-out;
|
|
-moz-transition: opacity 0.5s linear, bottom 0.5s ease-out;
|
|
-o-transition: opacity 0.5s linear, bottom 0.5s ease-out;
|
|
transition: opacity 0.5s linear, bottom 0.5s ease-out;
|
|
max-height: 100vh;
|
|
}
|
|
.modal.fade.show .modal-dialog {
|
|
bottom: 0!important;
|
|
}
|
|
#workshopDetailedBox .mc-price-mention {
|
|
margin-bottom: 0;
|
|
}
|
|
#workshopDetailedBox .info-box-header {
|
|
margin-bottom: 10px
|
|
}
|
|
.video-part-lists .video-part-item {
|
|
padding: 16px;
|
|
}
|
|
.soir-distance {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
@media screen and (max-width: 575px) {
|
|
.mc-similar-event .card-deck .col-md-6 {
|
|
padding: 0;
|
|
}
|
|
}
|
|
@media screen and (max-width: 540px) {
|
|
.venue-img img{
|
|
max-width: 300px;
|
|
}
|
|
.comment-lists .card {
|
|
width: 320px!important;
|
|
}
|
|
}
|
|
@media screen and (max-width: 539px) {
|
|
.venue-img .slick-list {
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
.mc-similar-event .mc-card-img img {
|
|
height: 192px;
|
|
}
|
|
.backtohome {
|
|
padding: 24px 16px!important;
|
|
}
|
|
.banner-links {
|
|
padding: 24px 16px!important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 424px) {
|
|
.author-works-carousel .slick-slide {
|
|
margin-left: 24px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 320px) {
|
|
.venue-img img{
|
|
max-width: 200px;
|
|
}
|
|
.comment-lists .card {
|
|
width: 280px!important;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) { /* Modify this based on column def */
|
|
.comment-lists .card-body {
|
|
height: unset!important;
|
|
}
|
|
.custom-gutter {
|
|
padding: 0 20px;
|
|
}
|
|
|
|
.custom-gutter .col-sm-12.col-md-5.col-lg-4.pr-0.pl-0 {
|
|
padding-right: 15px!important;
|
|
padding-left: 15px!important;
|
|
}
|
|
|
|
.custom-gutter > [class*='col-'] {
|
|
padding-right: 2vw!important;
|
|
padding-left: 2vw!important;
|
|
}
|
|
|
|
.custom-gutter > [class*="col-"]:first-child {
|
|
padding-left: 0!important;
|
|
}
|
|
|
|
.custom-gutter > [class*="col-"]:last-child {
|
|
padding-right: 0!important;
|
|
}
|
|
.mobile-event {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
progress {
|
|
border: none;
|
|
width: 120px;
|
|
height: 22px;
|
|
background: #026B9C;
|
|
position: absolute;
|
|
left: 0;
|
|
z-index: -1;
|
|
}
|
|
|
|
progress {
|
|
color: lightblue;
|
|
}
|
|
|
|
progress::-moz-progress-bar {
|
|
background: #D5D8DC;
|
|
}
|
|
|
|
progress::-webkit-progress-value {
|
|
background: #026B9C;
|
|
}
|
|
|
|
progress::-webkit-progress-bar {
|
|
background: #D5D8DC;
|
|
}
|