@import url('https://fonts.googleapis.com/css?family=Poppins:100,200,400,500&display=swap');

    
  






  /* container */
  body.template-login, 
  body.template-reset-password,
  body.template-reset-password-rec,
  body.template-reset-password-prod,
  body.template-reset-password-preprod,
  body.template-change-password,
  body.template-change-password-rec,
  body.template-change-password-prod,
  body.template-change-password-preprod,
  body.template-loginTwoFactor
  {
    background-color: #f7f7f7;
  }

  @media (min-width: 1200px){
    /* container */
    body.template-login, 
    body.template-reset-password,
    body.template-reset-password-rec,
    body.template-reset-password-prod,
    body.template-reset-password-preprod,
    body.template-change-password,
    body.template-change-password-rec,
    body.template-change-password-prod,
    body.template-change-password-preprod,
    body.template-loginTwoFactor
    {
      background-color: #ffffff;
    }
  }



  body.template-login .title-background em, 
  body.template-reset-password .title-background em,
  body.template-reset-password-rec .title-background em,
  body.template-reset-password-prod .title-background em,
  body.template-reset-password-preprod .title-background em,
  body.template-change-password .title-background em,
  body.template-change-password-rec .title-background em,
  body.template-change-password-prod .title-background em,
  body.template-change-password-preprod .title-background em,
  body.template-loginTwoFactor .title-background em{
    color: #de3473;
  }
  body.template-login .title-background, 
  body.template-reset-password .title-background, 
  body.template-reset-password-rec .title-background,
  body.template-reset-password-prod .title-background,
  body.template-reset-password-preprod .title-background,
  body.template-change-password .title-background,
  body.template-change-password-rec .title-background,
  body.template-change-password-prod .title-background,
  body.template-change-password-preprod .title-background,
  body.template-loginTwoFactor .title-background{

    color: #fff;
  }

  body.template-login .menu-container, 
  body.template-reset-password .menu-container,
  body.template-reset-password-rec .menu-container,
  body.template-reset-password-prod .menu-container,
  body.template-reset-password-preprod .menu-container,
  body.template-change-password .menu-container,
  body.template-change-password-rec .menu-container,
  body.template-change-password-prod .menu-container,
  body.template-change-password-preprod .menu-container,
  body.template-loginTwoFactor .menu-container{
    box-shadow: none;
  }



  body .login-container {
    background-position: -320px 0px;
    background-color: #ffffff
  }

  /* hr */
  body .login-container hr{
    background-color: #eae7e7;
  }
  /* logo */
  body .login-container .login-box-container .logo-container{
    border-top: 1.5px solid #dfdfdf;
    border-right: 1.5px solid #dfdfdf;
    border-left: 1.5px solid #dfdfdf;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    background-color: #ffffff;
  } 
  body .login-container .login-box-container .logo-container img {
    max-height: 75 !important;
  }
      body .login-container .login-box-container .logo-container{
      background: transparent;
      border: none;
    }
    body .login-container .login-box-container .login-box{
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border-top: 1.5px solid #dfdfdf !important;
    }
    body .login-box-container:before{
      right: -135px;
      top: 155px;
    }
  
  
  /* box */
  body .login-container .login-box-container .login-box {
    background-color: #ffffff;
        border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: 1.5px solid #dfdfdf;
    border-right: 1.5px solid #dfdfdf;
    border-left: 1.5px solid #dfdfdf;
  }

  /* icons */
  
  .login-container .login-box-container .login-box form label i{
    color: #D64C73;
  }

  /* label */
  .login-container .login-box-container .login-box label{
    color: #534a40;
  }

  /* input */
  body .login-container .login-box-container .login-box form .form-group .form-control{
    border-radius: 1px;
    height: 46px;
    border: 1px solid #E6E6E6;
  }
  body .login-container .login-box-container .login-box form .form-group .form-control:focus{
    border: 1px solid ;
  }
  
  /* title */
  .login-container .login-box-container .login-box form h2, .login-container .login-box-container .login-box form h1, .login-container .login-box-container .login-box form h3, .login-container .login-box-container .login-box form h4{
    color: #534a40;
    letter-spacing: 3px;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
  }

  /* mot de passe */
  .login-container .login-box-container .login-box form .form-group .forgot a {
    color: #D64C73;
    text-decoration: none;
  }

  /* button */
  .login-container .login-box-container .login-box form .form-group .buttons-group .btn{
    background-color: #D64C73;
    border-color: #D64C73;
    border-radius: 30px;
    color:#ffffff;
    text-transform: none;
    height: 46px;
    margin-top: 0;
    width: 100%;
  }
  .login-container .login-box-container .login-box form .form-group .buttons-group .btn:hover{
    background-color: #D64C73;
    border-color: #D64C73;
    color:#ffffff;
    border: 1px solid #D64C73;
  }

  /* footer */
    
  body.template-login .footer-auth ul li a, body.template-reset-password .footer-auth ul li a{
    color: #534a40;
  }

  body.template-login .footer-auth .version{
    color: #534a40;
  }

  
  body form.login-two-factor input.code-input {
      color: #534a40;
  }

  .login-container.full-height-login {
    background-color: #ffffff
  }



  body .login-block i{
    color: #d64c73;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  body .login-block .text-block-login{
    color: #d64c73;
  }
  body .login-block .text-block-login p{
    font-size: 14px !important;
  }



@media (min-width: 1170px){
  .container {
    width: 1170px
  }
}  

/* BODY */
body {
  line-height: 16px;
  color: #464646;
  font-size: 14px;
  background-color: #ffffff;
}

/* HEADER */

/* header .searchTopBar{
  display: none;
} */

header .searchTopBar .input-search.noModal{
  background-color: #fff;;
}

@media (min-width: 740px){
  header .searchTopBar{
    display: block;
  }
}

header .row.row-header .logo-container{
  background-color: #ffffff;
}

.sidebar .menu-sidebar-container .menuSidebar .logo-container{
  height: 110px;
}

.sidebar .menu-sidebar-container .menuSidebar .logo-container a img{
  width: 90%;
}

header .row.row-header .right-part-header{
  background-color: #ffffff;
  color: #464646;
}

@media (min-width: 740px){
  header .row.row-header .right-part-header{
    background-color: #ffffff;
  }
}

header.row.row-header .right-part-header.login-header {
  background-color: #ffffff;
}

header .row.row-header .right-part-header .user-info .button-header-container .btn-header,
header .row.row-header .right-part-header .user-info .menu-flags button{
  border:1px solid #464646;
  color:#464646;
  border-radius: 30px;
}

header .row.row-header .right-part-header .user-info .button-header-container .btn-header:hover{
  border:1px solid #d64c73;
  color:#d64c73;
}

/* tooltip */
body .ui-tooltip{
    background-color: #d64c73 !important;
    color: #ffffff !important;
}

/* select2 and select languages */
body .select2-container--default .select2-selection--single, 
body #languagesMenu div button{
  color:#464646;
  background-color: #ffffff;
  border:1px solid #464646;
  border-radius: 30px;

}
body #languagesMenu ul{
  border: 1px solid #E6E6E6;
}
body .select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color: #464646 transparent transparent transparent;
}
body .select2-container--default .select2-selection--single .select2-selection__rendered{
  color: #464646;
}
body .select2-container--default .select2-results__option--highlighted[aria-selected]{
  background-color: ;
}
/* end select2 */

header .navbar-toggle .icon-bar{
  background: #464646;
}

/*SIDEBAR */
.sidebar{
  background-color: #ffffff;
  color:#b5b4b2;
}
.sub-menu-sidebar-container{
  background-color: #ffffff !important;
}
.sub-menu-sidebar-container ul li a{
  color:#b5b4b2 !important;
}

.sidebar .menu-sidebar-container ul li:hover, .sidebar .menu-sidebar-container ul li.active{
  background-color: #ffffff;
  border-left: 4px solid #000000;
}
.sidebar ul li.menu-child.parent{
  background-color: #ffffff;
}
.sidebar ul li:hover a, .sidebar ul li.active a{
  color:#000000;
}
.sidebar ul li:hover i, .sidebar ul li.active i{
  color:#d64c73;
}
.sidebar ul li a{
  color:#b5b4b2;
}
.sub-menu-sidebar-container{
  background-color: #ffffff;
}
.sub-menu-sidebar-container ul li a{
  color:#b5b4b2;
}
.sub-menu-sidebar-container ul li:hover, .sub-menu-sidebar-container ul li.active{
  background-color: #ffffff;
  border-left: 4px solid #000000;
}
.sidebar ul li a:hover{
  color:#000000;
}
.sidebar ul li .arrowright .custom_icon{
  color: #ffffff;
  font-size: 25px !important;
}
.sidebar ul li .arrowLeft .custom_icon{
  color: #ffffff !important;
  font-size: 25px !important;
}

/* PUBLIC LAYOUT */
body.template-public{
  background-color: #ffffff !important;
  line-height: 16px;
  color: #464646;
  font-size: 14px;
} 

/*FOOTER */
footer{
  background-color: #ffffff;
}

body:not(.template-public) footer{
  border-top: 1px solid #2a364938;
}
body.template-public footer{
  border-top: none;
  background-color: #f0e5d7;
  padding-right:20px;
}

body.template-public footer .footer-public .services ul.container-menu{
  padding-left: 30px !important;
}

body.template-public footer .footer-public section .menu-item i{
  color: #d64c73
}

body.template-public footer .footer-public section .menu-item a:hover{
  color: #d64c73
}

body.template-public footer .footer-public section .wrapper a .fa-linkedin{
  color:#d64c73; 
}
body.template-public footer .footer-public section .wrapper a .fa-linkedin:hover{
  color:#d64c73; 
}

body.template-public footer .footer-public section .wrapper a .fa-facebook{
  color:#d64c73; 
}
body.template-public footer .footer-public section .wrapper a .fa-facebook:hover{
  color:#d64c73; 
}

body.template-public footer .footer-public section .wrapper a .fa-twitter{
  color:#d64c73; 
}
body.template-public footer .footer-public section .wrapper a .fa-twitter:hover{
  color:#d64c73; 
}

body.template-public footer .footer-public section .wrapper a .fa-envelope{
  color:#d64c73; 
}
body.template-public footer .footer-public section .wrapper a .fa-envelope:hover{
  color:#d64c73; 
}

body.template-public footer .row-footer-public{
  border-top: 1px solid #2a364938;
}

footer p{
  color:#534a40;
}
footer ul li{
  color:#534a40;
}
footer ul li a{
  color:#534a40;
}
footer ul li a:hover{
  color:#d64c73;
}
body .sidebar .footer-menu-sidebar ul .menu-item a,
body .sidebar .footer-menu-sidebar ul .menu-item .footer-separator{
  color: #534a40;
  font-size: 14px;
}
body .sidebar .footer-menu-sidebar ul .menu-item,
body .sidebar .footer-menu-sidebar ul .menu-item a:hover,
body .sidebar .footer-menu-sidebar ul .menu-item .footer-separator:hover{
  color: #d64c73;
  background-color: #ffffff;
}
body .sidebar .contact-sidebar .wrapper-content .text{
  color: #534a40;
}
body .sidebar .contact-sidebar .wrapper-content{
    
}
body .sidebar .contact-sidebar .wrapper-content .number a, body .sidebar .contact-sidebar .wrapper-content .number p{
  color: #d64c73;
}

body .sidebar .contact-sidebar.footer-contact .contact-content i{
  color: #d64c73
} 

/*TITLE WIDGETS*/
.element-file-container-head, .element-form-container-head, .element-table-container-head{
    text-transform: none !important;
}

/* ELEMENTS && WIDGETS */

/* new-box-shadow for all elements and widgets */
  body .page-builder .widget-component{
    /* offset-x | offset-y | blur-radius | color */
    -webkit-box-shadow: 0px 0px 30px #ddddddFF;
    -moz-box-shadow: 0px 0px 30px #ddddddFF;
    box-shadow: 0px 0px 30px #ddddddFF;
  }
  body .page-builder .box-class-1 .widget-component:not(.box-button-container),
  body .page-builder .box-class-2 .widget-component:not(.box-button-container),
  body .page-builder .box-class-3 .widget-component:not(.box-button-container),
  body .page-builder .box-class-1 a.btn-1,
  body .page-builder .box-class-1 a.btn-2,
  body .page-builder .box-class-1 a.btn-3,
  body .page-builder .box-class-2 a.btn-1,
  body .page-builder .box-class-2 a.btn-2,
  body .page-builder .box-class-2 a.btn-3,
  body .page-builder .box-class-3 a.btn-1,
  body .page-builder .box-class-3 a.btn-2,
  body .page-builder .box-class-3 a.btn-3{
    box-shadow: none !important;
  }

@media (min-width: 1300px){
  body .page-builder{
    padding: 0 7%;
  }

  body .breadcrumb .container-breadcrumb{
    /* Padding se mantiene por defecto */
  }

  /* Clase para deshabilitar padding cuando sea necesario */
  body.disable-padding-page .page-builder{
    padding: 0 !important;
  }

  body.disable-padding-page .breadcrumb .container-breadcrumb{
    padding: 0 !important;
  }
}





/*PAGE*/
.page-builder h1{
  color:#534a40;
  font-size:42px;
  font-weight:700;
}
.page-builder h2{
  color:#534a40;
  font-size:32px;
  font-weight:700;
}
.page-builder h3{
  color:#464646;
  font-size:20px;
  font-weight:700;
}
.page-builder h4{
  color:#464646;
  font-size:20px;
  font-weight:400;
}
.page-builder h5{
  color:#464646;
  font-size:14px;
  font-weight:500;
}

#event-modal-manager h1{
  color:#534a40;
  font-size:42px;
  font-weight:700;
}

#event-modal-manager h2{
  color:#534a40;
  font-size:32px;
  font-weight:700;
}
#event-modal-manager h3{
  color:#464646;
  font-size:20px;
  font-weight:700;
}
#event-modal-manager h4{
  color:#464646;
  font-size:20px;
  font-weight:400;
}
#event-modal-manager h5{
  color:#464646;
  font-size:14px;
  font-weight:500;
}

#event-modal-manager p {
  font-size: 14px;
}

.total-box-container-a{
  color:#D64C73;
}
.total-box-container{
  color:#534a40;
}
.box-button-container-a .box-button-container:hover{
  color:#534a40;
}
.box-button-container{
  color:#d64c73;
  border-radius: 30px;
      -webkit-box-shadow: 0px 0px 30px #ddddddFF;
    -moz-box-shadow: 0px 0px 30px #ddddddFF;
    box-shadow: 0px 0px 30px #ddddddFF;
  }
.static-banner{
  border-radius: 30px;
  background-color:#ffffff;
      -webkit-box-shadow: 0px 0px 30px #ddddddFF;
    -moz-box-shadow: 0px 0px 30px #ddddddFF;
    box-shadow: 0px 0px 30px #ddddddFF;
  }
.static-banner .text-static-banner h1, .static-banner .text-static-banner a{
  color: #d64c73;
}

/* button primary */
.box-button-container, .box-button-container-a {
  color: #ffffff;
  border-radius: 12px;
}
.box-button-container-a .image-container{
  background-color: #D64C73;
}
.box-button-container-a .box-button-container:not(.box-button-secondary) .image-container i{
  color: #ffffff;
}
.box-button-container-a .label-container{
  background-color: #D64C73;
}
.box-button-container-a .box-button-container:hover {
  color: #D64C73;
}
.box-button-container-a .box-button-container:not(.box-button-secondary):hover > .wrap-box-button .image-container i{
  color: #D64C73;
}
.box-button-container-a .box-button-container:not(.box-button-secondary):hover > .wrap-box-button .image-container{
  background-color: #ffffff
}
.box-button-container-a .box-button-container:not(.box-button-secondary):hover > .wrap-box-button .label-container{
  background-color: #ffffff
}

/* Box button */

.box-button-container .wrap-box-button .label-container div{
  border-top: 1px solid;
  border-top-color: rgba(0, 0, 0, 0.1);
}

.box-button-container svg{
  font-size: 40px;
}
.box-button-container i{
  font-size: 40px;
}

/* button Secondary */
.box-button-container.box-button-secondary, .box-button-container-a .box-button-secondary {
  color: #2a3649;
  border-radius: 12px;
}
.box-button-container.box-button-secondary .label-container{
  background-color: #ffffff;
}
.box-button-container.box-button-secondary .image-container{
  background-color: #ffffff;
}
.box-button-container-a .box-button-container.box-button-secondary:hover {
  color: #ffffff;
}
.box-button-container.box-button-secondary .image-container i{
  color: #2a3649;
}
.box-button-container.box-button-secondary.box-button-container:hover > .wrap-box-button .image-container i{
  color: #ffffff;
}
.box-button-container.box-button-secondary:hover > .wrap-box-button .image-container{
  background-color: #2a3649
}
.box-button-container.box-button-secondary:hover > .wrap-box-button .label-container{
  background-color: #2a3649
}
.box-button-container.box-button-secondary svg{
  font-size: 40px;
}
.box-button-container.box-button-secondary i{
  font-size: 40px;
}

/* //box shadow none inside boxes */
body .page-builder .box-class-1 .box-class-1,
body .page-builder .box-class-1 .box-class-2,
body .page-builder .box-class-1 .box-class-3,

body .page-builder .box-class-2 .box-class-1,
body .page-builder .box-class-2 .box-class-2,
body .page-builder .box-class-2 .box-class-3,

body .page-builder .box-class-3 .box-class-1,
body .page-builder .box-class-3 .box-class-2,
body .page-builder .box-class-3 .box-class-3{
  box-shadow: none;
}

/* .box-class-1 */
body .page-builder .box-class-1{
  background-color: #ffffff;
  border-radius: 12px;
  border: 1px solid #f3f3f3;
  box-shadow: none;
} 

@media (min-width: 740px){

  body .page-builder .box-class-1{
          /* offset-x | offset-y | blur-radius | color */
      -webkit-box-shadow: 0px 0px 30px #ddddddFF;
      -moz-box-shadow: 0px 0px 30px #ddddddFF;
      box-shadow: 0px 0px 30px #ddddddFF;
      }

  
}

body .page-builder .box-class-1.visible_none{
  border: none !important;
}
body .page-builder .box-class-1.row{
  background-color: #ffffff;
  border-radius: 12px;
  border: 1px solid #f3f3f3;
}

/* .box-class-2 */
body .page-builder .box-class-2{
  background-color: #f4ede3;
  border-radius: 0;
  border: 1px solid transparent;
  color: #534a40;
  } 
body .page-builder .box-class-2.visible_none{
  border: none !important;
}
body .page-builder .box-class-2.row{
  background-color: #f4ede3;
  border-radius: 0;
  border: 1px solid transparent;
}


/* .box-class-3 */
body .page-builder .box-class-3{
  background-color: transparent;
  border-radius: 0;
  border: 1px solid transparent;
  color: #534a40;
      -webkit-box-shadow: 0px 0px 30px #ddddddFF;
    -moz-box-shadow: 0px 0px 30px #ddddddFF;
    box-shadow: 0px 0px 30px #ddddddFF;
  } 
body .page-builder .box-class-3.visible_none{
  border: none !important;
}
body .page-builder .box-class-3.row{
  background-color: transparent;
  border-radius: 0;
  border: 1px solid transparent;
}

/* whiteColor Class  */
body .page-builder .box-class-3.whiteColor h1{
  color: white;
}
body .page-builder .box-class-3.whiteColor h4{
  color: white;
}
body .page-builder .box-class-3.whiteColor .element-table-container-head{
  background-color: white;
  border-bottom: 1px solid #e3dfdf;
}
body .page-builder .box-class-3.whiteColor .chart-line-list-container{
  border-radius: 0px;
}
body .page-builder .box-class-3.whiteColor .element-table-container .element-table-container-body{
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}



.element-file-container{
  border-radius: 1px;
}
body .element-file-container-head{
  background-color: #e7eaef;
  color:#534a40;
  border-bottom: 1px solid #ffffff;
  font-size:24px;
  padding-top: 5px;
  padding-bottom: 5px !important;
}
body .element-collapsable.element-file-container-head{
  background-color: #ffffff;
  color: #534a40;
  font-size: 24px;
  padding-bottom:10px;
  padding-left: 50px;
}
body .element-file-container-head i{
  color:#D64C73;
}

body .element-file-container .element-file-container-body{
  background-color: #ffffff;
  border:transparent;
      -webkit-box-shadow: inset 0 4px 4px -4px #ffffff40;
    -moz-box-shadow: inset 0 4px 4px -4px #ffffff40;
    box-shadow: inset 0 4px 4px -4px #ffffff40;
  }

.element-file-container .element-file-container-body .element-file-input-container{
  border-bottom: 1px solid #ffffff;
}
.element-collapsable{
  cursor: pointer;
  text-transform: none !important;
}
.element-collapsable.collapsed:before{
  color:#D64C73;
}
.element-collapsable:before{
  color:#D64C73;
}
.more-btn{
  background-color:#ffffff;
}
.more-btn  a {
  border-radius: 30px;
  color:#D64C73;
  border: 1px solid #D64C73;
}
.more-btn  a:hover{
  color:#fdb95d;
  border: 1px solid #fdb95d;
}

/* element file settings styles */
body .element-file-container .elementFile label{
    color: #464646;
    font-weight: 700;
    line-height: 25px;
    font-size : 14px;
}
body .element-file-container .elementFile span{
    color: #464646;
    font-weight: 400;
    line-height: 25px;
    font-size : 14px;
}

body .element-file-container .elementFile span.icon-label i{   
    color: #464646;
    line-height: 25px;
    font-size : 14px;
}



/* class fixed-height */
body .fixed-height .element-file-container  {
    height: 125px;
    max-height: 125px;
    min-height: 125px;
    
}
body .fixed-height .element-file-container .element-file-container-body .elementFile label{
    padding: 0 !important;
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    line-height: 29px !important;
    color: #464646 !important;
}
body .reduced.fixed-height .element-file-container .elementFile span{
    padding: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 29px !important;
    color: #464646 !important;
    float: right;
}
body .fixed-height .element-file-container .elementFile .row{
    padding: 0 !important;
}
/* end class fixed-height */



/** Box into an Element */

/* Box-1 */
body .element-file-container .box-class-1{
  background-color: #ffffff;
  border-radius: 12px;
  border: 1.5px solid #f3f3f3;
} 

/* Box-2 */
body .element-file-container .box-class-2 *{
  color: #534a40;
}
body .element-file-container .box-class-2{
  background-color: #f4ede3;
  border-radius: 0;
  border: 1.5px solid transparent;
} 
body .layout .box-class-2 .container-fields-default .stripped:nth-of-type(even){
  background-color: #f4ede3;
  border-radius: 0;
}
body .layout .box-class-2 .container-fields-default .stripped:nth-of-type(odd){
  background-color: #f4ede3;
  border-radius: 0;
}

