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

    
  




:root {
  --color-primary: #d0334c;
  --color-secondary: #13243e;
  --color-input: #13243e;
  --color-error: #d0021b;
  --color-text: #2A3649;
  --color-muted: #7d8b96;
  --color-border: #e1e1e1;
}




  /* 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: #f4f4f5;
    }
  }



  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: -px 0px;
    background-color: #f4f4f5
  }

  /* hr */
  body .login-container hr{
    background-color: #eae7e7;
  }
  /* logo */
  body .login-container .login-box-container .logo-container{
    border-top: 1.5px solid #ffffff;
    border-right: 1.5px solid #ffffff;
    border-left: 1.5px solid #ffffff;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    background-color: #ffffff;
  } 
  body .login-container .login-box-container .logo-container img {
    max-height: 120px !important;
  }
  
      body .login-container .login-box-container .login-box{
      min-height: unset;
    }
  
  /* box */
  body .login-container .login-box-container .login-box {
    background-color: #ffffff;
          border-top: 1px solid #ffffff;
        border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    border-bottom: 1.5px solid #ffffff;
    border-right: 1.5px solid #ffffff;
    border-left: 1.5px solid #ffffff;
  }

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

  /* label */
  .login-container .login-box-container .login-box label{
    color: #13243e;
  }

  /* input */
  body .login-container .login-box-container .login-box form .form-group .form-control{
    border-radius: 10px;
    height: 46px;
    border: 1px solid #13243e;
  }
  body .login-container .login-box-container .login-box form .form-group .form-control:focus{
    border: 1px solid #13243e;
  }
  
  /* 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: #13243e;
    letter-spacing: 0px;
    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: #d0334c;
    text-decoration: none;
  }
  .login-container .login-box-container .login-box form .form-group .forgot.has-extra-link {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    text-align: left;
  }

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

  /* footer */
      body.template-login footer ul, body.template-reset-password footer ul{
      text-align: center;
      transform: translate(11%, 0%);
    }
    body.template-login footer .version, body.template-reset-password footer .version{
      display: none;
    } 
        body.template-login footer, body.template-reset-password footer{
      border-top: 1px solid #ffffff !important;
    }
  
  body.template-login .footer-auth ul li a, body.template-reset-password .footer-auth ul li a{
    color: #13243e;
  }

  body.template-login .footer-auth .version{
    color: #13243e;
  }

  
  body form.login-two-factor input.code-input {
      color: #13243e;
  }

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



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



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

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

a:focus:not(:focus-visible) {outline: none; box-shadow: none;} 
/* 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: #13243e;
}

@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 #6d6e6f;
  color:#6d6e6f;
  border-radius: 10px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

footer p{
  color:#13243e;
}
footer ul li{
  color:#13243e;
}
footer ul li a{
  color:#13243e;
}
footer ul li a:hover{
  color:#d0334c;
}
body .sidebar .footer-menu-sidebar ul .menu-item a,
body .sidebar .footer-menu-sidebar ul .menu-item .footer-separator{
  color: #13243e;
  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: #d0334c;
  background-color: #f7f7f7;
}
body .sidebar .contact-sidebar .wrapper-content .text{
  color: #13243e;
}
body .sidebar .contact-sidebar .wrapper-content{
    
}
body .sidebar .contact-sidebar .wrapper-content .number a, body .sidebar .contact-sidebar .wrapper-content .number p{
  color: #d0334c;
}

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

/*TITLE WIDGETS*/
.element-file-container-head, .element-form-container-head, .element-table-container-head{
    text-transform: uppercase !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: 1px 4px 12px #9a9a9a40;
    -moz-box-shadow: 1px 4px 12px #9a9a9a40;
    box-shadow: 1px 4px 12px #9a9a9a40;
  }
  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:#13243e;
  font-size:36px;
  font-weight:300;
}
.page-builder h2{
  color:#13243e;
  font-size:24px;
  font-weight:300;
}
.page-builder h3{
  color:#13243e;
  font-size:22px;
  font-weight:400;
}
.page-builder h4{
  color:#13243e;
  font-size:20px;
  font-weight:500;
}
.page-builder h5{
  color:#13243e;
  font-size:16px;
  font-weight:400;
}

#event-modal-manager h1{
  color:#13243e;
  font-size:36px;
  font-weight:300;
}

#event-modal-manager h2{
  color:#13243e;
  font-size:24px;
  font-weight:300;
}
#event-modal-manager h3{
  color:#13243e;
  font-size:22px;
  font-weight:400;
}
#event-modal-manager h4{
  color:#13243e;
  font-size:20px;
  font-weight:500;
}
#event-modal-manager h5{
  color:#13243e;
  font-size:16px;
  font-weight:400;
}

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

.total-box-container-a{
  color:#d0334c;
}
.total-box-container{
  color:#13243e;
}
.box-button-container-a .box-button-container:hover{
  color:#13243e;
}
.box-button-container{
  color:#d0334c;
  border-radius: 10px;
      -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
    -moz-box-shadow: 1px 4px 12px #9a9a9a40;
    box-shadow: 1px 4px 12px #9a9a9a40;
  }
.static-banner{
  border-radius: 10px;
  background-color:#ffffff;
      -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
    -moz-box-shadow: 1px 4px 12px #9a9a9a40;
    box-shadow: 1px 4px 12px #9a9a9a40;
  }
.static-banner .text-static-banner h1, .static-banner .text-static-banner a{
  color: #d0334c;
}

/* button primary */
.box-button-container, .box-button-container-a {
  color: #ffffff;
  border-radius: 10px;
}
.box-button-container-a .image-container{
  background-color: #4faaec;
}
.box-button-container-a .box-button-container:not(.box-button-secondary) .image-container i{
  color: #ffffff;
}
.box-button-container-a .label-container{
  background-color: #4faaec;
}
.box-button-container-a .box-button-container:hover {
  color: #4faaec;
}
.box-button-container-a .box-button-container:not(.box-button-secondary):hover > .wrap-box-button .image-container i{
  color: #4faaec;
}
.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: #004161;
  border-radius: 10px;
}
.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: #4faaec;
}
.box-button-container.box-button-secondary .image-container i{
  color: #004161;
}
.box-button-container.box-button-secondary.box-button-container:hover > .wrap-box-button .image-container i{
  color: #4faaec;
}
.box-button-container.box-button-secondary:hover > .wrap-box-button .image-container{
  background-color: #ffffff
}
.box-button-container.box-button-secondary:hover > .wrap-box-button .label-container{
  background-color: #ffffff
}
.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: 24px;
  border: 1px solid #ffffff;
  box-shadow: none;
} 

@media (min-width: 740px){

  body .page-builder .box-class-1{
          /* offset-x | offset-y | blur-radius | color */
      -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
      -moz-box-shadow: 1px 4px 12px #9a9a9a40;
      box-shadow: 1px 4px 12px #9a9a9a40;
      }

  
}

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

/* .box-class-2 */
body .page-builder .box-class-2{
  background-color: transparent;
  border-radius: 0;
  border: 1px solid transparent;
  color: #13243e;
  } 
body .page-builder .box-class-2.visible_none{
  border: none !important;
}
body .page-builder .box-class-2.row{
  background-color: transparent;
  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: #13243e;
      -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
    -moz-box-shadow: 1px 4px 12px #9a9a9a40;
    box-shadow: 1px 4px 12px #9a9a9a40;
  } 
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;
}

/*
 * TEMP — Columna central (offset) + .container anidado:
 * En el tamaño clásico col-lg-10 el .container de Bootstrap se mantiene.
 * En el resto de talles (nuevos), el container respeta el ancho de la columna.
 * Revertir: borrar este bloque.
 */
body .page-builder .columna.central:not(.col-lg-10) .container {
  width: 100%;
  max-width: 100%;
}


.page-row-collapsable {
}

.page-row-collapsable > .page-row-collapsable__header .page-row-collapsable__title {
    color: var(--page-row-collapsable-text-color, var(--color-primary, inherit));
}

.page-row-collapsable > .page-row-collapsable__header .page-row-collapsable__chevron,
.page-row-collapsable > .page-row-collapsable__header .page-row-collapsable__chevron i {
    color: var(--page-row-collapsable-icon-color, var(--color-primary, inherit));
}



.element-file-container{
  border-radius: 20px;
}
body .element-file-container-head{
  background-color: #ffffff;
  color:#13243e;
  border-bottom: 1px solid #f7f7f7;
  font-size:20px;
  padding-top: 5px;
  padding-bottom: 5px !important;
}
body .element-collapsable.element-file-container-head{
  background-color: #ffffff;
  color: #13243e;
  font-size: 20px;
  padding-bottom:10px;
  padding-left: 50px;
}
body .element-file-container-head i{
  color:#4faaec;
}

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: uppercase !important;
}
.element-collapsable.collapsed:before{
  color:#4faaec;
}
.element-collapsable:before{
  color:#4faaec;
}
.more-btn{
  background-color:#ffffff;
}
.more-btn  a {
  border-radius: 10px;
  color:#d0334c;
  border: 1px solid #d0334c;
}
.more-btn  a:hover{
  color:#d0334c;
  border: 1px solid #d0334c;
}

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

body .element-file-container .elementFile span.icon-label i{   
    color: #13243e;
    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: #13243e !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: #13243e !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: 24px;
  border: 1.5px solid #ffffff;
} 

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

