/* ZF customs ----------- */
.ZFBGs::before {
  content: "";
  position: fixed;
  inset: 0;
  background: url('../img/5594961.png') no-repeat right / cover;
  z-index: -2;
  filter: grayscale(100%);
}

.ZFBGs::after {
  content: "";
  position: fixed;
  inset: 0;
  background: rgba(255, 255, 255, 0.85); /* blanco con transparencia */
  z-index: -1;
}

.smeLogoform{
  width: 95%;
}

.text-balance{
  word-wrap: break-word !important;
  overflow-wrap: break-word !important;
  white-space: wrap !important;
}

.actionIcon{
  font-size: 22px;
  cursor: pointer;
}

.btn-close-ZF{
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0em;
  margin-top: -10px !important;
  color: #fff;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  opacity: 1;
}

.bg-zf {
  background: linear-gradient(
    180deg,
    #0a0f2c 0%,
    #1a1f4f 60%,
    #3a0ca3 100%
  );
}

.bg-zftOP {
  background: linear-gradient(
    90deg,
    #1c2541 0%,
    #2c2f6b 100%
  );
  color: #ffffff;
}













/** ZF EXPLORER */
.topBar-ZFEX{
  color: white; 
  text-align: center; 
  border-radius: 15px 15px 0 0 ;
  padding-top: 10px;
}

.sideNavCont-ZFEX{
  border-radius: 0 0 0 15px ; 
  padding-top: 30px;
}

.sideNavDir-ZFEX{
  display: block;
  overflow-x: auto;
  white-space: nowrap;
}

.sideNavDirUL-ZFEX{
  list-style-type: none;
  margin: 5px;
  padding: 0px;
}

.dir:hover {cursor: pointer;}
.dirAdd{color: #011833;}
.dirAdd:hover {cursor: pointer; text-decoration: underline;}

.fileCont-ZFEX{
  background-color: white;
  border-radius: 0 0 15px 0;
}


.fileDirBar-ZFEX{
  margin: 15px; 
  background-color: #ecf0f1;
  border-radius: 10px;
  height: 28px;
}

.actionIcon-ZFEX{
  font-size: 20px;
  cursor: pointer
}

.pointerZF:hover {cursor: pointer;}
.ulZF {
  list-style-type: "/";
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.liZF {
  float: left;
  margin: 0 5px 0 5px;
}

.ulZF2 {
  list-style-type: none;
  margin: 0 10px 0 0;
  padding: 0;
  overflow: hidden;
}

::-webkit-scrollbar {
  height: 8px;
  width: 4px;
  border: 1px solid #d5d5d5;
}

/* Track */
::-webkit-scrollbar-track {
  background: #AED6F1; 
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #2E86C1; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #2874A6; 
}


.text-wrap-ZFEX{
  word-break: break-all !important;
  white-space: pre-wrap !important;
  width: 350px !important;
}
/** ./ZF EXPLORER */



/*CSS PARA AUTOMAIL*/
.divReq{
  width: 100%;
  height: 100%;
  color: white;
  font-family: Arial;
  margin: 0 !important;
}

.divWait{
  text-align: center;
}

.imgReq{
  display: block;
  margin: 0 auto 0 auto;
  border: none;
  width: 100%;
}

.bodyReq{
  width: 100%;
  height: 99vh;
  margin-top: 0 !important;
  margin-left: 0 !important;
  font-family: Arial;
  color: white;
  background-color: #17202A;
  
}

.showDiv{
  display: block;
}

.hideDiv{
  display: none;
}




.bg-gradient-salmon{
  background: rgb(250,128,114);
  background: linear-gradient(90deg, rgba(250,128,114,1) 0%, rgba(233,150,122,1) 52%, rgba(255,160,122,1) 100%);
}

.text-salmon{
  color: #E9967A;
}



.btn-Flows{
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #606c38;
  --bs-btn-border-color: #606c38;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #606c38;
  --bs-btn-hover-border-color: #606c38;
  --bs-btn-focus-shadow-rgb: 96, 108, 56;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #606c38;
  --bs-btn-active-border-color: #606c38;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #606c38;
  --bs-btn-disabled-border-color: #606c38;
}

.btn-ZF{
  --bs-btn-color: #ffffff;
  --bs-btn-bg: #c1121f;
  --bs-btn-border-color: #c1121f;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #c1121f;
  --bs-btn-hover-border-color: #c1121f;
  --bs-btn-focus-shadow-rgb: 96, 108, 56;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c1121f;
  --bs-btn-active-border-color: #c1121f;
  --bs-btn-active-shadow: none;
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #c1121f;
  --bs-btn-disabled-border-color: #606c38;
}










@media only screen and (min-device-width: 1401px), (min-width: 1401px){
  .imgReq{
    width: 25% !important;
  }
}

@media only screen and (min-device-width: 1201px) and (max-device-width: 1400px), (min-width: 1201px) and (max-width: 1400px){
  .imgReq{
    width: 45% !important;
  }
}

@media only screen and (min-device-width: 1025px) and (max-device-width: 1200px), (min-width: 1025px) and (max-width: 1200px){
  .imgReq{
    width: 45% !important;
  }
}

@media only screen and (min-device-width: 769px) and (max-device-width: 1024px), (min-width: 769px) and (max-width: 1024px){
  .imgReq{
    width: 90% !important;
  }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 768px), (min-width: 481px) and (max-width: 768px){
  
  .imgReq{
    width: 90% !important;
  }

}

@media only screen and (min-device-width: 300px) and (max-device-width: 480px), (min-width: 300px) and (max-width: 480px){
  .imgReq{
    width: 90% !important;
  }
}
/* ./CSS PARA AUTOMAIL*/