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

    
  






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

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



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

    color: #fff;
  }

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



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

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

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

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

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

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

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

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

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

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



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



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

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

/* HEADER */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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: #ed5938
}

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

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

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

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

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

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

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

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

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

/* ELEMENTS && WIDGETS */

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

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

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

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

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





/*PAGE*/
.page-builder h1{
  color:#464646;
  font-size:36px;
  font-weight:500;
}
.page-builder h2{
  color:#464646;
  font-size:24px;
  font-weight:500;
}
.page-builder h3{
  color:#464646;
  font-size:20px;
  font-weight:400;
}
.page-builder h4{
  color:#464646;
  font-size:18px;
  font-weight:400;
}
.page-builder h5{
  color:#464646;
  font-size:14px;
  font-weight:500;
}

#event-modal-manager h1{
  color:#464646;
  font-size:36px;
  font-weight:500;
}

#event-modal-manager h2{
  color:#464646;
  font-size:24px;
  font-weight:500;
}
#event-modal-manager h3{
  color:#464646;
  font-size:20px;
  font-weight:400;
}
#event-modal-manager h4{
  color:#464646;
  font-size:18px;
  font-weight:400;
}
#event-modal-manager h5{
  color:#464646;
  font-size:14px;
  font-weight:500;
}

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

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

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

/* Box button */

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

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

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

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

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

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

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

@media (min-width: 740px){

  body .page-builder .box-class-1{
      }

  
}

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

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

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



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

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

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

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

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



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



/** Box into an Element */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* 30-70 */

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

/* 40-60 */

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

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

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

/* 60-40 */

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

/* 70-30 */

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

/* 10-90 */

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

/* 90-10 */

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

/* 20-80 */

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


/* 80-20 */


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


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

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

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


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

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

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

    }
    /* end form button */



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

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

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

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

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

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

    body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root{
        border: 1px solid #dfdfdf;
    }
    body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root.bordered{
        border: 1px solid #dfdfdf;
    }
    body .form-component .container-radio-field .MuiFormGroup-root .MuiFormControlLabel-root:hover{
        border: 1px solid #ed5938 !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: 5px;
        height: 49px;
    }
    
    /* select-search-field */
    body .form-component .select-search-field a{
        background-color: transparent;
        color: #ff4b25;
        border-color: #ff4b25;
        border-radius: 20px;
    }
    body .form-component .select-search-field a:hover{
        background-color: #ff4b25;
        color: #ffffff;
        border-color: #ff4b25;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

    /* Text transform */

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

    /* End Text transform */

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

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

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

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

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

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


    

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

    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: 1px;
}

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

}

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

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

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

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

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

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

body .element-table-container .rt-thead.-header{
  background-color: #ffffff;
  font-size: 14px;
}
body .element-table-container .ReactTable .rt-thead .rt-resizable-header-content{
  color: #1a3360;
  line-height: 16px;
  /* text-align: center */
}
body .element-table-container .elementTable .rt-tbody{
  color: #464646;
  font-size: 14px;
}
body .element-table-container .rt-tr.-odd:hover, body .element-table-container .rt-tr.-even:hover {
    background: #fdeeea;
    color: ;
}
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: ;
}

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

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





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

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

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

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

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

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

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

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

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

/* charts */




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




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

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

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

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




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



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


/* CarField */

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

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

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

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


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

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

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

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

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


