:root {
  --numDays: 7;
  --numHours: 27;
  --timeHeight: 30px;
  --timeHeightD: 15px;
  --calBgColor: rgb(14, 37, 68) ;
  --eventBorderColor: #f2d3d8;
  --eventColor1: #ffd6d1;
  --eventColor2: #FFFF00;
  --eventColor3: #e2f8ff;
  --eventColor4: #d1ffe6;
}
body.o_portal,.o_portal {
    font-family: "Poppins", sans-serif !important;
}
.o_portal strong, .o_portal h2, .o_portal h3 {
    font-family: "Poetsen One", sans-serif !important;
 }
 .poetsen {
            font-family: "Poetsen One", sans-serif !important;
        }
 .poppins {
            font-family: "Poppins", sans-serif !important;
        }
.calendar {
  display: grid;
  gap: 10px;
  //grid-template-columns: auto 1fr;
   grid-template-columns: repeat(7, max-content);
  margin: 2rem;
	//justify-content: center;
   // align-items: center;
   overflow-x:auto;
}

.timeline {
  display: grid;
  grid-template-rows: repeat(var(--numHours), var(--timeHeight));
}
.timelineD {
  display: grid;
  grid-template-rows: repeat(var(--numHours), var(--timeHeightD));
}

.days {
  display: grid;
  grid-column: 2;
  gap: 5px;
  //grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-template-columns: repeat(7, max-content);
}
.day{
text-align: center;
}
.events {
  display: grid;
  grid-template-rows: repeat(var(--numHours), var(--timeHeight));
  border-radius: 5px;
  background: var(--calBgColor);
  color: #cad3dd !important;
}
.eventsD {
  display: grid;
  grid-template-rows: repeat(var(--numHours), var(--timeHeightD));
  border-radius: 5px;
  background: var(--calBgColor);
  color: #cad3dd !important;
}
.colorEvent {

  color: #0e0e0e !important;
}

.start-1 {
  grid-row-start: 1;
}

.start-2 {
  grid-row-start: 2;
}

.start-3 {
  grid-row-start: 3;
}

.start-4 {
  grid-row-start: 4;
}

.end-5 {
  grid-row-end: 5;
}

.end-6 {
  end: 6;
}

.end-3 {
  grid-row-end: 3;
}

.end-4 {
  grid-row-end: 4;
}

.end-5 {
  grid-row-end: 5;
}

.title {
  font-weight: 600;
  margin-bottom: 0.25rem;
}

.event {
  border: 1px solid var(--eventBorderColor);
  border-radius: 5px;
  padding: 0.5rem;
  margin: 0 0.5rem;
  background: var(--eventColor2);
  position:relative;
 // max-width: 150px;
}
.event_modal {
  border: 1px solid var(--eventBorderColor);
  border-radius: 5px;
  padding: 0.5rem;
  margin: 0 0.5rem;
  position:relative;
  box-shadow: #7C6A0B 0px 2px 10px 0px !important;
}


.space, .dateplaning {
    height: 40px;
}
body {
  font-family: system-ui, sans-serif;
}

.corp-fi {
  background: var(--eventColor1);
}

.ent-law {
  background: var(--eventColor2);
}

.writing {
  background: var(--eventColor3);
}

.securities {
  background: var(--eventColor4);
}

.dateplaning {
  display: flex;
  gap: 0.5em;
}

.date-num {
  font-size: 1.5rem;
  //font-weight: 600;
 // display: inline;
}

.date-day {
//  display: inline;
  font-size: 1.5rem;
 // font-weight: 200;
}

.event.disabled_refuse{
    opacity:0.5;

}

.event.disabled_accept{

}
.periode {
    position: absolute;
    right: 10%;

}
span.checked {

    position: absolute;
    top: -4px;
    right: -4px;
}
.crenau_checked{
	display:none;
    position: absolute;
    top: -4px;
    right: -4px;
}

.button_info{
    position: absolute;
    top: -1px;
    left: -1px;

}
.disabled_accept span.crenau_checked {
    display: block;
}
/* Portal */