/* box-3 */
body .element-file-container .box-class-3 *{
  color: #534a40;
}
body .element-file-container .box-class-3{
  background-color: transparent;
  border-radius: 0;
  border: 1.5px solid transparent;
} 
body .layout .box-class-3 .container-fields-default .stripped:nth-of-type(even){
  background-color: transparent;
  border-radius: 0;
}
body .layout .box-class-3 .container-fields-default .stripped:nth-of-type(odd){
  background-color: transparent;
  border-radius: 0;
}


/** Element into a Box */

/* box-1 */

/* box-2 */
body .box-class-2 .element-file-container .element-file-container-body {
  padding:0px;
}

body .box-class-2 .element-file-container *{
  color: #534a40 !important;
  background-color: #f4ede3 !important;
  border: transparent;
}

body .box-class-2 .element-file-container .element-collapsable:before {
  color: #534a40 !important;
}

 /*box-3 */
body .box-class-3 .element-file-container .element-file-container-body {
  padding:0px;
}

body .box-class-3 .element-file-container *{
  color: #534a40 !important;
  background-color: transparent !important;
}

body .box-class-3 .element-file-container .element-collapsable:before {
  color: #534a40 !important;
}

/* class reduced */
body .reduced div{
    padding: 0;
    margin: 0;
}
body .reduced.no-padding .element-file-container-body {
    padding: 0 !important; 
}
body .reduced .element-file-container-body .container-fields-default .stripped:first-child .col-md-6 span{
    padding-left: 0 !important;
}
body .reduced .element-file-container .element-file-container-body{
    box-shadow: none;
}
body .reduced .element-file-container h1, 
body .reduced .element-file-container h2, 
body .reduced .element-file-container h3, 
body .reduced .element-file-container h4, 
body .reduced .element-file-container h5{
    margin: 0;
    padding: 8px;
    padding-bottom: 5px;
}
body .reduced .element-file-container .element-file-container-body{
    padding: 0;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 20px;
}
body .reduced .element-file-container .element-file-container-body span{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 20px !important;
}
body .reduced .element-file-container .element-file-container-body label{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
body .reduced .element-file-container .element-file-container-body span i{ 
    padding-left: 9px;
}
body .reduced .element-file-container .element-file-container-body .container-fields-default div{
    margin: 0px 0px;
}
body .reduced .container-fields-default div{
    background: transparent !important; 
}
body .reduced .element-file-container .element-file-container-body .container-fields-default div.stripped .row div:not(:first-child){
    /*text-align: right;*/
}

body .fiche-reduced .element-file-container .elementFile span{
    font-weight: 900;
}

/* display label and display inline settings ficha */
body .element-file-container .element-file-container-body .container-fields-default.display_inline div .row > div:first-child, 
body .element-file-container .element-file-container-body .display_inline .container-fields-default div .row > div:first-child,
body .element-file-container .element-file-container-body .container-fields-default.display_label div .row > div:first-child{
    display: none;
}
body .element-file-container .element-file-container-body .container-fields-default.display_inline div .row div:not(:first-child), 
body .element-file-container .element-file-container-body .display_inline .container-fields-default .row div:not(:first-child),
body .element-file-container .element-file-container-body .display_label .container-fields-default .row div:not(:first-child){
    width: 100%;
    padding: 0;
}
body .element-file-container .element-file-container-body .container-fields-default.display_inline div .row div:not(:first-child):after, 
body .element-file-container .element-file-container-body .display_inline .container-fields-default div .row div:not(:first-child):after{
    content: "/";
}

body .element-file-container .element-file-container-body .container-fields-default.display_inline div:last-child .row div:not(:first-child):after, 
body .element-file-container .element-file-container-body .display_inline .container-fields-default div:last-child .row div:not(:first-child):after{
    content: "";
}

body .element-file-container .element-file-container-body .container-fields-default.display_inline, 
body .element-file-container .element-file-container-body .display_inline .container-fields-default{
    display: flex;
}

  body .element-file-container-head, body .element-collapsable.element-file-container-head{
    background-color: transparent;
  }
  body .page-builder .element-file-container .element-file-container-body{
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
    border-bottom-left-radius: 1px;
  }
  body .element-file-container .element-collapsable:before, body .element-file-container .element-collapsable.collapsed:before {
    left: 5px;
  }

body .page-builder .element-file-container .element-file-container-body .row.border-bottom-style{
    border-bottom: 1px solid #d1d1cf;
}

body .element-file-container-head.collapsed{
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}

body .element-file-container-head:not(.collapsed){
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* 30-70 */

body .element-file-container .element-file-container-body .p30_70 div.col-md-6:first-child{
    width: 30% !important;
}
body .element-file-container .element-file-container-body .p30_70 div.col-md-6:last-child{
    width: 70% !important;
}

/* 40-60 */

body .element-file-container .element-file-container-body .p40_60 div.col-md-6:first-child{
    width: 40% !important;
}
body .element-file-container .element-file-container-body .p40_60 div.col-md-6:last-child{
    width: 60% !important;
}

/* 50-50 */
    body .element-file-container .element-file-container-body .container-fields-default div.col-md-6:first-child{
        width: 50%;
    }
    body .element-file-container .element-file-container-body .container-fields-default div.col-md-6:last-child{
        width: 50%;
    }

body .element-file-container .element-file-container-body .p50_50 div.col-md-6:first-child{
    width: 50% !important;
}
body .element-file-container .element-file-container-body .p50_50 div.col-md-6:last-child{
    width: 50% !important;
}

/* 60-40 */

body .element-file-container .element-file-container-body .p60_40 div.col-md-6:first-child{
    width: 60% !important;
}
body .element-file-container .element-file-container-body .p60_40 div.col-md-6:last-child{
    width: 40% !important;
}

/* 70-30 */

body .element-file-container .element-file-container-body .p70_30 div.col-md-6:first-child{
    width: 70% !important;
}
body .element-file-container .element-file-container-body .p70_30 div.col-md-6:last-child{
    width: 30% !important;
}

/* 10-90 */

body .element-file-container .element-file-container-body .p10_90 div.col-md-6:first-child{
    width: 9.5% !important;
}
body .element-file-container .element-file-container-body .p10_90 div.col-md-6:last-child{
    width: 90.5% !important;
}

/* 90-10 */

body .element-file-container .element-file-container-body .p90_10 div.col-md-6:first-child{
    width: 90% !important;
}
body .element-file-container .element-file-container-body .p90_10 div.col-md-6:last-child{
    width: 10% !important;
}

/* 20-80 */

body .element-file-container .element-file-container-body .p20_80 div.col-md-6:first-child{
    width: 20% !important;
}
body .element-file-container .element-file-container-body .p20_80 div.col-md-6:last-child{
    width: 80% !important;
}


/* 80-20 */


body .element-file-container .element-file-container-body .p80_20 div.col-md-6:first-child{
    width: 80% !important;
}
body .element-file-container .element-file-container-body .p80_20 div.col-md-6:last-child{
    width: 20% !important;
}
body .MuiButton-text .MuiButton-label svg.icon{
    font-size: 1em;
}


body .MuiButton-text .MuiButton-label i{
    font-size: 1em;
    color: #d64c73;
}

body .MuiTooltip-tooltip{
    background-color: #2a3649;
}

body .MuiTooltip-tooltip span{
    color: #ffffff;
}


    /* CSS Variables for Floating Labels */
    :root {
        --label-input-color: #7c7974;
        --label-input-color-active: #7c7974;
        --tooltip-background-color: #d64c73;
        --tooltip-text-color: #ffffff;
        --height-input-form: 49px;
        --input-font-size-form: 14px;
        --background-color-form-inputs: #f3f3f3;
        --border-radius-input-form: 20px;
        --enable-floating-label: 1;
    }
    
    /* Override floating label colors to use configured label color */
    .floating-label-field .floating-label {
        color: #7c7974 !important;
    }
    
    .floating-label-field .floating-label.active {
        color: #7c7974 !important;
        opacity: 0.7; /* Hacer el color más claro cuando está activo */
    }

    /*FORMS*/
    .form-component a.btn-default {
      border-radius: 30px;
      color:#534a40;
      border: 1px solid #534a40;
    }
    .form-component a.btn-default:hover{
      color:#fdb95d;
      border: 1px solid #fdb95d;
    }
    .form-component a.btn-primary {
      border-radius: 30px;
    }
    .form-component a.btn-link{
      color:#534a40;
    }
    body .element-form-container-head{
      background-color: #e7eaef;
      color:#534a40;
      border-bottom: 1px solid #ffffff;
      border-top-left-radius: 1px;
      border-top-right-radius: 1px;
      font-size:24px;
      padding-top: 5px;
      padding-bottom: 5px !important;
    }
    body .element-form-container-head i{
      color:#D64C73;
    }
    body .element-collapsable.element-form-container-head{
      background-color: #ffffff;
      color: #534a40;
      font-size: 24px;
      padding-bottom:10px;
    }
    body .element-form-container-head.collapsed{
      border-radius: 1px;
    }
    body .element-form-container{
      border-radius: 1px;
    }
    body .element-collapsable.element-form-container-head.collapsed {
      background-color: #ffffff;
      color:#534a40;
    }
    .element-form-container .element-form{
      background-color:#ffffff;
      color:#534a40;
      border-bottom-left-radius: 1px;
      border-bottom-right-radius: 1px;
    
    }
    .element-form-container .element-form-container-body.collapse .element-form{
      border-top-left-radius: 0;
      border-top-right-radius: 0;
    }
    .form-component .element-form-row label span{
      color:#fdb95d;
    }
    .form-component .element-form-row .buttons .btn-back{
      border: 1px solid #534a40;
    }
    .form-component .element-form-row .buttons .btn-back:hover{
      background-color: #ffffff;
      border-color: #ffffff;
      color: #534a40;
    }

    /* form button */
    body .form-component .element-form-row .buttons .btn-primary{
        color: #fff;
        background-color: #d64c73;
        border-radius: 20px;
        border-color: #d64c73;
    }
    
    body .form-component .element-form-row .buttons .btn-primary .progress-mask{
        border-radius: 20px;
    }
    body .form-component .element-form-row .buttons .btn-primary:hover{
        color: #fff;
        background-color:#d64c73;
        border-color: #d64c73;
    }
    body .form-component .element-form-row .buttons .btn-primary i{
        color: #ffffff;
    }
    body .form-component .element-form-row .buttons .btn-primary i:hover{
        color: #ffffff;

    }
    /* end form button */



    
    
    /* !Important -> StepForm, ModalForm, ElementForm general styles for all FORMS */
    
    /* label */
    body .form-component label  {
        color: #7c7974;
        font-size: 14px;
        font-weight: 500;
        padding: 4px;
        margin-bottom: 0;
    }

    /* icon info ? form and files */
    body .form-component label .icon-desc-info, body #element-card .icon-desc-info {
        width: 20px;
        height: 20px;
    }
    body .form-component .left-text-container{
        overflow:hidden;
        padding-right: 0px !important;
    }

    body .form-component .label-container{
        position: absolute;
        top: 10px;
        right: 10px;
        z-index:10;
    }
    body .form-component .label-container label{
        padding:2px;
    }
    body .form-component label button, body #element-card button.MuiButton-root{
        margin-left: 10px;
        border-radius: 10px;
        padding:0;
        min-width: unset;
    }
    
    /* input */
    body .form-component input.form-control{
        height: 49px;
        font-size: 14px;
        background-color: #f3f3f3
    }
    body .form-component input.form-control.with-icon{
        padding-right: 49px;
    }
    body .form-component .has-error input.form-control{
        border: 1px solid #bf5329 !important;
    }

    /* stripe */
    body .form-component .container-stripe-field .StripeElement{
        border: 1px solid #ccc;
        border-radius: 20px;
        padding-left: 10px;
        padding-right: 10px;
        height: 49px;
    }
    body .form-component .container-stripe-field .StripeElement--invalid{
        border: 1px solid #bf5329 !important;
    }
    body .form-component .container-stripe-field .StripeElement--focus{
        border: 1px solid #dfdfdf !important;
    }
    body .form-component .form-group.has-error .container-stripe-field .StripeElement{
        border: 1px solid #bf5329 !important;
    }
    /* textarea */
    body .form-component .form-control.text-field{
        background-color: #f3f3f3
    }
    body .form-component input.form-control, body .form-component textarea.form-control, body .form-component select.form-control, body .form-component .css-11unzgr{
        border-radius: 20px;
    }
    body .form-component .form-group:not(.has-error) input.form-control.bordered,
    body .form-component .form-group:not(.has-error) textarea.form-control.bordered,
    body .form-component .form-group:not(.has-error) select.form-control.bordered{
        border: 1px solid #c25877 !important;
    }
    body .form-component .form-group:not(.has-error) input.form-control,
    body .form-component .form-group:not(.has-error) textarea.form-control,
    body .form-component .form-group:not(.has-error) select.form-control{
        border: 1px solid #dfdfdf !important;
    }
    body .form-component .form-group.has-error input.form-control,
    body .form-component .form-group.has-error textarea.form-control,
    body .form-component .form-group.has-error select.form-control{
        border: 1px solid #bf5329 !important;
    }
    body .form-component .has-error input.form-control.bordered ~ .flag-dropdown{
        border-top: 1px solid #bf5329 !important;
        border-left: 1px solid #bf5329 !important;
        border-bottom: 1px solid #bf5329 !important;
    }
    body .form-component input.form-control:focus, body .form-component textarea.form-control:focus, body .form-component select.form-control:focus{
        border: 1px solid #dfdfdf !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    body .form-component input.form-control:focus ~ .flag-dropdown{
        border-top: 1px solid #dfdfdf !important;
        border-left: 1px solid #dfdfdf !important;
        border-bottom: 1px solid #dfdfdf !important;
    }
    body .form-component input.form-control.bordered, body .form-component textarea.form-control.bordered{
        border: 1px solid #c25877;
    }
    
    /* telephone field */
    body .form-component .has-error input.form-control ~ .flag-dropdown{
        border: 1px solid #bf5329 !important;
    }
    body .form-component input.form-control.bordered ~ .flag-dropdown{
        border: 1px solid #c25877 !important;
        border-right: 1px solid #ccc !important;
    }
    body .form-component .react-tel-input .flag-dropdown, 
    body .form-component input.form-control ~ .flag-dropdown,
    body .form-component input.form-control:focus ~ .flag-dropdown{
        background-color: #f5f5f5;
        border: 1px solid #dfdfdf !important;
        border-right: 1px solid #ccc !important;
    }
   

    body .form-component .react-tel-input input.form-control{
        width: 100%;
        padding-left: 48px !important;
        padding-left: 48px !important;
    }
    body .form-component .react-tel-input .flag-dropdown .selected-flag{
        border-top-left-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
    }
    body .form-component .react-tel-input .flag-dropdown{
        border-top-left-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
    }

    body .form-component .react-tel-input .country-list{
        z-index: 99999;
    }
    
    /* html field */
    body .form-component div#message.quill.has-error .ql-toolbar{
        border-top: 1px solid #bf5329 !important;
        border-right: 1px solid #bf5329 !important;
        border-left: 1px solid #bf5329 !important;
    }
    body .form-component div#message.quill.has-error .ql-container{
        border-bottom: 1px solid #bf5329 !important;
        border-right: 1px solid #bf5329 !important;
        border-left: 1px solid #bf5329 !important;
    }
    body .form-component div#message.quill .ql-toolbar{
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    body .form-component div#message.quill .ql-container{
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }
    /* radio-field */
    body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root .Mui-checked{
        color: #464646;
    }
    
    body .form-component .container-radio-field .bordered{
        border: 1px solid #d64c73 !important;
        background-color: transparent
    }

    body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root{
        border: 1px solid #dfdfdf;
    }
    body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root.bordered{
        border: 1px solid #dfdfdf;
    }
    body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root:hover{
        border: 1px solid #d64c73 !important;
    }
    
    body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root.block{
        display: flex;
    }
    
    body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root .Mui-checked ~ span{
        color: transparent !important;
    }

    body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root .Mui-checked {
        color: transparent !important;
    }

    
    body .form-component .container-radio-field .MuiFormControlLabel-root:not(.verticalStyle),
    body .modal-form-component .container-radio-field .MuiFormControlLabel-root:not(.verticalStyle){
        border-radius: 20px;
        height: 49px;
    }
    
    /* select-search-field */
    body .form-component .select-search-field a{
        background-color: transparent;
        color: #d64c73;
        border-color: #d64c73;
        border-radius: 30px;
    }
    body .form-component .select-search-field a:hover{
        background-color: #d64c73;
        color: #ffffff;
        border-color: #d64c73;
    }

    /* rangefield */
    body .rangeslider__handle .rangeslider__handle-label{
        background-color:#ffffff;
    }
    body .rangeslider__handle{
        z-index:10;
    }

    /* read-only */
    
    body .form-component .text-field.form-control.white[readonly]{
        background-color: #fff;
    }
    body .form-component .text-field.form-control.grey[readonly]{
        background-color: #eeeeee;
    }

    /* checkfield */
    body .form-component .check-field label {
        border: 1px solid;
        border-color: #eeeeee;
        border-radius: 20px;
        padding: 0;
        padding-right: 40px;
        height: 49px
    }

    @media (max-width: 740px){
        body .form-component .check-field label{
            height: auto;
        }
    }
    body .form-component .check-field.bordered label {
        border: 1px solid #c25877;
        border-radius: 20px;
    }
    body .form-component .check-field.border-none.border-none label{
        border: none;
    }
    body .page-builder #element-staged-form-cegc .check-field.bordered.border-none label .MuiTypography-root{
        color: #7c7974 !important;
    }
    body .form-component .check-field.bordered.border-none{
        background: none !important;
    }
    body .form-component .check-field.bordered.border-none label{
        border: none !important;
    }
    body .page-builder #element-staged-form-cegc .check-field.bordered.border-none label .MuiIconButton-label{
        color: #534a40 !important;
    }
    body .react-datepicker-wrapper .react-datepicker__input-container:after{
        color: #d64c73;
    }
        
    body .form-component .check-field label .MuiCheckbox-root .MuiIconButton-label{
        color: #d64c73;
    }
    body .form-component .check-field.bordered label .MuiIconButton-label{
        color: #dfdfdf;
    }
    body .form-component .check-field label span.MuiTypography-root{
        color: #7c7974 !important;
    }

    /* yes no boolean  */
    body .form-component .check-field.yes-no-field-switch-boolean label span.MuiTypography-root{
        color: #7c7974 !important;
        font-size: 14px;
    }

    body .form-component .check-field.yes-no-field-switch-boolean .MuiGrid-item{
        width: 100%;
    }

    body .form-component .check-field.yes-no-field-switch-boolean .MuiGrid-item .MuiFormControlLabel-root{
        width: 100%;
    }

    /* inmat field */
    body .form-component .inmat-mat::before{

        height: 49px;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
    }

    /* datefield */
    body .container-custom-icon.datefield i{
        font-size: 18px !important;
        color: #d64c73 !important;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    body .container-custom-icon.datefield{
        /* remove height to lower pixels from the edge  */
        height: 97%;
        width: 49px;
        margin-bottom: -1px;
        margin-top: 1px;
        margin-left: 10px;
        pointer-events : none;
    }

    body .container-custom-icon.datefield svg{
        width: 18px;
        height: 18px;
    }

            body .form-component .react-datepicker-wrapper .react-datepicker__input-container:after{
            content: ''
        }
    
            body .page-builder .element-form-container-head {
            background-color: transparent !important;
        }
        body .page-builder .element-form-container .element-form{
            border-top-left-radius: 1px;
            border-top-right-radius: 1px;
        }
        body .page-builder .element-form-container .element-form-container-body.collapse .element-form{
            border-top-left-radius: 1px;
            border-top-right-radius: 1px;
        }
        body .element-form-container .element-collapsable:before, body .element-form-container .element-collapsable.collapsed:before {
            left: 5px;
        }
    

    /* 30-70 */
    
    body .element-form-container .element-form-container-body .p30_70 .col-xs-5{
        width: 30% !important;
    }
    body .element-form-container .element-form-container-body .p30_70 .col-xs-7{
        width: 70% !important;
    }

    /* 40-60 */
    
    body .element-form-container .element-form-container-body .p40_60 .col-xs-5{
        width: 40% !important;
    }
    body .element-form-container .element-form-container-body .p40_60 .col-xs-7{
        width: 60% !important;
    }

    /* 50-50 */
            body .element-form-container .element-form-container-body .container-fields-default .col-xs-5{
            width: 50%;
        }
        body .element-form-container .element-form-container-body .container-fields-default .col-xs-7{
            width: 50%;
        }
    
    body .element-form-container .element-form-container-body .p50_50 .col-xs-5{
        width: 50% !important;
    }
    body .element-form-container .element-form-container-body .p50_50 .col-xs-7{
        width: 50% !important;
    }

    /* 60-40 */
    
    body .element-form-container .element-form-container-body .p60_40 .col-xs-5{
        width: 60% !important;
    }
    body .element-form-container .element-form-container-body .p60_40 .col-xs-7{
        width: 40% !important;
    }

    /* 70-30 */
    
    body .element-form-container .element-form-container-body .p70_30 .col-xs-5{
        width: 70% !important;
    }
    body .element-form-container .element-form-container-body .p70_30 .col-xs-7{
        width: 30% !important;
    }

    /* 10-90 */
    
    body .element-form-container .element-form-container-body .p10_90 .col-xs-5{
        width: 9.5% !important;
    }
    body .element-form-container .element-form-container-body .p10_90 .col-xs-7{
        width: 90.5% !important;
    }

    /* 90-10 */
    
    body .element-form-container .element-form-container-body .p90_10 .col-xs-5{
        width: 90% !important;
    }
    body .element-form-container .element-form-container-body .p90_10 .col-xs-7{
        width: 10% !important;
    }

    /* 20-80 */
    
    body .element-form-container .element-form-container-body .p20_80 .col-xs-5{
        width: 20% !important;
    }
    body .element-form-container .element-form-container-body .p20_80 .col-xs-7{
        width: 80% !important;
    }


    /* 80-20 */
    
    body .element-form-container .element-form-container-body .p80_20 .col-xs-5{
        width: 80% !important;
    }
    body .element-form-container .element-form-container-body .p80_20 .col-xs-7{
        width: 20% !important;
    }

    /* Text transform */

    body .form-component .text-field.form-control.capitalize{
        text-transform: capitalize;
    }
    body .form-component .text-field.form-control.none{
        text-transform: unset;
    }
    body .form-component .text-field.form-control.lowercase{
        text-transform: lowercase;
    }
    body .form-component .text-field.form-control.uppercase{
        text-transform: uppercase;
    }

    /* End Text transform */

    body #element-staged-form .container-fields-default .row .container-fields-default .form-group label{
        padding-right: 0px;
    }

    body .form-component label{
        padding-right: 0px;
    }

    /* List Field */
    .fields-list-container .field-actions a.text-primary {
        color : #a2a8b3 !important;
    }

    .fields-list-container .typology-field .field-type i.fa, 
    .fields-list-container .typology-field .field-type i.fa-regular {
        color : #a2a8b3;
    }

    .fields-list-container .typology-field{
        border : 1px solid #a2a8b3;
    }

    .fields-list-container .remove-field-btn {
        color : #a2a8b3;
    }


    

    body #element-staged-form .box-class-1{
        background-color: #ffffff;
        border-radius: 12px;
        border: 1px solid #f3f3f3;
    }

    body #element-staged-form .box-class-2{
        background-color: #f4ede3;
        border-radius: 0;
        border: 1px solid transparent;
    }

    body #element-staged-form .box-class-3{
        background-color: transparent;
        border-radius: 0;
        border: 1px solid transparent;
    }

    


    