/*TABLE DOCUMENT*/

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




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

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

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

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


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

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

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






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

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

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

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

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

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

    }
    body .action-button-container.action-btn-3:hover{
        background-color: #fff;
    }
    body .action-button-container.action-btn-3 .container-icon i{
        color: ;
        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: #ed5938;
    }
    body .action-button-container.action-btn-3:hover .container-number span{
        color: ;
    }
    body .action-button-container.action-btn-3 .container-number span{
        color: #ed5938;
        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: ;
        font-size: 18px;
        font-weight: 300;/* 300; */;
    }
    body .action-button-container.action-btn-3:hover .container-title p{
        color: #ed5938;
    }




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

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

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




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

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

    
    

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

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

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

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

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

    }

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

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

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



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

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




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

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

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

        

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

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

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

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




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




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

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


    body .simple-button-container a.btn-1 i,
    body .simple-button-container button.btn-1 i,
    body #element-staged-form .btn-submit.btn-1 i,
    body #element-staged-form .btn-action.btn-1 i{
        font-size: 16px;
        margin-right: 5px;
    }
    body .simple-button-container a.btn-1 svg,
    body #element-staged-form .btn-submit.btn-1 svg,
    body #element-staged-form .btn-action.btn-1 svg{
        width: 16px;
        height: 16px;
        margin-right: 5px;
        left: 16px;
    }
    body .simple-button-container a.btn-1:hover,
    body .simple-button-container button.btn-1:hover,
    body #element-staged-form .btn-submit.btn-1:hover,
    body #element-staged-form .btn-action.btn-1:hover{
        background-color: #ffffff;
        color: #ff4b25;
        border: 1px solid #ff4b25;
    }
    /* 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 #ff4b25;
        font-size: 14px;
        border-radius: 20px;
        color: #ff4b25;
        padding: 12px 32px;
                    -webkit-box-shadow: 0px 0px 4px #ddddddFF;
            -moz-box-shadow: 0px 0px 4px #ddddddFF;
            box-shadow: 0px 0px 4px #ddddddFF;
            }
    body .simple-button-container a.btn-2 i,
    body .simple-button-container button.btn-2 i, 
    body #element-staged-form .btn-submit.btn-2 i{
        font-size: 16px;
        margin-right: 5px;

    }
    body .simple-button-container a.btn-2 svg,
    body .simple-button-container button.btn-2 svg, 
    body #element-staged-form .btn-submit.btn-2 svg{
        width: 16px;
        height: 16px;
        margin-right: 5px;
        left: 16px;
    }
    body .simple-button-container a.btn-2:hover,
    body .simple-button-container button.btn-2:hover, 
    body #element-staged-form .btn-submit.btn-2:hover{
        background-color: #ff4b25;
        color: #ffffff;
        border: 1px solid #ff4b25;
    }
    /* 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: #f3f3f3;
        border: 1px solid #f3f3f3;
        font-size: 14px;
        border-radius: 20px;
        color: #39332c;
        padding: 12px 32px;
                    -webkit-box-shadow: 0px 0px 4px #ddddddFF;
            -moz-box-shadow: 0px 0px 4px #ddddddFF;
            box-shadow: 0px 0px 4px #ddddddFF;
            }
    body .simple-button-container a.btn-3:hover,
    body .simple-button-container button.btn-3:hover, 
    body #element-staged-form .btn-submit.btn-3:hover{
        background-color: transparent;
        color: #ff4b25;
        border: 1px solid #ff4b25;
    }
    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: #ff4b25;
        font-size: 14px;
    }
    body .action-list-widget #actionList .action-list-container .action-list-label{
        color: #ff4b25;
        font-size: 14px;
    }
    body .action-list-widget #actionList .action-list-container .btn-action{
        background-color: transparent;
        border: 1px solid #ff4b25;
        transition: 0.5s;
    }
    body .action-list-widget #actionList .action-list-container .btn-action:hover{
        background-color: transparent;
        border: 1px solid #ff4b25;
    }
    body .action-list-widget #actionList .action-list-container .btn-action:hover i{
        color: #ff4b25;
    }
    body .action-list-widget #actionList .action-list-container .btn-action i{
        color: #ff4b25;
    }
    body .action-list-widget #actionList .action-list-container ul.dropdown-menu{
        background-color: #fffffff;
        border-radius: 8px;
    }
    body .action-list-widget #actionList .action-list-container ul.dropdown-menu div a{
        color: #2a3649;
        font-size: 14px; 
    }
    body .action-list-widget #actionList .action-list-container ul.dropdown-menu div a:hover{
        color: #ff4b25;
    }




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






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

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

    }

    /* 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:  !important;
        border-bottom: 1px dashed #5261dd82 !important;
    }

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

    }

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






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

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

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

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

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

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

    
    body #contactInfo .title h4:before{
                
    }

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

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

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



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

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

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

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

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

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

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

    /* buttons */
    
    /* button-primary */
    body .custom-modal.modal-table.modal-1 .form-component .buttons .btn-primary, 
    body .custom-modal.modal-step-form.modal-1 .btn-primary,
    body .custom-modal.modal-list-field.modal-1 .btn-primary{
        color: #fff;
        background-color: #ed5938;
        border-color: #ed5938;
        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: #ed5938;
        border-color: #ed5938;
    }

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

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

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


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

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

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

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

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

    /* buttons */
        
    /* button-primary */
    body .custom-modal.modal-table.modal-2 .form-component .buttons .btn-primary, 
    body .custom-modal.modal-step-form.modal-2 .modal-footer .btn-primary,
    body .custom-modal.modal-list-field.modal-2 .modal-footer .btn-primary{
        color: #fff;
        background-color: #ed5938;
        border-color: #ed5938;
        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: #ff4b25;
    }
    body .sidebar-last-posts .container-title .data{
        color: #bab9b7
    }



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

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

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

    body .field-container .container-custom-icon.numberfield i{
        font-size: 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 rgba(42, 54, 73, 0.22);
    }
    body .breadcrumb .container-breadcrumb a, body .breadcrumb .container-breadcrumb .row{
        color: #a7b2be !important;
        font-size: 14px;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    body .breadcrumb .container-breadcrumb .row a{
        vertical-align: middle;
    }
    body .breadcrumb .container-breadcrumb a:hover{
        color: #1a3360 !important;
    }
    body .breadcrumb .container-breadcrumb .links-breadCrumb{
        display: flex;
        align-items: center;
    }
    /* back button */

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

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

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




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

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

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

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

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

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

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

    body .multi-file-field .box-state-01.multi-file-dropzone-inner {
        flex-direction: column;
        align-items: stretch;
        justify-content: center;
        height: auto;
        min-height: 49px;
        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, #fdd5d199 0%, #fdd5d1 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: #ed5938;
        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: #ed5938;
    font-size: 16px;
}

body .file-field-container .subtitle-file{
    color: ;
    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: ;
}



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


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


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

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


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

    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 #ed5938;
        border-radius: 0px;
    }
    body .tarif-field-form-group.has-error .tarif-field .col-content{
        border: 2px solid #bf5329;
    }
    body .tarif-field .col-content.selected{
        border: 1px solid #ee6e2d;
    }
    body .tarif-field-form-group .tarif-field .selected .simple-button-container .simple-btn{
        border: 2px solid #ee6e2d;
    }
    body .tarif-field-form-group .tarif-field .selected .simple-button-container .simple-btn:hover{
        border: 2px solid #ee6e2d;
    }
    body .tarif-field .list-tarif{
        font-size: 14px;
    }
    body .tarif-field-form-group .tarif-field span{
        margin-bottom: 20px;
    }
    body .tarif-field-form-group .tarif-field .not-available{
        color: #cecece;
    }
    /* button */
    body .tarif-field-form-group .tarif-field .simple-button-container .simple-btn{
        background-color: transparent;
        border: 1px solid #ee6e2d;
        border-radius: 0px;
        font-size: 14px;
        color: #ee6e2d;
    }
    body .tarif-field-form-group .tarif-field .simple-button-container .simple-btn:hover{
        color: #ee6e2d;
        background-color: transparent;
        border: 1px solid #ee6e2d;
    }
    /* price */
    body .tarif-field-form-group .tarif-field .tarif-price{
        font-size: 40px;
        color: #ed5938;
        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: ;
        font-weight: 600;
    }
    /* icons */
    body .tarif-field-form-group .tarif-field i.fa, i.fa-regular-check{
        color: #78CDB4 !important;
    }
    body .tarif-field-form-group .tarif-field i.fa, i.fa-regular-times{
        color: #EC8986 !important;
    }




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

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

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

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


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




  /* button */
  .login-box form.login-two-factor .form-group .btn{
    background-color: #ff4b25;
    border-color: #ff4b25;
    border-radius: 30px;
    color:#ffffff;
    text-transform: none;
    height: 46px;
    width: 100%;
  }
  .login-box form.login-two-factor .form-group  .btn:hover{
    background-color: #ff4b25;
    border-color: #ff4b25;
    color:#ffffff;
    border: 1px solid #ff4b25;
  }
  body.template-loginTwoFactor .login-container{
    background-image: url('https://storage.gra.cloud.ovh.net/v1/AUTH_e15f6f9849b947e9845253c522fb5927/ascora/public/medias/original/nTrkBlsBxf0ej4XOb3V1yMkPYdxuk2O3c9XkiG0C.jpg?t=1774865180');
  }
  

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

    }

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


    /* btn-contact */
    body .contact-button-container a.btn-contact, 
    body .contact-button-container button.btn-contact,
    body #element-staged-form .btn-submit.btn-contact,
    body #element-staged-form .btn-action.btn-contact,
    body.template-public .menu-container ul li a.btn-contact{
        background-color: #ed5938;
        border: 1px solid ;
        font-size: 14px;
        border-radius: 24px; 
        color: ;
       /*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: ;
        color: #ed5938;
        border: 1px solid #ed5938;
        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: #ed5938;
        border: 1px solid ;
        color: ;
        cursor: default;
    }
    



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

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

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

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




    .box-icon{
                    -webkit-box-shadow: 0px 0px 4px #ddddddFF;
            -moz-box-shadow: 0px 0px 4px #ddddddFF;
            box-shadow: 0px 0px 4px #ddddddFF;
                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: #ff4b25;
    }





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

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

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

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


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


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


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


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

    /* border-radius */

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

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




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

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






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


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

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


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

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

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


 

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

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


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




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




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




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

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



 

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

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

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

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

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

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

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

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

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

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





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

    }

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

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

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


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

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

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

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

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

}

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

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

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






   /*  body .container-content-full-width article,
    body .container-content-full-width article .row .col-xs-12,
    body .container-content-full-width .container-img{
        padding: 0;
    } */
    @media only screen and (max-width: 768px) {
        body .container-content-full-width article .row .col-xs-12{
            float: unset;
        }
    }
    body .content-block-1{
        background-color: #ed5938;
        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: #ed5938;
        font-size: 14px;
        border: 1px solid #fff;
        border-radius: 0px;
    }
    body .content-block-1 .simple-btn:hover{
        background-color: #fff;
        color: #ed5938;
        border: 1px solid #fff;
    }
    body .content-block-1 .simple-btn i{
        font-size: 14px;
        padding-left: 5px;
    }
    body .content-block-1 .simple-btn svg{
        width;: 28px;
        height;: 28px;
        padding-left: 5px;
    }

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




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

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






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

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

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

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

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

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

}

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

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

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

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 #ed5938;
    background-color: #ffffff;
    border-radius: 12px
} 

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

}

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

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

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

}

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


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



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

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

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

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

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

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







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

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

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

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

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

    /* LAST NEWS */

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

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


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

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

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

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

            