/* box-3 */
body .element-file-container .box-class-3 *{
  color: #13243e;
}
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: #13243e !important;
  background-color: transparent !important;
  border: transparent;
}

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

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

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

body .box-class-3 .element-file-container .element-collapsable:before {
  color: #13243e !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 .page-builder .element-file-container .element-file-container-body .row.border-bottom-style{
    border-bottom: 1px solid #d0334c;
}

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

body .element-file-container-head:not(.collapsed){
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  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: #d0334c;
}

body .MuiTooltip-tooltip{
    background-color: #13243e;
}

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


    /* CSS Variables for Floating Labels */
    :root {
        --primary-color: #d0334c;
        --label-input-color: #13243e;
        --label-input-color-active: #13243e;
        --tooltip-background-color: #d0334c;
        --tooltip-text-color: #ffffff;
        --height-input-form: 40px;
        --input-font-size-form: 14px;
        --background-color-form-inputs: #fff;
        --border-radius-input-form: 10px;
        --enable-floating-label: 0;
    }
    
    /* Override floating label colors to use configured label color */
    .floating-label-field .floating-label {
        color: #13243e !important;
    }
    
    .floating-label-field .floating-label.active {
        color: #13243e !important;
        opacity: 0.7; /* Hacer el color más claro cuando está activo */
    }

    /*FORMS*/
    .form-component a.btn-default {
      border-radius: 10px;
      color:#13243e;
      border: 1px solid #13243e;
    }
    .form-component a.btn-default:hover{
      color:#d0334c;
      border: 1px solid #d0334c;
    }
    .form-component a.btn-primary {
      border-radius: 10px;
    }
    .form-component a.btn-link{
      color:#13243e;
    }
    body .element-form-container-head{
      background-color: #ffffff;
      color:#13243e;
      border-bottom: 1px solid #f7f7f7;
      border-top-left-radius: 20px;
      border-top-right-radius: 20px;
      font-size:20px;
      padding-top: 5px;
      padding-bottom: 5px !important;
    }
    body .element-form-container-head i{
      color:#4faaec;
    }
    body .element-collapsable.element-form-container-head{
      background-color: #ffffff;
      color: #13243e;
      font-size: 20px;
      padding-bottom:10px;
    }
    body .element-form-container-head.collapsed{
      border-radius: 20px;
    }
    body .element-form-container{
      border-radius: 20px;
    }
    body .element-collapsable.element-form-container-head.collapsed {
      background-color: #ffffff;
      color:#13243e;
    }
    .element-form-container .element-form{
      background-color:#ffffff;
      color:#13243e;
      border-bottom-left-radius: 20px;
      border-bottom-right-radius: 20px;
    
    }
    .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:#d0334c;
    }
    .form-component .element-form-row .buttons .btn-back{
      border: 1px solid #13243e;
    }
    .form-component .element-form-row .buttons .btn-back:hover{
      background-color: #ffffff;
      border-color: #ffffff;
      color: #13243e;
    }

    /* form button */
    body .form-component .element-form-row .buttons .btn-primary{
        color: #ffffff;
        background-color: #d0334c;
        border-radius: 20px;
        border-color: #d0334c;
    }
    
    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: #ffffff;
        background-color:#f3dde1;
        border-color: #f3dde1;
    }
    body .form-component .element-form-row .buttons .btn-primary i{
        color: #fff;
    }
    body .form-component .element-form-row .buttons .btn-primary i:hover{
        color: #fff;

    }
    /* end form button */



    
    
    /* !Important -> StepForm, ModalForm, ElementForm general styles for all FORMS */
    
    /* label */
    body .form-component label  {
        color: #13243e;
        font-size: 14px;
        font-weight: 700;
        padding: 10px;
        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;
    }
    .description-tooltip-icon,
    body .form-component .description-tooltip-icon,
    body #element-card .description-tooltip-icon {
        color: var(--primary-color, #d0334c) !important;
        font-size: 18px;
        cursor: pointer;
        transition: color 0.3s ease;
    }
    .description-tooltip-icon:hover,
    body .form-component .description-tooltip-icon:hover,
    body #element-card .description-tooltip-icon:hover {
        color: var(--primary-color, #d0334c) !important;
    }
    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.richtext-tooltip-container{
        top: 0;
    }
    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: 40px;
        font-size: 14px;
        background-color: #fff
    }
    body .form-component input.form-control.with-icon{
        padding-right: 40px;
    }
    body .form-component .has-error input.form-control{
        border: 1px solid #d0021b !important;
    }

    /* stripe */
    body .form-component .container-stripe-field .StripeElement{
        border: 1px solid #ccc;
        border-radius: 10px;
        padding-left: 10px;
        padding-right: 10px;
        height: 40px;
    }
    body .form-component .container-stripe-field .StripeElement--invalid{
        border: 1px solid #d0021b !important;
    }
    body .form-component .container-stripe-field .StripeElement--focus{
        border: 1px solid #13243e !important;
    }
    body .form-component .form-group.has-error .container-stripe-field .StripeElement{
        border: 1px solid #d0021b !important;
    }
    /* textarea */
    body .form-component .form-control.text-field{
        background-color: #fff
    }
    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: 10px;
    }
    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 #13243e !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 #13243e !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 #d0021b !important;
    }
    body .form-component .has-error input.form-control.bordered ~ .flag-dropdown{
        border-top: 1px solid #d0021b !important;
        border-left: 1px solid #d0021b !important;
        border-bottom: 1px solid #d0021b !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 #13243e !important;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    body .form-component input.form-control:focus ~ .flag-dropdown{
        border-top: 1px solid #13243e !important;
        border-left: 1px solid #13243e !important;
        border-bottom: 1px solid #13243e !important;
    }
    body .form-component input.form-control.bordered, body .form-component textarea.form-control.bordered{
        border: 1px solid #13243e;
    }
    
    /* telephone field */
    body .form-component .has-error input.form-control ~ .flag-dropdown{
        border: 1px solid #d0021b !important;
    }
    body .form-component input.form-control.bordered ~ .flag-dropdown{
        border: 1px solid #13243e !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: #ffffff;
        border: 1px solid #13243e !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: 10px !important;
        border-bottom-left-radius: 10px !important;
    }
    body .form-component .react-tel-input .flag-dropdown{
        border-top-left-radius: 10px !important;
        border-bottom-left-radius: 10px !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 #d0021b !important;
        border-right: 1px solid #d0021b !important;
        border-left: 1px solid #d0021b !important;
    }
    body .form-component div#message.quill.has-error .ql-container{
        border-bottom: 1px solid #d0021b !important;
        border-right: 1px solid #d0021b !important;
        border-left: 1px solid #d0021b !important;
    }
    body .form-component div#message.quill .ql-toolbar{
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }
    body .form-component div#message.quill .ql-container{
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    /* radio-field */
    body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root .Mui-checked{
        color: #13243e;
    }
    
    body .form-component .container-radio-field .bordered{
        border: 1px solid #d0334c !important;
        background-color: #d0334c
    }

    body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root{
        border: 1px solid #13243e;
    }
    body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root.bordered{
        border: 1px solid #13243e;
    }
    body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root:hover{
        border: 1px solid #d0334c !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: #ffffff !important;
    }

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

    
    body .form-component .container-radio-field .MuiFormControlLabel-root:not(.verticalStyle),
    body .modal-form-component .container-radio-field .MuiFormControlLabel-root:not(.verticalStyle){
        border-radius: 10px;
        height: 40px;
    }
    
    /* select-search-field */
    body .form-component .select-search-field a{
        background-color: transparent;
        color: #d0334c;
        border-color: transparent;
        border-radius: 90px;
    }
    body .form-component .select-search-field a:hover{
        background-color: transparent;
        color: #d0334c;
        border-color: #d0334c;
    }

    /* 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: 10px;
        padding: 0;
        padding-right: 40px;
        height: 40px
    }

    @media (max-width: 740px){
        body .form-component .check-field label{
            height: auto;
        }
    }
    body .form-component .check-field.bordered label {
        border: 1px solid #13243e;
        border-radius: 10px;
    }
    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: #13243e !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: #13243e !important;
    }
    body .react-datepicker-wrapper .react-datepicker__input-container:after{
        color: #91979f;
    }
        
    body .form-component .check-field label .MuiCheckbox-root .MuiIconButton-label{
        color: #13243e;
    }
    body .form-component .check-field.bordered label .MuiIconButton-label{
        color: #13243e;
    }
    body .form-component .check-field label span.MuiTypography-root{
        color: #13243e !important;
    }

    /* yes no boolean  */
    body .form-component .check-field.yes-no-field-switch-boolean label span.MuiTypography-root{
        color: #13243e !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: 40px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }

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

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

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

            body .form-component .react-datepicker-wrapper .react-datepicker__input-container:after{
            content: ''
        }
    
    

    /* 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: 24px;
    }

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

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

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

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

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


    

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

    body #element-staged-form .box-class-2{
        background-color: transparent;
        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: 20px;
}

body .element-table-container-head{
  background-color: #ffffff;
  border-bottom: 1px solid #f7f7f7;
  color:#13243e;
  font-size:20px;
  padding-top: 5px;
  padding-bottom: 5px !important;

}

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

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

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

.element-table-container .elementTable{
  color:#13243e;
}
.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: 20px;
  border-bottom-right-radius: 20px;
}
.element-table-container .elementTable.elementTableNoHeader .react-table-container,
.element-table-container .elementTable .react-table-container .-loading,
{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
.element-table-container .elementTable a{   
  color:#d0334c;
}
.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:#d0334c;
}

.element-table-container .elementTable .navigation li a{
  color:#13243e;
}

.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: #13243e;
}

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: #13243e;
  line-height: 16px;
  /* text-align:  */
}
body .element-table-container .elementTable .rt-tbody{
  color: #13243e;
  font-size: 14px;
}
body .element-table-container .rt-tr.-odd:hover, body .element-table-container .rt-tr.-even:hover {
    background: #f9e4e8;
    color: #13243e;
}
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: #13243e;
}

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

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





      body .react-table-container .ReactTable .rt-thead .rt-resizable-header-content{
      text-transform: none;
    }
  