/*TABLES*/

.element-table-container {
  border-radius: 1px;
}

body .element-table-container-head{
  background-color: #e7eaef;
  border-bottom: 1px solid #ffffff;
  color:#534a40;
  font-size:24px;
  padding-top: 5px;
  padding-bottom: 5px !important;

}

body .element-table-container-head i{
  color:#D64C73;
}

body .element-collapsable.element-table-container-head{
  background-color: #ffffff;
  color: #534a40;
  font-size: 24px;
  padding-bottom:10px;
  padding-left: 45px;
}

body .element-collapsable.element-table-container-head{
  background-color: #ffffff;
}

.element-table-container .elementTable{
  color:#534a40;
}
.element-table-container .elementTable .react-table-container,
.element-table-container .elementTable .react-table-container .pagination-bottom .-pagination,
.element-table-container .elementTable .react-table-container .-loading{
  background-color:#ffffff;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}
.element-table-container .elementTable.elementTableNoHeader .react-table-container,
.element-table-container .elementTable .react-table-container .-loading,
{
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
}
.element-table-container .elementTable a{   
  color:#D64C73;
}
.element-table-container .elementTable .table-actions-col i{
    font-size: 14px;
}
.element-table-container .elementTable .table-actions-col span div{
    font-size: 14px;
}
.element-table-container .elementTable .table-actions-col svg.icon{
    width: 14px;
    height: 14px;
}
.element-table-container .elementTable a:hover{
  color:#fdb95d;
}

.element-table-container .elementTable .navigation li a{
  color:#534a40;
}

.element-table-container .elementTable .navigation li.active, .element-table-container .elementTable .navigation li:hover{
  background-color: #ffffff;
}
.element-table-container .elementTable .navigation li.active a, .element-table-container .elementTable .navigation li:hover a{
  color: #534a40;
}

body .element-table-container .rt-thead.-header{
  background-color: #ffffff;
  font-size: 14px;
}
body .element-table-container .ReactTable .rt-thead .rt-resizable-header-content{
  color: #1a3360;
  line-height: 16px;
  /* text-align: center */
}
body .element-table-container .elementTable .rt-tbody{
  color: #464646;
  font-size: 14px;
}
body .element-table-container .rt-tr.-odd:hover, body .element-table-container .rt-tr.-even:hover {
    background: #fbf3e6;
    color: #534a40;
}
body .element-table-container .rt-tr.-odd:hover .MuiCheckbox-root, body .element-table-container .rt-tr.-even:hover .MuiCheckbox-root{
    color: #fff !important;
}
body .element-table-container .rt-tr.-odd:hover a, body .element-table-container .rt-tr.-even:hover a{
    color: #534a40;
}

body .element-table-container .rt-tr.-odd:hover a.simple-btn, body .element-table-container .rt-tr.-even:hover a.simple-btn {
    color:#D64C73;
}

body .element-table-container .rt-tbody .rt-tr.-even, body .element-table-container .rt-tr.-odd{
    border-radius: 0px;
}
body .element-table-container .rt-tr.-odd {
    background: #fafafa;
}
body .element-table-container .rt-tr.-even {
    background: #ffffff;
}
body .element-table-container .rt-thead .rt-th.-cursor-pointer:before, body .element-table-container .rt-thead .rt-td.-cursor-pointer:before{
    color: #d7d7d7;
    left: unset; 
    right: 5px;
}
body .element-table-container .rt-thead.-filters input:focus{
    border: 1px solid ;
}





      body .react-table-container .ReactTable .rt-thead .rt-resizable-header-content{
      text-transform: none;
    }
    body .react-table-container .ReactTable .rt-thead .rt-resizable-header-content:first-letter{
      text-transform: uppercase;
    }
  
  body .page-builder .element-table-container-head  {
    background-color: transparent;
  }
  body .page-builder .element-table-container .element-table-container-body .react-table-container,
  body .page-builder .element-table-container .element-table-container-body{
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
    border-bottom-left-radius: 1px;
    border-bottom-right-radius: 1px;
  }
  body .element-table-container .element-collapsable:before, body .element-table-container .element-collapsable.collapsed:before {
    left: 5px;
  }

body .element-table-container-head.collapsed{
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
}
body .element-table-container-head:not(.collapsed){
  border-top-left-radius: 1px;
  border-top-right-radius: 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

body .page-builder .element-table-container .capitalize{
  text-transform: capitalize;
}
body .page-builder .element-table-container .none{
  text-transform: unset;
}
body .page-builder .element-table-container .lowercase{
  text-transform: lowercase;
}
body .page-builder .element-table-container .uppercase{
  text-transform: uppercase;
}
.title .title-btns .add-btn a{
  background-color: #d64c73;
  border: 1px solid #534a40;
  font-size: 14px;
  border-radius: 24px;
  color: #534a40;
  padding: 12px 32px;
}
.title .title-btns .add-btn a:hover{
  background-color: #534a40;
  color: #d64c73;
  border: 1px solid #d64c73;
}

/* //progress bar  */
body .element-table-container .progress-bar-table{
  height: 6px;
  background-color: #ffffff;
  border-radius: 30px;
  margin-bottom: 0px;
}
/* checkbox header */
.element-table-container .elementTable .MuiCheckbox-root .MuiIconButton-label{
  color: #464646;
}

.element-table-container .elementTable .MuiCheckbox-root.Mui-checked .MuiIconButton-label{
  color: #fff !important;
}

/* checkbox row select */
.element-table-container .elementTable .rt-thead .MuiCheckbox-root .MuiIconButton-label{
  color: #fff;
}
.element-table-container .elementTable .rt-thead .MuiCheckbox-root.Mui-checked .MuiIconButton-label{
  color: #fff;
}
.element-table-container .rt-thead .MuiCheckbox-root.Mui-checked .MuiIconButton-label{
  color: #fff !important;
}

/* Excel btn */
.element-table-container .elementTable .excel-btn a {
  color: #534a40;
  border-color: #534a40;
  background-color: white;
  border-radius: 20px;
}

.element-table-container .elementTable .excel-btn a:hover {
  color: #534a40;
  border-color: #534a40;
  background-color: white;
}

/* message color */
body .table-document-container-body .message{
  color: #d64c73;
}

/* charts */




 body #elementTableSimple .table-striped > tbody > tr:nth-of-type(odd){
    background: #ffffff;
}
body #elementTableSimple tr td{
    overflow-wrap: break-word;
}




  /* Modal Table Component  */
  #modal-table-component.custom-modal .modal-content {
    border-top-left-radius :30px;
    border-top-right-radius: 30px;
    border-bottom-left-radius : 30px;
    border-bottom-right-radius: 30px;
  }

  #modal-table-component.custom-modal .modal-header {
    border-top-left-radius :30px;
    border-top-right-radius: 30px;
  }

  /* Override .form-component methods */
  #modal-table-component.form-component a.btn-default {
    border-radius: 30px;
    color:#534a40;
    border: 1px solid #534a40;
  }
  #modal-table-component.form-component a.btn-default:hover{
    color:#fdb95d;
    border: 1px solid #fdb95d;
  }

  #modal-table-component.form-component a.btn-primary {
    border-radius: 30px;
  }
  #modal-table-component.form-component a.btn-link{
    color:#534a40;
  }




    body .total-box-container .title{
        color: #2A3649; 
        font-size: 16px;
    }
    body .total-box-container{
        border-radius: 30px;
                    -webkit-box-shadow: 0px 0px 30px #ddddddFF;
            -moz-box-shadow: 0px 0px 30px #ddddddFF;
            box-shadow: 0px 0px 30px #ddddddFF;
                background-color:#ffffff;
    }
    body .total-box-container .container-parameters{
        color: #2A3649;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
    }
    body .total-box-container .container-icon{
        background-color: #ffffff;
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
    }
    body .total-box-container .container-icon i{
        color: #D64C73;
        font-size: 45px;
    }
    body .total-box-container .container-icon svg{
        font-size: 45px;
    }
    body .total-box-container .totalBox{
        font-size: 40px;
    }



    body .total-box-price-container {
        background-color: #534a40;
        border-radius: 30px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0);
        transition: 0.5s;
    }
    body .total-box-price-container:hover {
        background-color: #534a40;
    }
    body .total-box-price-container .title{
        color: #d64c73;
        font-size: 16px;
    }
    body .total-box-price-container .subtitle{
        color: #d64c73;
        font-size: 16px
    }
    body .total-box-price-container .container-subtitle p{
        color: #d64c73;
    }
    body .total-box-price-container .subtitle2{
        color: #d64c73;
        font-size: 12px
    }
    body .total-box-price-container .container-subtitle2 p{
        color: #d64c73;
    }
    body .total-box-price-container div#totalBoxPrice{
        color: #d64c73;
        font-size: 30px
    }



.label-field {
    font-size: 24px;
    padding: 10px;
    color: #534a40;
}


/* CarField */

    body .container-car-field input[type="checkbox"] + label:before,
    body .container-van-field input[type="checkbox"] + label:before{
        background-color: ;
    }

    body .container-car-field input[type="checkbox"]:checked + label:before,
    body .container-van-field input[type="checkbox"]:checked + label:before {
        background-color: #bf5329;
    }

    /* Disabled Color */
    body .container-car-field input[type="checkbox"][disabled] + label:before, 
    body .container-van-field input[type="checkbox"][disabled] + label:before{
        background-color: #a7a7a7;
    }

    /* Error limit text Color */
    body .container-van-field .text-limit,
    body .container-car-field .text-limit {
        color: #bf5329;
    }


    body .stepper-item .stepper-title{
        font-size: 14px;
        margin-top: 10px;
    }
    /* completed */
    body .stepper-item#stepper-item-completed .stepper-item-outer{
        background-color: #1a3360;
        border: 3px solid #1a3360;
    }
    body .stepper-item-outer:nth-of-type(odd) .stepper-item-inner{
        color: #ffffff !important; 
    }
    body .stepper-item#stepper-item-completed .stepper-title{
        color: #1a3360;
    }
    /* active */
    body .stepper-item .stepper-item-outer.stepper-item-outer-active{
        background-color: #d64c73;
    }
    body .stepper-item-outer:nth-of-type(odd) .stepper-item-inner.stepper-item-inner-active{
        color: #ffffff;
    }
    body .stepper-item .stepper-title-active{
        color: #d64c73 !important;
    }
    /* outer */
    body .stepper-item .stepper-item-outer .stepper-item-inner-future{
        background-color: #e6e6e6;
        border: 1px solid #E6E6E6;
    }
    body .stepper-item .stepper-item-outer .stepper-item-inner-future{
        color: #e6e6e6 !important;
    }
    body .stepper-item:not(#stepper-item-completed) .stepper-title{
        color: #b4b4b4;
    }
    /* button prev */
    body #element-staged-form .btn-prev{
        color: #39332c;
        background-color: #ffffff;
        border-color: #39332c;
        border-radius: 20px;
        font-size: 14px;
        padding: 12px 32px;
    }
    body #element-staged-form .btn-prev:hover{
        color: #39332c;
        background-color: #ffffff;
        border-color: #39332c
    }
    /* button next */
    body .stepper-item .stepper-title{
        background-color: #ffffff !important; 
    }
    
    body #element-staged-form .btn-next{
        color: #d64c73;
        background-color: transparent;
        border-color: #d64c73;
        border-radius: 20px;
        font-size: 14px;
        padding: 12px 32px;
    }
    body #element-staged-form .btn-next:hover{
        color: #ffffff;
        background-color: #d64c73;
        border-color: #d64c73
    }

     /* button Action */
     body #element-staged-form .btn-action{
        color: #fff;
        background-color: #004161;
        border-color: #004161;
        border-radius: 24px;
        font-size: 14px;
        padding: 12px 32px;
    }
    body #element-staged-form .btn-action:hover{
        color: #fff;
        background-color: #004161D9;
        border-color: #004161D9
    }

    /* button Effacer */
    body #element-staged-form .btn-effacer{
        color: #fff;
        background-color: #004161;
        border-color: #004161;
        border-radius: 24px;
        font-size: 14px;
        padding: 12px 32px;
    }
    body #element-staged-form .btn-effacer:hover{
        color: #fff;
        background-color: #004161D9;
        border-color: #004161D9
    }

    /* button submit */
    body #element-staged-form .btn-submit{
        color: #ffffff;
        background-color: #d64c73;
        border-color: #d64c73;
        border-radius: 20px;
        font-size: 14px;
        padding: 12px 32px;
    }
    body #element-staged-form .btn-submit:hover{
        color: #ffffff;
        background-color: #d64c73;
        border-color: #d64c73
    }
    /* title */
    body #element-staged-form .form-label h3{
        color: #2a3649;
        background-color: #ffffff;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0px;
        padding-right: 0px;
        line-height: 25px;
        font-size: 24px;
        text-align: center;
    }
    body .element-staged-form h3{
        color: #2a3649;
        background-color: #ffffff;
        padding-top: 15px;
        padding-bottom: 15px;
        padding-left: 0px;
        padding-right: 0px;
        line-height: 25px;
        font-size: 24px;
        margin-bottom: 0;
        text-align: center;
    }

    body #element-staged-form .container-icon svg{
        height: 100%;
        width: auto;
    }
    /* titles */
    body .stepper-item .stepper-title.top{
        top: -30px;
    }


/*TABLE DOCUMENT*/