body .element-file-container .heading-title label, 
body .element-file-container .heading-title span{
  color:#464646;
  font-size:36px;
  font-weight:500;
  line-height: 40px;
}

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





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

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




  

    body {
      font-family: Poppins, sans-serif !important;
    }
    .react-datepicker-wrapper{
      font-family: Poppins, sans-serif!important;
    }
    .react-datepicker__day-name, .react-datepicker__day, .react-datepicker__time-name{
      font-family: Poppins, sans-serif !important;
    }
    .react-datepicker__current-month, .react-datepicker-time__header{
      font-family: Poppins, sans-serif !important;
    }
    .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{
      font-family: Poppins, sans-serif !important;
    }
    .stepper-progress-bar .stepper-container .stepper-titles .title{
  display:block;
}

.stepper-progress-bar .stepper-container .step-number{
    border-color: #ED5938;
    color: #ED5938;  
}

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

.ouinon-agrement-style .col-xs-7{
  padding-left: 25px !important;
}

.propietaire{
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: flex-start;
}

body #element-staged-form .propietaire .container-fields-default .form-group.bmd-form-group {
  padding: 0px 5px 0px 0px !important;
}

body #element-staged-form .location-visual-select .grid-gradient {
 flex-wrap: wrap;
}

body #element-staged-form .location-visual-select .grid-item.max-grid-item {
    flex-basis: 30%;
    flex-grow: 0;
    flex-shrink: 0;
}