body .element-table-container-head.collapsed{
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
body .element-table-container-head:not(.collapsed){
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  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: #d0334c;
  border: 1px solid #13243e;
  font-size: 14px;
  border-radius: 24px;
  color: #13243e;
  padding: 12px 32px;
}
.title .title-btns .add-btn a:hover{
  background-color: #13243e;
  color: #d0334c;
  border: 1px solid #d0334c;
}

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

.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: #13243e;
  border-color: #13243e;
  background-color: white;
  border-radius: 20px;
}

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

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

/* charts */




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




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

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

  /* Override .form-component methods */
  #modal-table-component.form-component a.btn-default {
    border-radius: 10px;
    color:#13243e;
    border: 1px solid #13243e;
  }
  #modal-table-component.form-component a.btn-default:hover{
    color:#d0334c;
    border: 1px solid #d0334c;
  }

  #modal-table-component.form-component a.btn-primary {
    border-radius: 10px;
  }
  #modal-table-component.form-component a.btn-link{
    color:#13243e;
  }




    body .total-box-container .title{
        color: #2A3649; 
        font-size: 16px;
    }
    body .total-box-container{
        border-radius: 10px;
                    -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
            -moz-box-shadow: 1px 4px 12px #9a9a9a40;
            box-shadow: 1px 4px 12px #9a9a9a40;
                background-color:#ffffff;
    }
    body .total-box-container .container-parameters{
        color: #004161;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
    }
    body .total-box-container .container-icon{
        background-color: #4faaec;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }
    body .total-box-container .container-icon i{
        color: #ffffff;
        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: #13243e;
        border-radius: 10px;
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0);
        transition: 0.5s;
    }
    body .total-box-price-container:hover {
        background-color: #13243e;
    }
    body .total-box-price-container .title{
        color: #d0334c;
        font-size: 16px;
    }
    body .total-box-price-container .subtitle{
        color: #d0334c;
        font-size: 16px
    }
    body .total-box-price-container .container-subtitle p{
        color: #d0334c;
    }
    body .total-box-price-container .subtitle2{
        color: #d0334c;
        font-size: 12px
    }
    body .total-box-price-container .container-subtitle2 p{
        color: #d0334c;
    }
    body .total-box-price-container div#totalBoxPrice{
        color: #d0334c;
        font-size: 30px
    }



.label-field {
    font-size: 18px;
    padding: px;
    color: #13243e;
}


/* CarField */

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

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

    /* Disabled Color */
    body .container-car-field input[type="checkbox"][disabled] + label:before, 
    body .container-van-field input[type="checkbox"][disabled] + label:before,
    body .container-bus-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,
    body .container-bus-field .text-limit {
        color: #d0021b;
    }


    body .stepper-item .stepper-title{
        font-size: 13px;
        margin-top: 5px;
    }
    /* completed */
    body .stepper-item#stepper-item-completed .stepper-item-outer{
        background-color: #c1cc45;
        border: 3px solid #c1cc45;
    }
    body .stepper-item-outer:nth-of-type(odd) .stepper-item-inner{
        color: #ffffff !important; 
    }
    body .stepper-item#stepper-item-completed .stepper-title{
        color: #13243e;
    }
    /* active */
    body .stepper-item .stepper-item-outer.stepper-item-outer-active{
        background-color: #d0334c;
    }
    body .stepper-item-outer:nth-of-type(odd) .stepper-item-inner.stepper-item-inner-active{
        color: #ffffff;
    }
    body .stepper-item .stepper-title-active{
        color: #13243e !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: #13243e;
    }
    /* button prev */
    body #element-staged-form .btn-prev{
        color: #13243e;
        background-color: transparent;
        border-color: #13243e;
        border-radius: 24px;
        font-size: 16px;
        padding: 12px 32px;
    }
    body #element-staged-form .btn-prev:hover{
        color: #13243e;
        background-color: transparent;
        border-color: #13243e
    }
    /* button next */
    body .stepper-item .stepper-title{
        background-color: #ffffff !important; 
    }
    
    body #element-staged-form .btn-next{
        color: #ffffff;
        background-color: #d0334c;
        border-color: #d0334c;
        border-radius: 24px;
        font-size: 16px;
        padding: 12px 32px;
    }
    body #element-staged-form .btn-next:hover{
        color: #ffffff;
        background-color: #d0334c;
        border-color: #d0334c
    }

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

    /* 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: #d0334c;
        border-color: #d0334c;
        border-radius: 30px;
        font-size: 16px;
        padding: 12px 32px;
    }
    body #element-staged-form .btn-submit:hover{
        color: #ffffff;
        background-color: #d0334c;
        border-color: #d0334c
    }
    /* title */
    body #element-staged-form .form-label h3{
        color: #fff;
        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: #fff;
        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: -15px;
    }