.table-document-container{
  background-color:#ffffff;
}




    body .missing-documents-container.noBoxShadow {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
    }
    body .missing-documents-component .box-state-02 .icon-wrapper i{
        color: ;
    }
    body .missing-documents-component .box .text-file{
        color: ;
    }

    /* status 1 */
    body .missing-documents-component .box-state-01{
        border: 4px dotted #ccc;
        border-radius: 5px;
    }
    body .missing-documents-component .box-state-01 .icon-wrapper i{
        color: #ccc;
        font-size: 2.5vw;
    }
    body .missing-documents-component .box-state-01 p{
        color: #2a3649;
        font-size: 14px;
    }
    body .missing-documents-component .box-state-01 .text-file{
        color: #77a9f4;
        font-size: 14px;
    }
    /* end status 1 */

    /* status 2 */
    body .missing-documents-component .box-state-02{
        border: 1px solid #77a9f4;
        border-radius: 5px;
    }
    body .missing-documents-component .box-state-02 .icon-wrapper i{
        color: #77a9f4;
        font-size: 2.5vw;
    }
    body .missing-documents-component .box-state-02 p{
        color: #2a3649;
        font-size: 14px;
    }
    body .missing-documents-component .box-state-02 .text-file{
        color: #77a9f4 ;
        font-size: 14px;
    }
    body .missing-documents-component .box-state-02 .text-file > i{
        color: #77a9f4;
        font-size: 14px;
    }
    body .missing-documents-component .box-state-02 .text-file a.remove-btn{
        color: #e54542;
    }
        /* button status 2 */
        body .missing-documents-component .box-state-02 button{
            color: #4372bc;
            background-color: #fff;
            border: 1px solid #4372bc;
            border-radius: 20px;
        }
        body .missing-documents-component .box-state-02 button i{
            color: #4372bc;
        }
        body .missing-documents-component .box-state-02 button:hover{
            color: #4372bc;
            background-color: #fff;
            border: 1px solid #4372bc;
        }
        body .missing-documents-component .box-state-02 button:hover i{
            color: #4372bc;
        }
    /* end status 2 */

    /* status 3 */
    body .missing-documents-component .box-state-03{
        border: 4px dotted #84e584;
        border-radius: 5px;
    }
    body .missing-documents-component .box-state-03 .icon-wrapper i{
        color: #84e584;
        font-size: 2.5vw;
    }
    body .missing-documents-component .box-state-03 p{
        color: #2a3649;
        font-size: 14px;
    }
    body .missing-documents-component .box-state-03 .text-success{
        color: #84e584;
        font-size: 14px;
    }
    /* end status 3 */


    /* sender */
    body .chat-field .container-active{
        background-color: #ffffff;
        border: 1.5px solid #D64C73;
        border-radius: 30px
    }
    body .chat-field .container-active .field-container{
        color: #534a40;
        font-size: 14px;
    }
    body .chat-field .container-active .field-container .has-date{
        color: #464646;
        font-size: 14px;
    }
    body .chat-field .container-active .field-container .has-mail{
        color: #464646;
        font-size: 14px;
    }

    /* recipient */
    body .chat-field .container-inactive{
        background-color: #ffffff;
        border: 1px solid #464646;
        border-radius: 30px;
    }
    body .chat-field .container-inactive .field-container{
        color: #534a40;
        font-size: 14px;
    }
    body .chat-field .container-inactive .field-container .has-date{
        color: #464646;
        font-size: 14px;
    }

    /* button */
    body .table-chat-container-body .table-chat-container .more-btn a{
        background-color: #ffffff;
        color: #d64c73;
        border: 1px solid #D64C73;
        font-size: 14px;
        border-radius: 30px;
    }
    body .table-chat-container-body .table-chat-container .more-btn a:hover{
        background-color: #D64C73;
        color: #ffffff;
        border: 1px solid #D64C73;
    }






    /* class 1 */
    body .action-button-container.action-btn-1{
        background-color: #ffffff;
                    -webkit-box-shadow: 0px 0px 30px #ddddddFF;
            -moz-box-shadow: 0px 0px 30px #ddddddFF;
            box-shadow: 0px 0px 30px #ddddddFF;
                border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
        min-height: 68px; /*68px;*/
    }
    body .action-button-container.action-btn-1:hover{
        background-color: #fff;
    }
    body .action-button-container.action-btn-1 .container-icon i{
        color: #D64C73;
        font-size: 30px;
    }
    body .action-button-container.action-btn-1 .container-icon svg.icon{
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
    }
    body .action-button-container.action-btn-1:hover .container-icon i{
        color: #d64c73;
    }
    body .action-button-container.action-btn-1:hover .container-number span{
        color: #534a40;
    }
    body .action-button-container.action-btn-1 .container-number span{
        color: #d64c73;
        display: flex;
        align-items: center;
    }
    body .action-button-container.action-btn-1 .container-number span div{
        padding-right: 19px;
        font-weight: 300;/* 300; */;
        font-size: 30px;/* 30px; */
    }
    body .action-button-container.action-btn-1 .container-number span i{
        color: #2a3649;
        font-size: 30px;/*  20px; */
    }
    body .action-button-container.action-btn-1 .container-title p{
        color: #13243e;
        font-size: 16px;
        font-weight: 400;/* 300; */;

    }
    body .action-button-container.action-btn-1:hover .container-title p{
        color: #D64C73;
    }

    /* class 2 */
    body .action-button-container.action-btn-2 {
        background-color: #534a40;
                    -webkit-box-shadow: 0px 0px 30px #ddddddFF;
            -moz-box-shadow: 0px 0px 30px #ddddddFF;
            box-shadow: 0px 0px 30px #ddddddFF;
                border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        min-height: 68px; /*68px;*/
    }
    body .action-button-container.action-btn-2:hover{
        background-color: #fff;
    }
    body .action-button-container.action-btn-2 .container-icon i{
        color: #fff;
        font-size: 14px;
    }
    body .action-button-container.action-btn-2 .container-icon svg.icon{
        width: 14px;
        height: 14px;
        min-width: 14px;
        min-height: 14px;
    }
    body .action-button-container.action-btn-2:hover .container-icon i{
        color: #d64c73;
    }
    body .action-button-container.action-btn-2:hover .container-number span{
        color: #534a40;
    }
    body .action-button-container.action-btn-2 .container-number span{
        color: #fff;
        display: flex;
        align-items: center;
    }
    body .action-button-container.action-btn-2 .container-number span div{
        padding-right: 19px;
        font-weight: 300;/* 500; */;
        font-size: 30px;/* 30px; */
    }
    
    body .action-button-container.action-btn-2 .container-number span i{
        color: #000000;
        font-size: 20px;/*  20px; */
    }

    body .action-button-container.action-btn-2 .container-title p{
        color: #fff;
        font-size: 18px;
        font-weight: 300;/* 300; */;

    }
    body .action-button-container.action-btn-2:hover .container-title p{
        color: #d64c73;
    }

    /* class 3 */
    body .action-button-container.action-btn-3 {
        background-color: #d64c73;
                    -webkit-box-shadow: 0px 0px 30px #ddddddFF;
            -moz-box-shadow: 0px 0px 30px #ddddddFF;
            box-shadow: 0px 0px 30px #ddddddFF;
                border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        min-height: 68px; /*68px;*/

    }
    body .action-button-container.action-btn-3:hover{
        background-color: #fff;
    }
    body .action-button-container.action-btn-3 .container-icon i{
        color: #534a40;
        font-size: 14px;
    }
    body .action-button-container.action-btn-3 .container-icon svg.icon{
        width: 14px;
        height: 14px;
        min-width: 14px;
        min-height: 14px;
    }
    body .action-button-container.action-btn-3:hover .container-icon i{
        color: #d64c73;
    }
    body .action-button-container.action-btn-3:hover .container-number span{
        color: #534a40;
    }
    body .action-button-container.action-btn-3 .container-number span{
        color: #d64c73;
        display: flex;
        align-items: center;
    }
    body .action-button-container.action-btn-3 .container-number span div{
        padding-right: 19px;
        font-weight: 300;/* 300; */;
        font-size: 30px;/* 30px; */
    }

    body .action-button-container.action-btn-3 .container-number span i{
        color: #000000;
        font-size: 20px;/*  20px; */
    }

    body .action-button-container.action-btn-3 .container-title p{
        color: #534a40;
        font-size: 18px;
        font-weight: 300;/* 300; */;
    }
    body .action-button-container.action-btn-3:hover .container-title p{
        color: #d64c73;
    }




    /* border-radius */
    body .imageTextLink .container-image img, body .imageTextLinkList .container-image img{
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }
    body .container-image-text-link {
        border-radius: 20px;
    }
    body .container-image-text-link .container-image{
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    body .slick-slider.widget-component {
        border-radius: 20px !important;
    }

    /* title */
    body .image_text_link .container-image-text-link .container-title {
        margin-top: 25px;
        margin-bottom: 10px;
        padding-right: 114px;
        padding-left: 24px;
    }
    body .imageTextLink .container-title a, body .imageTextLinkList .container-title a{
        font-size: 20px;
        color: #D64C73
    }
    /* date */
    body .imageTextLink .container-title .alignright, body .imageTextLinkList .container-title .alignright{
        font-size: 14px;
        color: #bab9b7
    }
    /* desc */
    body .imageTextLink .container-description, body .imageTextLinkList .container-description{
        font-size: 14px;
        color: #464646
    }
    body .image_text_link .container-image-text-link .container-description{
        padding-right: 114px;
        padding-left: 24px;
    }
    /* link */
    body .image_text_link .container-image-text-link .container-link {
        padding-right: 114px;
        padding-left: 24px;
    }
    body .imageTextLink .container-link a, body .imageTextLinkList .container-link a{
        font-size: 14px;
        color: #D64C73
    }




    body .ImageTextTitleDocuments .container-image-text-title-documents {
        border-radius: 20px;
    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .container-image img {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .container-title h4{
        font-size: 20px;
        color: #d64c73;
    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .container-title{
        border-bottom: 1.5px solid #d64c73;
    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .container-description{
        font-size: 16px;
        color: #d64c73;
    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .btn-primary{
        background-color: #534a40;
        border: 1px solid #A8A8A8;
        border-radius: 0;
    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .btn-primary h5{
        font-size: 16px;
        color: #d64c73;
        font-weight: 400;
    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .btn-default h5{
        font-size: 16px;
        color: #534a40;

    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .btn-default{
        background-color: #d64c73;
        border: 1px solid #d64c73;
        border-radius: 30px;
    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .btn-primary:hover{
        color: #534a40;
    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .btn-default:hover{
        color: #d64c73;
        background-color: #534a40;
    }

    
    

    body .ImageTextTitleButtons .container-image-text-title-buttons {
        border-radius: 12px;
                    -webkit-box-shadow: 0px 0px 30px #ddddddFF;
            -moz-box-shadow: 0px 0px 30px #ddddddFF;
            box-shadow: 0px 0px 30px #ddddddFF;
            }

    body .ImageTextTitleButtons .container-image-text-title-buttons .container-image img {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }

    body .ImageTextTitleButtons .container-image-text-title-buttons .container-title div > *{
       
       
              
    }

    body .ImageTextTitleButtons .container-image-text-title-buttons .container-description{
        font-size: 22px;
        color: #283073;
    }

    body .ImageTextTitleButtons .container-image-text-title-buttons .btn-default-1{
        font-size: 16px;
        color: #283073;
        background-color: transparent;
        border: 1px solid #283073;
        border-radius: 26px;

    }

    body .ImageTextTitleButtons .container-image-text-title-buttons .btn-default-2{
        font-size: 16px;
        color: #FFFFFF;
        background-color: #5261DD;
        border: 1px solid #5261DD;
        border-radius: 26px;
    }

    body .ImageTextTitleButtons .container-image-text-title-buttons .btn-default-1:hover{
        color: #FFFFFF;
        background-color: #283073;
    }

    body .ImageTextTitleButtons .container-image-text-title-buttons .btn-default-2:hover{
        color: #283073;
        background-color: transparent;
    }



    /* container */
    body .horizontal-banner{
        border-top-right-radius: 30px;
        border-top-left-radius: 30px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 30px;
        background-color: #fff;
    }
    body .horizontal-banner:hover{
        background-color: #fff;
    }
    /* title */
    body .horizontal-banner .text-static-banner p {
        font-size: 14px;
        color: #d64c73;
    }
    body .horizontal-banner:hover .text-static-banner p{
        color: #d64c73;
    }
    /* subtitle */
    body .horizontal-banner .text-static-banner h4 {
        font-size: 18px;
        color: #534a40;
    }
    body .horizontal-banner:hover .text-static-banner h4 {
        color: #534a40;
    }

    /* icon arrow */
    /* body .horizontal-banner .text-static-banner object path.active-path {
        fill: #d64c73 !important;
    } */
 




    body .sidebar .btn-ham .icon:before{
        background-color: #b5b4b2;
    }
    body .sidebar .btn-ham .icon:after{
        background-color: #b5b4b2;
    }
    body .sidebar .btn-ham .icon{
        /*background-color: #b5b4b2;*/
    }
    body .sidebar .btn-ham:hover{
        background-color: #d64c73;
    }
    body header .menu-container #sidebar-button.navbar-toggle .icon-bar{
        background-color: #b5b4b2;
    }
    body .ui-tooltip {
        background-color: #ffffff;
        color: #534a40;
    }
    body .sidebar .contact-sidebar{
        width: 250px;
        transition: width 0.3s ease-in-out;
    }
    body .sidebar.collapsed .contact-sidebar{
        width: 75px;
        transition: width 0.3s ease-in-out;
    }
    @media (min-width: 768px){
        /** a partir de tablet */

        body .sidebar {
            border-bottom-right-radius: 0;
            font-size: 16px;
        }

                    body .sidebar.initial{
                width: 250px !important;
            }
            body .sidebar {
                width: 250px;
            }
            body .sidebar .sub-menu-sidebar-container{
                width: 250px;
            }
            body .content-wrapper {
                margin-left: 250px;
            }
            }

        

    body .sidebar .wrapper-menu .sub-menu-sidebar-container .sidebar-text{
        font-size: 16px;
    }
    body .sidebar .menu-sidebar-container .menu-item, body .sidebar .menu-sidebar-container .logo-container, body .sidebar .menu-sidebar-container .user-item, body .sidebar .menu-sidebar-container .menu-child{
        border-bottom: 1px solid #f3f3f3;
    }
    body .sidebar li a i{
        font-size: 14px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    body .sidebar .menu-item a .sidebar-text{
        padding-left: 14px;
        margin-left: 10px;
    }
    body .sidebar .wrapper-menu .sub-menu-sidebar-container .sidebar-text{
        padding-left: 14px;
        margin-left: 10px;
    }
    body .sidebar .menu-sidebar-container .menu-item svg.icon ~ .sidebar-text, body .sidebar .menu-sidebar-container .menu-child svg.icon ~ .sidebar-text{
        display: inline-block;
        height: 50px;
        padding-left: 14px;
        margin-left: 10px;
    }
    body .sidebar li a svg{
        width: 14px;
        height: 14px;
    }
    body .sidebar .sub-menu-sidebar-container .menu-child a{
        color: #000000;
    }
    body .sidebar .sub-menu-sidebar-container .menu-child a:hover {
        color: #b5b4b2;
    }
    body .sidebar .user-item{
        height: 50px;
        line-height: 50px;
    }
    
    body .wrapper-menu .sub-menu-sidebar-container {
        top: 50px;
                    height: calc(100vh - 235px);
         
        
    }

    body .sidebar.collapsed .wrapper-menu .sub-menu-sidebar-container {
                    height: calc(100vh - 115px);
         
        
    }

    body .wrapper-menu .container-menu {
                    height: calc(100vh - 235px);
             
    }

    body .sidebar.collapsed .wrapper-menu .container-menu {
                    height: calc(100vh - 115px);
            
    }




    body .rangeslider-horizontal .rangeslider__fill{
        background-color: 
    }
    body .rangeslider-horizontal .rangeslider__handle:after{
        background-color: 
    }
    body .rangeslider__handle-label {
        color: ;
    }
    body .container-label p{
        color: #d64c73
    }




    /* btn-1 */
    body .simple-button-container a.btn-1, 
    body .simple-button-container button.btn-1,
    body #element-staged-form .btn-submit.btn-1,
    body #element-staged-form .btn-action.btn-1,
    body.template-public .menu-container ul li a.btn-1{
        background-color: #d64c73;
        border: 1px solid #d64c73;
        font-size: 14px;
        border-radius: 30px; 
        color: #ffffff;
        padding: 12px 32px;
                    -webkit-box-shadow: 0px 0px 30px #ddddddFF;
            -moz-box-shadow: 0px 0px 30px #ddddddFF;
            box-shadow: 0px 0px 30px #ddddddFF;
            }

    body .simple-button-container button.btn-1.disabled{
        opacity: 0.5;
        background-color: lightgray;
        border-color: lightgray;
        pointer-events : none
    }


    body .simple-button-container a.btn-1 i,
    body .simple-button-container button.btn-1 i,
    body #element-staged-form .btn-submit.btn-1 i,
    body #element-staged-form .btn-action.btn-1 i{
        font-size: 16px;
        margin-right: 5px;
    }
    body .simple-button-container a.btn-1 svg,
    body #element-staged-form .btn-submit.btn-1 svg,
    body #element-staged-form .btn-action.btn-1 svg{
        width: 16px;
        height: 16px;
        margin-right: 5px;
        left: 16px;
    }
    body .simple-button-container a.btn-1:hover,
    body .simple-button-container button.btn-1:hover,
    body #element-staged-form .btn-submit.btn-1:hover,
    body #element-staged-form .btn-action.btn-1:hover{
        background-color: #ffffff;
        color: #d64c73;
        border: 1px solid #d64c73;
    }
    /* btn-2 */
    body .simple-button-container a.btn-2, 
    body .simple-button-container button.btn-2, 
    body #element-staged-form .btn-submit.btn-2,
    body.template-public .menu-container ul li a.btn-2{
        background-color: transparent;
        border: 1px solid #d64c73;
        font-size: 14px;
        border-radius: 30px;
        color: #d64c73;
        padding: 12px 32px;
                    -webkit-box-shadow: 0px 0px 30px #ddddddFF;
            -moz-box-shadow: 0px 0px 30px #ddddddFF;
            box-shadow: 0px 0px 30px #ddddddFF;
            }
    body .simple-button-container a.btn-2 i,
    body .simple-button-container button.btn-2 i, 
    body #element-staged-form .btn-submit.btn-2 i{
        font-size: 16px;
        margin-right: 5px;

    }
    body .simple-button-container a.btn-2 svg,
    body .simple-button-container button.btn-2 svg, 
    body #element-staged-form .btn-submit.btn-2 svg{
        width: 16px;
        height: 16px;
        margin-right: 5px;
        left: 16px;
    }
    body .simple-button-container a.btn-2:hover,
    body .simple-button-container button.btn-2:hover, 
    body #element-staged-form .btn-submit.btn-2:hover{
        background-color: #d64c73;
        color: #ffffff;
        border: 1px solid #d64c73;
    }
    /* btn-3 */
    body .simple-button-container a.btn-3,
    body .simple-button-container button.btn-3, 
    body #element-staged-form .btn-submit.btn-3,
    body.template-public .menu-container ul li a.btn-3{
        background-color: transparent;
        border: 1px solid #39332c;
        font-size: 14px;
        border-radius: 30px;
        color: #39332c;
        padding: 12px 32px;
                    -webkit-box-shadow: 0px 0px 30px #ddddddFF;
            -moz-box-shadow: 0px 0px 30px #ddddddFF;
            box-shadow: 0px 0px 30px #ddddddFF;
            }
    body .simple-button-container a.btn-3:hover,
    body .simple-button-container button.btn-3:hover, 
    body #element-staged-form .btn-submit.btn-3:hover{
        background-color: transparent;
        color: #39332c;
        border: 1px solid #39332c;
    }
    body .simple-button-container a.btn-3 i,
    body #element-staged-form .btn-submit.btn-3 i,
    body #element-staged-form .btn-action.btn-3 i{
        font-size: 16px;
        margin-right: 5px;

    }
    body .simple-button-container a.btn-3 svg,
    body #element-staged-form .btn-submit.btn-3 svg,
    body #element-staged-form .btn-action.btn-3 svg{
        width: 16px;
        height: 16px;
        margin-right: 5px;
        left: 16px;

    }
    body .simple-button-widget.button-damisis-linear .simple-button-container a{
        background: rgb(253,156,87) !important;
        background: linear-gradient(90deg, rgba(253,156,87,1) 0%, rgba(253,156,87,1) 0%, rgba(251,194,76,1) 100%) !important;
        color: white;
        border: rgb(253,156,87) !important;
    }

    body .action-list-widget #actionList .action-list-container label{
        color: #D64C73;
        font-size: 14px;
    }
    body .action-list-widget #actionList .action-list-container .action-list-label{
        color: #D64C73;
        font-size: 14px;
    }
    body .action-list-widget #actionList .action-list-container .btn-action{
        background-color: transparent;
        border: 1px solid #D64C73;
        transition: 0.5s;
    }
    body .action-list-widget #actionList .action-list-container .btn-action:hover{
        background-color: transparent;
        border: 1px solid #D64C73;
    }
    body .action-list-widget #actionList .action-list-container .btn-action:hover i{
        color: #D64C73;
    }
    body .action-list-widget #actionList .action-list-container .btn-action i{
        color: #D64C73;
    }
    body .action-list-widget #actionList .action-list-container ul.dropdown-menu{
        background-color: #fffffff;
        border-radius: 8px;
    }
    body .action-list-widget #actionList .action-list-container ul.dropdown-menu div a{
        color: #2a3649;
        font-size: 14px; 
    }
    body .action-list-widget #actionList .action-list-container ul.dropdown-menu div a:hover{
        color: #D64C73;
    }




    /* info */
    body .messageBox .alert-info{
        color: #0c5460;
        font-size: 16px;
        border-color: #bee5eb;
        background-color: #d1ecf1;
        padding: 12px 20px 20px;
    }
    body .messageBox .alert-info .close{
        font-size: 25px;
    }
    body .messageBox .alert-info i{
        font-size: 45px;
    }
    body .reduced .messageBox .alert-info i{
        left: -22.5px;
    }
    /* error */
    body .messageBox .alert-danger{
        color: #721c24;
        font-size: 16px;
        border-color: #f5c6cb;
        background-color: #f8d7da;
        padding: 12px 20px 20px;
    }
    body .messageBox .alert-danger .close{
        font-size: 25px;
    }
    body .messageBox .alert-danger i{
        font-size: 45px;
    }
    body .reduced .messageBox .alert-danger i{
        left: -22.5px;
    }
    /* success */
    body .messageBox .alert-success{
        color: #155724;
        font-size: 16px;
        border-color: #c3e6cb;
        background-color: #d4edda;
        padding: 12px 20px 20px;
    }
    body .messageBox .alert-success .close{
        font-size: 25px;
    }
    body .messageBox .alert-success i{
        font-size: 45px;
    }
    body .reduced .messageBox .alert-success i{
        left: -22.5px;
    }
    /* warning */
    body .messageBox .alert-warning{
        color: #856404;
        font-size: 16px;
        border-color: #ffeeba;
        background-color: #fff3cd;
        padding: 12px 20px 20px;
    }
    body .messageBox .alert-warning .close{
        font-size: 25px;
    }
    body .messageBox .alert-warning i{
        font-size: 45px;
    }
    body .reduced .messageBox .alert-warning i{
        left: -22.5px;
    }
    
    /* reduced general */
    body .reduced .message-box-container{
            }
    body .reduced .messageBox .alert{
        padding: 10px 20px 10px 30px;
        background: #FFFFFF;
        border: none;
    }
    body .reduced .messageBox .alert button span{
        display: none;
    }
    body .reduced .messageBox .alert i{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    
                



    /* border-radius */
    body .lastNewsList .container-image img{
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }
    /* title */
    body .lastNewsList .container-title .alignleft a{
        font-size: 20px;
        color: #D64C73
    }
    /* date */
    body .lastNewsList .container-title .alignright{
        font-size: 14px;
        color: #bab9b7
    }
    /* desc */
    body .lastNewsList .container-description{
        font-size: 14px;
        color: #464646
    }
    /* link */
    body .lastNewsList .container-link a{
        font-size: 14px;
        color: #D64C73
    }






    /* icon */
    body .faqs-list-widget .MuiButtonBase-root .MuiIconButton-label, 
    body .faqs-widget .MuiButtonBase-root .MuiIconButton-label,
    body .faqs-widget2 .MuiButtonBase-root .MuiIconButton-label{
       color: #D64C73;
    }

    body .faqs-widget2 .MuiAccordionSummary-content i,
    body .faqs-widget .MuiAccordionSummary-content i,
    body .faqs-list-widget  .MuiAccordionSummary-content i{
        color: #534a40 !important;
        font-size: 14px !important;
    }

    body .faqs-list-widget  .MuiAccordionSummary-content svg{
        font-size: 14px;
    }

    /* title */
    body .faqs-list-widget .MuiAccordionSummary-root,
    body .faqs-widget .MuiAccordionSummary-root {
        background-color: #fff !important;
        color: #534a40 !important;
    }


    body .faqs-list-widget  .MuiAccordionSummary-content p,
    body .faqs-widget  .MuiAccordionSummary-content p,
    body .faqs-widget2  .MuiAccordionSummary-content p{
        font-size: 14px !important;
        color: #534a40 !important;

        @media (max-width: 400px) {
            font-size: 17px !important;
            padding-left: 15px;
        }
    }

    /* desc */
    body .faqs-list-widget .MuiCollapse-container, 
    body .faqs-widget .MuiCollapse-container,
    body .faqs-widget2 .MuiCollapse-container{
        background-color: #fff;
        color: #534a40;

    }

    /* container */
    body .faqs-list-widget .MuiButtonBase-root:first-child, 
    body .faqs-widget .MuiButtonBase-root:first-child,
    body .faqs-widget2 .MuiButtonBase-root:first-child {
        border-top-left-radius:  20px;
        border-top-right-radius:  20px;
    }

    body .faqs-list-widget .MuiButtonBase-root:not(.Mui-expanded):first-child,
    body .faqs-widget .MuiButtonBase-root:not(.Mui-expanded):first-child,
    body .faqs-widget2 .MuiButtonBase-root:not(.Mui-expanded):first-child{
        border-bottom-left-radius:  20px;
        border-bottom-right-radius:  20px;
    }

    body .faqs-list-widget .MuiCollapse-container,
    body .faqs-widget .MuiCollapse-container,
    body .faqs-widget2 .MuiCollapse-container {
        border-bottom-left-radius:  20px;
        border-bottom-right-radius:  20px;
    }

    /* Only format 2 */
    /* Border line tittle */
    body .faqs-widget2 .MuiAccordionSummary-root {
        background-color: #fff !important;
        color: #534a40 !important;
        border-bottom: 1px dashed #5261dd82 !important;
    }

    body .faqs-widget2 .MuiCollapse-container{
        border-bottom: 1px dashed #5261dd82;

    }

    body .faqs-widget2 .MuiButtonBase-root .MuiIconButton-label .MuiSvgIcon-root{
        color: #5261DD;
    }






    body .tabs-list-container .simple-button-container{
        background-color: transparent;
    }
    body .tabs-list-container .simple-button-container a{
        font-size: 14px;
    }
    body .tabs-list-widget .tabs-list-container .simple-btn{
        width: 160px;
    }
    body .tabs-list-container .simple-button-container a{
        color: #2a3649;
    }
    body .tabs-list-container .container-tab.active .simple-button-container{
        background-color: transparent !important;
    }
    body .tabs-list-container .container-tab.active .simple-button-container a{
        color: #2a3649;
    }
    body .tabs-list-container .mask{
        background-color: transparent;
    }
    body .tabs-list-container .container-tab.active .mask{
        background-color: transparent
    }
    body .tabs-list-container.buttons .container-tab.active a{
        border-bottom: 5px solid #D64C73 !important;
    }

    body .tabs-list-container.buttons .container-tab .simple-button-container a span i{
        color: #D64C73;
    }

    body .tabs-list-container.buttons .container-tab.active a{
        border-bottom: 5px solid #D64C73 !important;
    }

    body .tabs-list-container.buttons .container-tab .simple-button-container a span i{
        color: #D64C73;
    }

    
    body .tabs-no-recharge-widget .tabs-list-container .simple-button-container{
        background-color: transparent;
    }
    body .tabs-no-recharge-widget .tabs-list-container .simple-button-container a{
        font-size: 14px;
    }
    body .tabs-no-recharge-widget .tabs-list-container .simple-btn{
        width: 160px;
    }
    body .tabs-no-recharge-widget .tabs-list-container .simple-button-container a{
        color: #2a3649;
    }
    body .tabs-no-recharge-widget .tabs-list-container .container-tab.active .simple-button-container{
        background-color: transparent;
    }
    body .tabs-no-recharge-widget .tabs-list-container .container-tab.active .simple-button-container a{
        color: #2a3649;
    }
    body .tabs-no-recharge-widget .tabs-list-container .mask{
        background-color: transparent;
    }
    body .tabs-no-recharge-widget .tabs-list-container .container-tab.active .mask{
        background-color: transparent
    }
    body .tabs-no-recharge-widget .tabs-list-container.buttons .container-tab.active a{
        border-bottom: 5px solid #D64C73;
    }

    body .contact-info{
        background-color: #fff;
        border-top-left-radius: 0px;
        border-top-right-radius: 24px;
        border-bottom-left-radius: 24px;
        border-bottom-right-radius: 0px;
    }
    body #contactInfo .title h4{
        font-size: 18px;
        color: #C9D200;
    }

    
    body #contactInfo .title h4:before{
                
    }

    body #contactInfo .phone h4{
        font-size: 16px;
        color: #0c527a;
    }
    body #contactInfo .phone h4:before{
                
    }

    body #contactInfo .email h4{
        font-size: 16px;
        color: #0c527a;
    }
    body #contactInfo .email h4:before{
                
    }

    body .timeline-body #timeline .MuiStepLabel-label:before{
        background-color: #e7eaef;
        border: 2px solid #e7eaef;
    }
    body .timeline-body #timeline .timeline-field:nth-child(1) .MuiStepLabel-labelContainer .MuiStepLabel-label:before{
        background-color: #fff;
        border: 2px solid #e7eaef;
    }
    body .timeline-body #timeline .date{
        color: #c8ccd1;
        font-size: 14px;
    }
    body .timeline-body #timeline .MuiTypography-root div.text-default {
        color: #004161;
        font-size: 16px;
    }
    body .timeline-body #timeline .MuiStepContent-root{
        border-left-color: e7eaef;
    }
    body .timeline-body #timeline .MuiStepLabel-labelContainer{
        border-left-color: e7eaef;
    }



  
    /******* Modal 1 ******/

    /* header */
    body .custom-modal.modal-table.modal-1 .modal-header, 
    body .custom-modal.modal-step-form.modal-1 .modal-header,
    body .custom-modal.modal-list-field.modal-1 .modal-header{
        background-color: #fff;
        color: #ccc;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        padding-left: 0;
        padding:0;
    }
    body .custom-modal.modal-step-form.modal-1 .modal-header i{
        color: #ccc;
    }
    body .custom-modal.modal-table.modal-1 .modal-header h2, 
    body .custom-modal.modal-step-form.modal-1 .modal-header h2,
    body .custom-modal.modal-list-field.modal-1 .modal-header h2{
        padding-top: 15px;
        padding-left: 15px;
        padding-bottom: 15px;
        font-size: 20px;
    }
    body .custom-modal.modal-table.modal-1 .modal-header h2 div, 
    body .custom-modal.modal-step-form.modal-1 .modal-header h2 div,
    body .custom-modal.modal-list-field.modal-1 .modal-header h2 div{
        display: inline;
    }
    body .custom-modal.modal-table.modal-1 .modal-header .btn i, 
    body .custom-modal.modal-step-form.modal-1 .modal-header .btn i,
    body .custom-modal.modal-list-field.modal-1 .modal-header .btn i{
        color: #ccc;
    }

    /* button close */
    body .custom-modal.modal-table.modal-1 .modal-buttons .close-button-modal svg, 
    body .custom-modal.modal-step-form.modal-1 .modal-buttons .close-button-modal svg,
    body .custom-modal.modal-list-field.modal-1 .modal-buttons .close-button-modal svg{
        color: #b4b4b4 !important;
    }

    /* content */
    body .custom-modal.modal-table.modal-1 .modal-background, 
    body .custom-modal.modal-step-form.modal-1 .modal-background,
    body .custom-modal.modal-list-field.modal-1 .modal-background{
        background-color: #000;
        opacity: 0.5;
    }
    body .custom-modal.modal-table.modal-1 .modal-content, 
    body .custom-modal.modal-step-form.modal-1 .modal-content,
    body .custom-modal.modal-list-field.modal-1 .modal-content{
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5 );
    }
    body .custom-modal.modal-table.modal-1 .modal-body, 
    body .custom-modal.modal-step-form.modal-1 .modal-body,
    body .custom-modal.modal-list-field.modal-1 .modal-body{
        background-color: #fff;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        min-height: 100px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    } 
    body .custom-modal.modal-table.modal-1 .element-form-wrapper, 
    body .custom-modal.modal-step-form.modal-1 .element-form-wrapper,
    body .custom-modal.modal-list-field.modal-1 .element-form-wrapper{
        padding: 30px;
    }
    body .custom-modal.modal-table.modal-1 #load-page{
        padding: 30px;
    }
    body .custom-modal.modal-table.modal-1 .container-custom-form, 
    body .custom-modal.modal-step-form.modal-1 .container-custom-form,
    body .custom-modal.modal-list-field.modal-1 .container-custom-form{
        padding: 15px;
    }

    body .custom-modal.modal-table.modal-1 .modal-content, 
    body .custom-modal.modal-step-form.modal-1 .modal-content,
    body .custom-modal.modal-list-field.modal-1 .modal-content{
        border: 1px solid #dadada;
        border-radius: 0;
    }

    @media (min-width: 740px){
        body .custom-modal.modal-table.modal-1 .modal-content, 
        body .custom-modal.modal-step-form.modal-1 .modal-content,
        body .custom-modal.modal-list-field.modal-1 .modal-content{
            border-radius: 12px;
        }
    }

    /* footer *(cambiar entre modales fijarse) */
    body .custom-modal.modal-table.modal-1 .form-component .buttons, 
    body .custom-modal.modal-step-form.modal-1 .modal-footer,
    body .custom-modal.modal-list-field.modal-1 .modal-footer{
        background-color: #fff;
        min-height: 76px;
    }
    body .custom-modal.modal-step-form.modal-1 .modal-footer .buttons{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
    }

    /* buttons */
    
    /* button-primary */
    body .custom-modal.modal-table.modal-1 .form-component .buttons .btn-primary, 
    body .custom-modal.modal-step-form.modal-1 .btn-primary,
    body .custom-modal.modal-list-field.modal-1 .btn-primary{
        color: #fff;
        background-color: #d64c73;
        border-color: #d64c73;
        border-radius: 20px;
    }

    body .custom-modal.modal-table.modal-1 .form-component .buttons .btn-primary:hover, 
    body .custom-modal.modal-step-form.modal-1 .btn-primary:hover,
    body .custom-modal.modal-list-field.modal-1 .btn-primary:hover{
        color: #fff;
        background-color: #d64c73;
        border-color: #d64c73;
    }

    body .custom-modal.modal-table.modal-1 .form-component .buttons .btn-primary i, 
    body .custom-modal.modal-step-form.modal-1 .btn-primary i,
    body .custom-modal.modal-list-field.modal-1 .btn-primary i{
        color: #fff
    }
    body .custom-modal.modal-table.modal-1 .form-component .buttons .btn-primary:hover i, 
    body .custom-modal.modal-step-form.modal-1 .btn-primary:hover i,
    body .custom-modal.modal-list-field.modal-1 .btn-primary:hover i{
        color: #fff
    }

    body .custom-modal.modal-step-form.modal-1 .modal-footer .btn-default,
    body .custom-modal.modal-list-field.modal-1 .modal-footer .btn-default{
        border-radius: 20px;
    }
    body .custom-modal.modal-table.modal-1 .form-component .buttons .btn-primary{
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    
    @media (min-width: 91.42857143em){
        body .custom-modal.modal-1 .modal-content.small {
            width: 40%;
        }
    }
        
    @media (min-width: 52.85714286em){
        body .custom-modal.modal-1 .modal-content.small {
            width: 65%;
        }
    }
        
    /******* End Modal 1 ******/


    /******* Modal 2 ******/

    /* header */
    body .custom-modal.modal-table.modal-2 .modal-header, 
    body .custom-modal.modal-step-form.modal-2 .modal-header,
    body .custom-modal.modal-list-field.modal-2 .modal-header{
        background-color: #fff;
        color: #ccc;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        padding-left: 0;
        padding:0;
    }
    body .custom-modal.modal-step-form.modal-2 .modal-header i{
        color: #ccc;
    }
    body .custom-modal.modal-table.modal-2 .modal-header h2, 
    body .custom-modal.modal-step-form.modal-2 .modal-header h2,
    body .custom-modal.modal-list-field.modal-2 .modal-header h2{
        padding-top: 15px;
        padding-left: 15px;
        padding-bottom: 15px;
        font-size: 20px;
    }
    body .custom-modal.modal-table.modal-2 .modal-header .btn i, 
    body .custom-modal.modal-step-form.modal-2 .modal-header .btn i,
    body .custom-modal.modal-list-field.modal-2 .modal-header .btn i{
        color: #ccc;
    }

    /* button close */
    body .custom-modal.modal-table.modal-2 .modal-buttons .close-button-modal svg, 
    body .custom-modal.modal-step-form.modal-2 .modal-buttons .close-button-modal svg,
    body .custom-modal.modal-list-field.modal-2 .modal-buttons .close-button-modal svg{
        color: #b4b4b4 !important;
    }

    /* content */
    body .custom-modal.modal-table.modal-2 .modal-background, 
    body .custom-modal.modal-step-form.modal-2 .modal-background,
    body .custom-modal.modal-list-field.modal-2 .modal-background{
        background-color: #000;
        opacity: 0.5;
    }
    body .custom-modal.modal-step-form.modal-2 .modal-body{
        padding: 15px;
    }
    body .custom-modal.modal-table.modal-2 .modal-content, 
    body .custom-modal.modal-step-form.modal-2 .modal-content,
    body .custom-modal.modal-list-field.modal-2 .modal-content{
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5 );
    }
    body .custom-modal.modal-table.modal-2 .modal-body, 
    body .custom-modal.modal-step-form.modal-2 .modal-body,
    body .custom-modal.modal-list-field.modal-2 .modal-body{
        background-color: #fff;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        min-height: 100px;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
    } 
    body .custom-modal.modal-table.modal-2 .element-form-wrapper, 
    body .custom-modal.modal-step-form.modal-2 .element-form-wrapper,
    body .custom-modal.modal-list-field.modal-2 .element-form-wrapper{
        padding: 30px;
    }
    body .custom-modal.modal-table.modal-2 #load-page{
        padding: 30px;
    }
    body .custom-modal.modal-table.modal-2 .container-custom-form, 
    body .custom-modal.modal-step-form.modal-2 .container-custom-form,
    body .custom-modal.modal-list-field.modal-2 .container-custom-form{
        padding: 15px;
    }
    body .custom-modal.modal-table.modal-2 .modal-content, 
    body .custom-modal.modal-step-form.modal-2 .modal-content,
    body .custom-modal.modal-list-field.modal-2 .modal-content{
        border: 1px solid #dadada;
        border-radius: 12px;
    }

    /* footer */
    body .custom-modal.modal-table.modal-2 .form-component .buttons, 
    body .custom-modal.modal-step-form.modal-2 .modal-footer,
    body .custom-modal.modal-list-field.modal-2 .modal-footer{
        background-color: #fff;
        min-height: 76px;
    }
    body .custom-modal.modal-step-form.modal-2 .modal-footer .buttons{
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
    }
    body .custom-modal.modal-step-form.modal-2 .modal-footer{
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    /* buttons */
        
    /* button-primary */
    body .custom-modal.modal-table.modal-2 .form-component .buttons .btn-primary, 
    body .custom-modal.modal-step-form.modal-2 .modal-footer .btn-primary,
    body .custom-modal.modal-list-field.modal-2 .modal-footer .btn-primary{
        color: #fff;
        background-color: #d64c73;
        border-color: #d64c73;
        border-radius: 20px;
    }
    body .custom-modal.modal-step-form.modal-2 .modal-footer .btn-default,
    body .custom-modal.modal-list-field.modal-2 .modal-footer .btn-default{
        border-radius: 20px;
    }
    body .custom-modal.modal-table.modal-2 .form-component .buttons .btn-primary{
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }

    @media (min-width: 91.42857143em){
        body .custom-modal.modal-2 .modal-content.small {
            width: 40%;
        }
    }
        
    @media (min-width: 52.85714286em){
        body .custom-modal.modal-2 .modal-content.small {
            width: 65%;
        }
    }

    /******* End Modal 2 ******/


    body .custom-modal.modal-table .modal-header i,
    body .custom-modal.modal-list-field .modal-header i{
        margin-right: 5px;
    }
    body .custom-modal.modal-list-field.modal-1 .modal-footer{
        display: flex;
        align-items: center;
        justify-content: flex-end;
        position: relative;
        z-index: auto;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    



    body .sidebar-last-posts ul li .news .container-title a{
        color: #D64C73;
    }
    body .sidebar-last-posts .container-title .data{
        color: #bab9b7
    }



    body .field-container .surface input::-webkit-outer-spin-button,
    body .field-container .surface input::-webkit-inner-spin-button,
    body .field-container .price_with_decimals_2 input::-webkit-outer-spin-button,
    body .field-container .price_with_decimals_2 input::-webkit-inner-spin-button,
    body .field-container .price_with_decimals input::-webkit-outer-spin-button,
    body .field-container .price_with_decimals input::-webkit-inner-spin-button,
    body .field-container .price input::-webkit-outer-spin-button,
    body .field-container .price input::-webkit-inner-spin-button, 
    body .field-container .price_without_decimals input::-webkit-outer-spin-button,
    body .field-container .price_without_decimals input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    body .field-container .surface input[type=number],
    body .field-container .price_with_decimals input[type=number],
    body .field-container .price_with_decimals_2 input[type=number],
    body .field-container .price_without_decimals input[type=number] {
        -moz-appearance: textfield;
        /* Firefox */
    }
    
    body .field-container .container-custom-icon i{
        font-size: 18px;
        color: #d64c73;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

    body .field-container .container-custom-icon{
        /* remove height to lower pixels from the edge  */
        height: 97%;
        width: 49px;
        margin-bottom: -1px;
        margin-top: 1px;
        margin-left: 10px;
        pointer-events : none;
    }

    body .field-container .container-custom-icon.numberfield i{
        font-size: 18px;
        margin: unset;
        text-align: center;
    }

    body .field-container .container-custom-icon svg{
        width: 18px;
        height: 18px;
    }

    body .field-container .numberfield.white.form-control[readonly]{
        background: #fff;
    }

    body .field-container .numberfield.grey.form-control[readonly]{
        background: #eeeeee;
    }



    body .breadcrumb{
        border-bottom: 1px solid rgba(42, 54, 73, 0.22);
    }
    body .breadcrumb .container-breadcrumb a, body .breadcrumb .container-breadcrumb .row{
        color: #a7b2be !important;
        font-size: 14px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    body .breadcrumb .container-breadcrumb .row a{
        vertical-align: middle;
    }
    body .breadcrumb .container-breadcrumb a:hover{
        color: #1a3360 !important;
    }
    body .breadcrumb .container-breadcrumb .links-breadCrumb{
        display: flex;
        align-items: center;
    }
    /* back button */

    body .breadcrumb .container-breadcrumb .simple-button-container{
        margin-top: 3px
    }
    @media (min-width: 740px){
        body .breadcrumb .container-breadcrumb .simple-button-container{
            margin-top: 0px
        }
    }
    body .breadcrumb .container-breadcrumb .simple-button-container .btn-return-breadCrumb{
        width: 100px;
        padding: 1px 4px 1px 5px;
        align-items: center;
        justify-content: center;
        display: inline;
    }

    @media (min-width: 740px){
        body .breadcrumb .container-breadcrumb .simple-button-container .btn-return-breadCrumb{
            width: 100px;
            padding: 7px 12px;
            align-items: center;
            justify-content: center;
            display: flex;
        }
    }
    body .breadcrumb .container-breadcrumb .simple-button-container .none.btn-return-breadCrumb{
        display: none;
    }
    body .breadcrumb a.btn-return-breadCrumb{
        color: #1a3360 !important;
        background-color: transparent;
        border: 1px solid #1a3360;
        font-size: 12px;
        border-radius: 6px;
    }
    body .breadcrumb a.btn-return-breadCrumb i{
        font-size: 12;
    }
    body .breadcrumb a.btn-return-breadCrumb:hover{
        color: #1a3360 !important;
        background-color: transparent;
        border: 1px solid #1a3360;
    }

    body .breadcrumb a.btn-return-breadCrumb span{
        display: none;
    }
    @media (min-width: 740px){
        body .breadcrumb a.btn-return-breadCrumb span{
            display: block;
        }
    }




    /* state 01 */
    body .file-field .box-state-01{
        border: 2px dashed #d64c73;
        background-color: #fff;
        height: 49px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

    body .file-field .progress-mask{
        pointer-events: none;
        border-radius: 8px;
        cursor: pointer;
    }
    body .file-field .progress-mask .progress-bar {
        background-color: #d64c73;
    }

    body .file-field .box-state-01.has-error{
        border: 2px dashed #bf5329 !important;
    }
    body .file-field .box-state-01 .text-file{
        font-size: 16px;
        color: #d64c73;
       
    }
    body .file-field .box-state-01 .text-file span{
        color: #534a40;
    }

    /* state 02 */
    body .file-field .box-state-02 {
        border: 2px dashed #534a40;
        background-color: #ccc;
        height: 49px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    body .file-field .box-state-02.has-error{
        border: 2px dashed #bf5329 !important;
    }
    body .file-field .box-state-02 .text-file{
        font-size: 16px;
        color: #534a40;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    body .file-field .box-state-02 .remove-btn {
        color: #534a40;
    }

    /* Multi File Field specific styles */
    body .multi-file-field .multi-file-item i.fa-file {
        color: #d64c73;
    }

    body .multi-file-field .multi-file-item .remove-btn {
        color: #534a40;
    }



body .file-field-container{
    height: auto;
}
body .file-field-container a{
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
body .file-field-container .label-container{
    display: inline-block;
    line-height: 24px;
}
body .file-field-container .title-file{
    color: #d64c73;
    font-size: 16px;
}

body .file-field-container .subtitle-file{
    color: #534a40;
    font-size: 16px;
}

body .file-field-container svg{
    width: 20px;
    height: 20px;
    margin-left: 5px;
}

body .file-field-container i{
    font-size: 20px;
}




.marker-cluster span{
  color: #fff;
}

.marker-cluster-large, .marker-cluster-large div, 
.marker-cluster-medium , .marker-cluster-medium div, 
.marker-cluster-small, .marker-cluster-small div{
  background-color: ;
}



/* label */
body .login-container .login-box-container .login-box-widget form .form-group label{
  color: #d64c73;
  font-size: 14px;
}
/* input */
body .login-container .login-box-container .login-box-widget form .form-group .form-control{
  border-radius: 30px;
  height: 36px;
  border: 1px solid #d64c73;
}
/* btn-submit */
.login-container .login-box-container .login-box-widget form .form-group .buttons-group .btn{
  font-size: 14px;
  border-radius: 30px;
  background-color: #d64c73;
  border: 1px solid #d64c73;
  color: #534a40;
  height: 36px;
  width: 40%;
}
.login-container .login-box-container .login-box-widget form .form-group .buttons-group .btn:hover{
  background-color: #534a40;
  border: 1px solid #d64c73;
  color: #d64c73;
}


  /* input */
  body #reset-password form .form-group .form-control{
    border-radius: 30px;
    height: 46px;
    border: 1px solid #E6E6E6;
  }
  body #reset-password form .form-group .form-control:focus{
    border: 1px solid ;
  }
  /* button */
  body #reset-password form .form-group .buttons-group .btn{
    background-color: #D64C73;
    border-color: #D64C73;
    border-radius: 30px;
    color:#ffffff;
    text-transform: none;
    height: 46px;
    margin-top: 0;
    width: 95%;
    text-transform: unset; 
  }
  body #reset-password form .form-group .buttons-group .btn:hover{
    background-color: #D64C73;
    border-color: #D64C73;
    color:#ffffff;
    border: 1px solid #D64C73;
  }
  
    


body #element-form-via-link .btn-prev{
    color: #39332c;
    background-color: #ffffff;
    border-color: #39332c;
    border-radius: 20px;
    font-size: 14px;
    margin-right: 15px;
}
body #element-form-via-link .btn-prev:hover{
    color: #39332c;
    background-color: #ffffff;
    border-color: #39332c
}
body #element-form-via-link .file-field .box{
    border-radius: 20px;
}