/* modal revenu */
.modal-list-field .col-xs-12.col-md-10.col-md-offset-1 {
  margin: 0;
  width: 100%;
}

/*menu-revenu*/

body #element-staged-form .menu-revenu .container-fields-default .form-group.bmd-form-group{
  padding: 0 !important;
}

body #element-staged-form .menu-revenu .container-fields-default .form-group.bmd-form-group .field-container .field-container-col {
  padding: 0 !important;
}

body #element-staged-form .menu-revenu .container-fields-default.col-sm-6  .form-group.bmd-form-group .floating-label-field {
  padding:  5px !important;
}

body #element-staged-form .menu-revenu .container-fields-default.col-sm-6  .form-group.bmd-form-group .field-container .field-container-col {
  padding: 0px !important;
}



/* Confirmer-revenu */
body #element-staged-form .conf-revenu .container-fields-default .form-group.bmd-form-group{
  padding: 0 !important;
}

body #element-staged-form .conf-revenu .container-fields-default.col-xs-12  .form-group.bmd-form-group .field-container .field-container-col {
  padding: 0 !important;
}

body #element-staged-form .conf-revenu .container-fields-default .form-group.bmd-form-group .field-container .field-container-col {
  padding: 0px 0px 0px 5px !important;
}

body #element-staged-form .conf-revenu .container-fields-default  .form-group.bmd-form-group .floating-label-field {
  padding: 0px 0px 0px 5px !important;
}