/*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: #13243e;
    }
    body .missing-documents-component .box .text-file{
        color: #13243e;
    }

    /* 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: #d0334c;
        border: 1.5px solid #d0334c;
        border-radius: 10px
    }
    body .chat-field .container-active .field-container{
        color: #13243e;
        font-size: 14px;
    }
    body .chat-field .container-active .field-container .has-date{
        color: #13243e;
        font-size: 14px;
    }
    body .chat-field .container-active .field-container .has-mail{
        color: #13243e;
        font-size: 14px;
    }

    /* recipient */
    body .chat-field .container-inactive{
        background-color: #868d97;
        border: 1px solid #868d97;
        border-radius: 10px;
    }
    body .chat-field .container-inactive .field-container{
        color: #13243e;
        font-size: 14px;
    }
    body .chat-field .container-inactive .field-container .has-date{
        color: #13243e;
        font-size: 14px;
    }

    /* button */
    body .table-chat-container-body .table-chat-container .more-btn a{
        background-color: #13243e;
        color: #d0334c;
        border: 1px solid #d0334c;
        font-size: 14px;
        border-radius: 10px;
    }
    body .table-chat-container-body .table-chat-container .more-btn a:hover{
        background-color: #d0334c;
        color: #13243e;
        border: 1px solid #13243e;
    }






    /* class 1 */
    body .action-button-container.action-btn-1{
        background-color: #fff;
                    -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
            -moz-box-shadow: 1px 4px 12px #9a9a9a40;
            box-shadow: 1px 4px 12px #9a9a9a40;
                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-1:hover{
        background-color: #fff;
    }
    body .action-button-container.action-btn-1 .container-icon i{
        color: #13243e;
        font-size: 14px;
    }
    body .action-button-container.action-btn-1 .container-icon svg.icon{
        width: 14px;
        height: 14px;
        min-width: 14px;
        min-height: 14px;
    }
    body .action-button-container.action-btn-1:hover .container-icon i{
        color: #d0334c;
    }
    body .action-button-container.action-btn-1:hover .container-number span{
        color: #13243e;
    }
    body .action-button-container.action-btn-1 .container-number span{
        color: #d0334c;
        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: #000000;
        font-size: 20px;/*  20px; */
    }
    body .action-button-container.action-btn-1 .container-title p{
        color: #d0334c;
        font-size: 18px;
        font-weight: 300;/* 300; */;

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

    /* class 2 */
    body .action-button-container.action-btn-2 {
        background-color: #ffffff;
                    -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
            -moz-box-shadow: 1px 4px 12px #9a9a9a40;
            box-shadow: 1px 4px 12px #9a9a9a40;
                border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        border-bottom-left-radius: 20px;
        min-height: 86px; /*68px;*/
    }
    body .action-button-container.action-btn-2:hover{
        background-color: #fff;
    }
    body .action-button-container.action-btn-2 .container-icon i{
        color: #d0334c;
        font-size: 30px;
    }
    body .action-button-container.action-btn-2 .container-icon svg.icon{
        width: 30px;
        height: 30px;
        min-width: 30px;
        min-height: 30px;
    }
    body .action-button-container.action-btn-2:hover .container-icon i{
        color: #d0334c;
    }
    body .action-button-container.action-btn-2:hover .container-number span{
        color: #13243e;
    }
    body .action-button-container.action-btn-2 .container-number span{
        color: #13243e;
        display: flex;
        align-items: center;
    }
    body .action-button-container.action-btn-2 .container-number span div{
        padding-right: 19px;
        font-weight: 500;/* 500; */;
        font-size: 30px;/* 30px; */
    }
    
    body .action-button-container.action-btn-2 .container-number span i{
        color: #13243e;
        font-size: 20px;/*  20px; */
    }

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

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

    /* class 3 */
    body .action-button-container.action-btn-3 {
        background-color: #d0334c;
                    -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
            -moz-box-shadow: 1px 4px 12px #9a9a9a40;
            box-shadow: 1px 4px 12px #9a9a9a40;
                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: #13243e;
        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: #d0334c;
    }
    body .action-button-container.action-btn-3:hover .container-number span{
        color: #13243e;
    }
    body .action-button-container.action-btn-3 .container-number span{
        color: #d0334c;
        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: #13243e;
        font-size: 18px;
        font-weight: 300;/* 300; */;
    }
    body .action-button-container.action-btn-3:hover .container-title p{
        color: #d0334c;
    }




    /* 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: 2px;
        padding-right: 114px;
        padding-left: 24px;
    }
    body .imageTextLink .container-title a, body .imageTextLinkList .container-title a{
        font-size: 20px;
        color: #d0334c
    }
    /* date */
    body .imageTextLink .container-title .alignright, body .imageTextLinkList .container-title .alignright{
        font-size: 14px;
        color: #13243e
    }
    /* desc */
    body .imageTextLink .container-description, body .imageTextLinkList .container-description{
        font-size: 14px;
        color: #13243e
    }
    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: #d0334c
    }




    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: #d0334c;
    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .container-title{
        border-bottom: 1.5px solid #d0334c;
    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .container-description{
        font-size: 16px;
        color: #d0334c;
    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .btn-primary{
        background-color: #13243e;
        border: 1px solid #A8A8A8;
        border-radius: 0;
    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .btn-primary h5{
        font-size: 16px;
        color: #d0334c;
        font-weight: 400;
    }
    body .ImageTextTitleDocuments .container-image-text-title-documents .btn-default h5{
        font-size: 16px;
        color: #13243e;

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

    
    

    body .ImageTextTitleButtons .container-image-text-title-buttons {
        border-radius: 12px;
                    -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
            -moz-box-shadow: 1px 4px 12px #9a9a9a40;
            box-shadow: 1px 4px 12px #9a9a9a40;
            }

    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: 10px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        background-color: #fff;
    }
    body .horizontal-banner:hover{
        background-color: #fff;
    }
    /* title */
    body .horizontal-banner .text-static-banner p {
        font-size: 14px;
        color: #d0334c;
    }
    body .horizontal-banner:hover .text-static-banner p{
        color: #d0334c;
    }
    /* subtitle */
    body .horizontal-banner .text-static-banner h4 {
        font-size: 18px;
        color: #13243e;
    }
    body .horizontal-banner:hover .text-static-banner h4 {
        color: #13243e;
    }

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




    body .sidebar .btn-ham .icon:before{
        background-color: #13243e;
    }
    body .sidebar .btn-ham .icon:after{
        background-color: #13243e;
    }
    body .sidebar .btn-ham .icon{
        /*background-color: #13243e;*/
    }
    body .sidebar .btn-ham:hover{
        background-color: #d0334c;
    }
    body header .menu-container #sidebar-button.navbar-toggle .icon-bar{
        background-color: #13243e;
    }
    body .ui-tooltip {
        background-color: #ffffff;
        color: #13243e;
    }
    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;
        }

                    /** si esta el responsive activado empezamos con el width collapsado */
            body .sidebar.initial {
                width: 75px !important;
            }
            body .sidebar.initial .sub-menu-sidebar-container{
                width: 75px;
            }

            }

    
        @media (min-width: 1200px){

                            /** from desktop */
                body .sidebar.initial{
                    width: 250px !important;
                }
                body .sidebar {
                    border-bottom-right-radius: 0;
                    font-size: 16px;
                    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 #ffffff;
    }
    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: #d0334c;
    }
    body .sidebar .sub-menu-sidebar-container .menu-child a:hover {
        color: #13243e;
    }
    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: #13243e
    }
    body .rangeslider-horizontal .rangeslider__handle:after{
        background-color: #13243e
    }
    body .rangeslider__handle-label {
        color: #13243e;
    }
    body .container-label p{
        color: #d0334c
    }




    /* 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: #d0334c;
        border: 1px solid #d0334c;
        font-size: 14px;
        border-radius: 90px; 
        color: #ffffff;
        padding: 12px 32px;
                    -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
            -moz-box-shadow: 1px 4px 12px #9a9a9a40;
            box-shadow: 1px 4px 12px #9a9a9a40;
            }

    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: #d0334c;
        color: #ffffff;
        border: 1px solid #d0334c;
    }
    /* 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 transparent;
        font-size: 14px;
        border-radius: 90px;
        color: #d0334c;
        padding: 12px 32px;
                    -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
            -moz-box-shadow: 1px 4px 12px #9a9a9a40;
            box-shadow: 1px 4px 12px #9a9a9a40;
            }
    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: transparent;
        color: #d0334c;
        border: 1px solid #d0334c;
    }
    /* 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: #ffffff;
        border: 1px solid #d0334c;
        font-size: 14px;
        border-radius: 24px;
        color: #d0334c;
        padding: 12px 32px;
                    -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
            -moz-box-shadow: 1px 4px 12px #9a9a9a40;
            box-shadow: 1px 4px 12px #9a9a9a40;
            }
    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: #ffffff;
        color: #d0334c;
        border: 1px solid #d0334c;
    }
    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: #d0334c;
        font-size: 14px;
    }
    body .action-list-widget #actionList .action-list-container .action-list-label{
        color: #d0334c;
        font-size: 14px;
    }
    body .action-list-widget #actionList .action-list-container .btn-action{
        background-color: #13243e;
        border: 1px solid #d0334c;
        transition: 0.5s;
    }
    body .action-list-widget #actionList .action-list-container .btn-action:hover{
        background-color: #d0334c;
        border: 1px solid #13243e;
    }
    body .action-list-widget #actionList .action-list-container .btn-action:hover i{
        color: #13243e;
    }
    body .action-list-widget #actionList .action-list-container .btn-action i{
        color: #d0334c;
    }
    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: #d0334c;
        font-size: 14px; 
    }
    body .action-list-widget #actionList .action-list-container ul.dropdown-menu div a:hover{
        color: #d0334c;
    }




    /* 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: #d0334c
    }
    /* date */
    body .lastNewsList .container-title .alignright{
        font-size: 14px;
        color: #13243e
    }
    /* desc */
    body .lastNewsList .container-description{
        font-size: 14px;
        color: #13243e
    }
    /* link */
    body .lastNewsList .container-link a{
        font-size: 14px;
        color: #d0334c
    }






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

    body .faqs-widget2 .MuiAccordionSummary-content i,
    body .faqs-widget .MuiAccordionSummary-content i,
    body .faqs-list-widget  .MuiAccordionSummary-content i{
        color: #13243e !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: #13243e !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: #13243e !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: #13243e;

    }

    /* 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: #13243e !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: #13243e;
    }
    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: #13243e;
    }
    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 .simple-button-container::after{
        background-color: #d0334c !important;
    }

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

    
    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: #13243e;
    }
    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: #13243e;
    }
    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 .simple-button-container::after{
        background-color: #d0334c;
    }
    body .tabs-no-recharge-widget .tabs-list-container--animated .tabs-list-indicator{
        background-color: #d0334c;
    }

    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: #004161;
        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: #004161;
    }
    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: 24px;
    }
    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: #004161;
    }

    /* 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: #d0334c !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: 0px;
    }
    body .custom-modal.modal-table.modal-1 #load-page{
        padding: 0px;
    }
    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: #d0334c;
        border-color: #d0334c;
        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: #d0334c;
        border-color: #d0334c;
    }

    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: 35%;
        }
    }
        
    @media (min-width: 52.85714286em){
        body .custom-modal.modal-1 .modal-content.small {
            width: 40%;
        }
    }
        
    /******* 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: #004161;
    }
    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: 0px;
    }
    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: #d0334c;
        border-color: #d0334c;
        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: #d0334c;
    }
    body .sidebar-last-posts .container-title .data{
        color: #9b9b9b
    }



    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: 20px;
        color: #91979f;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }

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

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

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

    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 #f7f7f7;
    }
    body .breadcrumb .container-breadcrumb a, body .breadcrumb .container-breadcrumb .row{
        color: #6d6e6f !important;
        font-size: 12px;
        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: #13243e !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: #6d6e6f !important;
        background-color: transparent;
        border: 1px solid #6d6e6f;
        font-size: 12px;
        border-radius: 24px;
    }
    body .breadcrumb a.btn-return-breadCrumb i{
        font-size: 12px;
    }
    body .breadcrumb a.btn-return-breadCrumb:hover{
        color: #6d6e6f !important;
        background-color: transparent;
        border: 1px solid #6d6e6f;
    }

    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 #d0334c;
        background-color: #fff;
        height: 40px;
        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: #d0334c;
    }

    body .file-field .box-state-01.has-error{
        border: 2px dashed #d0021b !important;
    }
    body .file-field .box-state-01 .text-file{
        font-size: 16px;
        color: #d0334c;
       
    }
    body .file-field .box-state-01 .text-file span{
        color: #13243e;
    }

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

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

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

    body .multi-file-field .multi-file-item .remove-btn {
        color: #13243e;
    }

    body .multi-file-field .box-state-01.multi-file-dropzone-inner {
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        height: auto;
        min-height: 40px;
        padding: 10px 14px;
        position: relative;
        overflow: hidden;
    }

    body .multi-file-field .multi-file-dropzone-progress-layer {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
        pointer-events: none;
        background: rgba(255, 255, 255, 0.55);
    }

    body .multi-file-field .multi-file-dropzone-progress-fill {
        height: 100%;
        width: 0;
        min-width: 0;
        background: linear-gradient(90deg, #d0334c99 0%, #d0334c 100%);
        transition: width 0.65s cubic-bezier(0.33, 0.85, 0.38, 0.97);
        border-radius: 0 6px 6px 0;
    }

    body .multi-file-field .multi-file-dropzone-content {
        position: relative;
        z-index: 2;
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        min-height: 72px;
    }

    body .multi-file-field .multi-file-dropzone-content--uploading {
        opacity: 0.32;
    }

    body .multi-file-field .multi-file-dropzone-progress-center {
        position: absolute;
        left: 0;
        right: 0;
        top: auto;
        bottom: 16%;
        height: auto;
        z-index: 3;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 12px;
        pointer-events: none;
    }

    body .multi-file-field .multi-file-dropzone-progress-center__pct {
        font-size: 20px;
        font-weight: 700;
        color: #d0334c;
        line-height: 1;
        min-width: 3.2em;
        text-align: left;
    }



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: #d0334c;
    font-size: 16px;
}

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

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

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




.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: #13243e;
}



/* label */
body .login-container .login-box-container .login-box-widget form .form-group label{
  color: #d0334c;
  font-size: 14px;
}
body .login-container .login-box-container .login-box-widget form .form-group label i{
  color: #d0334c;
}
body .login-container .login-box-container .login-box-widget .logo-container{
  text-align: center;
  margin-bottom: 20px;
}
body .login-container .login-box-container .login-box-widget .logo-container img{
  max-height: 75px;
}
body .login-container .login-box-container .login-box-widget form .login-widget-links{
  display: flex;
  justify-content: flex-end;
  align-items: baseline;
  gap: 16px;
  flex-wrap: wrap;
}
body .login-container .login-box-container .login-box-widget form .login-widget-links.has-extra-link{
  justify-content: space-between;
}
body .login-container .login-box-container .login-box-widget form .login-widget-links .forgot{
  margin: 10px 0;
}
/* input */
body .login-container .login-box-container .login-box-widget form .form-group .form-control{
  border-radius: 10px;
  height: 36px;
  border: 1px solid #d0334c;
}
/* btn-submit */
.login-container .login-box-container .login-box-widget form .form-group .buttons-group .btn{
  font-size: 14px;
  border-radius: 10px;
  background-color: #d0334c;
  border: 1px solid #d0334c;
  color: #13243e;
  height: 36px;
  width: 40%;
}
.login-container .login-box-container .login-box-widget form .form-group .buttons-group .btn:hover{
  background-color: #13243e;
  border: 1px solid #d0334c;
  color: #d0334c;
}


  /* input */
  body #reset-password form .form-group .form-control{
    border-radius: 10px;
    height: 46px;
    border: 1px solid #13243e;
  }
  body #reset-password form .form-group .form-control:focus{
    border: 1px solid #13243e;
  }
  /* button */
  body #reset-password form .form-group .buttons-group .btn{
    background-color: #d0334c;
    border-color: #d0334c;
    border-radius: 90px;
    color:#ffffff;
    text-transform: none;
    height: 50px;
    margin-top: 0;
    width: 95%;
    text-transform: unset; 
  }
  body #reset-password form .form-group .buttons-group .btn:hover{
    background-color: #d0334c;
    border-color: #d0334c;
    color:#ffffff;
    border: 1px solid #d0334c;
  }
  
      body #reset-password .container-description{
      border: none;
      box-shadow: none;
    }
    