body #element-form-via-link .file-field .box.bordered{
    border: 1px solid #dfdfdf !important;
}
body #element-form-via-link .file-field .box.has-error{
    border: 1px solid #bf5329 !important;
}
body #element-form-via-link .text-error{
    color: #bf5329;
    font-size: 12px;
    text-align: left;
}


    body .modal-dialog .btn-primary.btn-session{
        color: #fff;
        background-color: #d64c73;
        border-radius: 20px;
        border: 1px solid #d64c73;
    }
    body .modal-dialog .btn-primary.btn-session:hover{
        color: #fff;
        background-color: #534a40;
        border: 1px solid #534a40;
    }

    body .modal-dialog .btn-default.btn-session{
        color: #000;
        background-color: #F5F5F5;
        border-radius: 20px;
        border: 1px solid #F5F5F5;
    }
    body .modal-dialog .btn-default.btn-session:hover{
        color: #fff;
        background-color: #818181;
        border: 1px solid #818181;
    }


 

    body .form-component-preload.border-bottom{
        border-bottom: 1px solid #eae7e7;
    }


    
    /* title */
    body .tarif-field-form-group .tarif-field .tarif-title{
        line-height: 60px;
        color: #cecece;
        font-weight: 600;
        font-size: 22px;
    }
    /* content */
    body .tarif-field .col-content{
        border: 1px solid #d64c73;
        border-radius: 0px;
    }
    body .tarif-field-form-group.has-error .tarif-field .col-content{
        border: 2px solid #bf5329;
    }
    body .tarif-field .col-content.selected{
        border: 1px solid #ee6e2d;
    }
    body .tarif-field-form-group .tarif-field .selected .simple-button-container .simple-btn{
        border: 2px solid #ee6e2d;
    }
    body .tarif-field-form-group .tarif-field .selected .simple-button-container .simple-btn:hover{
        border: 2px solid #ee6e2d;
    }
    body .tarif-field .list-tarif{
        font-size: 14px;
    }
    body .tarif-field-form-group .tarif-field span{
        margin-bottom: 20px;
    }
    body .tarif-field-form-group .tarif-field .not-available{
        color: #cecece;
    }
    /* button */
    body .tarif-field-form-group .tarif-field .simple-button-container .simple-btn{
        background-color: transparent;
        border: 1px solid #ee6e2d;
        border-radius: 0px;
        font-size: 14px;
        color: #ee6e2d;
    }
    body .tarif-field-form-group .tarif-field .simple-button-container .simple-btn:hover{
        color: #ee6e2d;
        background-color: transparent;
        border: 1px solid #ee6e2d;
    }
    /* price */
    body .tarif-field-form-group .tarif-field .tarif-price{
        font-size: 40px;
        color: #d64c73;
        font-weight: 600;
    }
    /* price 2 */
    body .tarif-field-form-group .tarif-field .price-an{
        font-size: 16px;
        color: #cecece;
        font-weight: 600;
    }
    /* text below price */
    body .tarif-field-form-group .tarif-field .price-below{
        font-size: 18px;
        color: #534a40;
        font-weight: 600;
    }
    /* icons */
    body .tarif-field-form-group .tarif-field i.fa, i.fa-regular-check{
        color: #78CDB4 !important;
    }
    body .tarif-field-form-group .tarif-field i.fa, i.fa-regular-times{
        color: #EC8986 !important;
    }




    body.template-public .menu-container{
        background-color: #ffffff !important;
    }
    
    body.template-public .menu-container ul.menu{
        background-color: transparent;
    }

    body.template-public .menu-container ul li a{    
        color: #7a7e84;
        border: 1px solid transparent;
        border-radius: 0px;
        padding: 12px 32px;
    }

    body.template-public .menu-container ul li a:hover :not(.btn-1,.btn-2,.btn-3){
        background-color: transparent;
    }

    body.template-public .menu-container ul li a.languages{
        background-color: transparent;
    }


     /* menu lenaguage */
    body .menu-item.nav-item .languages-menu .menu-flags ul,
    body .menu-item.nav-item .languages-menu .menu-flags button
    {
        color: #7a7e84 !important;
    }
  




  /* button */
  .login-box form.login-two-factor .form-group .btn{
    background-color: #D64C73;
    border-color: #D64C73;
    border-radius: 30px;
    color:#ffffff;
    text-transform: none;
    height: 46px;
    width: 100%;
  }
  .login-box form.login-two-factor .form-group  .btn:hover{
    background-color: #D64C73;
    border-color: #D64C73;
    color:#ffffff;
    border: 1px solid #D64C73;
  }
  body.template-loginTwoFactor .login-container{
    background-image: url('');
  }
  

    /* btn-floating */
    body .floating-button-container a.btn-floating, 
    body .floating-button-container button.btn-floating{
        background-color: #d64c73;
        border: 1px solid #534a40;
        font-size: 14px;
        border-radius: 40px; 
        color: #534a40;

    }

    @media (min-width: 740px){
        body .floating-button-container a.btn-floating, 
        body .floating-button-container button.btn-floating{
            border-radius: 24px; 
        }
    }

    body .floating-button-container a.btn-floating .btn-floating-text, 
    body .floating-button-container button.btn-floating .btn-floating-text{
        float: left;
        margin-top: 1px
    }


    body .floating-button-container a.btn-floating i,
    body .floating-button-container button.btn-floating i{
        float: left;
        font-size: 16px;
        margin-right: 5px;
    }

    body .floating-button-container a.btn-floating svg{
        width: 16px;
        height: 16px;
        margin-right: 5px;
        left: 16px;
    }

    
    body .floating-button-container a.btn-floating:hover,
    body .floating-button-container button.btn-floating:hover{
        background-color: #534a40;
        color: #d64c73;
        border: 1px solid #d64c73;
        text-decoration: none;
    }


    body .floating-button-container a.btn-floating.disabled, 
    body .floating-button-container button.btn-floating.disabled,
    body .floating-button-container a.btn-floating.disabled:hover, 
    body .floating-button-container button.btn-floating.disabled:hover{
        background-color: #d64c73;
        border: 1px solid #534a40;
        color: #534a40;
        cursor: default;
    }
    


    /* btn-contact */
    body .contact-button-container a.btn-contact, 
    body .contact-button-container button.btn-contact,
    body #element-staged-form .btn-submit.btn-contact,
    body #element-staged-form .btn-action.btn-contact,
    body.template-public .menu-container ul li a.btn-contact{
        background-color: #d64c73;
        border: 1px solid #534a40;
        font-size: 14px;
        border-radius: 24px; 
        color: #534a40;
       /*padding: 10px 32px;*/
        padding-top: 11px;
        padding-right: 18px;
        padding-bottom: 11px;
        padding-left: 8px;
    }

    body .contact-button-container a.btn-contact .btn-contact-text, 
    body .contact-button-container button.btn-contact .btn-contact-text,
    body #element-staged-form .btn-submit.btn-contact .btn-contact-text,
    body #element-staged-form .btn-action.btn-contact.btn-contact-text,
    body.template-public .menu-container ul li a.btn-contact .btn-contact-text{
        float: left;
        margin-top: 1px
    }


    body .contact-button-container a.btn-contact i,
    body .contact-button-container button.btn-contact i,
    body #element-staged-form .btn-submit.btn-contact i,
    body #element-staged-form .btn-action.btn-contact i{
        float: left;
        font-size: 16px;
        margin-right: 5px;
    }

    body .contact-button-container a.btn-contact svg,
    body #element-staged-form .btn-submit.btn-contact svg,
    body #element-staged-form .btn-action.btn-contact svg{
        width: 16px;
        height: 16px;
        margin-right: 5px;
        left: 16px;
    }

    
    body .contact-button-container a.btn-contact:hover,
    body .contact-button-container button.btn-contact:hover,
    body #element-staged-form .btn-submit.btn-contact:hover,
    body #element-staged-form .btn-action.btn-contact:hover{
        background-color: #534a40;
        color: #d64c73;
        border: 1px solid #d64c73;
        text-decoration: none;
    }


    body .contact-button-container a.btn-contact.disabled, 
    body .contact-button-container button.btn-contact.disabled,
    body #element-staged-form .btn-submit.btn-contact.disabled,
    body #element-staged-form .btn-action.btn-contact.disabled,
    body.template-public .menu-container ul li a.btn-contact.disabled,
    body .contact-button-container a.btn-contact.disabled:hover, 
    body .contact-button-container button.btn-contact.disabled:hover,
    body #element-staged-form .btn-submit.btn-contact.disabled:hover,
    body #element-staged-form .btn-action.btn-contact.disabled:hover,
    body.template-public .menu-container ul li a.btn-contact.disabled:hover{
        background-color: #d64c73;
        border: 1px solid #534a40;
        color: #534a40;
        cursor: default;
    }
    



    /* class 1 */
    body .contact-button-widget-container{
        background-color: #fff;
                    -webkit-box-shadow: 0px 0px 30px #ddddddFF;
            -moz-box-shadow: 0px 0px 30px #ddddddFF;
            box-shadow: 0px 0px 30px #ddddddFF;
                border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        min-height: 90px; /*90px;*/
    }
    body .contact-button-widget-container .image{
        min-height: 0; /*90px*/ 
        width: 0px; /*90px*/ 
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    body .contact-button-widget-container .contact-button-widget-info-container{
        padding-left: 30px; /*90px*/ 
    }

    body .contact-button-widget-container .contact-button-widget-info-container h2,
    body .contact-button-widget-container .contact-button-widget-info-container p{
        font-size:  12px; /*90px*/ 
    }
    body .contact-button-widget-container .contact-button-widget-info-container div{
        font-size:  12px; /*90px*/ 
    }
    
    body .contact-button-widget-container .contact-button-widget-info-container .contact-btns a{
        height: 40pxpx; /*40px*/
        width: 40pxpx; /*40px*/
        font-size: 12px; 
        border-radius: 0px; /*0px*/
        background-color: #fff;
        color: #fff;
    }

    body .contact-button-widget-container .contact-button-widget-info-container .contact-btns a:hover{
        background-color: #fff;
        color: #fff;
    }
   
    body .contact-button-widget-container .contact-button-widget-info-container .contact-btns a i{
        font-size:  12px; /*12px*/ 
        line-height: 40pxpx; /*40px*/
    }




    .box-icon{
                    -webkit-box-shadow: 0px 0px 30px #ddddddFF;
            -moz-box-shadow: 0px 0px 30px #ddddddFF;
            box-shadow: 0px 0px 30px #ddddddFF;
                background-color: #ffffff;
        width: 100%;
        min-height: 260px;
        text-align: center;
        padding: 20px 20px;
        border-radius: 20px 20px 20px 20px;
    }

    .box-icon i{
        color: #d64c73;
        font-size: 80px;
        font-weight: 100;
        padding: 10px 0;
    }

    .box-icon h2{
        color: #534a40;
        font-size: 18px;
        font-weight: 700;
        text-align:center;
        
    }

    .box-icon p{
        color: #534a40;

    }

    .box-icon .btn-link{
        position: absolute;
        bottom: 16px;
        right: 16px;
    }
    
    .box-icon .btn-link a{
        font-size: 14px;
        color: #D64C73;
    }





body .element-table-imported .box-state{
  border: 2px dashed #CCC;
} 

body .element-table-imported .box-state:hover{
  border: 2px dashed #d64c73;
}

body .element-table-imported .element-table-container-body .btn-dropzone{
  background-color: #d64c73;
  color: #fff;
}

body .element-table-imported .element-table-container-body .btn-dropzone:hover{
  background-color: #534a40;
  color: #fff;
  border: 1px solid #534a40;
}
body #event-modal-imported-table-result .icon-error{
  color: #bf5329;
  font-size: 25px;
}
body #event-modal-imported-table-result .icon-success{
  color: #71b728;
  font-size: 25px;
}
body .element-table-imported .element-table-container-body{
  border-radius: 1px;
}


    /* back-button */
    body .back-button a, 
    body .back-button button{
        background-color: #d64c73;
        border: 1px solid #534a40;
        font-size: 14px !important;
        border-radius: 24px;
        color: #fff;
    }
    body .back-button a i,
    body .back-button button i{
        font-size: 16px;
        margin-right: 5px;
    }
    body .back-button a svg{
        width: 16px;
        height: 16px;
        margin-right: 5px;
        left: 16px;
    }
    body .back-button a:hover,
    body .back-button button:hover{
        background-color: #534a40;
        color: #fff;
        border: 1px solid #d64c73;
    }


    /* back-button */
    body .back-button-headboard a, 
    body .back-button-headboard button{
        background-color: #d64c73;
        border: 1px solid #534a40;
        font-size: 14px !important;
        border-radius: 24px;
        color: #fff;
    }
    body .back-button-headboard a i,
    body .back-button-headboard button i{
        font-size: 16px;
        margin-right: 5px;
    }
    body .back-button-headboard a svg{
        width: 16px;
        height: 16px;
        margin-right: 5px;
        left: 16px;
    }
    body .back-button-headboard a:hover,
    body .back-button-headboard button:hover{
        background-color: #534a40;
        color: #fff;
        border: 1px solid #d64c73;
    }


