@charset "utf-8";
/* CSS Document */
:root{
  --lateralwidth:600px;
  --areapaddings:50px;
  --explorertopheight:100px;
  --areabradius:0px;
  --color1:black;
}


*::-webkit-scrollbar {
    width: 8px;
}

*::-webkit-scrollbar-track {
    border-radius: 8px;
    background: var(--lightgray);
}

*::-webkit-scrollbar-thumb {
    height: 56px;
    border-radius: 8px;
    border: 0px solid transparent;
    background-clip: content-box;
    background-color: var(--color1);
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}


body{
background: var(--lightgray);
}
html,body, .type-page{
height: 100%;
}
.cprivadalateralheader svg,.cprivadalateralheader img{
width: 148px;
height: auto;
}
.contentregisterform{
max-width: 550px;

margin: auto;
text-align: center;
}
.contentregisterforminner{
background: white;
}
.contentregisterforminnerinner{
padding: var(--areapaddings);
}
.cusertop a br{
display: none;
}
.careafolderbye{
pointer-events: none;
}
.cformdefault input{
width: 100%;
display: block;
box-sizing: border-box;
text-align: center;
padding: 13px;
padding-left: 30px;
padding-right: 30px;
margin-top: 15px;
border-radius: 30px;
border: 0px solid black;
color:var(--text);
background: var(--lightgray);
font-size: 18px;
}
.cformdefaultwhite input{
background: white;
}
.contentregisterforminnerinner svg,.contentregisterforminnerinner img{
max-width: 130px;
height: auto;
}
.contentregisterform .bformsubmit {
background: var(--color1);
color: white;
}
.cformlinksbottom,.cformlinksbottom *{
font-size: 14px;
color: black;
}
.cformlinksbottom a{
text-decoration: underline;
}
.cformlinksbottom{
margin-top: 25px;
line-height: 25px;
}
.cformerror{
position:absolute;
top:0px;
left:0px;
width:100%;
text-align: center;
background: var(--color1);
padding: 5px;
z-index: 300;
box-sizing: border-box;
}

.cformerror,.cformerror *{
color: white;
font-size: 16px;
}
.cheaderresponsivefix{
display: none;
}
.cprivadawrap{
height: 100%;
padding: var(--areapaddings);
box-sizing: border-box;
position: relative;
}
.cprivadawrapinner{
height: 100%;
box-sizing: border-box;
padding-left: calc(var(--lateralwidth) - var(--areapaddings));
}
.cprivadalateralsearch{
position: relative;
}
.cprivadalateral {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: var(--lateralwidth);
  padding: var(--areapaddings);
  padding-right: 0px;
  box-sizing: border-box;
}
.cprivadalateralinner{
background: white;
padding: var(--areapaddings);
box-sizing: border-box;
}
.cprivadalateralheader,.cprivadalateralfooter{
padding: var(--areapaddings);
box-sizing: border-box;

}
.cprivadalateralheader,
.cprivadalateralsearch,
.cprivadalateralfooter {
  width: 100%;
}

.cprivadalateralheader,.cprivadalateralfooter{
position: absolute;
top: 0px;
left: 0px;
}
.cprivadalateralfooter{
top: auto;
bottom: 0px;
}
.cprivadalateralinner{
position: relative;
height: 100%;
}

.cprivadalateral input {
  text-align: left;
}
.cprivadalateralsearch .shsearchtitle{
margin-bottom: 15px;
}
.clateralform{
position: relative;
}
.clateralform svg{
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 30px;
}
.clateralform input{
margin-top: 0px;
}

.cprivadaexplorer,.cprivadaexplorerinner{
height: 100%;
background: white;
border-radius: var(--areabradius);
overflow: hidden;
box-sizing: border-box;
}
.cprivadaexplorerinner{
padding: var(--areapaddings);
padding-right: calc(var(--areapaddings) / 2);
}
.cprivadaexplorertop{
padding-right: calc(var(--areapaddings) / 2);
}

.cprivadaexplorertop {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
height: var(--explorertopheight);
padding-bottom: 30px;
box-sizing: border-box;
position: relative;
}
.cprivadaexplorerbox{
overflow-y: auto;
height: calc(100% - var(--explorertopheight));
box-sizing: border-box;
padding-right: calc(var(--areapaddings) / 2);
}
.cprivadaexplorertopinner{
position: relative;
}
.cusertop{
position: absolute;
bottom: 0px;
right: 0px;
padding-right: 60px;
line-height: 20px;
}
.cusertop a{
font-size: 14px;
text-decoration: underline;
}
.cusercircle{
background: var(--color1);
color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  height: 42px;
  width: 42px;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
}
.folder-item ul{
/* display: none; */
}
.cprivadaexplorerbox ul{
list-style: none;
padding-left: 0px;
margin: 0px;
}
.cprivadaexplorerbox ul li{
border-top: 1px solid var(--color1);

}
.folder-level-0{
border-bottom: 1px solid var(--color1);
}
.citemfilefolder,.citemfilefolder a{
min-height: 40px;
display: flex;
align-items: center;
width: 100%;
}