body #element-form-via-link .btn-prev{
    color: #13243e;
    background-color: transparent;
    border-color: #13243e;
    border-radius: 24px;
    font-size: 16px;
    margin-right: 15px;
}
body #element-form-via-link .btn-prev:hover{
    color: #13243e;
    background-color: transparent;
    border-color: #13243e
}
body #element-form-via-link .file-field .box{
    border-radius: 10px;
}

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


    body .modal-dialog .btn-primary.btn-session{
        color: #fff;
        background-color: #d0334c;
        border-radius: 20px;
        border: 1px solid #d0334c;
    }
    body .modal-dialog .btn-primary.btn-session:hover{
        color: #fff;
        background-color: #13243e;
        border: 1px solid #13243e;
    }

    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 #d0334c;
        border-radius: 0px;
    }
    body .tarif-field-form-group.has-error .tarif-field .col-content{
        border: 2px solid #d0021b;
    }
    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: #d0334c;
        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: #13243e;
        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: #13243e;
        border: 1px solid #13243e;
        border-radius: 20px;
        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: #13243e !important;
    }
  




  /* button */
  .login-box form.login-two-factor .form-group .btn{
    background-color: #d0334c;
    border-color: #d0334c;
    border-radius: 90px;
    color:#ffffff;
    text-transform: none;
    height: 50px;
    width: 100%;
  }
  .login-box form.login-two-factor .form-group  .btn:hover{
    background-color: #d0334c;
    border-color: #d0334c;
    color:#ffffff;
    border: 1px solid #d0334c;
  }
  body.template-loginTwoFactor .login-container{
    background-image: url('https://storage.gra.cloud.ovh.net/v1/AUTH_e15f6f9849b947e9845253c522fb5927/mps/public/medias/original/0aE8VGam4GB2zl7V9Kd9iWeos7wpEGi42EHh7TvK.png?t=1793275528');
  }
  

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

    }

    @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: #13243e;
        color: #ffffff;
        border: 1px solid #13243e;
        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: #d0334c;
        border: 1px solid #13243e;
        color: ;
        cursor: default;
    }
    


    /* Defaults consumed by FloatingFormButton.js (CSS variables) */
    :root {
        --ffb-modal-width-small: 360px;
        --ffb-modal-width-medium: 520px;
        --ffb-modal-width-large: 720px;
        --ffb-default-bottom: 20px;
        --ffb-default-left: 20px;
        --ffb-default-right: 20px;
        --ffb-panel-offset: 60px;
    }


    /* modalClassName modal-1 — theme from /architect/styles/front?type=modal-1 */
    body #floatingFormButton .modal-floating-form-button-component.modal-1 .modal-floating-form-button-header {
        background-color: #fff;
        color: #004161;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    body #floatingFormButton .modal-floating-form-button-component.modal-1 .modal-floating-form-button-header h2,
    body #floatingFormButton .modal-floating-form-button-component.modal-1 .modal-floating-form-button-header h2 i,
    body #floatingFormButton .modal-floating-form-button-component.modal-1 .modal-floating-form-button-header h2 div {
        color: #004161;
        font-size: 24px;
    }
    body #floatingFormButton .modal-floating-form-button-component.modal-1 .modal-floating-form-button-header {
        padding: 15px;
    }
    body #floatingFormButton .modal-floating-form-button-component.modal-1 .modal-floating-form-button-header .close-button-modal svg {
        color: #d0334c !important;
        fill: #d0334c !important;
    }
    body #floatingFormButton .modal-floating-form-button-component.modal-1 .modal-floating-form-button-content,
    body #floatingFormButton .modal-floating-form-button-component.modal-1 .modal-floating-form-button-body {
        background-color: #fff;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }

    /* modalClassName modal-2 — theme from /architect/styles/front?type=modal-2 */
    body #floatingFormButton .modal-floating-form-button-component.modal-2 .modal-floating-form-button-header {
        background-color: #fff;
        color: #ccc;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
    }
    body #floatingFormButton .modal-floating-form-button-component.modal-2 .modal-floating-form-button-header h2,
    body #floatingFormButton .modal-floating-form-button-component.modal-2 .modal-floating-form-button-header h2 i,
    body #floatingFormButton .modal-floating-form-button-component.modal-2 .modal-floating-form-button-header h2 div {
        color: #ccc;
        font-size: 20px;
    }
    body #floatingFormButton .modal-floating-form-button-component.modal-2 .modal-floating-form-button-header {
        padding: 15px;
    }
    body #floatingFormButton .modal-floating-form-button-component.modal-2 .modal-floating-form-button-header .close-button-modal svg {
        color: #b4b4b4 !important;
        fill: #b4b4b4 !important;
    }
    body #floatingFormButton .modal-floating-form-button-component.modal-2 .modal-floating-form-button-content,
    body #floatingFormButton .modal-floating-form-button-component.modal-2 .modal-floating-form-button-body {
        background-color: #fff;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }


    /* Instance modalIconsColor — overrides global default and modal-1/2 title/close colors */
    body #floatingFormButton .modal-floating-form-button-component.has-instance-icons-color .modal-floating-form-button-header h2,
    body #floatingFormButton .modal-floating-form-button-component.has-instance-icons-color .modal-floating-form-button-header h2 i,
    body #floatingFormButton .modal-floating-form-button-component.has-instance-icons-color .modal-floating-form-button-header h2 div,
    body #floatingFormButton .modal-floating-form-button-component.has-instance-icons-color .modal-floating-form-button-header .close-button-modal svg {
        color: var(--ffb-modal-icons-color) !important;
        fill: var(--ffb-modal-icons-color) !important;
    }


    /* 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: #d0334c;
        border: 1px solid #13243e;
        font-size: 14px;
        border-radius: 24px; 
        color: #13243e;
       /*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: #13243e;
        color: #d0334c;
        border: 1px solid #d0334c;
        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: #d0334c;
        border: 1px solid #13243e;
        color: #13243e;
        cursor: default;
    }
    



    /* class 1 */
    body .contact-button-widget-container{
        background-color: #fff;
                    -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
            -moz-box-shadow: 1px 4px 12px #9a9a9a40;
            box-shadow: 1px 4px 12px #9a9a9a40;
                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: 1px 4px 12px #9a9a9a40;
            -moz-box-shadow: 1px 4px 12px #9a9a9a40;
            box-shadow: 1px 4px 12px #9a9a9a40;
                background-color: #ffffff;
        width: 100%;
        min-height: 260px;
        text-align: center;
        padding: 0 0;
        border-radius: 0 0 0 0;
    }

    .box-icon i{
        color: #2B5075;
        font-size: 50px;
        font-weight: 100;
        padding: 0 0;
    }

    .box-icon h2{
        color: #192E43;
        font-size: 18px;
        font-weight: 26;
        text-align:center;
        
    }

    .box-icon p{
        color: #93949E;

    }

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





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

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

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