.title-profile {
    font-weight: 800;
    color: #071f3c;
    text-decoration: underline;
    font-size: 1.2rem;
}
.col-form-label {
    font-weight: 400;
      //font-family: "Poetsen One", sans-serif !important;
      font-family: "Poppins", sans-serif !important;
}
h2.col-form-label.label-optional {
    font-weight: 800 !important;
}
.row.o_portal_details {
    margin: 10px;
    border-radius: 40px !important;
    border-width: 20px !important;
    border-color: rgba(0, 0, 0, 0) !important;
    box-shadow: rgb(0, 0, 0) 0px 8px 16px 0px !important;
    padding: 20px 25px;
    background-color: #fff;
}

.exclamation-div {
   /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;*/
    background-color: #fff; 
    padding: 10px;
    text-align: center;
    border: 1px solid #ccc; 
    border-radius: 5px; 
    margin-top: 10px; 
    box-sizing: border-box; 
    max-width: 90%;
    margin-left: 10px;
    box-shadow: #ffe973 0px 2px 10px 0px !important;
}

.fa-exclamation-circle {
    color: #FFD700; 
    font-size: 24px;
    margin-bottom: 10px; /* Space between icon and text */
}

.options-list {
    list-style-type: none; /* Remove default bullet points */
   // padding: 0; /* Remove default padding */
    margin: 10px 0 0 0; /* Add top margin, remove others */
    text-align: center !important; /* Align text to the center */
}

.options-list li {

    padding: 8px;
    margin: 5px 0; /* Space between list items */
    text-align: left; /* Ensure the text inside the list items is left-aligned */
}
.noevent {
    width: 40px;
}
.noevent-date{
writing-mode: vertical-rl; text-orientation: mixed; padding: 25px 5px 5px 30px; height: 200px; width: 40px; font-size: 20px; color: #fff !important;
}

.o_portal {
    background-color: #fbe04f;
}
#accountOffCanvas { 
background-color: #071F3C;
color: #fff !important;
}
#accountOffCanvas a{ 
color: #fff !important;
}
#accountOffCanvas .btn-close{ 
background-color: #e5cc47 !important;
}
.o_portal a{
    color: #071f3c;
}
.o_portal.btn.btn-secondary {
  color: #fff !important;
}
.close_ok{
    background-color: #071f3c;
    color: #fff !important;
}

.btn-fill-primary-portal{
    color: #fff !important;
    background-color: #071f3c !important;
    border-color: #071f3c !important;
     font-family: "Poppins", sans-serif !important;
     margin: 5px 0px;
}
.o_portal_index_card {
    width: 100%;
    font-family: "Poppins", sans-serif !important;
    
}
.o_portal_icon {
   // width: 20%;
    //margin: 5px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px;
}
.o_portal_contact_img {
	box-shadow: rgb(7 31 60) 0px 8px 16px 0px !important;
    border-radius: 50% !important;
    width: 100px !imporant;
    height: 100px !imporant;
    object-fit: cover;
}
.o_portal_bg_blue{
color: #000 !important;
background-color :#fff !important;
   //margin: 10px;
border-radius: 20px !important;
border-radius: 20px;
  box-shadow: 0px 15px 20px 0px rgb( 0, 0, 0, .2 );

  transition: all .3s ease-in;

}
.disabled_input{
    color: #000000 !important;
}

.o_portal_bg_blue_alert{
color: #000 !important;
background-color :#fff3cd !important;
   //margin: 10px;
border-radius: 20px !important;
box-shadow: 0px 15px 20px 0px rgb(0, 0, 0, .2);
 transition: all .3s ease-in;

}

.o_portal_bg_blue p.m-0.text-600 {
    color: #00000080 !important;
}
.o_portal_bg_blue h5.mt-0.mb-1 {
    color: #000 !important;
}

.dynamic-popover {
    color: inherit !important;
}

.o_portal table, .o_portal.table {
  padding:10px;
  background-color: #e5cc47;
  border-radius: 0.5rem;
  text-align: center;
  margin-bottom: 30px;
}
.table_hadamard_portal {
//box-shadow:rgb(7 31 60) 0px 10px 15px 0px !important;
}

h3.popover-header {
    text-align: center;
}