body #element-staged-form .modal-revenu .no-padding-fields .field-container-col{
  padding: 0 !important;
}

/*form field list row */
.form-list-field .field-type i{
  color: #ed5938 !important;
}

body #element-staged-form .fields-list-container .field-actions a.text-primary{
  color: #ed5938 !important;
}

.form-list-field .field-labels span p:not(.verif,.noverif){
  float: left;
  color: #ed5938;
  width: 180px;
  text-align: left;
}

.form-list-field .field-labels span.verif{
    border: 1px solid #41D99F;
    border-radius: 26px;
    padding: 6px 30px 6px 30px;
    color: #41D99F;
    float: right;
    margin-top: 2px;
    line-height: 25px;
    margin-right: 8px;
}

.form-list-field .field-labels span.noverif{
    border: 1px solid #FCA52F;
    border-radius: 26px;
    padding: 0px 30px 0px 28px;
    color: #FCA52F;
    float: right;
    margin-top: 2px;
    line-height: 37px;
    margin-right: 8px;
}

.btn-desactive a{
    color: white !important;
    background-color: #ccc !important;
    border-color: #ccc !important;
    text-decoration: none !important;
    cursor: default;
}

.doc-banner{
  border: 1px solid #41D99F !important;
  padding: 13px !important;
}

.doc-banner-padding{
  padding: 0px 16px 0px 15px;
}

.doc-banner i{
  font-weight: 200 !important;
}

body #element-staged-form .doc-banner .left-text-container{
  padding: 0px 20px 0px !important;
}

.row-20{
  width: 20% !important;
}

.row-80{
  width: 80% !important;
}

.box.box-state-01 {
  height: 150px !important;
}

body #element-staged-form .container-icon.icon-field{
  margin: 13px 0px 0px !important; 
} 

.border-message-green{
  border: 1px solid #41D99F;
  padding: 20px 0px 0px 0px !important;
  border-radius: 12px;
  margin: 0px 23px !important;
}

body #element-staged-form  .status .left-text-container p{
  padding-top: 5px !important;
}
body #element-staged-form  .status .left-text-container{
  padding: 0 !important;
}
body #element-staged-form  .status{
  margin: 0 !important;
}
.border-message-green .status{
  margin-top: 13px;
}