body .element-table-imported .element-table-container-body .btn-dropzone:hover{
  background-color: #13243e;
  color: #fff;
  border: 1px solid #13243e;
}
body #event-modal-imported-table-result .icon-error{
  color: #d0021b;
  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: 20px;
}


    /* back-button */
    body .back-button a, 
    body .back-button button{
        background-color: #d0334c;
        border: 1px solid #13243e;
        font-size: 14px !important;
        border-radius: 20px;
        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: #13243e;
        color: #fff;
        border: 1px solid #d0334c;
    }


    /* back-button */
    body .back-button-headboard a, 
    body .back-button-headboard button{
        background-color: #d0334c;
        border: 1px solid #13243e;
        font-size: 14px !important;
        border-radius: 20px;
        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: #13243e;
        color: #fff;
        border: 1px solid #d0334c;
    }


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: #d0334c;
}
body .widget-contact .contact-icons-map .icons ul li a:hover i{
    border: 1px solid #d0334c !important;
    color: #d0334c;
}


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

    /* border-radius */

    .blog-actualites{
        -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
            -moz-box-shadow: 1px 4px 12px #9a9a9a40;
            box-shadow: 1px 4px 12px #9a9a9a40;
    }

    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: 2px;
        padding-right: 114px;
        padding-left: 24px;
    }
    body .imageTextLink .container-title a, body .blog-actualites .container-title a{
        font-size: 20px;
        color: #d0334c
    }
    /* date */
    body .imageTextLink .container-title .alignright, body .blog-actualites .container-title .date{
        font-size: 14px;
        color: #13243e
    }
    /* desc */
    body .imageTextLink .container-description, body .blog-actualites .container-description{
        font-size: 14px;
        color: #13243e
    }
    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: #d0334c
    }




    /* 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: #d0334c
    }

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






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


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

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


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

    body .element-icon-card .element-text span{
        color: #13243e;
        font-size: 34px;
    }

    body .element-icon-card .element-title{
        color: #13243e;
        font-size: 34px;
    }


 








.progress-card-container {
  -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
  -moz-box-shadow: 1px 4px 12px #9a9a9a40;
  box-shadow: 1px 4px 12px #9a9a9a40;
}













#element-file-explorer .file-explorer-widget,
.file-explorer-widget {
    --file-explorer-folder-border-radius: 8px;
    --file-explorer-folder-row-bg: transparent;
    --file-explorer-folder-row-border-color: #e8e8e8;
    --file-explorer-folder-title-color: #333333;
    --file-explorer-folder-row-text-color: #333333;
    --file-explorer-folder-row-hover-bg: rgba(0, 0, 0, 0.04);
    --file-explorer-folder-count-bg: #e8e8e8;
    --file-explorer-folder-count-color: #666666;
}

body .element-file-container .element-file-container-body .file-explorer-widget .file-explorer-folder-header,
#element-file-explorer .file-explorer-folder-header,
.file-explorer-widget .file-explorer-folder-header {
    background-color: transparent !important;
    border-color: #e8e8e8 !important;
}

body .element-file-container .element-file-container-body .file-explorer-widget .file-explorer-folder-count-chip,
#element-file-explorer .file-explorer-folder-count-chip,
.file-explorer-widget .file-explorer-folder-count-chip {
    background-color: #e8e8e8 !important;
    color: #666666 !important;
}

body .element-file-container .element-file-container-body .file-explorer-widget .file-explorer-folder-content,
body .element-file-container .element-file-container-body .file-explorer-widget .file-explorer-files-table,
#element-file-explorer .file-explorer-folder-content,
#element-file-explorer .file-explorer-files-table,
.file-explorer-widget .file-explorer-folder-content,
.file-explorer-widget .file-explorer-files-table {
    color: #333333;
}

body .element-file-container .element-file-container-body .file-explorer-widget .file-explorer-folder-summary,
#element-file-explorer .file-explorer-folder-summary,
.file-explorer-widget .file-explorer-folder-summary {
    color: #333333;
}

body .element-file-container .element-file-container-body .file-explorer-widget .file-explorer-files-table .table-actions-col a,
#element-file-explorer .file-explorer-files-table .table-actions-col a,
.file-explorer-widget .file-explorer-files-table .table-actions-col a {
    color: var(--color-primary, inherit);
}

body .element-file-container .element-file-container-body .file-explorer-widget .file-explorer-files-table .table-actions-col i,
body .element-file-container .element-file-container-body .file-explorer-widget .file-explorer-files-table .table-actions-col svg.icon,
#element-file-explorer .file-explorer-files-table .table-actions-col i,
#element-file-explorer .file-explorer-files-table .table-actions-col svg.icon,
.file-explorer-widget .file-explorer-files-table .table-actions-col i,
.file-explorer-widget .file-explorer-files-table .table-actions-col svg.icon {
}



    body .modal-dialog .btn-primary.btn-session{
        color: #fff;
        background-color: #d0334c;
        border-radius: 20px;
        border: 1px solid #d0334c;
    }
    body .modal-dialog .btn-primary.btn-session:hover{
        color: #fff;
        background-color: #13243e;
        border: 1px solid #13243e;
    }

    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: #333333;
        opacity: 0.65;
    }
    body #modal-search .modal-container .modal-content .container-modal .results .row-result h4{
        color:#004161!important;
    }
    body #modal-search .modal-container .modal-content .container-modal .results .row-result ul li .highlight{
        color:#d0334c!important;
    }
    body #modal-search .modal-container .modal-content .container-modal .results .row-result ul li .btn{
        color:#d0334c!important;
    }
    body #modal-search .modal-container .modal-content .container-modal .results .row-result span{
        color:#004161!important;
    }




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

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



 
    .maintenance-banner {
        --maintenance-banner-bg: #1f2937;
        --maintenance-banner-color: #f9fafb;
        --maintenance-banner-border: #f59e0b;
        --maintenance-banner-radius: 0px;
    }



    body .menu-top-container .navbar-fixed-top{
        background-color: #d0334c;
        font-size: 15px;
    }
    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: #13243e;
        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:not(.header-contract-button){
        font-size: 15px !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: #fff;
        
    }  

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

    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: #6C6B69;
        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: #6C6B69;
    }

    /* 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: #fff;
        }
        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: #6C6B69;
        }
        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: 20px
    }

   
    @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 #fff !important;
            color: #d0334c;
        }
        body .menu-top-container .navbar-fixed-top ul.navbar-nav li a.item-menu-top:not(.active):hover i{
            color: #d0334c;
        }
        .body .user-name{
            display: none !important;
        }
        body .menu-top-container a.item-menu-top.active{
            color: #d0334c !important;
            border-bottom: 3px solid #fff !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: #6C6B69 !important;
        background-color: #fff;
        font-size: 15px;
    }
    body .menu-top-container .navbar-fixed-top .dropdown-menu li a:hover{
        color: #6C6B69 !important;
        background-color: #E6E6E6;
    }
    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: #d0334c;
        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: #d0334c;
        font-size: 14px;
        border: 1px solid #fff;
        border-radius: 0px;
    }
    body .content-block-1 .simple-btn:hover{
        background-color: #fff;
        color: #d0334c;
        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: 1px 4px 12px #9a9a9a40;
            -moz-box-shadow: 1px 4px 12px #9a9a9a40;
            box-shadow: 1px 4px 12px #9a9a9a40;
            }

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






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

.pb-icon-tooltip-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.pb-icon-tooltip-wrapper .pb-icon-tooltiptext {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 99999;
    background-color: #d0334c;
    color: #ffffff;
    text-align: center;
    border-radius: 0;
    padding: 15px;
    max-width: 220px;
    width: max-content;
    white-space: normal;
    word-wrap: break-word;
    line-height: 1.4;
    font-size: 16px;
    pointer-events: none;
    transition: opacity 0.3s;
}

.pb-icon-tooltip-wrapper:hover .pb-icon-tooltiptext {
    visibility: visible;
    opacity: 1;
}

.pb-icon-tooltip-wrapper.tooltip-pos-top .pb-icon-tooltiptext {
    bottom: 125%;
    top: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

.pb-icon-tooltip-wrapper.tooltip-pos-bottom .pb-icon-tooltiptext {
    top: 125%;
    bottom: auto;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}

.pb-icon-tooltip-wrapper.tooltip-pos-left .pb-icon-tooltiptext {
    right: 125%;
    left: auto;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

.pb-icon-tooltip-wrapper.tooltip-pos-right .pb-icon-tooltiptext {
    left: 125%;
    right: auto;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}


/* btn-1 */
body a.btn.btn-1{
    background-color: #d0334c;
    border: 1px solid #d0334c;
    font-size: 14px;
    border-radius: 90px; 
    color: #ffffff;
    padding: 12px 32px;
            -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
        -moz-box-shadow: 1px 4px 12px #9a9a9a40;
        box-shadow: 1px 4px 12px #9a9a9a40;
    }

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: #d0334c;
    color: #ffffff;
    border: 1px solid #d0334c;
}
    