// login
#wrapwrap > * {
    background-color: rgb(255 227 79) !important;
}
.hadamard_login {
   // width: 50%;
    //display: contents;
    background-color: rgb(255 227 79) !important;
    
}
.btn-fill-secondary, .btn-secondary {
    color: #FFFFFF !important;
    background-color: #071F3C;
    border-color: #071F3C;
    font-family: "Poppins", sans-serif !important;
}
tbody#sale_info_table {
    background-color: #fbe04f;
}
.record_pager.btn-group a.btn-light {
    background: #fbe04f;
    border-color: #fbe04f;
    color: #071f3c;
}
.o_portal_sale_sidebar a.btn.btn-primary {
    background: #e5cc47;
    border-color: #e5cc47;
}
tr.tr_link_hdm {
    cursor: pointer;
}
.nav-pills .button-tab.active{
    background-color : #071f3c !important;
    color : #FFF !important;

}

.o_portal_wrap .o_portal_my_doc_table td:first-child {
  color: inherit !important;
}
.nav-pills .button-tab{
  color : #071f3c !important;
}
i.fa.fa-fw.o_button_icon.fa-info-circle {
    display: none;
}
div#pills-info-pratiques {
    box-shadow: 0px 15px 20px 0px rgb( 0, 0, 0, .2 ) !important;
   // margin: 10px;
}

.notifications__item,block_group_row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 110px;
  margin-bottom: 20px;
  padding: 0 20px;

  background-color: white;
  border-radius: 20px;
  box-shadow: 0px 15px 20px 0px rgb( 0, 0, 0, .2 );

  transition: all .3s ease-in;
  cursor: pointer;
  margin-left: 5px;
}

.notifications__item__avatar {
  width: 75px;
  height: 75px;
  overflow: hidden;
  margin-right: 20px;
}
.s2u_portal_avatar_clear {
    background: red;
    color: #fff;
}
.notifications__item__avatar img {
  width: 100%;
  height: 100%;
}

.notifications__item__content { width: calc( 100% - 105px ); }
.notifications__item__title,
.notifications__item__message { display: block; }

.notifications__item__title {
  //letter-spacing: 2px;
  font-family: "Poppins", sans-serif !important;
 // font-size: 17px;
}

.notifications__item__message {
  font-family: "Poppins", sans-serif !important;
 // font-size: 14px;
  color: #929292;
}



/*
* Animation part
*/
.notifications__item:hover {
  background-color: #f7f7f7;
  transform: scale( 0.95 );
  box-shadow: 0px 5px 10px 0px rgb( 0, 0, 0, .2 );
}

.notifications__item:hover .notifications__item__option { opacity: 1; }

.notifications__item.archive .notifications__item__title,
.notifications__item.delete .notifications__item__title {
  color: white;
}


.o_portal_bg_blue:hover,block_group_row:hover {
  background-color: #f7f7f7;
  transform: scale( 0.95 );
  box-shadow: 0px 5px 10px 0px rgb( 0, 0, 0, .2 );
}

.o_portal_bg_blue:hover,block_group_row:hover{ opacity: 1; }

.o_portal_bg_blue.archive .o_portal_icon,
.o_portal_bg_blue.delete .o_portal_icon
 block_group_row.archive,block_group_row.delete
 {
  color: white;
}


@keyframes archiveAnimation{
  to {
    transform: translateX( 100px );
    opacity: 0;
  }
}

@keyframes deleteAnimation{
  to {
    transform: translateX( -100px );
    opacity: 0;
  }
}


/*
* survey
*/
.o_survey_form .o_survey_question_matrix th, .o_survey_session_manage .o_survey_question_matrix th {
    background-color: #071f3c !important;
}

.o_survey_form .o_survey_question_matrix td, .o_survey_session_manage .o_survey_question_matrix td {
    background-color: #071f3c7d !important;
}
.btn-fill-primary, .btn-primary {
    color: #FFFFFF !important;
    background-color: #071f3c !important;
    border-color:#071f3c !important;
    font-family: "Poppins", sans-serif !important;
}
.btn-fill-primary:hover,  .btn-primary:hover {
    color: #FFFFFF !important;
    background-color: #071f3c !important;
    border-color:#071f3c !important;
    font-family: "Poppins", sans-serif !important;
}
.text-primary {
    color: #071f3c !important;
}

.o_survey_background{
    background-color: #fbe04f !important;
    box-shadow: inset 0 0 0 10000px #fbe04f !important;
}