.border-message-green .status p {
  margin-left: 20px;
}

.border-message-green .status .has-color .default-field .col-md-12:first-child {
  display: none;
}

.border-message-green .status .field-value{
  padding: 7px 9px !important;
  border-radius: 14px !important; 
}

.border-message-green .price .field-value{
  font-size: 20px;
}

.border-message-green .subtext h5{
  font-size: 10px; 
  color: #7C7974 !important;
}

.border-message-green .subtext .left-text-container{
  padding: 0px 25px 15px !important;
}

.border-message-green i{
  font-weight: 200 !important;
}

.border-message-red{
  border: 1px solid #ED5938;
  padding: 20px 0px 0px 0px !important;
  border-radius: 12px;
  margin: 0px 23px !important;
}

.border-message-red i{
  font-weight: 200 !important;
}

.border-message-red .status{
  margin-top: 13px;
}


.border-message-red .status p {
  margin-left: 20px;
}

.border-message-red .status .has-color .default-field .col-md-12:first-child {
  display: none;
}

.border-message-red .status .field-value{
  padding: 7px 9px !important;
  border-radius: 14px !important; 
}

.border-message-red .price .field-value{
  font-size: 20px;
}

.border-message-red .subtext h5{
  font-size: 10px; 
  color: #7C7974 !important;
}

.border-message-red .subtext .left-text-container{
  padding: 0px 25px 15px !important;
}

.border-message-orange{
  border: 1px solid #FCA52F;
  padding: 20px 0px 0px 0px !important;
  border-radius: 12px;
  margin: 0px 23px !important;
}

.border-message-orange i{
  font-weight: 200 !important;
}

.border-message-orange .status{
  margin-top: 13px;
}

.border-message-orange .status p {
  margin-left: 20px;
}

.border-message-orange .status .has-color .default-field .col-md-12:first-child {
  display: none;
}

.border-message-orange .status .field-value{
  padding: 7px 9px !important;
  border-radius: 14px !important; 
}

.border-message-orange .price .field-value{
  font-size: 20px;
}

.border-message-orange .subtext h5{
  font-size: 10px; 
  color: #7C7974 !important;
}

.border-message-orange .subtext .left-text-container{
  padding: 0px 25px 15px !important;
}

.stepper-lateral-richtext{
  line-height: 1.5 !important;
}

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

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

body #element-staged-form .msg_error.margin-top30{
  margin-top: 30px !important;
}

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

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

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

body #element-staged-form .txtLabel.labelColor{
    padding: 0px 15px !important;
    background-color: #ffe6de;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 7px;
    justify-content: flex-start;
    border: 1px solid #ffe6de !important;
    border-radius: 20px;
}

body #element-staged-form .txtLabel.labelColor.mt10{
  margin-top: 10px;
}

body #element-staged-form .txtLabel .input-container input{
    border: 0 !important;
    background-color: unset;
    box-shadow: none;
    padding: 0;
    cursor: unset;
    pointer-events: none;
  
}

body #element-staged-form .txtLabel.txtGray .input-container input{
    height: 10px;
}

body #element-staged-form .container-fields-default .row .txtLabel .container-fields-default .form-group:last-child{ 
  padding-bottom: 0 !important;
} 

body #element-staged-form .txtLabel .field-container .floating-label{
  left: 0 !important;
  pointer-events: none !important;
  white-space: normal !important;
  font-size: 14px;
  font-weight: 500;
}

body #element-staged-form .txtLabel.labelColor .field-container .floating-label{
  color: #e97a57 !important;
  font-weight: bold;
}

/* STATUT FINAL */
.status-provisoire-fav {
  border: 1px solid #abefd3;
  border-radius: 12px;
  padding: 10px;
  margin: 0px 24px 0px 22px;
}
.status-provisoire-fav .w-15{
  width: 15%;
}

.status-provisoire-fav .w-15 .icon-fav{
  padding-bottom: 10px;
}

.status-provisoire-fav .w-15 .icon-fav i{
    color: #42d99f !important;
    font-size: 66px;
    font-weight: 200;
}

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