/* btn-2 */
body a.btn.btn-2{
    background-color: transparent;
    border: 1px solid transparent;
    font-size: 14px;
    border-radius: 90px;
    color: #d0334c;
    padding: 12px 32px;
            -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
        -moz-box-shadow: 1px 4px 12px #9a9a9a40;
        box-shadow: 1px 4px 12px #9a9a9a40;
    }

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: transparent;
    color: #d0334c;
    border: 1px solid #d0334c;
}
    
/* btn-3 */
body a.btn.btn-3{
    background-color: #ffffff;
    border: 1px solid #d0334c;
    font-size: 14px;
    border-radius: 24px;
    color: #d0334c;
    padding: 12px 32px;
            -webkit-box-shadow: 1px 4px 12px #9a9a9a40;
        -moz-box-shadow: 1px 4px 12px #9a9a9a40;
        box-shadow: 1px 4px 12px #9a9a9a40;
    }

body a.btn.btn-3:hover{
    background-color: #ffffff;
    color: #d0334c;
    border: 1px solid #d0334c;
}

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 #d0334c;
    background-color: #ffffff;
    border-radius: 10pxpx;
    box-sizing: border-box;
} 

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

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

.visual-select .grid-gradient .selected i {
  color: #ffffff !important;
  opacity: 1;
}

.visual-select .grid-gradient .selected p,
.visual-select .grid-gradient .selected span {
  color: #ffffff !important;
  opacity: 1;
}

.visual-select .grid-gradient .grid-item::before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  right: 8px;
  top: 8px;
  box-sizing: border-box;
}

.visual-select .grid-gradient .grid-item:not(.selected)::before {
  background: transparent;
  border: 1px solid #d0334c;
}

.visual-select .grid-gradient .grid-item.selected::before {
  background: #d0334c;
  border: 1px solid #ffffff !important;
}

.visual-select .grid-gradient .selected:not(.wCheck)::after {
  background: #d0334c;
}

.visual-select .grid-gradient .selected.wCheck::after {
  content: none;
  display: none;
}


.visual-select .grid-gradient .max-grid-item .visual-select-icon-wrap {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background-color: transparent;
}

.visual-select .grid-gradient .max-grid-item .visual-select-icon-wrap i {
  font-size: 50px;
  line-height: 1;
  margin-bottom: 0;
}




.visual-select .visual-select-check-indicator i {
  color: #ffffff !important;
}

.visual-select .grid-gradient .selected .visual-select-check-indicator i,
.visual-select .grid-gradient .grid-item:hover .visual-select-check-indicator i,
.visual-select .grid .grid-item.selected .check-indicator i,
.visual-select .grid .grid-item:hover .check-indicator i {
  color: #ffffff !important;
}

.visual-select .grid-gradient .grid-item:hover {
  border: 1px solid #d0334c !important;
  background-color: #d0334c;
}

.visual-select .grid-gradient .grid-item:hover::before {
  background: #d0334c;
  border: 1px solid #ffffff;
}

.visual-select .grid-gradient .grid-item:hover i,
.visual-select .grid-gradient .grid-item:hover h4,
.visual-select .grid-gradient .grid-item:hover p,
.visual-select .grid-gradient .grid-item:hover span {
  color: #ffffff !important;
}

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

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

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

.visual-select .grid .grid-item {
  border: 1px solid #d0334c;
  background: #ffffff;
}

.visual-select .grid .grid-item.selected {
  border: 2px solid #d0334c !important;
  background: #d0334c;
}

.visual-select .grid .grid-item:hover {
  border: 2px solid #d0334c !important;
  background: #d0334c;
}

.visual-select .grid .grid-item:hover .check-indicator {
  background: #d0334c;
  border: 1px solid #ffffff;
}

.visual-select .grid .grid-item.selected .image-title,
.visual-select .grid .grid-item:hover .image-title {
  color: #ffffff;
}

.visual-select .grid .grid-item.selected .check-indicator {
  background: #d0334c;
  border: 1px solid #ffffff;
}

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

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


body .form-component .form-group.has-error .visual-select .grid .grid-item,
body .form-component .form-group.has-error .visual-select .grid-gradient .grid-item {
    border: 1px solid #d0021b !important;
}

body .form-component .form-group.has-error .visual-select .grid .grid-item:hover,
body .form-component .form-group.has-error .visual-select .grid-gradient .grid-item:hover {
    border: 1px solid #d0021b !important;
}

body .form-component .form-group.has-error .visual-select .waiting-message {
    border: 1px solid #d0021b;
    border-radius: 6px;
    padding: 1rem;
}



.table-multi-file-field {
    --tmf-box-size: 200px;
    --tmf-accent: #E85A3C;
    --tmf-badge: #4caf50;
    --tmf-border: #E85A3C;
    --tmf-chip-border: #e1e1e1;
    --tmf-chip-bg: #ffffff;
    --tmf-chip-name: #333333;
    --tmf-chip-size: #b0b0b0;
    --tmf-chip-remove: #e53935;
    --tmf-box-radius: 4px;
}





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

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

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

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

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

    /* 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:#13243e;
  font-size:36px;
  font-weight:300;
  line-height: 40px;
}

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





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

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




  

    body {
      font-family: Roboto, sans-serif !important;
    }
    .react-datepicker-wrapper{
      font-family: Roboto, sans-serif!important;
    }
    .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name{
      font-family: Roboto, sans-serif !important;
    }
    .react-datepicker__current-month, .react-datepicker-time__header{
      font-family: Roboto, sans-serif !important;
    }
    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{
      font-family: Roboto, sans-serif !important;
    }
    .col-content.recomended .prioritisation-banner{ 
  background-image: url(https://storage.gra.cloud.ovh.net/v1/AUTH_e15f6f9849b947e9845253c522fb5927/mps/public/medias/original/7js7BKJotXjGKruOhiNv8tUAQJjQa2szNqbUE9in.png?t=1715162262);
}
  
.col-content.normal .prioritisation-banner{ 
  background-image: url(https://storage.gra.cloud.ovh.net/v1/AUTH_e15f6f9849b947e9845253c522fb5927/mps/public/medias/original/TK5CGrPMwi6NJfEIrFmiXAoIzsazR1AwdqmMEUCO.png?t=1715264116);
} .question-grand-public .txtLabel{
  font-size: 16px;
  font-weight: 400;
}

.question-grand-public .txtLabel span{
  color: #D0334C;
  padding-top: 0;
  padding-bottom: 10px;
}

.question-grand-public .txtIcon{
    font-size: 36px;
    color: #d0334c;
    margin-top: -5px;
}

body #element-staged-form .question-grand-public .container-fields-default.questionflex .form-group.bmd-form-group:first-child{
  position: absolute;
  height: 70px;
  padding: 17px !important;
}

body #element-staged-form .question-grand-public .container-fields-default.questionflex .form-group.bmd-form-group:last-child{
  padding-left: 80px !important;
  height: 70px;
  display:flex !important;
  align-items: center;
}

body #element-staged-form .question-grand-public .container-fields-default .form-group.bmd-form-group.yes-no-field {
  padding: 10px !important;
}

.simple-select:disabled{
  background-color: #eeeeee !important;
}

.formules-5{
  margin-left: -100px;
  width: calc(100% + 200px);
}

/*mobil style */
@media (max-width: 740px){
  body #element-staged-form .question-grand-public .row {
    padding-bottom: 21px;
  }
  
  .row-multi-option-select-field{
    display: flex;
    gap: 10px;
    justify-items: center;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
} .menu-item.nav-item{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.menu-item.nav-item .btn-border{
    margin-right: 0;
    border: 1px solid;
    border-color: #13243e;
    border-radius: 20px;
    height: auto !important;
    padding: 8px 40px 8px 40px;
}

.topBarTextCenter{
    text-align: center;
    margin-top: 15px;
} .aide-modal{
  p{
    font-size: 14px;
    text-align: center;
  }
  
  .btn-1, .btn-2, .btn-3{
    width: 100%;
    font-size: 13px !important;
    text-transform: none !important;
  }
  
  .pack-branchet-solutions{
    margin-bottom: 0; 
  }
  
}

#floatingButton .custom-modal .modal-header {
  border-bottom: 1px solid #fff;
}