.o_survey_brand_message{
    display: none;
}
.o_survey_form_content input {
    background-color: #fff !important;
    color: #000 !important;
}
.o_survey_form_content textarea {
    background-color: #fff !important;
    color: #000 !important;
}
.o_survey_form .o_survey_choice_btn, .o_survey_print .o_survey_choice_btn, .o_survey_session_manage .o_survey_choice_btn, .o_survey_quick_access .o_survey_choice_btn {
    color: #000 !important;
    background: #fff !important;
}
.o_survey_form .o_survey_choice_btn span, .o_survey_print .o_survey_choice_btn span, .o_survey_session_manage .o_survey_choice_btn span, .o_survey_quick_access .o_survey_choice_btn span {
    font-family: "Poppins", sans-serif !important;
}
.icon_tableau_planing{
	
	width: 15px !important;
    //height: 15px !important;
}
.disabled-icon {
  pointer-events: none;
  text-decoration: none;
}


/* ribbon */

.ribbon {
  position: absolute;
  right: -5px;
  top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 93px;
  height: 93px;
  text-align: left;
}
.ribbon span {
  font-size: 0.8rem;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  line-height: 32px;
  transform: rotate(45deg);
  width: 125px;
  display: block;
  background: #071F3C;
  background: linear-gradient(#071F3C 0%, #071F3C 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 17px; // change this, if no border
  right: -29px; // change this, if no border
}

.ribbon span::before {
   content: '';
   position: absolute;
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #071F3C;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #071F3C;
}
.ribbon span::after {
   content: '';
   position: absolute;
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #071F3C;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #071F3C;

}
.row.card.tr_link_hdm {
  background-color: #fff !important;
  margin: 5px;
  border-radius: 20px !important;
  border-radius: 5px !important;
  box-shadow: 0px 15px 20px 0px rgb( 0, 0, 0, .2 );
  transition: all .3s ease-in;
  min-height: 200px;
}

.badge1 {
    display: inline-block;
    padding: 0.25em 0.5em;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    color: #fff; /* Text color */
    background-color: #007bff; /* Background color */
}

/* Responsive Adjustments */
@media (max-width: 767.98px) {
    .badge1 {
        font-size: 0.875em; /* Slightly smaller font size on small screens */
        padding: 0.2em 0.4em; /* Smaller padding on small screens */
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .badge1 {
        font-size: 0.9em; /* Adjust font size for medium screens */
        padding: 0.22em 0.45em; /* Adjust padding for medium screens */
    }
}

@media (min-width: 992px) {
    .badge1 {
        font-size: 1em; /* Default font size for large screens */
        padding: 0.25em 0.5em; /* Default padding for large screens */
    }

}

.card-animated {

  margin: 20px;
  border-radius: 10px;
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* Smooth transition for transform and shadow */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Initial shadow */
}

/* Animation effect on hover (or touch for mobile devices) */
.card-animated:hover {
  transform: scale(1.05); /* Scale up slightly */
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2); /* Darker, more prominent shadow */
}
.o_survey_choice_key {
    display: none;
}
.o_survey_wrap button.btn.btn-secondary {
    font-family: "Poetsen One", sans-serif !important;
}
.o_survey_wrap a.btn.btn-primary.btn-lg:hover {
    color: #fff;
}

.colon {
  margin-left: 5px;  /* Adds space after colon */
  margin-right: 5px; /* Adds space before value */
}


.link_wrap {
  // padding: 0 20px;
  //  margin: 20px 0;
    position: relative;
    float: right;
    border-radius: 5px;
    max-width: 40%;
}

a.acc_style04_bg_info,a.acc_style04_bg_success,a.acc_style04_bg_warning {
    display: inline-block;
    text-decoration: none;
    line-height: 1;
}

.acc_style04_bg_info,.acc_style04_bg_success,.acc_style04_bg_warning {
   
    padding: 2em 2em;
   // color: #fff;
    transition: all 0.2s ease-in;
    position: relative;

}

.acc_style04_bg_info::before {
	background:#17a2b8 !important;
	content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 24px;
    height: 50%;
    clip-path: polygon(100% 0%, 100% 100%, 50% 75%, 0 100%, 0 0);
    transition: all 0.2s ease-in;
}
.acc_style04_bg_success::before {
	background:#28a745 !important;
	content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 24px;
    height: 50%;
    clip-path: polygon(100% 0%, 100% 100%, 50% 75%, 0 100%, 0 0);
    transition: all 0.2s ease-in;
}
.acc_style04_bg_warning::before {
	background:#ffc107 !important;
	content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 24px;
    height: 50%;
    clip-path: polygon(100% 0%, 100% 100%, 50% 75%, 0 100%, 0 0);
    transition: all 0.2s ease-in;
}
.acc_style04_bg_info:hover::before,.acc_style04_bg_warning:hover::before,.acc_style04_bg_success:hover::before {
    height: 90%;
}
.block_group_row {
    background: #fff !important;
    color: #000 !important;
    background-color: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0px 15px 20px 0px rgb(0, 0, 0, .2);
    transition: all .3s ease-in;
}
.form_container_cours {
    background: #fff !important;
    color: #000 !important;
    background-color: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0px 10px 10px 0px rgb(7 31 60);
    transition: all .3s ease-in;
    padding: 10px;
    margin: 10px 0px;
}

.table_hadamard_portal_blue {
    background-color: #fff !important;
    color: #000 !important;
}
.table_hadamard_portal_blue thead {
    background: #e5cc47 !important;
    color: #000;
}
a.btn.btn-primary.btn-fill-yellow {
    color: #212529 !important;
    background-color: #FFE34F !important;
    border-color: #FFE34F !important;
}
.btn-fill-yellow {
    color: #212529 !important;
    background-color: #FFE34F !important;
    border-color: #FFE34F !important;
}
input.form-control.datetimepicker-input.o_survey_question_datetime,input.form-control.datetimepicker-input.o_survey_question_date,input.form-control.o_survey_question_numerical_box,input.form-control.o_survey_question_text_box  {
    line-height: 3rem;
    border-radius: 5px !important;
    padding: 5px !important;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.o_dropdown_menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin: 15px;
}


.card_modal_session {
    border: 1px solid #eeeeee;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
    margin: 5px 0;
    background: #fff !important;
    color: #000 !important;
    background-color: #fff !important;
    border-radius: 20px !important;
    box-shadow: 0px 15px 20px 0px rgb(0, 0, 0, .2);
    transition: all .3s ease-in;
    padding: 10px;
}


.table_respons{
	display:table;			/* Defines a Table */
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	border-bottom:2px solid #dddddd;
	color:#8d8d8d;
	margin:10px 0;
}
.table-head{
	 display: table-header-group; 
	 font-family: "Poetsen One", sans-serif !important;
}
.table-head .column_respons{			
	    color: #000;
    border-right: 1px solid #e5cc47;
    border-bottom: none;
    padding: 10px;
    background-color: #e5cc47;
    width: 100%;
        text-align: center;
}


.row_respons,.row_respons_mobile{
	display:table-row;		
}
.row_respons .column:nth-child(1){		
	border-left:1px solid #eeeeee;
}
.row_respons:last-child .column{		/* column in a last row */
	border-bottom:none;
}
.column_respons{
	display:table-cell;		/* Defines a table cell */
	padding:5px;
	border-bottom:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
//	line-height:1.8em;
	max-width: 28%;
	text-align: center;

}
.column_respons:not([data-label=""]):before{

	color: transparent !important;
	display:none !important;
		font-weight:bold;
		padding-right:20px;
		font-size:15px;
		content:" "attr(data-label)" ";
		font-family: "Poetsen One", sans-serif !important;
		margin: 5px;

}
/*
.column_respons:hover{
	background:#f9f9f9;
}
*/

/* Responsive table */

.row_respons_mobile:not([data-label=""]):before{ 
	
		color: #000 !important;
		display:block !important;
	}
.row_respons_mobile{
	    border: 1px solid #eeeeee;
        border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;
        margin: 20px 0;
        background: #fff !important;
        color: #000 !important;
        background-color: #fff !important;
        border-radius: 20px !important;
        box-shadow: 0px 15px 20px 0px rgb( 0, 0, 0, .2 );
        transition: all .3s ease-in;
        padding: 10px;
    }
.row_respons_mobile,
.row_respons_mobile.column_respons,
.row_respons_mobile.column_respons:before{
		display:block !important;	
		border: 0px solid transparent;
		min-width:100% !important;
		text-align:left !important;
	}
.column_respons.table_val.column_respons_mb {
    display: flex;
    max-width: 100%;
    border: 0 transparent;
}
.column_respons.table_val.column_respons_mb strong {
    margin-right: 10px;
    white-space: nowrap;
}
@media all and (max-width: 995px){


.column_respons:not([data-label=""]):before{ /* prints the value of data-label attribute before the column data */
	
		color: #000 !important;
		display:block !important;
	}

	.table_respons,
	.row_respons,
	.column_respons,
	.column_respons:before{
		display:block;	/* Converts a table, table row, table column and table column:before into a block element */
		border: 0px solid transparent;
		min-width:100% !important;
		text-align:left !important;
	}
	.table_respons,
	.row_respons .column:last-child{
		border-bottom:none;
	}
	.table-head{
		position:absolute;	/* Hides table head but not using display none */
		top:-1000em;
		left:-1000em;
	}
	.row_respons{
	    border: 1px solid #eeeeee;
        border-top: 2px solid #dddddd;
        border-bottom: 2px solid #dddddd;
        margin: 20px 0;
        background: #fff !important;
        color: #000 !important;
        background-color: #fff !important;
        border-radius: 20px !important;
        box-shadow: 0px 15px 20px 0px rgb( 0, 0, 0, .2 );
        transition: all .3s ease-in;
        padding: 10px;
    }
	}
	.row_respons .column_respons:nth-child(1){ /* first column of the row */
		border-left:none;
	}
	.row_respons .column_respons:last-child{ /* last column of the row */
		border-right:none;
	}
	.row_respons:last-child .column_respons,
	.column{ /* Column in the last row and column */
		border-bottom:1px solid #eeeeee;
 //   display: flex;
    justify-content: space-between;
	}
	
	
}