body .widget-contact .contact-icons-map .icons ul li a{
    color: #7a7e84;
}
body .widget-contact .contact-icons-map .icons ul li a i{
    color: #7a7e84;
    border: 1px solid #7a7e84;
}
body .widget-contact .contact-icons-map .icons ul li a:hover{
    color: #d64c73;
}
body .widget-contact .contact-icons-map .icons ul li a:hover i{
    border: 1px solid #d64c73 !important;
    color: #d64c73;
}


    body .container-home-header {
        background: #E98859;
        background: linear-gradient(45deg, #EB6E56 0%, #E79F5B 60%, #F4A860 100%);
    }

    /* border-radius */

    .blog-actualites{
        -webkit-box-shadow: 0px 0px 30px #ddddddFF;
            -moz-box-shadow: 0px 0px 30px #ddddddFF;
            box-shadow: 0px 0px 30px #ddddddFF;
    }

    body .blog-actualites .container-image img{
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }
    body .container-blog-actualites {
        border-radius: 20px;
    }
    body .container-blog-actualites .container-image{
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }
    /* title */
    body .image_text_link .container-blog-actualites .container-title {
        margin-top: 25px;
        margin-bottom: 10px;
        padding-right: 114px;
        padding-left: 24px;
    }
    body .imageTextLink .container-title a, body .blog-actualites .container-title a{
        font-size: 20px;
        color: #D64C73
    }
    /* date */
    body .imageTextLink .container-title .alignright, body .blog-actualites .container-title .date{
        font-size: 14px;
        color: #bab9b7
    }
    /* desc */
    body .imageTextLink .container-description, body .blog-actualites .container-description{
        font-size: 14px;
        color: #464646
    }
    body .image_text_link .container-blog-actualites .container-description{
        padding-right: 114px;
        padding-left: 24px;
    }
    /* link */
    body .image_text_link .container-blog-actualites .container-link {
        padding-right: 114px;
        padding-left: 24px;
    }
    body .imageTextLink .container-link a, body .blog-actualites .container-link a{
        font-size: 14px;
        color: #D64C73
    }




    /* border-radius */
    body .linkedinNewsFeed .container-image img{
        border-top-right-radius: 20px;
        border-top-left-radius: 20px;
    }
    /* title */
    body .linkedinNewsFeed .container-title .alignleft a{
        font-size: 20px;
        color: #D64C73
    }

    /* desc */
    body .linkedinNewsFeed .container-description{
        font-size: 14px;
        color: #464646
    }
    /* link */
    body .linkedinNewsFeed .container-link a{
        font-size: 14px;
        color: #D64C73
    }






body .search-tree-input{
    border-radius: 0px !important;
}


    body .element-icon-title .element-icon{
        color: #d64c73;
        font-size: 32px;
        font-weight: 300;
    }

    body .element-icon-title .element-title {
        color: #534a40;
        font-size: 34px;
    }


 
    body .element-icon-card .element-icon{
        color: #D64C73;
        font-size: 42px;
        font-weight: 300;
    }

    body .element-icon-card .element-text span{
        color: #534a40;
        font-size: 28px;
    }

    body .element-icon-card .element-title{
        color: #D64C73;
        font-size: 14px;
    }


 

    body .modal-dialog .btn-primary.btn-session{
        color: #fff;
        background-color: #d64c73;
        border-radius: 20px;
        border: 1px solid #d64c73;
    }
    body .modal-dialog .btn-primary.btn-session:hover{
        color: #fff;
        background-color: #534a40;
        border: 1px solid #534a40;
    }

    body .modal-dialog .btn-default.btn-session{
        color: #000;
        background-color: #F5F5F5;
        border-radius: 20px;
        border: 1px solid #F5F5F5;
    }
    body .modal-dialog .btn-default.btn-session:hover{
        color: #fff;
        background-color: #818181;
        border: 1px solid #818181;
    }


 
    /* modal validation */
    body #event-modal-validation-confirm .modal-body{
        padding:20px;
        font-size: 14px;
        line-height: 20px;
    }
    /* modal validation error*/
    body .modal-validation-error .modal-body{
        font-size: 14px;
        line-height: 20px;
    }




    /* modal cookies */
    body #modalCookies.custom-modal #load-page,
    body #modalCookies.custom-modal .modal-footer,
    body #modalCookies .modal-header{
        background-color: #fff;
    }
    body #modalCookies.custom-modal .modal-cookies{
        color: #000;
        font-size: 14px;
        line-height: 20px
    }




    /* modal search */
    body #modal-search .modal-background{
        background-color: #3a6780;
        opacity: 0.9;
    }
    body #modal-search .modal-container .modal-content .container-modal .results .row-result h4{
        color:#3a6780!important;
    }
    body #modal-search .modal-container .modal-content .container-modal .results .row-result ul li .highlight{
        color:#FFA500!important;
    }
    body #modal-search .modal-container .modal-content .container-modal .results .row-result ul li .btn{
        color:#FFA500!important;
    }
    body #modal-search .modal-container .modal-content .container-modal .results .row-result span{
        color:#3a6780!important;
    }




    body .modalSelectParameters .btn-primary{
        color: #fff;
        background-color: #d64c73;
        border-radius: 20px;
        border: 1px solid #d64c73;
        font-size: 14px;
    }
    body .modalSelectParameters .btn-primary:hover{
        color: #fff;
        background-color: #534a40;
        border: 1px solid #534a40;
    }

    body .modalSelectParameters .btn-default{
        color: #fff;
        background-color: #534a40;
        border-radius: 20px;
        border: 1px solid #534a40;
        font-size: 14px;
    }
    body .modalSelectParameters .btn-default:hover{
        color: #fff;
        background-color: #d64c73;
        border: 1px solid #d64c73;
    }



 

    body .menu-top-container .navbar-fixed-top{
        background-color: #ffffff;
        font-size: 12px;
    }
    body .menu-top-container .navbar-fixed-top ul.navbar-nav li a.item-menu-top, 
    body .menu-top-container .navbar-fixed-top ul.navbar-nav li a.item-menu-top-button, 
    body .menu-top-container .navbar-fixed-top ul.navbar-nav li .item-menu-right,
    body .menu-top-container .user-name,
    body .menu-top-container .navbar-btn-mobile{
        color: #7c7974;
        font-weight: 400;
    }
    body .menu-top-container .navbar-fixed-top ul.navbar-nav li a.item-menu-top,
    body .menu-top-container .navbar-fixed-top ul.navbar-nav li a.item-menu-top-button{
        font-size: 12px !important;
        margin-bottom: -1px;
        padding-bottom: 5px;
    }

    body .menu-top-container .navbar-fixed-top ul.navbar-nav li a.item-menu-top-button{
        background-color: #D64C73;
        
    }  

    body .menu-top-container .navbar-fixed-top ul.navbar-nav li a.item-menu-top-button:hover{
        background-color: #D64C73;
        
    }  

    body .menu-top-container .navbar-fixed-top ul.navbar-nav li a.item-menu-top-button span,
    body .menu-top-container .navbar-fixed-top ul.navbar-nav li a.item-menu-top-button i
    {
        color: #ffffff;
        font-weight: 400;
    }

    body .menu-top-container .navbar-fixed-top ul.navbar-nav li a.item-menu-top-button:hover span,
    body .menu-top-container .navbar-fixed-top ul.navbar-nav li a.item-menu-top-button:hover i
    {
        color: #ffffff;
    }

    /* Button top bar */
    body.template-public .content-wrapper .public-container .menu-container ul .simple-button-container{
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    body.template-public .content-wrapper .public-container .menu-container ul .simple-button-container a {
        height: auto;
        margin-left: 10px;
        box-shadow: none;
        margin-bottom: 10px;
        margin-right: 10px !important;
    }

    @media only screen and (max-width: 768px) {
       
        body .menu-top-container .user-name{
            background: transparent;
        }
        body .menu-top-container .navbar-fixed-top{
            border-bottom: none;
        }
        body .menu-top-container .navbar-fixed-top #navbar ul.navbar-nav li,
        body .menu-top-container .navbar-fixed-top #navbarRight ul.navbar-nav li{
            background-color: #ffffff;
        }
        body .menu-top-container .navbar-fixed-top #navbar ul.navbar-nav li a.item-menu-top,
        body .menu-top-container .navbar-fixed-top #navbar ul.navbar-nav li a.item-menu-top-button,
        body .menu-top-container .navbar-fixed-top #navbarRight ul.navbar-nav li a{
            color: #7c7974;
        }
        body.layout-top-menu .menu-top-container .navbar-toggle .icon-bar{
            background-color: #82939a !important;
        }
    }
    
    body .menu-top-container .navbar-fixed-top ul.navbar-nav li a.item-menu-top:hover,
    body .menu-top-container .navbar-fixed-top ul.navbar-nav li .item-menu-right:hover,
    body .menu-top-container .navbar-fixed-top ul.navbar-nav li .item-menu-top:focus,
    body .menu-top-container .navbar-fixed-top ul.navbar-nav li .item-menu-right:focus{
        background-color: transparent;
    }

    body.layout-top-menu .menu-top-container .user-menu-navbar{
        border-right: 1px solid #ccc;
        right: 0
    }

   
    @media only screen and (min-width: 768px) {
       
        body .menu-top-container .navbar-fixed-top ul.navbar-nav li a.item-menu-top:hover{
            border-bottom: 3px solid #D64C73 !important;
            color: #39332c;
        }
        body .menu-top-container .navbar-fixed-top ul.navbar-nav li a.item-menu-top:not(.active):hover i{
            color: #D64C73;
        }
        .body .user-name{
            display: none !important;
        }
        body .menu-top-container a.item-menu-top.active{
            color: #D64C73 !important;
            border-bottom: 3px solid #D64C73 !important;
        }
    }
    
    body .menu-top-container .navbar-fixed-top ul li a.item-menu-top i,
    body .menu-top-container .navbar-fixed-top ul li a.item-menu-top-button i {
        font-size: 20px;
    }
    body .menu-top-container .navbar-fixed-top .dropdown-menu li a {
        color: #7c7974 !important;
        background-color: #ffffff;
        font-size: 15px;
    }
    body .menu-top-container .navbar-fixed-top .dropdown-menu li a:hover{
        color: #D64C73 !important;
        background-color: #ffffff;
    }
    body .menu-top-container .navbar-fixed-top .dropdown-menu li a i{
        font-size: 20px !important;
    }
    
    body #menuTop .public-logo-container{
        display: block;
        text-align: unset;
    }





    footer ul{
        width: 100%;
        text-align: center;
        padding: 0;

    }

    @media (min-width: 740px){
        footer ul{
            text-align: right;
            width: inherit;
            padding-left: 40px;
        }
    }
    
    .footer_simple {
        padding-top:30px;
        padding-bottom: 30px;
    }    
    .footer_simple .copy {
      font-size:14px;
      color:#93949E;
      padding-top: 29px;
    }

    .footer_simple .links { 
      padding-top: 30px;
    }

    .footer_simple .links a {
        color:#fff;
        padding:0 10px;
    } 
    
    .footer_simple .links a i {
        font-size:14px;  
    }
      


/**
    Style to add all retrocompatibility to adapt to responsive. Done by MPS.
*/

body.template-public .col-sm-offset-1.columna.central{
    margin-left:0px;
}

body.template-public .col-sm-10.columna.central{
    width: 100%;
}

body #element-staged-form .container-fields-default .row .container-fields-default .form-group label{
    padding-right: 10px;
}

@media (min-width: 768px){ /** Tablet */

}

@media (min-width: 1200px){ /** Desktop */
    body.template-public .col-sm-offset-1.columna.central {
        margin-left:8.88888%;
    }

    body.template-public .col-sm-10.columna.central{
        width:83.33333333%;
    }

    body #element-staged-form .container-fields-default .row .container-fields-default .form-group label{
        padding-right: 24px;
    }
}






   /*  body .container-content-full-width article,
    body .container-content-full-width article .row .col-xs-12,
    body .container-content-full-width .container-img{
        padding: 0;
    } */
    @media only screen and (max-width: 768px) {
        body .container-content-full-width article .row .col-xs-12{
            float: unset;
        }
    }
    body .content-block-1{
        background-color: #d64c73;
        color: white;
        width: 100%;
        height: auto;
        margin-bottom: -2px;
    }
    
    /* image footer */
    body .content_block::after{
        background-image: url();
        display: inline-block;
        background-repeat: no-repeat;
        background-size: 100% 150px;
        width: 100%;
        height: 150px;
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
    }

    /* title */
    body .content-block-1 h1{
        color: #fff;
        font-size: 48px;
    }
    body .content-block-1 .container-description h1{
        line-height: 40px;
    }

    /* text content */
    body .content-block-1 p{
        font-size: 16px;
        color: #fff;
    }
    body .content-block-1 .container-description{
        line-height: 18px;
    }

    /* button */
    body .content-block-1 .simple-btn{
        z-index: 999;
        display: flex;
        align-items: center;
    }
    body .content-block-1 .simple-btn{
        background-color: #fff;
        color: #d64c73;
        font-size: 14px;
        border: 1px solid #fff;
        border-radius: 0px;
    }
    body .content-block-1 .simple-btn:hover{
        background-color: #fff;
        color: #d64c73;
        border: 1px solid #fff;
    }
    body .content-block-1 .simple-btn i{
        font-size: 14px;
        padding-left: 5px;
    }
    body .content-block-1 .simple-btn svg{
        width;: 28px;
        height;: 28px;
        padding-left: 5px;
    }

    @media only screen and (max-width: 768px) {
        body .content_block::after{        
            background-size: cover;
        }
    }




    .content-block-2 .container-description{
        background-color: #fff;
                    -webkit-box-shadow: 0px 0px 30px #ddddddFF;
            -moz-box-shadow: 0px 0px 30px #ddddddFF;
            box-shadow: 0px 0px 30px #ddddddFF;
            }

    .content-block-2 .container-description h2{
        color: black;
    }






body .container-icon .border-radius{
    border-radius: 50%;
}

/* btn-1 */
body a.btn.btn-1{
    background-color: #d64c73;
    border: 1px solid #d64c73;
    font-size: 14px;
    border-radius: 30px; 
    color: #ffffff;
    padding: 12px 32px;
            -webkit-box-shadow: 0px 0px 30px #ddddddFF;
        -moz-box-shadow: 0px 0px 30px #ddddddFF;
        box-shadow: 0px 0px 30px #ddddddFF;
    }

body a.btn.btn-1 i{
    font-size: 16px;
    margin-right: 5px;
}

body a.btn.btn-1 svg{
    width: 16px;
    height: 16px;
    margin-right: 5px;
    left: 16px;
}

body a.btn.btn-1:hover{
    background-color: #ffffff;
    color: #d64c73;
    border: 1px solid #d64c73;
}
    
/* btn-2 */
body a.btn.btn-2{
    background-color: transparent;
    border: 1px solid #d64c73;
    font-size: 14px;
    border-radius: 30px;
    color: #d64c73;
    padding: 12px 32px;
            -webkit-box-shadow: 0px 0px 30px #ddddddFF;
        -moz-box-shadow: 0px 0px 30px #ddddddFF;
        box-shadow: 0px 0px 30px #ddddddFF;
    }

body a.btn.btn-2 i{
    font-size: 16px;
    margin-right: 5px;

}

body a.btn.btn-2 svg{
    width: 16px;
    height: 16px;
    margin-right: 5px;
    left: 16px;
}

body a.btn.btn-2:hover{
    background-color: #d64c73;
    color: #ffffff;
    border: 1px solid #d64c73;
}
    