#floatingButton .custom-modal .modal-header h2 {
  font-size: 18px;  
}

#floatingButton .custom-modal .modal-header i {
  color: #d0334c !important;
} .modal-page-content img{
     width: 100%; 
}


#load-page{
  padding-top: 0px !important;
    padding-bottom: 30px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
} .simple-button-w100 a{
  width: 100%;
}

.simple-button-w15{
  width: 15%;
} .absolute-left{
  position: absolute;
  left: 5px;
  z-index: 1;
  width: 50%;
}

.absolute-right{
  position: absolute;
  right: 5px;
  z-index: 1;
  width: 50%;
} .champ-lineal .row.field-container .field-container-col.col-xs-12:first-child{
  width: 20%;
}

.champ-lineal .row.field-container .field-container-col.col-xs-12:first-child .bmd-label-floating{
  text-align: right !important;
}


.champ-lineal .row.field-container .field-container-col.col-xs-12:nth-child(2){
  width: 80%;
}
/* responsive */ 

/*mobil style */
@media (max-width: 740px){
 
  .topBarTextCenter{
   display: none;
  }
  
  .grid-gradient{
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
  }
  
  .container{
    padding: 0;
  }
  
  .layout.container-fluid{
    padding: 0;
  }
  
  .element-form-container .field-container .field-container-col.col-xs-5{
      width: 100% !important;
      position: relative !important;
  }
  
  .element-form-container .field-container .field-container-col.col-xs-7{
      width: 100% !important;
  }
  
  .element-form-container .field-container .field-container-col.col-xs-7 .MuiFormGroup-root label{
      width: 100% !important;
  }
  
  body .element-form-container .element-form-container-body .p70_30 .col-xs-5{
      width: 100% !important;
          
  }
  body .element-form-container .element-form-container-body .p70_30 .col-xs-5 label{
    text-align: center !important;
  }
  
  body .element-form-container .element-form-container-body .p70_30 .col-xs-7{
    width: 100% !important;
    text-align: center;
  }
  
  body .element-form-container .element-form-container-body .p20_80 .col-xs-5{
      width: 100% !important;
          
  }

  
  body .element-form-container .element-form-container-body .p20_80 .col-xs-7{
    width: 100% !important;
  }
  
  body .element-form-container .element-form-container-body .MuiTypography-root .col-xs-5{
    width: 100% !important;
  }
  
  body .element-form-container .element-form-container-body .MuiTypography-root .col-xs-7{
    width: 100% !important;

  }
  
  .MuiFormGroup-root{
    display: flex !important;
    flex-direction: row !important;
  }
  
  .flex-center .MuiFormGroup-root{
    justify-content: center;
  }
  
  /* FORM TARIFICATEUR GP */
  
  .change-enfant{
    text-align: center;
  }
  
  .change-enfant a{
    margin: 0 !important;
  }
  
  .change-enfant .container-fields-default div:first-child{
    margin: 0 !important;
  }
  
  .change-enfant .container-fields-default {
    text-align: center !important;
  }
  
  .change-enfant .icon-field{
    margin: 0 !important;
  }
  
  .question-grand-public .txtLabel {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 19px !important;
  }
  
  .question-grand-public .txtIcon {
      font-size: 32px !important;
      padding-left: 7px !important;
      margin-top: -10px !important;
  }
  
  /* FORM TARIFICATEUR */
  
  .form-express{
    text-align: center;
  }
  
  .form-express .row{
    margin-top: 10px !important;
  }
  
  .form-express .icon-field{
    margin: 0 !important;
  }
  
  .form-express .form-express-button{
    padding-right: 0px;
    text-align: center;
  }
  
  .questionAgence .bmd-label-floating{
    text-align: left !important;
  }

  .questionAgence .grid-gradient.grid-icon-check{
        grid-template-columns: repeat(3, 1fr) !important;
  } 
  
  .questionAgence .form-col-w19 {
    width: 100% !important;
    text-align: left !important;
  }
  
  .questionAgence .title-icon-text-button{
    flex-direction: column;
  }
  
  .questionAgence .col-content{
    flex-direction: column !important;
  } 
  
  .questionAgence .icon-title {
    width: 100% !important;
  } 
  
  .questionAgence .garanties {
    border: none !important;
  }
  
  .questionAgence .price-btn {
    width: 100% !important;
    margin-bottom: 100px !important;
  } 
  
  .express .form-col-w81{
    width: 100%;
  }
  
} /* responsive */ 

/*mobil style */
@media (max-width: 740px){

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


} /* responsive */ 

/*mobil style */
@media (max-width: 740px){
  
   body .element-file-container.questionnaire-etape-6-signature .element-file-container-body .container-fields-default div.col-md-6{
    width: 100% !important;
  }
 
  
  .questionnaire-etape-6-signature .container-fields-default.col-xs-12{
    text-align: center;
  }
  
} i.fa-regular.fa-circle-question{
  padding-left: 3px;
}
/* responsive */ 

/*mobil style */
@media (max-width: 740px){
  .modal-container{
    padding: 0 !important;
    
  }
  .modal-container .modal-content{
        border-radius: 0 !important;
        height: 100% !important;
    }
  
  .mobil-no-padding{
    padding: 0;
  }
  
  .mobil-no-padding .elementFile{
    padding: 0 !important;
  }

  body .mobil-no-padding #element-staged-form .container-fields-default .form-group.bmd-form-group   {
    padding: 0 !important;
  }
  
  body .mobil-no-padding #element-staged-form .container-fields-default .form-group.bmd-form-group .grid-gradient.grid-icon-check   {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  
  .mobil-no-padding #element-table-with-template{
    padding: 2px;
  }
  
  .mobil-inline .default-field div{
    display: inline;
  }
  
  .mobil-inline-block .default-field div {
    display: inline-block;
  }
  
  .mobil-inline-block.right .default-field div.col-md-6:last-child  {
    text-align: right;
    vertical-align: bottom;
  }
  
  .mobil-inline-block .default-field div.col-md-6  {
    padding: 0;

  }
  
  .mobil-text-center{
    text-align: center;
  }
  
  body.template-public .version {
    left: 0px !important;
  }
  
}

.MuiSvgIcon-root{
  color: black !important;
}

a:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none;
}


/*FIX TABS*/
.tabs-list-widget .tabs-list-container .simple-button-container a, 
.tabs-no-recharge-widget .tabs-list-container .simple-button-container a {
    max-height: unset!important;
    height: 44px!important;
} .relance-table .iconFamille i{
  color: #d0334c !important;
  font-size: 24px !important;
  font-weight: 200 !important;
}

.relance-table .container-fields-default{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: center;
}

.relance-table .iconFamille
{
  text-align: center;
}

.relance-table .produit .field-value div{
  font-weight: 500 !important;
}

.relance-table .date{
  
}

.relance-table .link span{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
}
.relance-table .link span div{
  color: #d0334c !important;
}
  
.relance-table .link{
    border: 1px solid #d0334c !important;
    padding: 4px 11px !important;
    border-radius: 20px !important;
}
.relance-table .link a{
  text-decoration: none;
}
.relance-table .link i{
  color: #d0334c !important;
  font-size: 19px !important;
} /**
  Corrección floating button

#floatingButton .custom-modal .modal-header {
  border-bottom: 1px solid #fff;
}

#floatingButton .custom-modal .modal-header h2 {
  font-size: 18px;  
}

#floatingButton .custom-modal .modal-header i {
  color: #d0334c !important;
}
*/

/**
 Corrección remboursement cuando sea mobil


.question-grand-public .txtLabel {
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 19px !important;
}

.question-grand-public .txtIcon {
    font-size: 32px !important;
    padding-left: 7px !important;
    margin-top: -10px !important;
}

*/

/* 
Fix footer par aplicar solo en mobil 
 
body.template-public .version {
    left: 0px !important;
}
*/ .table-stripped #element-card .stripped {
  background-color:#fff !important;
}

.table-stripped #element-card .col-md-6:first-child {
  text-align:right !important;
}

.table-stripped #element-card .col-md-6:last-child {
  text-align:left !important;
}

.table-stripped #element-card .col-md-6 {
  float:left !important
}

.table-stripped #element-card .stripped .row {
  display:flex !important;
  justify-content: center !important;
}

.table-stripped #element-card .col-sm-1 {
   width:auto;
}

.table-stripped #element-card .col-sm-11 {
  width:auto;
} .workflow-launched-procedures-results{
  font-size: 16px;
}

.workflow-launched-procedures-results .title-left {
  line-height:40px;
  height:40px;
  overflow:hidden;
  padding-right: 100px;
  margin-bottom:10px;
}

.workflow-launched-procedures-results .title-left .icon-field span{
    margin-top: 11px !important;
}

.workflow-launched-procedures-results .title-right {
  position:absolute;
  right :0;
  top:3px;
  right:5px;
}


.workflow-launched-procedures-results .field-value{
  margin-bottom: 15px;
}

.workflow-launched-procedures-results .code-container .field-value{
  font-size: 14px;
  color :#ffffff;
  background-color:#646464;
  height: 200px;
  overflow: scroll;
  padding:10px;
  overflow-wrap: break-word;
}

.workflow-launched-procedures-results .code-container.first-container{
  padding-right: 5px;
}

.workflow-launched-procedures-results .code-container.first-container{
  padding-left:; 5px;
}