.card_modal_session,.card_modal_session.mb-3{
	border: 1px solid #eeeeee;
	border-top: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	margin: 20px 0;
	background: #fff !important;
	color: #000 !important;
	background-color: #fff !important;
	border-radius: 20px !important;
	box-shadow: 0px 3px 3px 0px rgb(7 31 60);
	transition: all .3s ease-in;
	padding: 10px;
}
.o_container_small.o_survey_result {
    background: #fff !important;
}
ul.nav.o_survey_results_topbar_dropdown_filters {
    background: #fff !important;
}

.o_survey_result nav.navbar.navbar-light {
    background: #fff !important;
}

.o_slots_list button {
    color: #000 !important;
}
.separatorblock {
  position: relative; /* ADDED */
}

.separatorblock:after {
	content: '';
  position: absolute;
  border-left: 1px solid black;
  right: -10px;
  height: 80%;
  top: 10%;
}
.btn_choose_sent input {
  -webkit-appearance: none;
  display: block;
  margin: 10px;
  width: 18px;
  height: 18px;
  border-radius: 12px;
  cursor: pointer;
  vertical-align: middle;
  box-shadow: hsla(0,0%,100%,.15) 0 1px 1px, inset hsla(0,0%,0%,.5) 0 0 0 1px;
  background-color: hsla(0,0%,0%,.2);
      background-image: -webkit-radial-gradient( #fff 0%, #fff 15%, #fff 28%, #fff 70% );
  background-repeat: no-repeat;
  -webkit-transition: background-position .15s cubic-bezier(.8, 0, 1, 1),
    -webkit-transform .25s cubic-bezier(.8, 0, 1, 1);
  outline: none;
}
.btn_choose_sent input:checked {
  -webkit-transition: background-position .2s .15s cubic-bezier(0, 0, .2, 1),
    -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
}
.btn_choose_sent input:active {
  -webkit-transform: scale(1.5);
  -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
}



/* The up/down direction logic */

.btn_choose_sent input,
.btn_choose_sent input:active {
  background-position: 0 24px;
}
.btn_choose_sent input:checked {
  background-position: 0 0;
}
.btn_choose_sent input:checked ~ input,
 .btn_choose_sent input:checked ~ input:active {
  background-position: 0 -24px;
}

.btn_choose_sent{
	    background: #EF2D56;
    color: #fff;
    box-shadow: 0 10px 20px rgba(125, 147, 178, .3);
    border: none; 
     border-radius: 15px;
    font-size: 16px;
    //line-height: 10px;
    padding:  5px 22px 5px 30px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    margin-right: 10px;
    transition: all .3s;
    height: auto;
    cursor: pointer;
    position: relative;
    outline: none;
}

.btn_choose_sent input{
    position: absolute;
    left: 0;
    right: 0;
    z-index: 99;
    top: 2px;
}

.btn_choose_sent input:after{
	 position: absolute;
    content: '';
    width: 15rem;
    left: 0;
    right: 0;
    /* background: red; */
    /* z-index: -1; */
    height: 30px;
    top: -10px;
}

.bg_btn_chose_1{
	background-color: #28a745 !important;
}


.bg_btn_chose_2{
	background-color: #dc3545 !important;
}
section#planning_semaine_template_section {
    margin: 10px;
    border-radius: 40px !important;
    border-width: 20px !important;
    border-color: rgba(0, 0, 0, 0) !important;
    box-shadow: rgb(0, 0, 0) 0px 8px 16px 0px !important;
    padding: 20px 25px;
    background-color: #fff;
}