.citemfilefolder{
padding-top: 10px;
padding-bottom: 10px;
}
.citemfilefolder > *:first-child,
.citemfilefolder > *:first-child {
    min-width: 44px;
    flex-shrink: 0; /* Evita que se reduzca */
}
.citemfilefolder{
box-sizing: border-box;
cursor: pointer;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;
position: relative;

}
.citemfilefolder:hover{

}
.citemfilefolder svg{
margin-right: 20px;
}
.sfolderrighticon{
position: absolute;
right: 0px;
display: block;
}
.sfolderrighticon svg{
margin-right: 0px;
}

/* *[class^="folder-level-"] {
display: none;
} */
*[class^="folder-level-"] ul {
display: none;
}

.explorer-item > div:nth-child(1){
display: none;
}
.explorer-item{
border-bottom: 1px solid var(--color1);
}
.folder-level-0,.explorer-item{
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;

}
.careafolderbye{
opacity: 0!important;
transform: translateX(10px)!important;
}
.explorer-item{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
background: white;
transform: translateX(10px);
opacity: 0;
}
.careafolderhi{
transform: translateX(0px);
opacity: 1;
}
.cprivadaexplorerboxinner{
position: relative;
}

.hbreadtitle svg{
width: 0px;
margin-right: -6px;
-webkit-transition:all 0.2s ease-in-out;
-moz-transition:all 0.2s ease-in-out;
-o-transition:all 0.2s ease-in-out;
transition:all 0.2s ease-in-out;

}
.notroot .hbreadtitle svg{
width: 18px;
margin-right: 15px;
}
.jqbackarea{
cursor: pointer;
}
.jqbackarea:hover{
opacity: 0.6;
}
.cbreadfolders{
display: none;
}
.notroot .cbreadfolders{
display: inline-block;
}
.hbreadtitle{
display: inline-block;
}
.cbreadfolders svg{
position: absolute;
left: 15px;
top: 50%;
transform: translateY(-50%);
}
.cbreadfolders,.e-breadfolders{
position: relative;
padding-left:30px;
}
.e-breadfolders{
padding-left:80px;
}
.cbreadfolders .sfolderrighticon{
display: none;
}
.jqsearcharea{
cursor: pointer;
}
.sbusquedaarea{
color: #999;
}
.hbreadtitle .cbacknormal  svg {
    width: 18px;
    margin-right: 15px;
}


@media (max-width: 1600px){
:root {
    --lateralwidth: 500px;
    --areapaddings: 40px;
    --explorertopheight: 100px;
}

}
@media (max-width: 1400px){
:root {
    --lateralwidth: 450px;
    --areapaddings: 40px;
    --explorertopheight: 100px;
}
.shsearchtitle br{
display: none;
}
.cprivadalateralfooter,.cprivadalateralfooter a{
font-size: 14px;
}
}
@media (max-width: 1300px){
:root {
    --lateralwidth: 380px;
    --areapaddings: 30px;
}
}
@media (max-width: 1000px){
:root {
    --lateralwidth: 360px;
    --areapaddings: 20px;
    --explorertopheight: 100px;
}
.contentregisterform {
padding-left: var(--areapaddings);
padding-right: var(--areapaddings);
box-sizing: border-box;
}
.cprivadalateral{
height: auto;
width: 100%;
z-index: 500;
padding:0px;

}
.cprivadawrap{
padding: 0px;
}
.cprivadalateralinner, .cprivadaexplorer{
border: 0px!important;
border-bottom: 1px solid black!important;

}

.shsearchtitle{
display: none;
}
.cprivadalateralfooter{
display: none;
}
.cprivadalateralheader{
position: relative;
}
.cprivadalateralheader svg,.cprivadalateralheader img{
max-width: 80px;
height: auto;
display: block;
}
.cprivadalateralsearch{
padding-left: 140px;
position: absolute;
top: 50%;
box-sizing: border-box;
transform: translateY(-50%);
width: calc(100% - 20px);
}
.cprivadalateralinner{
background: white;
padding: 0px;
    border-radius: var(--areabradius);;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.cprivadawrapinner{
padding-left: 0px;
}
.cheaderresponsivefix{
display: block;
}
.cprivadalateralsearch input{
background: var(--lightgray);
}
.ssaludoarea{
display: none;
}
.cusertop a br{
display: block;
}

.e-breadfolderswrap{
display: none;
}
.cprivadaexplorer{
height: auto;
min-height: 100%;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.cprivadaexplorerbox{
height: auto;
overflow: initial!important;
}
.cformdefault input {
    padding: 13px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 14px;
}
}

.contentregisterforminner,input{
border: 1px solid black!important;
}
input{
background: white!important;
}
.bformsubmit {
background: var(--lightgray)!important;
color: black!important;
}
.cusercircle{
text-transform: uppercase;
}
.cprivadalateralinner,.cprivadaexplorer{
border: 1px solid black;
}
.cprivadaexplorer{
border-left: 0px;
}
.sgrayarea{
color: #999;
margin-left: 20px;
display: inline-block;
}