body #element-staged-form .status-provisoire-fav .fav .left-text-container p{
  margin-bottom: 3px !important;
}

body #element-staged-form .status-provisoire-fav .fav .style-container.form-group.bmd-form-group{
  padding: 10px !important;
  width: fit-content;
  background-color: #abefd3;
  border-radius: 12px;
}

body #element-staged-form .status-provisoire-fav .fav .style-container.form-group.bmd-form-group .field-container .txtLabel{
  color: #46daa3;
  font-size: 16px;
}

body #element-staged-form .status-provisoire-fav .cap .left-text-container{
  padding: 0 !important;
}

body #element-staged-form .status-provisoire-fav .cap .left-text-container p{
  margin: 0 !important;
}


body #element-staged-form .status-provisoire-fav .cap .style-container.form-group.bmd-form-group{
  padding: 5px 0px 0px 0px !important;
  width: fit-content;
}

body #element-staged-form .status-provisoire-fav .cap .style-container.form-group.bmd-form-group .field-container .txtLabel{
  font-size: 26px;
}

body #element-staged-form .status-provisoire-fav .cap .flex{ 
  display: flex;
  flex-direction: row;
  align-items: center;
}  

body #element-staged-form .status-provisoire-fav .cap .flex .container-icon.icon-field{ 
    margin: 4px 0px 0px !important;
}

.status-provisoire-def {
  border: 1px solid #ed5938;
  border-radius: 12px;
  padding: 10px;
  margin: 0px 24px 0px 22px;
}

.status-provisoire-def .w-15{
  width: 15%;
}

.status-provisoire-def .w-15 .icon-def{
  padding-bottom: 10px;
}

.status-provisoire-def .w-15 .icon-def i{
    color: #ed5938 !important;
    font-size: 66px;
    font-weight: 200;
}


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

body #element-staged-form .status-provisoire-def .def .left-text-container p{
  margin-bottom: 3px !important;
}

body #element-staged-form .status-provisoire-def .def .style-container.form-group.bmd-form-group{
  padding: 10px !important;
  width: fit-content;
  background-color: #ffd6bf;
  border-radius: 12px;
}

body #element-staged-form .status-provisoire-def .def .style-container.form-group.bmd-form-group .field-container .txtLabel{
  color: #ed5938;
  font-size: 16px;
}

body #element-staged-form .status-provisoire-def .cap .left-text-container{
  padding: 0 !important;
}

body #element-staged-form .status-provisoire-def .cap .left-text-container p{
  margin: 0 !important;
}

body #element-staged-form .status-provisoire-def .cap .container-fields-default .style-container.form-group.bmd-form-group{
  padding: 5px 0px 0px 0px !important;
  width: fit-content;
}

body #element-staged-form .status-provisoire-def .cap .style-container.form-group.bmd-form-group .field-container .txtLabel{
  font-size: 26px;
}

body #element-staged-form .status-provisoire-def .cap .flex{ 
  display: flex;
  flex-direction: row;
  align-items: center;
}

body #element-staged-form .status-provisoire-def .cap .flex .container-icon.icon-field{ 
    margin: 9px 0px 0px !important;
} .btn-3 i{
  color: #ED5938;
}

.tabs-list-container.buttons i{
  color: red;
  font-weight: 100;
}

.display-flex-title .inline_content{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}

.public-container #menuTop{
  padding-left: 0px !important;
}
.public-container #menuTop .public-logo-container img{
  max-height: 65px !important;
} .title-card-home .title-nom{
  margin-top: 18px !important;
}
.title-card-home .title-nom span{
  font-size: 36px !important;
      font-weight: 600 !important;
}

.title-card-home .title-nom .field-value {
  padding-left:0px !important;
  padding-right:0px !important;
}

.title-card-home .title-nom .col-md-6{
  padding: 0 !important;
      width: 100% !important;
}

.title-card-home .row{
  margin: 0 !important;
} .background-white:before {
    width: calc(100% + 40px);
    position: absolute;
    margin-left: -20px;
    height: 5000px !important;
    background: white;
    z-index: 0;
    top: 13px;
}