.img_service_personne{
width:130px;
}
@media all and (max-width: 500px){
.img_service_personne{
width:80px;
}
}

.icon_portail{
width:20px;
margin-left:30px;
}
.content2{
opacity:0 !important;
display: none !important;		
}
.dedcription-btn:hover .content2{
opacity:1 !important;	
color: #fff !important;
position: inherit;
    z-index: 99;
    display: block !important;	
}
.dedcription-btn:hover .content1{
opacity:0 !important;	
display: none !important;
}
.dedcription-btn {
width: 100%;
    position: relative;
    display: inline-flex;
    border-radius: 30px;
    align-items: center;
    background-color: #fcfcfc;
    color: #ffa000;
    text-align: center;
    font-size: 18px;
    transition: all 0.3s;
    margin: 10px 5px;
    box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.06);
    min-height: 70px;
    z-index: 0;
}
.dedcription-btn .btn-icon {
  
  width: 75px;
  //height: 45px;
   height: 100%;
  float: right;
  position: absolute;
  border-radius: 30px 30px 30px 0;;
  right: 0px;
  top: 0px;
  transition: all 0.3s;
}

.align-items-center.btn-icon.color1{
background-color: #071f3c;
}
.align-items-center.btn-icon.color2{
background-color: #3bb561;
}
.align-items-center.btn-icon.color3{
background-color: #f15323e3;
}