/* btn-3 */
body a.btn.btn-3{
    background-color: transparent;
    border: 1px solid #39332c;
    font-size: 14px;
    border-radius: 30px;
    color: #39332c;
    padding: 12px 32px;
            -webkit-box-shadow: 0px 0px 30px #ddddddFF;
        -moz-box-shadow: 0px 0px 30px #ddddddFF;
        box-shadow: 0px 0px 30px #ddddddFF;
    }

body a.btn.btn-3:hover{
    background-color: transparent;
    color: #39332c;
    border: 1px solid #39332c;
}

body a.btn.btn-3 i{
    font-size: 16px;
    margin-right: 5px;

}

body a.btn.btn-3 svg{
    width: 16px;
    height: 16px;
    margin-right: 5px;
    left: 16px;

}



.visual-select .grid-gradient .grid-item{
    border: 1px solid #d64c73;
    background-color: #ffffff;
    border-radius: 12px
} 

.visual-select .grid-gradient .selected {
  border: 1px solid #ffffff !important;
  background-color: #d64c73;

}

.visual-select .grid-gradient .selected h4 {
  color: #ffffff;
}

.visual-select .grid-gradient .selected::before {
  background: #ffffff;
}

.visual-select .grid-gradient .selected.wCheck::before {
  background: #ffffff;
  border: 2px solid #ffffff !important;

}

.visual-select .grid-gradient .selected::after {
  background: #ffffff;
}


.visual-select .grid-gradient .selected.wCheck::after {
  background: initial;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  content: "\f058";
  color: #534a40;
}



.visual-select .grid-gradient .grid-item:hover, {
  border: 1px solid #ffffff !important;
}

.visual-select .grid-gradient .grid-item i {
  color: #534a40;
}

.visual-select .grid-gradient .selected i {
  color: #ffffff;
}

.visual-select .grid .grid-item .check-indicator {
  background: transparent;
  border: 1px solid #d64c73;
}

.visual-select .grid .grid-item .check-indicator i {
  color: #d64c73;
}

.visual-select .grid .grid-item .check-indicator .check-dot {
  background: #d64c73;
}







    .actualites-mps h1 {
        margin-bottom: 36px;
    }

    /* title */
    .actualites-mps .title{
        color: #D64C73;
        margin: 0;
        font-weight: 400;
        
    }

    /* Date */
    .actualites-mps .date{
        color: #bab9b7;
        
    }

    /* Line */
    .actualites-mps .lineActualites{
        margin-bottom: 20px;
        
    }

    /* Desc */
    .actualites-mps .quill-desc {
        font-size: 16px;
        color: #464646;
    }

    /* LAST NEWS */

    .sidebar-last-posts-mps {
        z-index: 9;
        position: fixed;
        width: 25%;
        top: 0px;
        right: 0px;
        padding: 20px;
        margin-top: 92px;
        background: #fbfbfb;
        height: calc(100vh - 75px);
        overflow: scroll;
    }

    .sidebar-last-posts-mps h3{
        color:#13243E !important;
        font-size: 26px !important;
        font-weight: 500 !important;
    }
        
    .sidebar-last-posts-mps ul {
        list-style: none;
        padding-left: 0;
    }
    
    .sidebar-last-posts-mps .news {
        display: flex;
        height: 125px;
        margin: 15px 0px 15px;
    }
    
    .sidebar-last-posts-mps .news .image img{
        border-radius: 8px;
    }


    .typology-last-mps .news .container-title {
        flex: 2;
        line-height: 25px;
        display: flex;
        align-items: center;
        padding-left: 15px;
    }

    .typology-last-mps .news .container-title a{
        font-size: 16px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: #13243E;
        font-weight: 500;
        line-height: 20px;
    }
    .typology-last-mps .news .container-title p{
        font-size: 14px;
        color: #91979f;
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .typology-last-mps .news .container-image {
        flex: 1;
        margin: auto;
        text-align: center;
    }
    
    .typology-last-mps .news .container-image .thumbnail-image{
        border-radius: 12px;
    }

    @media(max-width: 992px){
        .sidebar-last-posts-mps{
            display: none;
        }
    }

            






body .element-file-container .heading-title label, 
body .element-file-container .heading-title span{
  color:#534a40;
  font-size:42px;
  font-weight:700;
  line-height: 40px;
}

body .element-file-container .heading-title .has-color span{
  font-size:22px;
  font-weight:400;
}





    @media print {
        h2 span {
            color: #d64c73 !important;
        }

        .footer span p, .footer span p strong {
            color: #000 !important;
        }
    }




  

    body {
      font-family: Poppins, sans-serif !important;
    }
    .react-datepicker-wrapper{
      font-family: Poppins, sans-serif!important;
    }
    .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name{
      font-family: Poppins, sans-serif !important;
    }
    .react-datepicker__current-month, .react-datepicker-time__header{
      font-family: Poppins, sans-serif !important;
    }
    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{
      font-family: Poppins, sans-serif !important;
    }
    .contentBoxLink div:first-child {
  background-size: cover !important;
  margin: -30px !important;
  margin-bottom: 30px !important;
  height: 180px !important;
}

.contentBoxLink-separator {
  background-color: #d64c73 !important;
}

.contentBoxLink {
  min-height: 462px;
  -webkit-border-radius: 20px; /* Chrome, Safari, iOS, Android */
  -moz-border-radius: 20px;    /* Firefox */
  -ms-border-radius: 20px;     /* Internet Explorer 9+ */
  -o-border-radius: 20px;      /* Opera (antiguo Presto) */
  border-radius: 20px;         /* Estándar */
  overflow: hidden;
}

.contentBoxLink a {
  display:none !important;
}

.contentBoxLink-title {
  color: #464646 !important;
} .header-image {
      position: absolute;
    z-index: 100;
    top: -20px;
    right: 15%;
    width: 280px;
}

@media (max-width: 768px) { 
  .header-image {
    position: absolute;
    z-index: 100;
    top: 0px;
    right: -5%;
    width: 240px;
  }
} .custom-contentblock2 {
  min-height: 500px;
  background: linear-gradient(
    90deg,
    #e0e0e0 25%,
    #f0f0f0 50%,
    #e0e0e0 75%
  );
  background-size: 200% 100%;
  animation: shimmer 2.5s infinite linear;
  border-radius: 8px; /* opcional */
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.custom-contentblock2 .container-description {
  bottom:0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  text-align:center;
  width:100%;
  background: linear-gradient(1deg, rgba(0,0,0,0.29), rgba(245,245,245,0));
  border-radius: 0px;
  padding-bottom:30px;
}

.custom-contentblock2 .container-description h1 {
  color:#fff;
  font-size:42;
  line-height:46px;
  margin:0;
  text-shadow: 0px 2px 4px rgba(0,0,0,0.35);
}

.custom-contentblock2 .container-description h3 {
  color:#fff;
  font-size:26px;
  line-height:30px;
  margin:0;
  font-weight:400;
  text-shadow: 0px 2px 4px rgba(0,0,0,0.35);
}

.custom-contentblock2 .container-description h3:first-of-type {
  padding-top:10px;
}

.custom-contentblock2 .content-block-2 {
  margin-bottom:30px;
}

@media (max-width: 768px) {
  
  
  
  .custom-contentblock2 .container-description h1 {
      font-size: 30px;
      line-height: 33px;
  }

  .custom-contentblock2 .container-description h3 {
    font-size: 18px;
    line-height: 22px;
  }

  .custom-contentblock2 .container-description {
    padding: 20px 10px;
    margin: 0;
  }
} .fixed-button {
    position: fixed;
    width: 100%;
    z-index: 1000;
    bottom: 60px;
} .custom-box-icon #box-icon {
  margin: 10px;
  
}

.custom-box-icon .box-icon{
  min-height: 300px;
}

.custom-box-icon .box-icon p {
  line-height : 21px;
} .custom-background-image.background-image-widget-row{
  max-width: 500px !important;
  margin: 10px auto !important;
}

.custom-background-image .background-image-widget-row{
  margin: 10px;
  -webkit-border-radius: 20px !important; /* Chrome, Safari, iOS, Android */
  -moz-border-radius: 20px !important;    /* Firefox */
  -ms-border-radius: 20px !important;     /* Internet Explorer 9+ */
  -o-border-radius: 20px !important;      /* Opera (antiguo Presto) */
  border-radius: 20px !important;         /* Estándar */
  max-width: 500px !important;
  margin: 10px !important;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15) !important;
  border:none !important;
}

.custom-background-image .background-image-widget-container #background-image-widget{
    background-size: contain;
    padding:20px;
} .custom-faq .faqs{
   -webkit-border-radius: 20px !important; /* Chrome, Safari, iOS, Android */
  -moz-border-radius: 20px !important;    /* Firefox */
  -ms-border-radius: 20px !important;     /* Internet Explorer 9+ */
  -o-border-radius: 20px !important;      /* Opera (antiguo Presto) */
  border-radius: 20px !important;         /* Estándar */
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15) !important;
  border:none !important;
  margin-bottom:20px;
  font-size: 14px;
  font-weight: 400;
}

.custom-faq .faqs .MuiAccordionDetails-root {
  text-align: left;
  padding-left: 50px;
  font-size: 14px;
  font-weight: 400;
  color: #534a40 !important;
} .custom-footer {}

.row-footer-public {
  display:none;
}

.footer h4 {
  font-weight:700;
} .form-simulation .btn-desactive a{
    color: gray !important;
    border-color: grey !important;
    cursor: no-drop;
}

.form-simulation .btn-desactive a:hover{
    color: gray !important;
    border-color: grey !important;
    background-color: white !important;
    cursor: no-drop;
}

.form-simulation .grid{
    grid-template-columns: repeat(2, 200px);
    grid-gap: 7px;
    padding: 1rem;
    width: 100%;
    justify-content: center;
}

.form-simulation .visual-select .grid .grid-item {
    border-radius: 12px;
    background-color: transparent;
    padding: 0;
    overflow: hidden;
}

.form-simulation .visual-select .grid .grid-item img{
    margin-bottom: -24px;
} 

.form-simulation .yes-no-field .container-fields-yes-no{
    text-align: left;
}

.form-simulation .visual-select .grid .selected {
    border: 1px solid #D64C73 !important;
}
.form-simulation  .visual-select .grid .grid-item:hover{
    border: 1px solid #D64C73 !important;
}

body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root .Mui-checked{
    color: #D64C73 !important;
}

body #element-staged-form .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root.bordered .MuiFormControlLabel-label{
  color: #D64C73 !important;
}

body .form-component .container-radio-field .bordered {
    background-color: transparent;
}

body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root.radio-field-label {
  margin-bottom: 0px !important;
}

/* CARD ETAPE 2 */
body .form-component .boxCard{
    border: 1px solid #ACA7A7;
    border-radius: 12px;
    margin-bottom: 10px;
}

body .form-component .boxCard img{
    padding: 17px 20px 17px 20px;
    border-radius: 32px;
}

body .form-component .boxCard .border-bottom-style{
    border-bottom: 2px dashed #d64c73;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 30px;
}

body .form-component .boxCard .w20{
  width: 20%
}

body .form-component .boxCard .w80{
  width: 80%
}

body .form-component .boxCard .w80 h2{
  font-size: 16px;
}

body .form-component .boxCard .w80 p{
  font-size: 12px;
}

body .form-component .boxCard .w50{
  width: 50%
}

body .form-component .boxCard .w50 p strong{
  font-size: 14px;
}

body .form-component .boxCard .w50 p{
  padding: 0 !important;
  margin: 0 !important;
  font-size: 12px !important;
}

body .form-component .boxCard .w30{
  width: 30%
}

body .form-component .boxCard i{
  font-weight: 300;
}

body .form-component .boxCard .MuiFormGroup-root.yes-no-field-switch-retro-style{
  padding: 10px !important;
  display: flex;
  align-items: center;
}

body .form-component .boxCard .MuiFormGroup-root.yes-no-field-switch-retro-style .MuiTypography-body1 .field-container-col{
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}

body .form-component .boxCard .cardbtn{
    margin-top: 30px;
}

body .form-component .boxCard .cardbtn .default-field.row{
    border: 1px solid #D64C73;
    text-align: center;
    border-radius: 12px;
    color: #D64C73;
    font-size: 14px;
    padding: 12px 20px 6px !important;
    margin: 10px 20px;
    font-weight: 600;
}

body .form-component .boxCard .cardbtn .row .col-md-6:first-child {
  text-align: end;
  padding: 0;
}

body .form-component .boxCard .cardbtn .row .col-md-6:first-child label{
  color: #D64C73;
  font-weight: 600 !important;
}

body .form-component .boxCard .cardbtn .row .col-md-6:last-child .field-value::after {
  content: " €" !important;
  color: #D64C73 !important;
}

body .form-component .boxCard .cardbtn .row .col-md-6:last-child{
  text-align: start;
  padding: 0;
}

body .form-component .CardCotisation{
    background-color: #d64c73;
    border-radius: 12px;
    padding: 12px;
}


body .form-component .CardCotisation .default-field.row .col-md-6:first-child {
  width: 100%;
  text-align: center;
  padding: 0;
}

body .form-component .CardCotisation .default-field.row .col-md-6:first-child label{
  color: white;
}

body .form-component .CardCotisation .default-field.row .col-md-6:last-child span::after {
  content: " €" !important;
  color: white !important;
  font-size: 30px;
}

body .form-component .CardCotisation .default-field.row .col-md-6:last-child{
  width: 100%;
  text-align: center;
  padding: 0;
}
body .form-component .CardCotisation .default-field.row .col-md-6:last-child span{
  color: white !important;
  font-size: 30px;
  font-weight: 600;
}
/* END CARD ETAPE 2 */

/* CARD ETAPE 3 */
body .form-component .CardRecap{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

body .form-component .CardRecap .col-1{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}

body .form-component .CardRecap .col-1 .border-img{
  border: 1px solid #ACA7A7;
  border-radius: 12px;
  background-color: transparent;
  padding: 0;
  overflow: hidden;
}

body .form-component .CardRecap .col-1 .border-img .img{
  margin-top: 57px;
}

body .form-component .CardRecap .infos .container-fields-default.col-xs-12{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding: 10px;
}

body .form-component .CardRecap .no-label .col-md-12:first-child {
  display: none;
}

body .form-component .CardRecap .bold .field-value{
  font-weight: 600;
  font-size: 14px !important;
}

body .form-component .CardRecap .field-value{
  font-size: 12px;
  padding: 0 !important;
}

body #element-staged-form .form-component .CardRecap .infos .left-text-container{
  padding: 0px 0px 0px 15px !important;
}

body #element-staged-form .form-component .CardRecap .infos .left-text-container p{
  margin: 0;
  padding: 0;
}

body #element-staged-form .form-component .CardRecap .infos .left-text-container strong{
  font-size: 14px !important;
}

body #element-staged-form .form-component .CardRecap .propietaire-info{
  padding: 0px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 3px;
}
body #element-staged-form .form-component .CardRecap .propietaire-info .row{
  margin-left: 0 !important;
}

body #element-staged-form .form-component .CardRecap .propietaire-info .left-text-container p{
  font-size: 12px;
  padding: 0;
  margin: 0;
}

body #element-staged-form .form-component .CardRecap .propietaire-info.no-label .col-md-12:last-child{
 padding-left: 10px;
} 

body #element-staged-form .form-component .CardRecap .propietaire-info.no-label .col-md-6:last-child{
 padding-left: 10px;
} 

body #element-staged-form .form-component .CardRecap .propietaire-info.no-label.nomprenom{
  padding-left: 15px;
}
body #element-staged-form .form-component .CardRecap .propietaire-info.no-label.nomprenom .col-md-12:last-child{
  padding: 0px;
}

body #element-staged-form .form-component .CardRecap .propietaire-info.no-label.nomprenom .col-md-6:last-child{
  padding: 0px;
}


body .form-component .CardRecap .col-2{
  background-color: #D64C73;
  border-radius: 12px;
  color: white;
}

body .form-component .CardRecap .col-2 label{
  color: white;
}

body .form-component .CardRecap .col-2 .price{
  text-align: center;
  padding-top: 20px !important;
  margin-bottom: 30px;
}

body .form-component .CardRecap .col-2 .price .field-value{
  font-size: 30px;
  height: 20px;
  margin: 10px;
  font-weight: 600;
}

body .form-component .CardRecap .col-2 .price .field-value::after {
  content: " €" !important;
  color: white !important;
  font-size: 30px !important;
}

body .form-component .CardRecap .col-2 .doc{
  padding-top: 20px;
  border-top: 1px dashed white;
  margin: 20px 15px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 5px;
}

body .form-component .CardRecap .col-2 .doc .div-icon{
  width: 15%;
}

body .form-component .CardRecap .col-2 .doc .div-icon span i{
  font-weight: 300;
}

body .form-component .CardRecap .col-2 .doc .file span a{
    color: inherit;
    text-decoration: none;
    word-break: break-word;
    transform: none;
    font-size: 14px;
    font-weight: 600;
}

body #element-staged-form .form-component .CardRecap .col-2 .doc .file .left-text-container{
    padding: 0 !important;
}

body .form-component .CardRecap .col-2 .doc .file p {
    padding-top: 0px !important;
    font-size: 12px !important;
    line-height: 16px !important;
}

body .form-component .backgroundColorOffres{
  background-color: #F8F1E9;
  padding: 20px;
  border-radius: 12px;
}

body .form-component .backgroundColorOffres .title-offre p{
  font-size: 16px;
  line-height: 22px;
  padding-top: 15px !important;
}

body .form-component .backgroundColorOffres .montMax span{
  font-size: 20px;
  font-weight: 700;
  color: #D64C73;
}

body .form-component .backgroundColorOffres .montMax .col-md-12:first-child{
  display: none;
}

body .form-component .backgroundColorOffres .montMax .col-md-12:last-child{
  padding-right: 9px !important;
}

body .form-component .backgroundColorOffres .montMax .field-value::after {
  content: " €" !important;
  color: white !important;
  font-size: 30px !important;
}

body .form-component .backgroundColorOffres h2{
  font-size: 20px !important;
}

body .form-component .backgroundColorOffres .border-bottom-style{
    border-bottom: 2px dashed #ee95ae;
    margin: 0px 30px 20px 30px;
}

body .form-component .backgroundColorOffres .border-bottom-style:last-child{
    border-bottom: 0px;
    margin: 0px 30px 20px 30px;
}

.file-field-container.file-icon-format .file-content .icon-column i{
  font-size: 36px !important;
  font-weight: 300;
}

    
/* END CARD ETAPE 3 */

/* CARD ETAPE 5 */
body #element-staged-form .form-component .CardRecap .infos-confirm{
  padding: 10px;
}

body #element-staged-form .form-component .CardRecap .infos-confirm .left-text-container{
  padding: 0px 0px 0px 15px !important;
}

body #element-staged-form .form-component .CardRecap .infos-confirm .nomprenom div{
  margin: 0 !important;
}

body #element-staged-form .form-component .CardRecap .infos-confirm .nomprenom .col-md-12:last-child{
  padding: 0px;
  padding-left: 15px;
}
/* END CARD ETAPE 5 */

/* CARD ETAPE 5 */
body #element-staged-form .form-component .icon-thin i{
  font-weight: 200;
}

body #element-staged-form .form-component .check .check-field{
  margin-top: 60px !important;
}  

body #element-staged-form .form-component .check .check-field .MuiFormControlLabel-root{
  padding: 41px !important;
}  
/* END CARD ETAPE 5 */


/* Error messages  ETAPE 1 */

.form-simulation .msg_error{
  padding: 0px 50px 0px 25px !important;
  margin-top: 5px;
  width: fit-content;
}

.form-simulation .msg_error .container-fields-default{
    padding: 10px 15px !important;
    background-color: #d64c7333;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 7px;
    justify-content: flex-start;
    margin-bottom: 5px;
    border: 1px solid #ffdbe5;
    border-radius: 20px;
}


body #element-staged-form .msg_error .left-text-container{
    padding: 0 !important;
}  

body #element-staged-form .msg_error .ql-align-center{
    margin: 0 !important;
}  

/* END Error messages  ETAPE 1 */

@media (max-width: 768px) { 
   body .form-component .boxCard .container-fields-default.w20{
      width: 50%;
      margin: 0 auto;
  }
  
  body .form-component .boxCard .container-fields-default.w80 {
      width: 100%;
  }
  
  body .form-component .boxCard .container-fields-default.w50{
      width: 100%;
      text-align: center;
  }
  
  body .form-component .boxCard .container-fields-default.w30{
      width: 100%;
  }
  
  body #element-staged-form .boxCard .container-fields-default.w50 .left-text-container{
      padding-top: 20px !important;
      
  }
  .cardbtn .col-md-6{
      width:100%;
      text-align:center !important;
  }
  
  body #element-staged-form .btn-next {
    width:100%;
  }
  body #element-staged-form .btn-prev {
    width:100%;
  }
  
  body .form-component .CardRecap .col-1 {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: center;
  }
  
  body .form-component .CardRecap .col-2 {
    margin-top: 20px !important;
  }
  
  body .form-component .backgroundColorOffres .border-bottom-style {
    margin: 0px 0px 20px 0px;
  }
  
  .montMax {
    text-align: left;
    padding-bottom: 20px !important;
  }
  
  body .form-component .backgroundColorOffres  .left-text-container{
    
  }
  
  body .form-component .backgroundColorOffres h2 {
    text-align:left !important;
    margin: 0;
  }
  
  body #element-staged-form .container-fields-default .left-text-container .ql-align-right {
    text-align: left;
    font-size: 14px;
    margin: 0;
    padding: 0;
  }
  
  .row-color {
    width: 80% !important;
    margin: 0 auto;
  }
} .stepper-progress-bar .stepper-container .stepper-titles .title{
  display:block;
}
.stepper-progress-bar .stepper-container .step-number{
    border-color: #d43a69;
    color: #d43a69;  
}

.Component-root-9{
  margin: 0px 8px 0px 8px !important;
}

.card-field-waiting{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
}
.card-field-waiting i{
    margin-right: 5px;
    color: #D64C73;
}

.grid-produits .grid-item {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
}

.action-button-container.action-btn-1{
  box-shadow: 0px 0px 30px #b0afaf40 !important;
}




@media (max-width: 768px) { 
  #modalCookies.modal-cookies-v1 .modal-body {
        display: block;
  } 
}
} .icon-thin i{
  font-weight: 200;
}

.w100{
  width: 100%;
}

.w80{
  width: 80%;
}



body .element-form-button .document-button-container .wrap-box-button i{
    color: white;
    font-weight: 300;
}

body .element-form-button .document-button-container .wrap-box-button .title-doc{
    color: white;
}

body .element-form-button .document-button-container .wrap-box-button .subtitle-doc{
    color: #F0B1C3;
}

body .simpleButton .document-button-container .wrap-box-button .label-container .title-doc p{
    color: white;
}

body .simpleButton .document-button-container .wrap-box-button .label-container .subtitle-doc p{
    color: #F0B1C3;
}

body .card-finish{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  box-shadow: none !important;
  justify-content: center;
}