.background-white .widget-component{
  box-shadow:none !important;
}

.background-white{
  margin-top: -11px;
} .background-image-home{
  position: fixed;
    top: -13px;
    right: -233px;
}

.background-image-home img{
    transform: rotate(-45deg);
    height: 460px;
} .search-filtre-home .layout.container-fluid{
  padding: 0 !important;
}


body .search-filtre-home #element-staged-form  .container-fields-default .form-group.bmd-form-group {
      padding: 24px 6px 0px 0px !important;
} .no-padding-top-30 #element-card{
  padding: 0 !important;
  padding-top: 30px !important;
}

.fiche-agrement .elementIconCard .fields-container i{
  margin-right: 10px;
}

.fiche-agrement.box-class-1{
  margin-left: 25px;
  margin-right: 25px;
  border-radius: 10px !important;
}

.fiche-agrement.box-class-1.no-margin{
  margin-left: 0;
  margin-right: 0;
}

.fiche-agrement.box-class-1 .left-text-container p{
  color: #959595;
  margin-top: 10px;
}

.fiche-agrement.box-class-1 span{
  padding: 0px !important;
}

.fiche-agrement.box-class-1 .container-fields-default.col-xs-12.display_label.inline_content div{
  margin-left: 0px !important;
}

.fiche-agrement #element-table-with-template{
  padding: 10px 10px 10px !important;
}

.fiche-agrement .info-price{
  margin-top: 20px;
}

.fiche-agrement .info-locataire{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.fiche-agrement .info-locataire .field-value:nth-child(2){
  color: #ED5938 !important;
}

.fiche-agrement .info-locataire .field-value{
  font-size: 16px;
  font-weight: 500;
}

body .documentTable.fiche-agrement{
  border: 1px solid #DFDFDF;
  border-radius: 11px;
  padding: 10px 0px 10px 10px
}

body .documentTable.fiche-agrement .col-doc{
  width: 10%;
}

body .documentTable.fiche-agrement .col-doc i{
  color: #ed5937;
}

body .documentTable.fiche-agrement .col-icon{
  width: 30%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

body .documentTable.fiche-agrement .col-info{
  width: 30%;
} .historique{
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 12px;
    margin: 0;
}

.historique .date-status{
  padding-bottom: 10px;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}

.historique .date-status .field-value div{
  font-size: 17px;
}

.historique .date-status .has-icon .has-color{
  padding: 5px 10px 5px 10px;
  border-radius: 18px;
}

.historique .detail .field-value{
  line-height: normal;
  padding-left: 6px;
} .card-calculatrice{
    padding: 0px 10px 0px 10px;
    border: 1px solid #cfcfcf;
    border-radius: 19px;
}

.card-calculatrice .price{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}

.card-calculatrice .price .icon-field i{
    font-weight: 200;
    padding-left: 15px;
}

body #element-staged-form .card-calculatrice .price .amount{
  padding: 30px 0px 0px 30px; !important;
}

body #element-staged-form .card-calculatrice .price .amount .row .left-text-container{
  padding: 0 !important;
}

body #element-staged-form .card-calculatrice .price .amount .row .left-text-container p{
  font-size: 16px;
}

body #element-staged-form .card-calculatrice .price .amount .form-group.bmd-form-group{
  padding: 0px 0px 30px 0px !important;
}

body #element-staged-form .card-calculatrice .price .amount .form-group.bmd-form-group .txtLabel{
  font-size: 26px;
  font-weight: 500;
} #event-modal-validation-success .buttons{
  padding-bottom: 50px;
} .button-file i{
  color: #ed5938; 
  font-weight: 300 !important;
  font-size: 40px !important;
}

.button-file .subtitle-doc p{
  color: #ed5938 !important;
} .fiche-agrement-info .autocertificer{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 10px;
    width: fit-content;
    border: 1px solid #ff4b25;
    border-radius: 24px;
    padding: 0px 10px 0px 10px;
    border-right: 1px solid #ff4b25 !important;
}

.fiche-agrement-info .autocertificer .left-text-container p{
  color: #ff4b25;
} .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;
}