.name-descripeion {
  position: relative;
  z-index: 9999;
}
.btn-icon::after {
  content: "";
  width: 0;
  height: 0;
 // border-top: 45px solid #fcfcfc;
  border-right: 40px solid transparent;
  position: absolute;
  top: 0px;
  left: 0px;
}
.dedcription-btn:hover .btn-icon {
  width: 100%;
  border-radius: 30px;
}
.dedcription-btn:hover .btn-icon::after {
  display: none;
  opacity: 0.1;
}
.btn-icon i {
  position: absolute;
  right: 30px;
//  right: 25px;
 // top: 15px;
  color: #fff;
}
.dedcription-btn:hover {
  color: #fff!important;
}
.heart {
  background-color: #ff586b!important;
}
.book {
  background-color: #00b7c4!important;
}
.brain {
  background-color: #8bc34a!important;
}
.hover-box {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
#accountOffCanvas .profile_info {
    background: #fbe04f !important;
    color:#000 !important;
}
a.avance_credit {
    color: #071f3c !important ;
}
#accountOffCanvas a.avance_credit {
    color: #fff !important;
}
span.txt-tlt-prof-dash {
    font-size: 0.7rem;
    margin: 6px;
    color: #fbe04f;
    font-weight: bold;
}
.content1{
    padding: 5px 10px;
    margin-left: 10px;
}
.content2 {
    padding: 5px 10px;
    margin-left: 10px;
}
@media all and (max-width: 475px){
	.dedcription-btn .btn-icon {
	    width: 65px;
	    }
	.btn-icon i {
	   right: 20px; 
	}
	.content1{
	width: 75%;
}
}
.form-control:focus {
    border-color: #0C59B0;

}
.matiereId.active {
    box-shadow: #0C59B0 0px 2px 10px 0px !important;
}