body .row-color .separator{
  border-bottom: 1px dashed white !important;
  width: 530px !important; 
  margin-bottom: 5px !important;
      width: 80% !important;
}

body .row-color .w80 .separator{
  border-bottom: 1px dashed white !important;
  width: 530px !important; 
  margin-bottom: 5px !important;
      width: 100% !important;
}

body .card-finish .card-info .col-1{
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
}

body .card-finish .card-info .col-1 .border-img{
  border: 1px solid #ACA7A7;
  border-radius: 12px;
  background-color: transparent;
  padding: 0;
  overflow: hidden;
}

body .card-finish .col-1 .border-img .img{
  margin-top: 57px;
  padding-bottom: 0px !important;
}

body .card-finish .card-info .container-fields-default.col-xs-12:not(.nomprenom){
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding-top: 5px;
  padding-bottom: 5px;
}

body .card-finish .card-info .no-label .col-md-6:first-child {
  display: none;
}
body .card-finish .card-info .no-label .col-md-12:first-child {
  display: none;
}

body .card-finish .card-info .no-label .col-md-6:last-child {
  width: 100% !important;
}
body .card-finish .card-info .no-label .col-md-12:last-child {
  width: 100% !important;
}

body .card-finish .card-info .left-text-container p strong{
  padding-left: 14px;
}

body .card-finish .card-info .bold .field-value{
  font-weight: 600;
  font-size: 14px !important;
}

body .card-finish .card-info .field-value{
  font-size: 12px;
  padding: 0 !important;
  line-height: 17px !important;
}

body .card-finish .card-info .no-label.nomprenom{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding-left: 15px !important;
  gap: 3px;
}

body .card-finish .card-info .no-label.nomprenom div{
  margin: 0 !important;
  
}

body .card-finish .card-info .no-label.nomprenom .col-md-6:last-child{
  padding: 0px;
  padding-left: 15px;
}


body .card-finish .card-info  .propietaire-info.no-label .col-md-6:last-child{
 padding-left: 10px;
} 

body .card-finish .card-info  .propietaire-info.no-label.nomprenom .col-md-6:last-child{
  padding: 0px;
}


body .card-finish .card-mount{
  background-color: #D64C73 !important;
  color: white;
}

body .card-finish .card-mount .col-2 label{
  color: white;
  font-weight: 400;
}

body .card-finish .card-mount .col-2 .price{
  text-align: center;
  padding-top: 20px !important;
  margin-bottom: 10px;
}

body .card-finish .card-mount .col-2 .price .field-value{
  font-size: 30px;
  height: 20px;
  margin: 10px;
  font-weight: 600;
  line-height: 0px;
  color: white;
}

body .card-finish .card-mount .col-2 .price2{
  text-align: center;
}

body .card-finish .card-mount .col-2 .price2 .field-value{
  font-size: 17px;
  height: 20px;
  font-weight: 400;
  line-height: 0px;
  color: white;
}

.row-color{
    background-color: #D64C73 !important;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 25px;
    padding-bottom: 100px !important;
    width: 40% !important;
}

body .card-finish .spinner-loading{
  background-color: #d64c74;
}

body .card-finish .spinner-loading div{
    border-color: white;
    border-bottom-color: transparent;
}


@media (max-width: 768px) { 
  
  .row-color {
    width: 80% !important;
    margin: 0 auto;
  }
}
@media (min-width: 1240px) and (max-width: 1340px) {
  /* Reducimos el padding de la columna principal de Bootstrap */
  
  .cards-list-contrat .layout-container {
        width: 50% !important;
  }
  
  .col-sm-8 {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  /* Le sacamos el aire extra al contenedor de la lista y a las tarjetas individuales */
  .cards-list-contrat, 
  .cards-list-contrat .layout-container,.col-xs-12.col-sm-4{
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .col-xs-12.text-  {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

} /* ==========================================================================
   CLASE PRINCIPAL: .cards-list
   ========================================================================== */

.cards-list-contrat {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.cards-list-contrat .element-form-wrapper {
    padding: 0 !important;
}

.cards-list-contrat .box-class-1 {
    -webkit-box-shadow: 0px 0px 30px #b0afaf40 !important;
    -moz-box-shadow: 0px 0px 30px #b0afaf40 !important;
    box-shadow: 0px 0px 30px #b0afaf40 !important;
}

.cards-list-contrat .layout-container {
    border-bottom: none !important;
    border-radius: 12px;
    padding-bottom: 0px !important;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    display: block;
}

.cards-list-contrat .layout-container .box-class-1{
    border-radius: 12px !important;
}

.cards-list-contrat .flex-icon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    gap: 3px;
}

.cards-list-contrat .actions-label {
    line-height: 25px;
}

/* ==========================================================================
   CLASE: .cards-list.card-flex
   ========================================================================== */

.cards-list-contrat.card-flex .layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
    background-color: transparent;
}

.element-file-container.cards-list-contrat.card-flex {
    overflow: inherit;
}

/* ==========================================================================
   CLASE: .cards-list .col-1
   ========================================================================== */

.cards-list-contrat .col-1 {
    text-align: center;
    padding-bottom: 15px;
}

.cards-list-contrat .col-1 img {
    min-width: 130px !important;
    padding: 0px;
    max-width: 85%;
}

.cards-list-contrat .col-1 .info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding-left: 20px;
    padding-top: 20px;
}
.cards-list-contrat .col-1 .info p{
    margin: 0px 0px 0px 6px;
}

.cards-list-contrat .col-1 .info .table-text.with-icon.pink i{
  color: #d53a69 !important;
}
.cards-list-contrat .col-1 .info .table-text.with-icon.pink .field-value div{
  color: #d53a69;
}

.cards-list-contrat .col-1 .info .table-text.with-icon.pet i{
  color: #464646 !important;
}
.cards-list-contrat .col-1 .info .table-text.with-icon.pet .field-value div{
  color: #464646;
}

/* ==========================================================================
   CLASE PRINCIPAL: .cards-list - more botton
   ========================================================================== */

.cards-list-contrat .more-btn{
  padding: 15px;
}
.cards-list-contrat .more-btn a {
    border: 1px solid #D64C73 !important;
}

.cards-list-contrat .more-btn a:hover{
  color: #D64C73;
} 





/* ==========================================================================
   CLASE: .cards-list .col-2
   ========================================================================== */

.cards-list-contrat .col-2 {
    padding: 12px;
    padding-bottom: 55px;
}
.cards-list-contrat .col-2 a{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
}

.cards-list-contrat .col-2 a span{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 14px !important;
    color: #d63a69;
}

.cards-list-contrat .col-2 .row {
    /* Definido en media query */
}


.cards-list-contrat .col-2 .actions a span {
    font-size: 10px !important;
    display: block;
    color: #0096DA;
}


/* ==========================================================================
   CLASE: .cards-list .col-sm-6
   ========================================================================== */

.cards-list-contrat .col-sm-6 {
    width: 50% !important;
}



/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

/* Mobile - max-width: 740px */
@media (max-width: 740px) {
    .cards-list-contrat.card-flex .layout {
        padding: 0px;
    }
    
    .cards-list-contrat .col-2 .row {
        word-break: break-all;
    }
    
}

/* Tablet - min-width: 600px */
@media (min-width: 600px) {
    .cards-list-contrat .layout-container {
        width: 320px !important;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        display: inline-block;
    }

    .cards-list-contrat .col-2 {
        text-align: center;
        left: 0;
    }

    .cards-list-contrat .col-2 .table-label {
        padding-left: 10px;
    }

    .cards-list-contrat .col-sm-6 {
        width: 100% !important;
    }

    .cards-list-contrat .col-1 {
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid #D7DADE !important;
    }
    
    .cards-list-contrat.card-flex .layout {
        padding: 0 !important;
    }
}

/* Desktop - min-width: 900px */
@media (min-width: 900px) {
    .cards-list-contrat .layout-container {
        width: 320px !important; /* 25% */
    }
    
    .cards-list-contrat form .layout-container {
        width: 100%;
    }
} .fiche-agrement-info .autocertificer{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    width: fit-content;
    border: 1px solid #ff4b25;
    border-radius: 24px;
    padding: 0px 10px 0px 10px;
    border-right: 1px solid #ff4b25 !important;
}

.fiche-agrement-info .autocertificer .left-text-container p{
  color: #ff4b25;
}

.fiche-agrement .elementIconCard .fields-container span{
  padding-left: 10px;
} /* ==========================================================================
   CLASE PRINCIPAL: .cards-list
   ========================================================================== */

.cards-list-devis {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.cards-list-devis .element-form-wrapper {
    padding: 0 !important;
}

.cards-list-devis .box-class-1 {
    -webkit-box-shadow: 0px 0px 30px #b0afaf40 !important;
    -moz-box-shadow: 0px 0px 30px #b0afaf40 !important;
    box-shadow: 0px 0px 30px #b0afaf40 !important;
}

.cards-list-devis .layout-container {
    border-bottom: none !important;
    border-radius: 12px;
    padding-bottom: 0px !important;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    display: block;
}

.cards-list-devis .layout-container .box-class-1{
    border-radius: 12px !important;
    border: none !important;
}

.cards-list-devis .flex-icon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    gap: 3px;
}

.cards-list-devis .actions-label {
    line-height: 25px;
}

/* ==========================================================================
   CLASE: .cards-list.card-flex
   ========================================================================== */

.cards-list-devis.card-flex .layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
    background-color: transparent;
}

.element-file-container.cards-list-devis.card-flex {
    overflow: inherit;
}

/* ==========================================================================
   CLASE: .cards-list .col-1
   ========================================================================== */

.cards-list-devis .col-1 {
    text-align: center;
    padding: 12px;
    padding-bottom: 15px;
}

.cards-list-devis .col-1 .table-title p{
    font-size: 16px;
}

.cards-list-devis .col-1 .price{
    padding: 10px;
}

.cards-list-devis .col-1 .price .field-value div{
    font-size: 26px;
    font-weight: 600;
}

.cards-list-devis .col-1 .price span i{
    font-size: 21px;
    font-weight: 600;
}

.cards-list-devis .col-1 .status{
    padding-top: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}


/* ==========================================================================
   CLASE PRINCIPAL: .cards-list - more botton
   ========================================================================== */

.cards-list-devis .more-btn{
  padding: 15px;
}
.cards-list-devis .more-btn a {
    border: 1px solid #D64C73 !important;
}

.cards-list-devis .more-btn a:hover{
  color: #D64C73;
} 





/* ==========================================================================
   CLASE: .cards-list .col-2
   ========================================================================== */

.cards-list-devis .col-2 {
    padding: 12px;
    padding-bottom: 85px;
}

.cards-list-devis .col-2 .row {
    /* Definido en media query */
}

.cards-list-devis .col-2 .info .info-flex{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
.cards-list-devis .col-2 .info p{
    margin: 0px 0px 0px 6px;
}

.cards-list-devis .col-2 .info .table-text.with-icon.pink i{
  color: #d53a69 !important;
}
.cards-list-devis .col-2 .info .table-text.with-icon.pink .field-value div{
  color: #d53a69;
}

.cards-list-devis .col-2 .info .table-text.with-icon.pet{
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  flex-wrap: nowrap;
}

.cards-list-devis .col-2 .info .table-text.with-icon.pet i{
  color: #464646 !important;
  font-size: 15px;
}
.cards-list-devis .col-2 .info .table-text.with-icon.pet .field-value div{
  color: #464646;
}


.cards-list-devis .col-2 .actions a span {
    font-size: 10px !important;
    display: block;
    color: #0096DA;
}

/* ==========================================================================
   CLASE: .cards-list actions
   ========================================================================== */
.cards-list-devis .actions-label {
    line-height: 25px;
}

.cards-list-devis .col-2 .actions {
    position: absolute;
    bottom: 8px;
    left: 0px;
    text-align: center;
    width: 100%;
    padding: 0px;
}

.cards-list-devis .col-2 .actions a {
    text-align: center;
    text-decoration: none;
    padding-right: 10px;
}

.cards-list-devis .col-2 .actions a i {
    font-size: 14px;
    border: 1px solid;
    border-radius: 22px;
    height: 32px;
    width: 32px;
    text-align: center;
    line-height: 30px;
    padding-left: 1px;
}

.cards-list-devis .col-2 .actions a span {
    font-size: 10px !important;
    display: block;
    color: #d53a69;
}

.cards-list-devis .col-2 .actions .action-list-container {
    display: inline-block;
}

.cards-list-devis .col-2 .actions .action-list-container a {
    font-size: 10px !important;
    display: block;
    color: #d53a69;
}


/* ==========================================================================
   CLASE: .cards-list .col-sm-6
   ========================================================================== */

.cards-list-devis .col-sm-6 {
    width: 50% !important;
}



/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

/* Mobile - max-width: 740px */
@media (max-width: 740px) {
    .cards-list-devis.card-flex .layout {
        padding: 0px;
    }
    
    .cards-list-devis .col-2 .row {
        word-break: break-all;
    }
    
    
}

/* Tablet - min-width: 600px */
@media (min-width: 600px) {
    .cards-list-devis .layout-container {
        width: 320px !important;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        display: inline-block;
    }

    .cards-list-devis .col-2 {
        text-align: center;
        left: 0;
    }

    .cards-list-devis .col-2 .table-label {
        padding-left: 10px;
    }

    .cards-list-devis .col-sm-6 {
        width: 100% !important;
    }

    .cards-list-devis .col-1 {
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid #D7DADE !important;
    }
    
    .cards-list-devis.card-flex .layout {
        padding: 0 !important;
    }
}

/* Desktop - min-width: 900px */
@media (min-width: 900px) {
    .cards-list-devis .layout-container {
        width: 320px !important; /* 25% */
    }
    
    .cards-list-devis form .layout-container {
        width: 100%;
    }
} /* ==========================================================================
   CLASE PRINCIPAL: .cards-list
   ========================================================================== */

.cards-list-offres {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.cards-list-offres .element-form-wrapper {
    padding: 0 !important;
}

.cards-list-offres .box-class-1 {
    -webkit-box-shadow: 0px 0px 30px #b0afaf40 !important;
    -moz-box-shadow: 0px 0px 30px #b0afaf40 !important;
    box-shadow: 0px 0px 30px #b0afaf40 !important;
}

.cards-list-offres .layout-container {
    border-bottom: none !important;
    border-radius: 12px;
    padding-bottom: 0px !important;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    display: block;
}

.cards-list-offres .layout-container .box-class-1{
    border-radius: 12px !important;
}

.cards-list-offres .flex-icon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
    gap: 3px;
}

.cards-list-offres .actions-label {
    line-height: 25px;
}

/* ==========================================================================
   CLASE: .cards-list.card-flex
   ========================================================================== */

.cards-list-offres.card-flex .layout {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
    background-color: transparent;
}

.element-file-container.cards-list-offres.card-flex {
    overflow: inherit;
}

/* ==========================================================================
   CLASE: .cards-list .col-1
   ========================================================================== */

.cards-list-offres .col-1 {
    text-align: center;
    padding-bottom: 15px;
}

.cards-list-offres .col-1 img {
    min-width: 130px !important;
    padding: 0px;
    max-width: 85%;
}

.cards-list-offres .col-1 .info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding-left: 20px;
    padding-top: 20px;
}
.cards-list-offres .col-1 .info p{
    margin: 0px 0px 0px 6px;
}

.cards-list-offres .col-1 .info .table-text.with-icon.pink i{
  color: #d53a69 !important;
}
.cards-list-offres .col-1 .info .table-text.with-icon.pink .field-value div{
  color: #d53a69;
}

.cards-list-offres .col-1 .info .table-text.with-icon.pet i{
  color: #464646 !important;
}
.cards-list-offres .col-1 .info .table-text.with-icon.pet .field-value div{
  color: #464646;
}

/* ==========================================================================
   CLASE PRINCIPAL: .cards-list - more botton
   ========================================================================== */

.cards-list-offres .more-btn{
  padding: 15px;
}
.cards-list-offres .more-btn a {
    border: 1px solid #D64C73 !important;
}

.cards-list-offres .more-btn a:hover{
  color: #D64C73;
} 





/* ==========================================================================
   CLASE: .cards-list .col-2
   ========================================================================== */

.cards-list-offres .col-2 {
    padding: 12px;
    padding-bottom: 55px;
}
.cards-list-offres .col-2 a{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 10px;
}

.cards-list-offres .col-2 a span{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 14px !important;
    color: #d63a69;
}

.cards-list-offres .col-2 .row {
    /* Definido en media query */
}


.cards-list-offres .col-2 .actions a span {
    font-size: 10px !important;
    display: block;
    color: #0096DA;
}


/* ==========================================================================
   CLASE: .cards-list .col-sm-6
   ========================================================================== */

.cards-list-offres .col-sm-6 {
    width: 50% !important;
}



/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

/* Mobile - max-width: 740px */
@media (max-width: 740px) {
    .cards-list-offres.card-flex .layout {
        padding: 0px;
    }
    
    .cards-list-offres .col-2 .row {
        word-break: break-all;
    }
    
}

/* Tablet - min-width: 600px */
@media (min-width: 600px) {
    .cards-list-offres .layout-container {
        width: 320px !important;
        float: left;
        padding-left: 10px;
        padding-right: 10px;
        display: inline-block;
    }

    .cards-list-offres .col-2 {
        text-align: center;
        left: 0;
    }

    .cards-list-offres .col-2 .table-label {
        padding-left: 10px;
    }

    .cards-list-offres .col-sm-6 {
        width: 100% !important;
    }

    .cards-list-offres .col-1 {
        width: 100% !important;
        border-right: none !important;
        border-bottom: 1px solid #D7DADE !important;
    }
    
    .cards-list-offres.card-flex .layout {
        padding: 0 !important;
    }
}

/* Desktop - min-width: 900px */
@media (min-width: 900px) {
    .cards-list-offres .layout-container {
        width: 320px !important; /* 25% */
    }
    
    .cards-list-offres form .layout-container {
        width: 100%;
    }
}

/* ==========================================================================
   CLASE ESPECÍFICA: .cards-list.card-offres
   ========================================================================== */

.cards-list-offres .border-none {
    border: none;
}

.cards-list-offres .col-1 {
    border: none !important;
    min-height: 323px !important;
}

.cards-list-offres .col-1 img {
    max-width: 100% !important;
    border-top-left-radius: 13px;
    border-top-right-radius: 12px;
    padding: 0 !important;
}

.cards-list-offres .col-1 .left-text-container {
    text-align: left !important;
}

.cards-list-offres .col-1 .table-title {
    padding: 15px 25px 0px 25px !important;
}

.cards-list-offres .col-1 .table-text {
    padding: 0px 25px 0px 25px !important;
}

.cards-list-offres .col-1 .table-text.with-icon.status-green {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    margin-top: 20px;
    border: 1px solid #2da609;
    width: auto;
    margin-left: 25px !important;
    border-radius: 20px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    color: #2da609;
}

.cards-list-offres .col-1 .table-text.with-icon.status-orange {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    margin-top: 20px;
    border: 1px solid #fac86c;
    width: auto;
    margin-left: 25px !important;
    border-radius: 20px;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    color: #fac86c;
}

.cards-list-offres .col-1 .table-text.with-icon.status-green p{
  margin: 0 !important;
}

.cards-list-offres .col-1 .table-text.with-icon.status-orange p{
  margin: 0 !important;
}

.cards-list-offres .col-1 .table-text.with-icon {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: baseline;
}

.cards-list-offres.card-offres .col-1 .table-text.with-icon .container-icon.icon-field {
    margin: 0 !important;
}

.cards-list-offres .col-1 .table-text.with-icon .field-value {
    color: #0a62ab;
}

.cards-list-offres .col-1 .table-text.with-icon .field-value div {
    font-size: 15px;
}

.cards-list-offres .col-2 {
    height: 100% !important;
    padding: 0 !important;
    text-align: end;
}

.cards-list-offres .col-2 .simple-button-container {
    text-align: end !important;
}

.cards-list-offres .col-2 a {
    padding: 13px !important;
}

.cards-list-offres .col-2 a span {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    flex-direction: row-reverse;
}

.cards-list-offres .col-2 span div {
    font-size: 15px;
    color: #0a62ab;
}

.cards-list-offres .col-2 span i {
    font-size: 15px;
    color: #0a62ab;
} body .fiche-contrat.card-finish  {
  background-color: #FFF;
  box-shadow: 0px 0px 30px #00000029!important;
  border-radius: 12px;
}

body .fiche-contrat .backgroundColorOffres{
  padding: 20px;
}

body .fiche-contrat .backgroundColorOffres .p-margin{
    margin-top: 20px;
    margin-bottom: 0;
}


body .fiche-contrat .backgroundColorOffres .title-offre p{
  font-size: 16px;
  line-height: 22px;
  padding-top: 15px !important;
}

body .fiche-contrat .backgroundColorOffres .montMax span{
  font-size: 20px;
  font-weight: 700;
  color: #D64C73;
}

body .fiche-contrat .backgroundColorOffres .montMax .col-md-12:first-child{
  display: none;
}

body .fiche-contrat .backgroundColorOffres .montMax .col-md-12:last-child{
  padding-right: 0px !important;
}

body .fiche-contrat .backgroundColorOffres .montMax .field-value{
  padding: 0 !important;
}

body .fiche-contrat .backgroundColorOffres .montMax .field-value::after {
  content: " €" !important;
  color: white !important;
  font-size: 30px !important;
}

body .fiche-contrat .backgroundColorOffres h2{
  font-size: 20px !important;
}

body .fiche-contrat .backgroundColorOffres .border-bottom-style{
    border-bottom: 2px dashed #D64C73!important;
    padding:bottom:20px;
    margin-bottom:20px;
    display: flex;
}

body .fiche-contrat .backgroundColorOffres .border-bottom-style:last-child{
    border-bottom: 0px;
} .card-mon-compte .simple-btn.btn-2{
    padding: 10px 15px;
    border: none;
}

.card-mon-compte .simple-btn.btn-2:hover{
  border: none;
} /*Max*/
.form-contact .input-container {
  margin-bottom: 20px !important;
}

.form-contact .file-field-container.file-icon-format .file-content {
  margin-left: 30px;
  gap: 15px !important;
}

.form-contact .file-field-container.file-icon-format .file-content .icon-column {
  flex: 0 0 auto !important; 
  max-width: none !important;
}
.form-contact .file-field-container.file-icon-format .file-content .content-type {
  color: rgb(214, 76, 115) !important; 
}

.form-contact .box.box-state-01 {
  display: flex !important;
  flex-direction: column !important;
  align-items: center;
  padding: 80px 20px;
  cursor: pointer;
}

.form-contact .bmd-label-floating{
  display:none;
}
.form-contact .fa-file::before {
    content: "\f0ee" !important;
}

.form-contact .box.box-state-01 .icon-wrapper {
  display:none;
  margin-top: 15px;
  font-size: 45px !important;
  color: rgb(214, 76, 115) !important; 
  
}