.block_address{
        box-shadow: #0C59B0 0px 2px 10px 0px !important;

}
addressId.active {
        box-shadow: #0C59B0 0px 2px 10px 0px !important;
}
//
.tab-slider--nav{
	width: 100%;
	float: left;
}
.tab-slider--tabs{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	overflow: hidden;
	background: #fff;
	user-select: none; 
	&:after{
		content: "";
		width: 50%;
		background: #0c59b0;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		transition: all 250ms ease-in-out;
	}
	&.slide:after{
		left: 50%;
	}
}

.tab-slider--trigger {
	font-size: 12px;
	line-height: 1;
	font-weight: bold;
	color: #0c59b0;
	text-transform: uppercase;
	text-align: center;
	position: relative;
	z-index: 2;
	cursor: pointer;
	display: inline-block;
	transition: color 250ms ease-in-out;
	user-select: none; 
	&.active {
		color: #fff;
	}
}

.block_matieres{
	margin: 5px 0px 5px;
	cursor: pointer;
box-shadow: #C3C1B9 0px 2px 10px 0px !important;
}
.block_matieres input{
	display:none;
}
.matiereId.active{
    box-shadow: #7C6A0B 0px 2px 10px 0px !important;
}
.matiereId.active .check{
    display: block;
}


.block_matieres-min label{
    width: 100%;
    max-height: 50px !important;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
}
label:nth-child(2), label:nth-child(3){
    margin: 15px 0;
}
.check{
    display: none;
    position: absolute;
    top: -4px;
    right: -4px;
}

a.nav-link.text-capitalize:hover {
  border-color: transparent !important;
  }


 .attachment-list {
            margin-top: 10px;
            list-style: none;
            padding: 0;
        }
        .attachment-item {
            display: flex;
            align-items: center;
            margin-bottom: 5px;
        }
        .attachment-item span {
            margin-right: 10px;
        }
        .delete-btn {
            cursor: pointer;
            color: red;
            border: none;
            background: none;
            padding: 0;
            font-size: 16px;
        }
        .delete-btn-attach{
            cursor: pointer;
            color: red;
            border: none;
            background: none;
            padding: 0;
            font-size: 16px;
        }
        

.block_address {
  margin: 5px 0px 5px;
  cursor: pointer;
  box-shadow: #C3C1B9 0px 2px 10px 0px !important;
  max-width: 50%;
}
.block_address input{
 display:none;
}
.addressId.active{
    box-shadow: #7C6A0B 0px 2px 10px 0px !important;
}

span.checkadd {
    display: none;
    position: absolute;
    top: -4px;
    right: -4px;
}
.addressId.active .checkadd{
    display: block;
}
.block_address label{
    width: 100%;
    max-height: 50px !important;
    padding: 10px;
   /* display: flex;
    justify-content: space-between;
    align-items: center;*/
text-align: center;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
}


.block_suiviId.active .checkadd{
    display: block;
}

.block_suivis {
  margin: 5px 0px 5px;
  cursor: pointer;
  max-width: 50%;
  box-shadow: none !important;
}
.block_suivis input{
  display:none;
}
.block_suiviId.active{
    box-shadow: #0C59B0 0px 2px 10px 0px !important;
}
.block_suiviId:hover{
    box-shadow: #0C59B0 0px 2px 10px 0px !important;
}

.block_suivis label{
    width: 100%;
    max-height: 50px !important;
    padding: 10px;
   /* display: flex;
    justify-content: space-between;
    align-items: center;*/
text-align: left;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
}

.block_type_suivreId.active .checkadd{
    display: block;
}

.block_type_suivregroupe {
  margin: 5px 0px 5px;
  cursor: pointer;
  box-shadow: none !important;
//  max-width: 50%;
}
.block_type_suivregroupe input{
  display:none;
}
.block_type_suivreId.active{
    box-shadow: #0C59B0 0px 2px 10px 0px !important;
}
.block_type_suivreId:hover{
    box-shadow: #0C59B0 0px 2px 10px 0px !important;
}
.block_type_suivregroupe label{
    width: 100%;
    max-height: 50px !important;
    padding: 10px;
    /*display: flex;
    justify-content: space-between;
    align-items: center;*/
	text-align: left;
    cursor: pointer;
    border-radius: 5px;
    position: relative;
}
.custom-margin-left {
    margin-left: 25%;
}