/* Quitar lo de Abajo Cuando se UNA */
/*
table{border-collapse: collapse;border-spacing:0px}
img {border:0px}
body{width:100%;height:100%;margin:0px;padding:0px;overflow:auto}
*/
input, textarea{outline:none}
.BreakLine {display:inline-block;position:relative;width:100%;height:0px;background:#ff0000;visibility:hidden} /*height:5px Lo cambie*/
/*
#DivBack  {position:fixed;top:0;left:0;width:100%;height:100%}
#BackGround{position:absolute;top:0px;left:0px;width:100%;height:100%;z-index:-1} 
#ContainerPrin{position:absolute;z-index:0;top:0px;left:0px;background:transparent;width:100%;height:100%} /*width:inherit;height:inherit} 
#ContainerDesktops{position:absolute;top:0px;left:0px;border:0px solid #ff0000;background:transparent;width:inherit;height:inherit;overflow:hidden} 
*/

@font-face{
    font-family: "Roboto-Light";src:url("../fonts/Roboto-Light.ttf") format("truetype");    
    font-family: "Roboto-Regular";src:url("../fonts/Roboto-Regular.ttf") format("truetype");
    font-family: "Roboto-Bold";src:url("../fonts/Roboto-Bold.ttf") format("truetype");
    font-family: "Sugeo-Emoji";src:url("../fonts/seguiemj.ttf") format("truetype");
}

.ShadowBOX {box-shadow:5px 5px 10px #888888;z-index: 2; }
.PosAbs{position:absolute!important}
.PosRel{position:relative!important}
.csDblHidden, .csDblHidd{display:none!important}


/* Nuevos CSS de Cotroles de CoresUI*/
.ShowImport{display:inline-block!important;left:-1000px!important;top:-1000px!important}

.RotG90{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)} 
.RotG180{-webkit-transform: rotate(-180deg);-moz-transform: rotate(-180deg);-o-transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)} 
.RotG270{-webkit-transform: rotate(-270deg);-moz-transform: rotate(-270deg);-o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1)} 
.PosZOrder {z-index:1;}

:root {
     --Buttons-Font-Color:#000000;
     --Buttons-Hover-Color:#000000;
     --Buttons-Disable-Color:#404040;
     --Buttons-Selected-Color:#000000;
     --Buttons-Font-Family:Arial,Tahoma,Verdana;
     --Buttons-Font-FamilyCG:Century Gothic;
     --Buttons-Font-FamilyP:Poppins-Regular,Century Gothic,Arial,Tahoma,Verdana;  
     --Buttons-Font-ColorCG:#000000;
     --Buttons-Font-ColorP:#35679a;
     --ButtonsBB-Font-Color:#ffffff;
     --ButtonsBB-Font-ColorCG:#686a84;
     --ButtonsBB-Hover-Color:#ffffff;
     --ButtonsBB-Disable-Color:#c2c2c2;
     --ButtonsBB-Selected-Color:#ffffff;     
}
/* Generales de los Botones */
.iButton div, .iButton img, .iButton span,.iButton24 div, .iButton24 img, .iButton24 span, .iButtonFB div, .iButtonFB img, .iButtonFB span, .iButtonFB24 div, .iButtonFB24 img, .iButtonFB24 span,
.iButtonBB div, .iButtonBB img, .iButtonBB span,.iButtonBlack div, .iButtonBlack img, .iButtonBlack span {
      -moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none
} 

/* ****************************** Boton Normal  22 Px Alto*/
.iButton{display:inline-block;position:relative;overflow:hidden;white-space: nowrap;height:22px;width:auto;z-index:0;top:0px;background-color:transparent;min-width:80px;text-align:center;margin:2px} 
.iButton .pRigth {width:300px;right:0px;clip: rect(auto, auto, auto, 290px)}
.iButton .pLeft, .iButton .pRigth {display:block;position:absolute;z-index:-1;height:88px;background-image: url('../Images/Buttons30/BackButton.png')}
.iButton.hover .pLeft,    .iButton.hover .pRigth{top: -22px}
.iButton.down .pLeft,     .iButton.down .pRigth{top: -44px}
.iButton.disable .pLeft,  .iButton.disable .pRigth{top: -66px}
.iButton .DSContainer .ImagButt{position:relative;width:16px;height:16px}

/*  34 Px Alto */
.iButton24{display:inline-block;position:relative;overflow:hidden;white-space: nowrap;height:34px;width:auto;z-index:0;top:0px;background-color:transparent;min-width:120px;text-align:center;margin:2px} 
.iButton24 .pRigth {width:300px;right:0px;clip: rect(auto, auto, auto, 290px)}
.iButton24 .pLeft, .iButton24 .pRigth {display:block;position:absolute;z-index:-1;height:136px;background-image: url('../Images/Buttons30/BackButton24.png')}
.iButton24.hover .pLeft,    .iButton24.hover .pRigth{top: -34px}
.iButton24.down .pLeft,     .iButton24.down .pRigth{top: -68px}
.iButton24.selected .pLeft,     .iButton24.selected .pRigth{top: -68px}
.iButton24.disable .pLeft,  .iButton24.disable .pRigth{top: -102px}
.iButton24 .DSContainer .ImagButt{position:relative;width:24px;height:24px}

/********************** buton de firma ********************/
.iButtonSign div, .iButtonSign img, .iButtonSign span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.iButtonSign{display:inline-block;position:relative;overflow:hidden;white-space: nowrap;height:35px;width:auto;z-index:0;top:0px;background-color:transparent;min-width:80px;text-align:center;margin:2px} 
.iButtonSign .pRigth {width:300px;right:0px;clip: rect(auto, auto, auto, 280px)}
.iButtonSign .pLeft, .iButtonSign .pRigth {display:block;position:absolute;z-index:-1;height:140px;background-image: url('../Images/Buttons30/ButtonSign.png')}
.iButtonSign.hover .pLeft,    .iButtonSign.hover .pRigth{top: -35px}
.iButtonSign.down .pLeft,     .iButtonSign.down .pRigth{top: -70px}
.iButtonSign.disable .pLeft,  .iButtonSign.disable .pRigth{top: -105px}
.iButtonSign .DSContainer .ImagButt{position:relative;width:16px;height:16px}

/* ******************************************************* */
/* ******************** Botones de Flat Bar ************** */
.iButtonFB{display:inline-block;position:relative;overflow:hidden;white-space: nowrap;height:21px;width:auto;z-index:0;top:0px;background-color:transparent;min-width:80px;text-align:center;margin:2px} 
.iButtonFB .pRigth {width:300px;right:0px;clip: rect(auto, auto, auto, 290px)}
.iButtonFB .pLeft, .iButtonFB .pRigth {display:block;position:absolute;z-index:-1;height:105px;background-image: url('../Images/Buttons30/FlatButton.png')}
.iButtonFB.hover .pLeft,    .iButtonFB.hover .pRigth{top: -21px}
.iButtonFB.down .pLeft,     .iButtonFB.down .pRigth{top: -42px}
.iButtonFB.disable .pLeft,  .iButtonFB.disable .pRigth{top: 0px}
.iButtonFB.disableSB .pLeft,  .iButtonFB.disableSB .pRigth{top: -63px}
.iButtonFB.selected .pLeft,  .iButtonFB.selected .pRigth{top: -84px}
.iButtonFB.OImg{min-width:30px;}
.iButtonFB .DSContainer .ImagButt{position:relative;width:16px;height:16px}

.iButtonFB24{display:inline-block;position:relative;overflow:hidden;white-space: nowrap;height:34px;width:auto;z-index:0;top:0px;background-color:transparent;min-width:120px;text-align:center;margin:2px} 
.iButtonFB24 .pRigth {width:300px;right:0px;clip: rect(auto, auto, auto, 290px)}
.iButtonFB24 .pLeft, .iButtonFB24 .pRigth {display:block;position:absolute;z-index:-1;height:170px;background-image: url('../Images/Buttons30/FlatButton24.png')}
.iButtonFB24.hover .pLeft,    .iButtonFB24.hover .pRigth{top: -34px}
.iButtonFB24.down .pLeft,     .iButtonFB24.down .pRigth{top: -68px}
.iButtonFB24.disable .pLeft,  .iButtonFB24.disable .pRigth{top: 0px}
.iButtonFB24.disableSB .pLeft,  .iButtonFB24.disableSB .pRigth{top: -102px}
.iButtonFB24.selected .pLeft,  .iButtonFB24.selected .pRigth{top: -136px}
.iButtonFB24.OImg{min-width:46px;}
.iButtonFB24 .DSContainer .ImagButt{position:relative;width:24px;height:24px}

.iButtonFB.BtnPosVert, .iButtonFB24.BtnPosVert {display:block;float:left}
.iButton .CssBtnInd, .iButtonFB .CssBtnInd, .iButtonFB24 .CssBtnInd {display:block;position:absolute;width:8px;height:8px;background:#6AA714;top: 2px;right: 2px;border-radius: 50%;}
.iButton .CssBtnInd.hiden, .iButtonFB .CssBtnInd.hiden, .iButtonFB24 .CssBtnInd.hiden{display:none}
 
/* ******************************************************* */
/* *************** Botones de Flat Bar Black ************** */
.iButtonBB{display:inline-block;position:relative;overflow:hidden;white-space: nowrap;height:22px;width:auto;z-index:0;top:0px;background-color:transparent;min-width:80px;text-align:center;margin:2px} 
.iButtonBB .pRigth {width:300px;right:0px;clip: rect(auto, auto, auto, 290px)}
.iButtonBB .pLeft, .iButtonBB .pRigth {display:block;position:absolute;z-index:-1;height:88px;background-image: url('../Images/Buttons30/FlatButtonB.png')}
.iButtonBB.hover .pLeft,    .iButtonBB.hover .pRigth{top: -22px}
.iButtonBB.down .pLeft,     .iButtonBB.down .pRigth{top: -66px}
.iButtonBB.disable .pLeft,  .iButtonBB.disable .pRigth{top: -66px}
.iButtonBB.selected .pLeft,  .iButtonBB.selected .pRigth{top: -44px}
.iButtonBB .DSContainer .ImagButt{position:relative;width:16px;height:16px}

/* ******************************************************* */
/* *************** Botones de Black PK   ***************** */
.iButtonBlack{display:inline-block;position:relative;overflow:hidden;white-space: nowrap;height:22px;width:auto;z-index:0;top:0px;background-color:transparent;min-width:120px;max-width:120px;text-align:center;margin:2px} 
.iButtonBlack .pRigth {width:300px;right:0px;clip: rect(auto, auto, auto, 290px)}
.iButtonBlack .pLeft, .iButtonBlack .pRigth {display:block;position:absolute;z-index:-1;height:66px;background-image: url('../Images/Buttons30/BlackButtons.png')}
.iButtonBlack.hover .pLeft,    .iButtonBlack.hover .pRigth{top: -22px}
.iButtonBlack.down .pLeft,     .iButtonBlack.down .pRigth{top: -44px}
.iButtonBlack.disable .pLeft,  .iButtonBlack.disable .pRigth{top: -22px}
.iButtonBlack.selected .pLeft,  .iButtonBlack.selected .pRigth{top: -44px}
.iButtonBlack .DSContainer .ImagButt{position:relative;width:16px;height:16px}


/* ******************************************************* */
/* ****************** Generales de Botones *************** */
/* ******************************************************* */
.iButton.disable, .iButton24.disable, .iButtonFB.disable, .iButtonFB24.disable, .iButtonBB.disable, .iButtonBlack.disable, .iButtonSign.disable{opacity:.5;filter:alpha(opacity='50')}
.iButton .pLeft, .iButton24 .pLeft, .iButtonFB .pLeft, .iButtonFB24 .pLeft, .iButtonBB .pLeft, .iButtonBlack .pLeft {left:0;right:10px}
.iButton.hidden, .iButton24.hidden, .iButtonFB.hidden, .iButtonFB24.hidden, .iButtonBB.hidden, .iButtonBlack.hidden, .iButtonSign.hidden {display:none}
.iButton .DSContainer, .iButton24 .DSContainer, .iButtonFB .DSContainer, .iButtonFB24 .DSContainer, .iButtonBB .DSContainer, .iButtonBlack .DSContainer, .iButtonSign .DSContainer{background:transparent;height:100%;display:flex;justify-content: center;align-items:center;padding-left:3px;padding-right:3px}
.iButton .DSContainer .ArtCaption, .iButton24 .DSContainer .ArtCaption, .iButtonFB .DSContainer .ArtCaption, .iButtonFB24 .DSContainer .ArtCaption, .iButtonBB .DSContainer .ArtCaption, .iButtonBlack .DSContainer .ArtCaption, .iButtonSign .DSContainer .ArtCaption{position:relative;font-family:var(--Buttons-Font-Family);font-size:11px;color:var(--Buttons-Font-Color);text-decoration: none;display:inline-block;padding-left:2px}
.iButton .DSContainer .ArtCaption.hover, .iButton24 .DSContainer .ArtCaption.hover, .iButtonFB .DSContainer .ArtCaption.hover, .iButtonFB24 .DSContainer .ArtCaption.hover, .iButtonSign .DSContainer .ArtCaption.hover  {color:var(--Buttons-Hover-Color)}       /* Cambiar Colore de la Fuente  en Hover */
.iButton .DSContainer .ArtCaption.disable, .iButton24 .DSContainer .ArtCaption.disable, .iButtonFB .DSContainer .ArtCaption.disable, .iButtonFB24 .DSContainer .ArtCaption.disable, .iButtonSign .DSContainer .ArtCaption.disable {color:var(--Buttons-Disable-Color)} /* Cambiar Colore de la Fuente  Cuando este Disabled */
.iButton .DSContainer .ArtCaption.selected, .iButton24 .DSContainer .ArtCaption.selected, .iButtonFB .DSContainer .ArtCaption.selected, .iButtonFB24 .DSContainer .ArtCaption.selected, .iButtonSign .DSContainer .ArtCaption.selected{color:var(--Buttons-Selected-Color)} /* Cambiar Colore de la Fuente  Cuando este Seleccionado */
.iButton .ImgSensse, .iButton24 .ImgSensse, .iButtonFB .ImgSensse, .iButtonFB24 .ImgSensse, .iButtonBB .ImgSensse, .iButtonBlack .ImgSensse, .iButtonSign .ImgSensse{position:absolute;top:0px;left:0px;width:100%;height:100%;border:0px;cursor:pointer}
.iButton .ImgSensse.disable, .iButton24 .ImgSensse.disable, .iButtonFB .ImgSensse.disable, .iButtonFB24 .ImgSensse.disable, .iButtonBB .ImgSensse.disable, .iButtonBlack .ImgSensse.disable, .iButtonSign .ImgSensse.disable{cursor:auto}
.iButtonBB .DSContainer .ArtCaption, .iButtonBlack .DSContainer .ArtCaption {color:var(--ButtonsBB-Font-Color)}
.iButtonBB .DSContainer .ArtCaption.hover, .iButtonBlack .DSContainer .ArtCaption.hover {color:var(--ButtonsBB-Hover-Color)}
.iButtonBB .DSContainer .ArtCaption.disable, .iButtonBlack .DSContainer .ArtCaption.disable {color:var(--ButtonsBB-Disable-Color)}
.iButtonBB .DSContainer .ArtCaption.selected, .iButtonBlack .DSContainer .ArtCaption.selected {color:var(--ButtonsBB-Selected-Color)}
.iButtonBlack .DSContainer {justify-content: left;align-items:left;max-width:80px}

.iButtonSign .pLeft {left:0px;right:20px}
.iButtonSign .DSContainer .ArtCaption{font-family:Century Gothic;font-size:12px;color:#fff;text-decoration:none;}
.iButtonSign .DSContainer .ArtCaption.hover  {color:#fff}
.iButtonSign .DSContainer .ArtCaption.disable{color:var(--Buttons-Disable-Color)} 

.DSContainer .ImagButt.ImgToRight{float: right!important;right: 0px;position: absolute!important;}
.DSContainer .btnDownBtn{position:absolute;display:inline-block;right:3px;background:transparent;cursor:pointer}
.iButton .DSContainer .btnDownBtn, .iButtonFB .DSContainer .btnDownBtn{width:12px;height:18px;}
.iButton24 .DSContainer .btnDownBtn, .iButtonFB24 .DSContainer .btnDownBtn{width:20px;height:26px}
.iButton.BtnD .ImgSensse, .iButtonFB.BtnD .ImgSensse{width:calc(100% - 15px);}
.iButton24.BtnD .ImgSensse, .iButtonFB24.BtnD .ImgSensse{width:calc(100% - 15px);}
.iButtonFB24.BtnD .ImagButt, .iButtonFB.BtnD .ImagButt{right:8px}
.iButtonFB.OImg.BtnD{min-width:42px;}  /* 30 + 12px*/
.iButtonFB24.OImg.BtnD{min-width:66px;} /* 46 + 20 */

/* ************* 4.0 */
.iButton.Css40 {background:#c2e0ff;border-radius:8px;border: 1px solid #8ac4ff;}
.iButton.Css40 .DSContainer .ArtCaption{font-Family:var(--Win-Font-FamilySO);color:var(--Win-font-ColorSO)}
.iButton.Css40.hover{background:#8ac4ff;border: 1px solid #65a5e5;}
.iButton.Css40.down{background:#65a5e5;}
.iButton.Css40.disable{background:#ecedf0;border: 1px solid #c4c4c4;}

/**************** Botones de Reportes ***************/
/****************************************************/
.iButtonRep{display:inline-block;position:relative;overflow:hidden;white-space:normal;height:50px;width:auto;z-index:0;top:0px;background:#fff;min-width:80px;text-align:left;margin:2px;margin-bottom:0px}
.iButtonRep .pRigth {display:none;width:0px;left:0px;height:0px;right:0px;}
.iButtonRep .pLeft {display:block;position:absolute;left:0px;top:0px;height:calc(100% - 2px);width:calc(100% - 11px);background:#fff;border:1px solid #fff;border-left:10px solid #fff;border-radius:5px}
.iButtonRep.OImg{}
.iButtonRep .DSContainer .ImagButt{position:relative;width:32px;height:32px;padding-left:10px;}
.iButtonRep.selected .pLeft {background:#b6d9ff;border:1px solid #69a1ff;border-left:10px solid #69a1ff}
.iButtonRep.hover .pLeft{background:#f2f2f2;border:1px solid #dddddd;border-left:10px solid #dddddd}
.iButtonRep.disable {opacity:.5;filter:alpha(opacity='50')}
.iButtonRep.hidden {display:none}
.iButtonRep .DSContainer {background:transparent;height:100%;display:flex;justify-content: normal;align-items:center;padding-left:3px;padding-right:3px}
.iButtonRep .DSContainer .ArtCaption {position:relative;font-family:var(--Buttons-Font-FamilyCG);font-size:14px;color:var(--Buttons-Font-ColorCG);text-decoration: none;display:inline-block;padding-left:5px}
.iButtonRep .DSContainer .ArtCaption.disable {color:var(--Buttons-Disable-Color)} /* Cambiar Colore de la Fuente  Cuando este Disabled */
.iButtonRep .DSContainer .ArtCaption.selected {color:var(--Buttons-Selected-Color)} /* Cambiar Colore de la Fuente  Cuando este Seleccionado */
.iButtonRep .DSContainer .ArtCaption.hover  {color:var(--Buttons-Hover-Color)}       /* Cambiar Colore de la Fuente  en Hover */
.iButtonRep .ImgSensse {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0px;cursor:pointer}
.iButtonRep .ImgSensse.disable{cursor:auto}
.iButtonRep.BtnPosVert {display:block;float:left}

/********************************/
.iButtonRep2, .iButtonRep3{display:inline-block;position:relative;overflow:hidden;white-space:normal;height:40px;width:auto;z-index:0;top:0px;background:transparent;min-width:80px;text-align:center;margin:2px;}
.iButtonRep2 .pRigth, .iButtonRep3 .pRigth {display:none;width:0px;left:0px;height:0px;right:0px;}
.iButtonRep2 .pLeft, .iButtonRep3 .pLeft {display:block;position:absolute;left:0px;top:0px;height:calc(100% - 4px);width:calc(100% - 4px);background:#fff;border-radius:50px}
.iButtonRep2.OImg, .iButtonRep3.OImg{}
.iButtonRep2 .DSContainer .ImagButt, .iButtonRep3 .DSContainer .ImagButt{position:relative;width:26px;height:26px;padding-left:10px;}
.iButtonRep2 .pLeft {border:2px solid #4b9de9}
.iButtonRep3 .pLeft {border:2px solid #6AB82C}
.iButtonRep2.selected .pLeft {border-color:#6BB8F1;background:#a9d5f7}
.iButtonRep2.hover .pLeft{background:#4b9de9}
.iButtonRep2.down .pLeft {background:#288fdb}
.iButtonRep3.selected .pLeft {border-color:#9c236a;background:#b3d09a}
.iButtonRep3.hover .pLeft{background:#6AB82C}
.iButtonRep3.down .pLeft {background:#5c9e26}
.iButtonRep2.disable .pLeft, .iButtonRep3.disable .pLeft {border-color:#b6b6b6;background:#d1d2d3;opacity:.5;filter:alpha(opacity='50')}
.iButtonRep2.hidden, .iButtonRep3.hidden {display:none}
.iButtonRep2 .DSContainer, .iButtonRep3 .DSContainer {background:transparent;height:100%;display:flex;justify-content:center;align-items:center;padding-left:3px;padding-right:3px}
.iButtonRep2 .DSContainer .ArtCaption, .iButtonRep3 .DSContainer .ArtCaption {position:relative;font-family:var(--Buttons-Font-FamilyCG);font-size:12px;color:#676981;text-decoration: none;display:inline-block;padding-left:5px}
.iButtonRep2 .DSContainer .ArtCaption.disable, .iButtonRep3 .DSContainer .ArtCaption.disable{color:#b6b6b6} /* Cambiar Colore de la Fuente  Cuando este Disabled */
.iButtonRep2 .DSContainer .ArtCaption.selected, .iButtonRep3 .DSContainer .ArtCaption.selected {color:#676981} /* Cambiar Colore de la Fuente  Cuando este Seleccionado */
.iButtonRep2 .DSContainer .ArtCaption.hover, .iButtonRep3 .DSContainer .ArtCaption.hover  {color:#fff}       /* Cambiar Colore de la Fuente  en Hover */
.iButtonRep2 .ImgSensse, .iButtonRep3 .ImgSensse {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0px;cursor:pointer}
.iButtonRep2 .ImgSensse.disable, .iButtonRep3 .ImgSensse.disable{cursor:auto}

.iButtonRep2.Css40 {background:#fff;border-radius:50px;border:2px solid #4b9de9}
.iButtonRep2.Css40 .DSContainer .ArtCaption {font-family:var(--Buttons-Font-FamilyP)}
.iButtonRep2.Css40.selected {border-color:#6BB8F1;background:#a9d5f7}
.iButtonRep2.Css40.hover{background:#4b9de9}
.iButtonRep2.Css40.down {background:#288fdb}
.iButtonRep2.Css40.disable {border-color: rgba(75,157,233,.5);}

.iButtonRep3.Css40 {background:#fff;border-radius:50px;border:2px solid #6AB82C}
.iButtonRep3.Css40 .DSContainer .ArtCaption {font-family:var(--Buttons-Font-FamilyP)}
.iButtonRep3.Css40.selected {border-color:#9c236a;background:#b3d09a}
.iButtonRep3.Css40.hover{background:#6AB82C}
.iButtonRep3.Css40.down {background:#5c9e26}
.iButtonRep3.Css40.disable {border-color: rgba(106,184,44,.5);}




/* ****************************** Boton White */
.iButtonWhite div, .iButtonWhite img, .iButtonWhite span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.iButtonWhite {display:inline-block;position:relative;overflow:hidden;white-space: nowrap;min-height:26px;height:auto;width:100%;z-index:0;background-color:#fff}  /* Cambie el Width de auto x 100% //text-align:center;*/
.iButtonWhite .DSContainer{display:inline-flex;position:relative;width:calc(100% - 2px);min-height: 26px;height:100%;background:transparent;align-items: center;} /*text-align:center;*/
.iButtonWhite .DSContainer .ImagButt{display:block;position:relative;width:16px;height:16px;background:transparent;float:left}
.iButtonWhite .DSContainer .ArtCaption{display:block;position:relative;width:calc(100% - 20px);height:auto;background:transparent;font-Family:var(--FontFamily-SO);font-size:var(--FontSize-SO);color:var(--Inp-Font-ColorC);padding: 0px 2px;float:left;overflow:hidden;min-height: 10px;}
.iButtonWhite .ImgSensse {display:inline-block;position:absolute;width:100%;height:100%;left:0px;top:0px;cursor:pointer}
.iButtonWhite:hover{top: 0px}
.iButtonWhite.down {top: 0px}
.iButtonWhite.hidden{display:none}
.iButtonWhite.disable{opacity:.5;filter:alpha(opacity='50')}
.iButtonWhite.disable .DSContainer .ArtCaption{color:var(--Inp-Font-ColorC)} /*--FontColor-Disable-SO*/
.iButtonWhite.disable .ImgSensse{cursor:auto}

/* ******************************************************* */
/* ********************* Flat Barra    ******************* */
/* ******************************************************* */
.FlatBarSO div, .FlatBarSO span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.FlatBarSO {display:inline-block;overflow:hidden;position:relative;background:#D6E3F2;width:100%;white-space: nowrap;border-bottom:1px solid #99BBE8}
.FlatBarSO.Size16{height:25px;background:url(../Images/FlatFoldBar30/FlatBack.png) repeat-x}
.FlatBarSO.Size24{height:37px;background:url(../Images/FlatFoldBar30/FlatBack24.png) repeat-x}
.FlatBarSO.Size36{height:40px}/* No se ha usado*/
.FlatBarSO.Size00{height:100%}
.FlatBarSO.hiden {display:none}
.FlatBarSO.BarrH {background:#fff;border:1px solid #99BBE8}
.FlatBarSO .FlatPK{display:inline-block;overflow:hidden;position:relative;background:transparent;width:calc(100% - 0px);height:calc(100% - 0px);top:0px;left:0px;border:0px solid #000000}
.FlatBarSO .FlatPK .ContButtons{display:inline-block;position:absolute;background:transparent;width:auto;height:100%;top:0px;left:0px}
.FlatBarSO .FlatPK .ContButtons.PVert{width:100%;height:auto;}
.FlatBarSO .FlatPK .ContButtons .Separator{position:relative;display:inline-block;width:4px;margin-right:0px;margin-left:1px;}
.FlatBarSO .FlatPK .ContButtons .Separator.Size16{height:25px;background:url(../Images/FlatFoldBar30/FlatSeparator.png) center no-repeat}
.FlatBarSO .FlatPK .ContButtons .Separator.Size24{height:37px;background:url(../Images/FlatFoldBar30/FlatSeparator24.png) center no-repeat}
.FlatBarSO .FlatPK .ContButtons .Space{position:relative;display:inline-block;min-width:150px;height:100%;background:transparent}
.FlatBarSO .FlatPK .ContButtons .Separator.hidden{display:none}
.FlatBarSO .FlatPK .ContButtons .Space.hidden{display:none}
.FlatBarSO .FlatPK .ContButtons .SepPK{display:inline-block;position:relative;width:15px}
.FlatBarSO .FlatPK .ContButtons .SepPK.Size16{height:24px; background:url(../Images/FlatFoldBar30/BarrDouble.png) no-repeat center;}
.FlatBarSO .FlatPK .ContButtons .SepPK.Size24{height:36px; background:url(../Images/FlatFoldBar30/BarrDouble24.png) no-repeat center;}
.FlatBarSO .FlatPK.Scroll{width:calc(100% - 10px)}

/* ******************************************************* */
/* ******************** Botones de Menu Bar ************** */
.iButtonMenu div, .iButtonMenu img, .iButtonMenu span, .iButtonMenu32 div, .iButtonMenu32 img, .iButtonMenu32 span{
      -moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none
} 
.iButtonMenu{display:inline-block;position:relative;overflow:hidden;white-space: nowrap;height:23px;width:auto;top:0px;background:url('../Images/Buttons30/BackMenu16.png') repeat-y #f0f0f0;min-width:80px} 
.iButtonMenu .pRigth {width:300px;right:0;clip: rect(auto, auto, auto, 290px)}
.iButtonMenu .pLeft, .iButtonMenu .pRigth {display:block;position:absolute;height:46px;background-image: url('../Images/Buttons30/ButtonMenu16.png')}
.iButtonMenu .pLeft {left:0;right:10px}
.iButtonMenu:hover .pLeft, .iButtonMenu:hover .pRigth{top: -23px;}
.iButtonMenu.disable .DSContainer {opacity:.4;filter:alpha(opacity='40')}
.iButtonMenu.hidden{display:none}
.iButtonMenu .DSContainer {display:inline-block;height:22px;width:auto}
.iButtonMenu .DSContainer {background:transparent;height:100%;display:flex;justify-content: left;align-items:center;padding-left:3px;padding-right:3px}
.iButtonMenu .DSContainer .SpaceImg{display:inline-block;position:relative;width:20px;height:20px;text-align:center;background:transparent}
.iButtonMenu .DSContainer .SpaceImg .ImagButt{position:relative;width:16px;height:16px;background:transparent;top:2px}
.iButtonMenu .DSContainer .ArtCaption {position:relative;font-family:Arial;font-size:11px;color:#000;text-decoration: none;display:inline-block;padding:0px 5px 0px 10px}
.iButtonMenu:hover.disable .DSContainer {opacity:.4;filter:alpha(opacity='40');top: 0px;}
.iButtonMenu:hover.disable .pLeft, .iButtonMenu:hover.disable .pRigth{top: 0px;}
.iButtonMenu:hover.disable .ImgSensse{cursor:default}
.iButtonMenu .DSContainer .ArtCaption.disable{color:#000} /* Cambiar Colore de la Fuente  Cuando este Disabled */
.iButtonMenu .ImgSensse {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0px;cursor:pointer}
.iButtonMenu .ImgSensse.disable{cursor:auto}

.iButtonMenu32{display:inline-block;position:relative;overflow:hidden;white-space: nowrap;height:36px;width:auto;top:0px;background:repeat-y #f0f0f0;min-width:80px} 
.iButtonMenu32 .pRigth {width:300px;right:0;clip: rect(auto, auto, auto, 290px)}
.iButtonMenu32 .pLeft, .iButtonMenu32 .pRigth {display:block;position:absolute;height:72px;background-image: url('../Images/Buttons30/ButtonMenu32.png')}
.iButtonMenu32 .pLeft {left:0;right:10px}
.iButtonMenu32:hover .pLeft, .iButtonMenu32:hover .pRigth{top: -36px;}
.iButtonMenu32.disable .DSContainer {opacity:.4;filter:alpha(opacity='40')}
.iButtonMenu32.hidden{display:none}
.iButtonMenu32 .DSContainer {display:inline-block;height:22px;width:auto}
.iButtonMenu32 .DSContainer {background:transparent;height:100%;display:flex;justify-content: left;align-items:center;padding-left:3px;padding-right:3px}
.iButtonMenu32 .DSContainer .SpaceImg{display:inline-block;position:relative;width:32px;height:32px;text-align:center;background:transparent}
.iButtonMenu32 .DSContainer .SpaceImg .ImagButt{position:relative;width:32px;height:32px;background:transparent}
.iButtonMenu32 .DSContainer .ArtCaption {position:relative;font-family:Century Gothic;font-size:12px;color:#000;text-decoration: none;display:inline-block;padding:0px 5px 0px 10px}
.iButtonMenu32:hover.disable .DSContainer {opacity:.4;filter:alpha(opacity='40');top: 0px;}
.iButtonMenu32:hover.disable .pLeft, .iButtonMenu32:hover.disable .pRigth{top: 0px;}
.iButtonMenu32:hover.disable .ImgSensse{cursor:default}
.iButtonMenu32 .DSContainer .ArtCaption.disable{color:#000} /* Cambiar Colore de la Fuente  Cuando este Disabled */
.iButtonMenu32 .ImgSensse {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0px;cursor:pointer}
.iButtonMenu32 .ImgSensse.disable{cursor:auto}

/* ******************************************************* */
/* ********************* Menu Barra ******************* */
/* ******************************************************* */
.MenuBarPK div, .MenuBarPK span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.MenuBarPK {display:inline-block;overflow:hidden;position:absolute;background:#f0f0f0;width:auto;height:auto;white-space: nowrap;border:1px solid #c4c4c4;top:0px;z-index: 2;box-shadow: 8px 8px 5px -2px #aaa;border-radius:5px} /*Border 99BBE8*/
.MenuBarPK.hiden {display:none}
.MenuBarPK .ContMenu{display:inline-block;overflow:hidden;position:relative;background:transparent;width:calc(100% - 0px);height:calc(100% - 0px);top:0px;left:0px;border:0px solid #000000;padding:2px 3px 2px 3px;max-height:inherit}
.MenuBarPK .ContMenu .ContButtons{display:inline-grid;position:relative;background:transparent;width:auto;height:100%;top:0px;left:0px;max-height:inherit}
.MenuBarPK .ContMenu .ContButtons .Separator16{position:relative;display:inline-block;width:100%;height:4px;background:url(../Images/Buttons30/BackSeparator16.png) repeat-x}
.MenuBarPK .ContMenu .ContButtons .Separator16.hidden, .MenuBarPK .ContMenu .ContButtons .Separator32.hidden{display:none}
.MenuBarPK .ContMenu .ContButtons .Space16{position:relative;display:inline-block;width:100%;min-width:80px;height:23px;background:url('../Images/Buttons30/BackMenu16.png') repeat-y }
.MenuBarPK .ContMenu .ContButtons .Space16.hidden, .MenuBarPK .ContMenu .ContButtons .Space32.hidden{display:none}
.MenuBarPK .ContMenu .ContButtons .SpaceLast{position:relative;display:inline-block;width:100%;min-width:80px;height:6px;background:transparent}
.MenuBarPK .ContMenu .ContButtons .Separator32{position:relative;display:inline-block;width:100%;height:4px;background:url(../Images/Buttons30/BackSeparator32.png) repeat-x}

/********************************************************/
/*                      CONTAINER                       */
/*********************************************************/
.SOContSinglePK div, .SOContSinglePK span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.SOContSinglePK {display:inline-block;overflow:hidden;position:relative;background:#ffffff;width:100%;height:100%}
.SOContSinglePK .SubContPK{display:inline-block;position:relative;top:0px;left:0px;width:100%;height:100%;background:transparent;overflow:hidden} 
.SOContSinglePK .SubContPK.border {border:1px solid #99BBE8;width:calc(100% - 2px);height:calc(100% - 2px)}
.SOContSinglePK .SubContPK .ContSpaceCS{display:inline-block;position:relative;top:0px;left:0px;width:100%;height:100%;background:transparent;overflow:auto} 
.SOContSinglePK.backg {background:#DFE8F6}
.SOContSinglePK.hiden{display:none}

/* *** 4.0  *****/
.SOContSinglePK.Css40 .SubContPK {overflow:hidden}
.SOContSinglePK.Css40 .SubContPK.border{width: calc(100% - 4px);height: calc(100% - 9px);border: 2px solid rgba(53,103,154,.5);border-radius: 15px;margin-top:5px}
.SOContSinglePK.Css40 .SubContPK .ContSpaceCS {overflow:initial;min-height:100%;height:auto}
.SOContSinglePK.Css40 .SubContPK.Scroll .ContSpaceCS{width:calc(100% - 10px)}
.SOContSinglePK.Css40 .CssSOScroll {margin:0px;height:100%}
.SOContSinglePK.Css40.Border .CssSOScroll {margin: 11px 2px;height: calc(100% - 18px)}
.cssContGralPxC{top: 5px;}
/*
.CSCPanel .CSSCPanelBorder .SpaceContCP span.SOContSinglePK span.ContSpaceCS{height: 100%!Important;}
Lo quite por afectacion en  Ventas 21 y Art 492 Archivos
*/

:root {
     --Font-Family:Arial,Tahoma,Verdana;
}

/* *********************** TITLE ************************* */
/***********************************************************/
.TitleBar div, .TitleBar span, .TitleBar img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.TitleBar {display:inline-block;position:relative;overflow:hidden;background:transparent;width:100%;white-space: nowrap;height:25px;border:0px solid #DCE4EF}
.TitleBar.Normal{background:url(../Images/Grid/GridLineTitle.png) repeat-x #D6E3F2}
.TitleBar.Tree{background:url(../Images/Tree/BackTitle.png) repeat-x #D6E3F2}
.TitleBar .Imagen {display:inline-block;position:absolute;width:20px;height:20px;top:2px;left:2px}
.TitleBar .TitleInfo {display:inline-block;position:relative;top:4px;width:auto;height:auto;background:transparent;color:#15428B;font-family:var(--Font-Family);font-weight:bold;font-size:12px}
.TitleBar.Left{text-align:left}
.TitleBar.Center{text-align:center}
.TitleBar.Right{text-align:right}

.TitleBar.Is40 {background: #dde8ee;border-bottom: 1px solid #a3c1d1;height: 24px;}
.TitleBar.Is40 .TitleInfo {font-family: var(--Win-Font-FamilySO);color:#35679a;top: 2px;font-weight:normal}

}

.PanelCont div, .PanelCont span, .PanelCont img, .iButPanel div, .iButPanel img, .iButPanel span{
    -moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none
}
/* *********************** PANEL ************************* */
/***********************************************************/
.PanelCont {display:inline-block;position:relative;overflow:hidden;background:#ffffff;width:50%;height:auto;border:1px solid #99BBE8}
.PanelCont.Close{border:1px solid #D0D0D0;border-bottom:0px}
.PanelCont.hiden{display:none}
.PanelCont .pTitleBar {display:inline-block;position:relative;overflow:hidden;width:100%;height:25px;border-bottom:0px solid #DCE4EF;background:url('../Images/FlatFoldBar30/FrameBackN.png') #CDDEF3;cursor:pointer}
.PanelCont .pTitleBar.BackClose{background:url('../Images/FlatFoldBar30/FrameBackE.png')}
.PanelCont .pTitleBar .Imagen {display:inline-block;position:absolute;width:20px;height:20px;top:2px;left:2px}
.PanelCont .pTitleBar .TitleInfo {display:inline-block;position:relative;top:5px;width:100%;height:auto;background:transparent;color:#000000;font-family:var(--Font-Family);font-size:11px;text-align:center}
.PanelCont .ContSpaceP {display:inline-block;position:relative;overflow:auto;background:transparent;width:100%;height: auto;max-height: calc(100% - 25px);}
.PanelCont .ContSpaceP.hiden{display:none}
/* ****** 4.0  *******/
.PanelCont.css40 {border:1px solid #DBDEE5;}
.PanelCont.css40 .pTitleBar{background:#f0f3f7;border-bottom: 1px solid #DBDEE5;display: inline-flex;align-items: center;}
.PanelCont.css40 .pTitleBar .TitleInfo {font-Family:var(--Win-Font-FamilySO);font-size:12px;color:#3764A0;top:initial}


/* ****************************** Boton Panel ***********************/
.iButPanel{display:inline-block;position:relative;overflow:hidden;height:15px;width:15px;z-index:0;top:0px;background-color:transparent;cursor:pointer} 
.iButPanel .sButtonUpB {background: url('../Images/Buttons30/FrameUp.png')}
.iButPanel .sButtonDownB {background: url('../Images/Buttons30/FrameDownD.png')}
.iButPanel .sButtonUpB, .iButPanel .sButtonDownB {display:inline-block;position:absolute;z-index:-1;height:45px;left:0px;right:0px}
.iButPanel.hover .sButtonUpB, .iButPanel.hover .sButtonDownB {top: -15px}
.iButPanel.down .sButtonUpB, .iButPanel.down .sButtonDownB {top: -30px}
.iButPanel.hidden {display:none}
.iButPanel.ButPos{position:absolute;left:calc(100% - 20px);top:4px}


:root {
     --FolderB-Font-Color:#000000;
     --FolderB-Hover-Color:#000000;
     --FolderB-Disable-Color:#404040;
     --FolderB-Selected-Color:#000000;
     --FolderB-Font-Family:Poppins-Regular,Century Gothic,Arial,Tahoma,Verdana;  
     --FolderB-Font-ColorSO:#5d5f78
}
/* *********************** FolderSimple ********************* */
/***********************************************************/
.FolderSimple{position:relative;display:none;top:0px;left:0px;width:100%;height:100%;background:transparent}
.FolderSimple.visible{display:inline-block}
.FolderSimple .TitleFolder{position:relative;display:inline-block;width:calc(100% - 20px);height:40px;background:transparent;Font-family:var(--FolderB-Font-Family);font-size:20px;border-bottom:2px solid rgba(53,103,154,.5);align-items: flex-end;display: inline-flex;margin-left: 10px;color:var(--FolderB-Font-ColorSO)}


.Folders div, .Folders span .Folders img, .iButFClose div, .iButFClose img, .iButFClose span, .iButtonFold div, .iButtonFold img, .iButtonFold span{
    -moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none
} 
/* *********************** Folder(s) ********************* */
/***********************************************************/
.Folders{display:inline-block;position:relative;left:0px;top:0px;width:100%;height:100%;overflow:hidden;background:transparent} /*border-left:1px solid #99BBE8;border-right:1px solid #99BBE8; border-bottom:1px solid #99BBE8*/
.Folders .ContainerBar {display:inline-block;position:relative;left:0px;top:0px;width:100%;height:25px;overflow:hidden}
.Folders .ContainerBar.Normal{background:url(../Images/FlatFoldBar30/FoldBack.png) repeat-x}
.Folders .ContainerBar.Blank, .Folders .ContainerBar.Blank2{background:url(../Images/FlatFoldBar30/FoldBackB.png) repeat-x}
.Folders .ContainerBar .SpaceBar {display:inline-block;position:absolute;left:0px;top:0px;width:auto;height:calc(100% - 5px);background:transparent;white-space:nowrap}
.Folders .SpaceContF {display:inline-block;position:relative;left:0px;width:calc(100% - 2px);height:calc(100% - 25px - 2px);border:1px solid #99BBE8;overflow-x:hidden;overflow-y:auto}
.Folders .SpaceContF.Normal, .Folders .SpaceContF.Blank2{background:#DFE8F6}
.Folders .SpaceContF.Blank{background:#ffffff}
.Folders.hiden {display:none}



/* ************* Boton de Dezplazmiento Diseño Anterior *************/
.FlatBarSO .DezpLButtons, .Folders .DezpLButtons{display:none;position:absolute;height: 22px;overflow:hidden;white-space: nowrap; width: 19px;z-index:0;top:4px;opacity:.8;filter:alpha(opacity='80')}
.FlatBarSO .DezpLButtons.Folder, .Folders .DezpLButtons.Folder {top:1px}
.FlatBarSO .DezpLButtons .sButtonL, .FlatBarSO .DezpLButtons .sButtonR, .Folders .DezpLButtons .sButtonL, .Folders .DezpLButtons .sButtonR {display:block;position:absolute;z-index:-1;height: 66px;width:19px;cursor:pointer}
.FlatBarSO .DezpLButtons.Left, .Folders .DezpLButtons.Left{left:0px}
.FlatBarSO .DezpLButtons.Right, .Folders .DezpLButtons.Right{right:0px}
.FlatBarSO .DezpLButtons .sButtonL, .Folders .DezpLButtons .sButtonL {background-image: url('../Images/FlatFoldBar/BtDezpL.png');}
.FlatBarSO .DezpLButtons .sButtonR, .Folders .DezpLButtons .sButtonR {background-image: url('../Images/FlatFoldBar/BtDezpR.png');}
.FlatBarSO .DezpLButtons .sButtonL, .FlatBarSO .DezpLButtons .sButtonR, .Folders .DezpLButtons .sButtonL, .Folders .DezpLButtons .sButtonR  {left:0px}
.FlatBarSO .DezpLButtons:hover, .Folders .DezpLButtons:hover  {opacity:1.9;filter:alpha(opacity='100');}
.FlatBarSO .DezpLButtons:hover .sButtonL, .FlatBarSO .DezpLButtons:hover .sButtonR, .Folders .DezpLButtons:hover .sButtonL, .Folders .DezpLButtons:hover .sButtonR {top: -22px;}
.FlatBarSO .DezpLButtons.disable .sButtonL, .FlatBarSO .DezpLButtons.disable .sButtonR, .Folders .DezpLButtons.disable .sButtonL, .Folders .DezpLButtons.disable .sButtonR {top: -44px}
.FlatBarSO .DezpLButtons.hidden, .Folders .DezpLButtons.hidden{display:inline-block }


/* ****************************** Boton de Folder */
.iButtonFold{display:inline-block;position:relative;overflow:hidden;white-space: nowrap;height:22px;width:auto;z-index:0;top:0px;background-color:transparent;min-width:93.5px;text-align:center;margin:1px 0px 0px 0px} 
.iButtonFold .pRigth {width:300px;right:0;clip: rect(auto, auto, auto, 290px)}
.iButtonFold .pLeft, .iButtonFold .pRigth {display:block;position:absolute;z-index:-1;height:88px;background-image: url('../Images/Buttons30/FolderButton.png')}
.iButtonFold.hover .pLeft,    .iButtonFold.hover .pRigth{top: -22px}
.iButtonFold.down .pLeft,    .iButtonFold.down .pRigth{top: -22px}
.iButtonFold.selected .pLeft,     .iButtonFold.selected .pRigth{top: -44px}
.iButtonFold.disable .pLeft,  .iButtonFold.disable .pRigth{top: -66px}
.iButtonFold .DSContainer .ImagButt{position:relative;width:16px;height:16px}
.iButtonFold.disable {opacity:.5;filter:alpha(opacity='50')}
.iButtonFold .pLeft {left:0;right:10px}
.iButtonFold.hidden {display:none}
.iButtonFold .DSContainer {background:transparent;height:100%;display:flex;justify-content: center;align-items:center;padding-left:3px;padding-right:3px}
.iButtonFold .DSContainer .ArtCaption {position:relative;font-family:var(--FolderB-Font-Family);font-size:11px;color:var(--FolderB-Font-Color);text-decoration: none;display:inline-block;padding-left:2px}
.iButtonFold .DSContainer .ArtCaption.hover {color:var(--FolderB-Hover-Color)}       /* Cambiar Colore de la Fuente  en Hover */
.iButtonFold .DSContainer .ArtCaption.disable{color:var(--FolderB-Disable-Color)} /* Cambiar Colore de la Fuente  Cuando este Disabled */
.iButtonFold .DSContainer .ArtCaption.selected{color:var(--FolderB-Selected-Color)} /* Cambiar Colore de la Fuente  Cuando este Seleccionado */
.iButtonFold .ImgSensse {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0px;cursor:pointer}
.iButtonFold .ImgSensse.disable{cursor:auto}
/* ****************************** Botones Close Folder Bar ***********************/
.iButFClose{display:inline-block;position:absolute;overflow:hidden;height:12px;width:12px;top:3px;left:calc(100% - 19px);background-color:transparent;cursor:pointer;margin-left:5px;} 
.iButFClose .sButton {background: url('../Images/Buttons30/bCloseFolder.png')}
.iButFClose .sButton  {display:inline-block;position:absolute;height:36px;left:0px;right:0px}
.iButFClose.hover .sButton {top: -12px}
.iButFClose.down .sButton {top: -24px}
.iButFClose.hidden {display:none}


/* +++++++++++++++++++ paginadores +++++++++++++++++++++++++++++++++++++ */
.PageSinSO div, .PageSinSO span, .MasterPageSO div, .MasterPageSO span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
/* *********************** Page ********************* */
/******************************************************/
.PageSinSO{display:inline-block;background:#fff;position:relative;overflow:auto;width:100%;height:100%}
.PageSinSO.Design{overflow:auto}
.PageSinSO.Design.Back00{background:#46008C}
.PageSinSO.Design.Back01{background:#006633}
.PageSinSO.Design.Back02{background:#402000}
.PageSinSO.Design.Back03{background:#660066}
.PageSinSO.Design.Back04{background:#661A00}
.PageSinSO.Design.Back05{background:#666600}
.PageSinSO.Design.Back06{background:#006666}
.PageSinSO.Background{background:#DFE8F6}
.PageSinSO.DesingForm{background:#FFFFE1;margin:5px}
/* *********************** MultiPage ********************* */
/***********************************************************/
.MasterPageSO {display:inline-block;overflow:hidden;position:relative;background:#EBEBEB;width:100%;height:100%;}


:root {
     --Label-Font-Color:#686376;
     --Label-Font-Family:Arial,Tahoma,Verdana;  
     --Label-Font-FamilyP:Poppins-Regular,Century Gothic,Arial,Tahoma,Verdana;   
}

/* *********************** LABEL ************************ */
/***********************************************************/
.cLabel div, .cLabel img, .cLabel span, .cLabel label{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.cLabel {display:inline-block;font-family:var(--Label-Font-Family);position:relative;font-size:12px;height:19px;background:transparent;white-space: nowrap;color:var(--Label-Font-Color);align-items: center;overflow:hidden}
.cLabel.Left{text-align:left}
.cLabel.Center{text-align:center}
.cLabel.Right{text-align:right}
.cLabel .LblText{display:inline-block;position:relative;left:0px;top:0px;width:auto;height:auto;background:transparent}
.cLabel.hiden{display:none}
.cLabel.bCursor{cursor:url('https://www.sicasonline.com/sicasonline/Images/Cursors/HandTor.cur'), pointer;color:#0000ff}
.cLabel.Importante{color:#ff0000;font-size:12px}

.cLabel.Is40 {font-family:var(--Label-Font-FamilyP)}
/* *********************** Line ************************ */
/***********************************************************/
.cLine div, .cLine span{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.cLine {display:inline-block;position:relative;height:2px;width:100%;background:#8DB2E3;margin-top:5px;margin-bottom:5px;}
.cLine.hiden{display:none}


/* *********************** IMAGEN ************************ */
/***********************************************************/
.cImagenSO div, .cImagen img, .cImagen span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.cImagenSO {display:inline-block;position:relative;background-color:transparent}
.cImagenSO.S10{width:10px;height:10px}
.cImagenSO.S16{width:16px;height:16px}
.cImagenSO.S20{width:20px;height:20px}
.cImagenSO.S24{width:24px;height:24px}
.cImagenSO.S32{width:32px;height:32px}
.cImagenSO.S48{width:48px;height:48px}
.cImagenSO.S64{width:64px;height:64px}
.cImagenSO.S96{width:96px;height:96px}
.cImagenSO.S128{width:128px;height:128px}
.cImagenSO.S160{width:160px;height:160px}
.cImagenSO.S256{width:256px;height:256px}
.cImagenSO .ImgS{display:inline-block;position:relative;left:0px;top:0px;width:100%;height:100%;background:transparent}
.cImagenSO .ImgS.CurPoint{cursor:pointer}
.cImagenSO.hiden{display:none}


/* *********************** Cuadro de Mensaje ********************* */
/***********************************************************/
:root {
     --Msg-Font-Color:#686376;
     --Msg-Font-Family:Arial,Tahoma,Verdana;  
     --Msg-Font-Color-Tit:#596179;
     --ButMsg-Font-Family:Arial,Tahoma,Verdana;  
}

.WinMessage div, .WinMessage span .WinMessage img, .iButtonMsg div, .iButtonMsg span, .iButtonMsg img,
   .iButMClose div, .iButFClose span, .iButFClose img{
    -moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none
} 
.WinMessage{display:inline-block;position:absolute;left:calc(50% - 250px);top:calc(50% - 150px);width:500px;height:270px;overflow:hidden;background:#ffffff;z-index:2;border-radius:15px;box-shadow:5px 5px 10px 5px #50576f;border:1px solid #50576f}
.WinMessage .TitleTxt{display:inline-block;position:relative;left:0px;width:100%;height:50px;font-family:var(--Msg-Font-Family);font-size:30px;color:var(--Msg-Font-Color-Tit);white-space:nowrap;background:transparent;text-align:center;border-bottom:2px solid #59617A}
.WinMessage .TitleTxt .TitleT{display:inline-block;position:relative;top:10px;left:0px;width:100%;height:100%}
.WinMessage .ImgSpace{display:inline-block;position:relative;left:0px;width:100%;height:80px}
.WinMessage .ImgSpace .ImgData{display:inline-block;position:relative;top:8px;left:calc(50% - 32px);width:64px;height:64px}
.WinMessage .ContText{display:inline-block;position:relative;left:5px;width:calc(100% - 10px);min-height:80px;max-height:100px;height:auto;font-family:var(--Msg-Font-Family);font-size:17px;color:#888888;white-space:normal;background:transparent;text-align:center}
.WinMessage .ContButtons{display:inline-block;position:relative;left:5px;width:calc(100% - 10px);height:40px;text-align:center;background:transparent}


/* -------------------------- Boton de Mensaje  ********************* */
.iButtonMsg{display:inline-block;position:relative;overflow:hidden;white-space: nowrap;height:40px;width:auto;z-index:0;top:0px;background-color:transparent;min-width:120px;text-align:center;margin:1px 1px 0px 20px} 
.iButtonMsg .pRigth {width:300px;right:0;clip: rect(auto, auto, auto, 280px)}
.iButtonMsg .pLeft, .iButtonMsg .pRigth {display:block;position:absolute;z-index:-1;height:120px;background-image: url('../Images/Buttons30/ButonMsg.png')}
.iButtonMsg.hover .pLeft,    .iButtonMsg.hover .pRigth{top: -40px}
.iButtonMsg.down .pLeft,    .iButtonMsg.down .pRigth{top: -80px}
.iButtonMsg.disable .pLeft,  .iButtonMsg.disable .pRigth{top: 0px}
.iButtonMsg .DSContainer .ImagButt{position:relative;width:24px;height:24px}
.iButtonMsg.disable {opacity:.5;filter:alpha(opacity='50')}
.iButtonMsg .pLeft {left:0;right:20px}
.iButtonMsg.hidden {display:none}
.iButtonMsg .DSContainer {background:transparent;height:100%;display:flex;justify-content: center;align-items:center;padding-left:3px;padding-right:3px}
.iButtonMsg .DSContainer .ArtCaption {position:relative;font-family:var(--ButMsg-Font-Family);font-size:15px;color:#ffffff;text-decoration: none;display:inline-block;padding-left:2px}
.iButtonMsg .ImgSensse {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0px;cursor:pointer}
.iButtonMsg .ImgSensse.disable{cursor:auto}

/* ****************************** Botones Close Folder Bar ***********************/
.iButMClose{display:inline-block;position:absolute;overflow:hidden;height:20px;width:20px;top:10px;left:calc(100% - 35px);background-color:transparent;cursor:pointer;margin-left:5px;} 
.iButMClose .sButton {background: url('../Images/Buttons30/CloseMsg.png')}
.iButMClose .sButton  {display:inline-block;position:absolute;height:60px;left:0px;right:0px}
.iButMClose.hover .sButton {top: -20px}
.iButMClose.down .sButton {top: -40px}
.iButMClose.hidden {display:none}

/* *********************  Mascara General **********/
/***************************************************/
.MaskPanelSO div, .MaskPanel span, .MaskWait div, .MaskWait span, .MaskWait img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.MaskPanelSO {display:inline-block;position:absolute;overflow:hidden;left:0px;top:0px;width:100%;height:100%;background:#DFE8F6;opacity:.3;filter:alpha(opacity='30');z-index:1}
.MaskWaitSO {display:inline-block;position:absolute;overflow:hidden;left:0px;top:0px;width:100%;height:100%;background:transparent;z-index:1;opacity:.7;filter:alpha(opacity='70')}
.MaskWaitSO img{position:absolute;display:inline-block;left:calc(50% - 64px);top:calc(50% - 64px);width:128px;height:128px;}

.MaskWaitFrmSO {display:inline-block;position:absolute;overflow:hidden;left:0px;top:0px;width:100%;height:100%;background:transparent;z-index:1;opacity:.7;filter:alpha(opacity='70')}
.MaskWaitFrmSO img{position:absolute;display:inline-block;left:calc(100% - 220px);top:calc(100% - 21px);width:220px;height:19px;}


/* *********************** Windows ************************ */
/***********************************************************/
:root {
     --Win-Font-Color:#686376;
     --Win-Font-Family:Arial,Tahoma,Verdana;  
     --Win-Font-Color-Tit:#ffffff;
     --Win-Font-Color-Tit2:#000;
     --Win-Font-FamilySO:Poppins-Regular,Century Gothic,Arial,Tahoma,Verdana;
     --Win-font-ColorSO:#504f4f;
}
.WindowsSOline div, .WindowsSOline span, .WindowsSOline img, .iButWinH02 div, .iButWinH02 img, .iButWinH02 span,
   .iButWinH01 div, .iButWinH01 img, .iButWinH01 span, .iButWinH03 div, .iButWinH03 img, .iButWinH03 span{
    -moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none;
}
.WindowsSOline {display:inline-block;position:absolute;overflow:visible;background:transparent;width:250px;height:150px;border:0px;box-shadow:5px 5px 10px #cccccc;min-height:40px}
.WindowsSOline.hiden{display:none} 
.WindowsSOline .TitleWin{position:absolute;display:inline-block;overflow:visible;background:transparent;top:0px;left:7px;width:calc(100% - 14px);height:25px;}
.WindowsSOline .TitleWin .ContTit{display:inline-block;position:absolute;width:calc(100% - 20px);height:auto;left:20px;text-align:center;overflow:visible}
.WindowsSOline .TitleWin .ContTit .TitleTextWin{position:relative;display:inline-block;width:auto;height:auto;font-family:var(--Win-Font-Family);font-size:12px;
    color:var(--Win-Font-Color-Tit);top:4px;white-space:nowrap;
} /*left:125px; Lo Quito  VMBR 25Mar22*/
.WindowsSOline.H01{border-radius:8px}
.WindowsSOline.H02{border-radius:8px 8px 0px 0px}
.WindowsSOline.H03{border-radius:3px 3px 3px 3px}
.WindowsSOline.H05{border:1px solid #35679a; border-radius:3px}

.WindowsSOline .TitleWin .ImgWin{position:absolute;display:inline-block;width:16px;height:16px;left:0px;top:4px}
.WindowsSOline.H01 .TitleWin .ContTit .TitleTextWin,.WindowsSOline.H03 .TitleWin .ContTit .TitleTextWin {color:var(--Win-Font-Color-Tit2)}

.WindowsSOline .SpaceWin{position:relative;display:inline-block;overflow:hidden;background:transparent;
    width:calc(100% - 14px);height:calc(100% - 31px);
    border-top:25px solid transparent;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:6px solid transparent;
}
.WindowsSOline .SpaceWin.H01{
    -webkit-border-image: url('../Images/Window30/WinBlue.png') 25 7 6 7;-o-border-image: url('../Images/Window30/WinBlue.png') 25 7 6 7;border-image: url('../Images/Window30/WinBlue.png') 25 7 6 7;    
}
.WindowsSOline .SpaceWin.H02{
    -webkit-border-image: url('../Images/Window30/WinBlack.png') 25 7 6 7!important;-o-border-image: url('../Images/Window30/WinBlack.png') 25 7 6 7;border-image: url('../Images/Window30/WinBlack.png') 25 7 6 7;    
}
.WindowsSOline .SpaceWin.H03{
    -webkit-border-image: url('../Images/Window30/WinModal.png') 25 7 6 7;-o-border-image: url('../Images/Window30/WinModal.png') 25 7 6 7;border-image: url('../Images/Window30/WinModal.png') 25 7 6 7;    
}

/**** Estilos del H05 */
.WindowsSOline.H05 {background:#fff}
.WindowsSOline.H05 .SpaceWin{margin: 35px 0px 6px 0px;border-top: 1px solid #35679a;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid transparent;width: calc(100% - 8px);height: calc(100% - 40px); }
.WindowsSOline.H05 .TitleWin{height: 35px;left:4px;width: calc(100% - 8px);background:transparent;display:inline-flex;align-items:center;overflow:hidden}
.WindowsSOline.H05 .TitleWin .ImgWin{width: 80px;height:25px;left:initial;top:initial;position:relative;margin-right:2px}
.WindowsSOline.H05 .TitleWin .ContTit {background:transparent;width: calc(100% - 82px);left:initial;position:relative}
.WindowsSOline.H05 .TitleWin .ContTit .TitleTextWin{font-family:var(--Win-Font-FamilySO);font-size:13px;color:var(--Win-font-ColorSO);background:transparent;top:initial;white-space: break-spaces;}
   
.WindowsSOline.bModal{z-index:1}
.WindowsSOline .SpaceWin .SpaceCont{position:relative;display:inline-block;overflow:auto;background:#ffffff;width:100%;height:100%;top:0px;left:0px}
.WindowsSOline .iFinder{position:absolute;display:inline-block;float:left;top:-7px;left:0px;width:280px;height:32px;background: url('../Images/Window30/PestFoldFinderA.png')}
.WindowsSOline .iFinder .ImgBut {position:absolute;display:inline-block;left:14px;top:18px; width:10px;height:10px;cursor:pointer}
.WindowsSOline .FinderReult {display:none;position:absolute;top:25px;left:27px;width:500px;height:300px;overflow:hidden;background:#ffffff;border:2px solid #2F275A;white-space:nowrap}
.WindowsSOline .FinderReult.show {display:inline-block}
.WindowsSOline .iFinder.TextSearch30{position:relative;width: 200px; height: 20px;}
.TextSearch30 {display:inline-block;position: relative;width: 200px;height: 20px;top:7px;border:1px solid #B5B8C8;overflow:hidden;background:#ffffff}


.WindowsSOline.H05 .SpaceWin.H05 .SpaceCont{}

/* ****************** Form Container */
.CSSContWindow div, .CSSContWindow span, .CSSContWindow img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none;}
.CSSContWindow {display:inline-block;position:absolute;overflow:visible;background:#ffffff;width:250px;height:200px;border:0px;min-height:40px;border-radius: 10px;}
.CSSContWindow.bModal{z-index:1}
.CSSContWindow .ImgWindow {display:inline-block;position:relative;width:64px;height:64px;top:calc(-100% - 32px);left: calc(50% - 32px);}
.CSSContWindow .CSSContSec{display:inline-block;position:relative;width:100%;height:100%;box-shadow:5px 5px 10px #cccccc;overflow:hidden;border-radius: 10px}
.CSSContWindow .CSSContSec .SpaceTitle{display:inline-block;position:relative;width:100%;height:32px;background:transparent;}
.CSSContWindow .CSSContSec .SpaceTitle .xContBut{top:calc(50% - 10px)}
.CSSContWindow .CSSContSec .SpaceCont{display:inline-block;position:relative;width:100%;height:calc(100% - 32px);background:transparent;}


/* Botones */
.iButWinH02{display:inline-block;position:relative;overflow:hidden;height:20px;width:28px;z-index:0;background-color:transparent;cursor:pointer;float:right} 
.iButWinH02.BtClose{width:48px}
.iButWinH02 .sButtonClose {background: url('../Images/Buttons30/BWinClose.png')}
.iButWinH02 .sButtonMax {background: url('../Images/Buttons30/BWinMax.png')}
.iButWinH02 .sButtonMin {background: url('../Images/Buttons30/BWinMin.png')}
.iButWinH02 .sButtonRest {background: url('../Images/Buttons30/BWinRest.png')}
.iButWinH02 .sButtonCfg {background: url('../Images/Buttons30/BWinCfg.png')}
.iButWinH02 .sButtonHelp {background: url('../Images/Buttons30/BWinHelp.png')}
.iButWinH02 .sButtonClose, .iButWinH02 .sButtonMax, .iButWinH02 .sButtonMin, .iButWinH02 .sButtonRest, .iButWinH02 .sButtonCfg, .iButWinH02 .sButtonHelp {display:inline-block;position:absolute;z-index:-1;height:60px;left:0px;right:0px}
.iButWinH02.hover .sButtonClose, .iButWinH02.hover .sButtonMax, .iButWinH02.hover .sButtonMin, .iButWinH02.hover .sButtonRest, .iButWinH02.hover .sButtonCfg , .iButWinH02.hover .sButtonHelp {top: -20px}
.iButWinH02.down .sButtonClose, .iButWinH02.down .sButtonMax, .iButWinH02.down .sButtonMin, .iButWinH02.down .sButtonRest, .iButWinH02.down .sButtonCfg, .iButWinH02.down .sButtonHelp {top: -40px}
.iClientGreen  {position:relative;display:none;top:0px;width:80px;height:20px;float:right}
.iClientGreen.ShowGC{display:inline-block}

.iButWinH01, .iButWinH03{display:inline-block;position:relative;overflow:hidden;height:18px;width:26px;z-index:0;background-color:transparent;cursor:pointer;float:right} 
.iButWinH01.BtClose, .iButWinH03.BtClose{width:43px}
.iButWinH01 .sButtonClose, .iButWinH03 .sButtonClose {background: url('../Images/Buttons30/BCromClose.png')}
.iButWinH01 .sButtonMax, .iButWinH03 .sButtonMax {background: url('../Images/Buttons30/BCromMax.png')}
.iButWinH01 .sButtonMin, .iButWinH03 .sButtonMin {background: url('../Images/Buttons30/BCromMin.png')}
.iButWinH01 .sButtonRest, .iButWinH03 .sButtonRest {background: url('../Images/Buttons30/BCromRest.png')}
.iButWinH01 .sButtonClose, .iButWinH01 .sButtonMax, .iButWinH01 .sButtonMin, .iButWinH01 .sButtonRest,
  .iButWinH03 .sButtonClose, .iButWinH03 .sButtonMax, .iButWinH03 .sButtonMin, .iButWinH03 .sButtonRest{
       display:inline-block;position:absolute;z-index:-1;height:54px;left:0px;right:0px
}
.iButWinH01.hover .sButtonClose, .iButWinH01.hover .sButtonMax, .iButWinH01.hover .sButtonMin, .iButWinH01.hover .sButtonRest, 
  .iButWinH03.hover .sButtonClose, .iButWinH03.hover .sButtonMax, .iButWinH03.hover .sButtonMin, .iButWinH03.hover .sButtonRest{
    top: -18px
}
.iButWinH01.down .sButtonClose, .iButWinH01.down .sButtonMax, .iButWinH01.down .sButtonMin, .iButWinH01.down .sButtonRest,
  .iButWinH03.down .sButtonClose, .iButWinH03.down .sButtonMax, .iButWinH03.down .sButtonMin, .iButWinH03.down .sButtonRest{
      top: -36px
}

/* Botones */
.iButWinH05{display:inline-block;position:relative;overflow:hidden;height:20px;width:20px;z-index:0;background-color:transparent;cursor:pointer;float:right;margin-right: 2px;} 
.iButWinH05 .sButtonClose {background: url('../Images/Buttons30/bWinCloseH05.png')}
.iButWinH05 .sButtonMax {background: url('../Images/Buttons30/BWinMaxH05.png')}
.iButWinH05 .sButtonMin {background: url('../Images/Buttons30/BWinMinH05.png')}
.iButWinH05 .sButtonRest {background: url('../Images/Buttons30/BWinRestH05.png')}
.iButWinH05 .sButtonCfg {background: url('../Images/Buttons30/BWinCfgH05.png')}
.iButWinH05 .sButtonHelp {background: url('../Images/Buttons30/BWinHelpH05.png')}
.iButWinH05 .sButtonClose, .iButWinH05 .sButtonMax, .iButWinH05 .sButtonMin, .iButWinH05 .sButtonRest, .iButWinH05 .sButtonCfg, .iButWinH05 .sButtonHelp {display:inline-block;position:absolute;z-index:-1;height:60px;left:0px;right:0px}
.iButWinH05:hover .sButtonClose, .iButWinH05:hover .sButtonMax, .iButWinH05:hover .sButtonMin, .iButWinH05:hover .sButtonRest, .iButWinH05:hover .sButtonCfg , .iButWinH05:hover .sButtonHelp {top:-20px}
.iButWinH05.down .sButtonClose, .iButWinH05.down .sButtonMax, .iButWinH05.down .sButtonMin, .iButWinH05.down .sButtonRest, .iButWinH05.down .sButtonCfg, .iButWinH05.down .sButtonHelp {top:-40px}


.iClientGreen  {position:relative;display:none;top:0px;width:80px;height:20px;float:right}
.iClientGreen.ShowGC{display:inline-block}


/* ********************* Propiedades de Diseñador */
/**************************************************/
.FormPropertis div, .FormPropertis span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.FormPropertis {display:inline-block;position:relative;overflow:hidden;width:100%;height:100%}
.FormPropertis .TitleProp{display:inline-block;position:relative;overflow:hidden;width:100%;height:24px;font-family:Arial;font-size:12px;font-weight:bold;text-align:left;background: url('../Images/FlatFoldBar30/FrameBackN.png') }
.FormPropertis .TitleProp .Tit1{display:inline-block;position:relative;overflow:hidden;width:100px;height:100%;border-right:1px solid #99BBE8;padding:2px;top:2px;}
.FormPropertis .TitleProp .Tit2{display:inline-block;position:relative;overflow:hidden;width:calc(100% - 110px);height:100%;padding:2px;top:2px;}
.FormPropertis .ContProp{display:inline-block;position:relative;overflow:hidden;overflow-y:auto;width:100%;height:calc(100% - 24px);background:#fafafa;font-family:Arial;font-size:11px;text-align:left}
.FormPropertis .ContProp .PropPart{display:inline-block;position:relative;overflow:hidden;width:100%;height:22px;border-bottom:1px solid #99BBE8}
.FormPropertis .ContProp .PropPart .PartName{display:inline-block;position:relative;overflow:hidden;width:100px;height:100%;border-right:1px solid #99BBE8;padding:2px;white-space:nowrap}
.FormPropertis .ContProp .PropPart .PartData{display:inline-block;position:relative;overflow:hidden;width:calc(100% - 109px);height:100%;padding:2px;white-space:nowrap;font-style:italic;font-size:12px}
.FormPropertis .Ctrol{display:none;position:absolute;left:0px;top:0px;font-family:Arial,Tahoma, Verdana, Helvetica; font-size:12px;color:#ff0000;width:calc(100% - 6px);height:calc(100% - 10px)}
.FormPropertis .Ctrol.Select{width:calc(100% - 0px);height:calc(100% - 4px)}
.FormPropertis .Ctrol.Visible{display:inline-block}

.iBDesign{min-width:90px;margin:5px} 

/* *******************  Propiedades del Frame  ************ */
.SOContFrame {display:inline-block;position:relative;left:0px;top:0px;background:#DFE8F6;overflow:hidden}
.SOContFrame.hiden{display:none}
.SOContFrame .SCont01{display:inline-block;position:relative;left:0px;top:6px;width:calc(100% - 2px);height:calc(100% - 8px);border:1px solid;border-color:#99BBE8 #fff #fff #99BBE8}
.SOContFrame .SCont01 .SCont02{display:inline-block;position:relative;left:0px;top:0px;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid;border-color:#fff #99BBE8 #99BBE8 #fff;background:#DFE8F6} 
.SOContFrame .SCont01 .SCont02 .ContSpaceFrame{display:inline-block;position:relative;left:0px;top:7px;width:100%;height:calc(100% - 7px);background:#DFE8F6;overflow:hidden}
.SOContFrame .TitleFrame {display:inline-block;position:absolute;font-family:Arial;font-size:12px;color:#000;background:#DFE8F6;height:auto;width:auto;left:5px}

/* *********** 4.0 ****/
.SOContFrame.css40 {border-radius: 15px;border: 2px solid rgba(53,103,154,.5);background: #fff;overflow: hidden;}
.SOContFrame.css40 .TitleFrame {display: inline-flex;align-items: flex-end;height:25px;font-Family: var(--FolderB-Font-Family);color:var(--FolderB-Font-ColorSO);border-bottom: 2px solid rgba(53,103,154,.5);width: calc(100% - 20px);font-size: 14px;left: 10px;background:transparent;}
.SOContFrame.css40 .SCont01 {width: calc(100% - 0px);height: calc(100% - 25px);top: 0px;border: 0px;margin-top: 25px;} 
.SOContFrame.css40 .SCont01 .SCont02{width: calc(100% - 0px);height: calc(100% - 0px);top: 0px;border: 0px;background:transparent}
.SOContFrame.css40 .SCont01 .SCont02 .ContSpaceFrame {background:transparent}
.SOContFrame.css40.noTitle .SCont01 {height: calc(100% - 0px);margin-top: initial;}
.SOContFrame.css40.noTitle .SCont01 .SCont02 .ContSpaceFrame {top: 0px;height: calc(100% - 0px)}
.SOContFrame.css40.noTitle .TitleFrame{display:none}



.iInpLeftTopH01, .iInpLeftMidH01, .iInpLeftTopH02, .iInpLeftMidH02, .iInpLeftTopH03, .iInpLeftMidH03, .iInpLeftTopH05, .iInpLeftMidH05, .iNOInputsPK.iNOInputs {
     --Lbl-Font-Color:#686376;
     --Inp-Font-Color:#000;
     --Inp-Font-Color-ACT:#00238C;
     --Inp-Font-Family:Arial,Tahoma,Verdana;       
     --Inp-Font-Size:12px;
     --Lbl-Font-Size:10px;
     --Inp-Font-FamilyC:Poppins-Regular,Century Gothic,Arial;  
     --Lbl-Font-ColorC:#5d5f78;
     --Inp-Font-ColorC:#949494;
     --Lbl-Font-SizeC:11px;     
     --Inp-Font-SizeC:14px;
     --Inp-Font-SizeCNR:12px;
}

    
.iInpLeftTopH01 div, .iInpLeftTopH01 img, .iInpLeftTopH01 span, .iInpLeftTopH01 label{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.iInpLeftTopH01 {display:inline-block;height:32px;background:transparent;position:relative;overflow:visible;font-family:var(--Inp-Font-Family)} /*padding:2px;margin-right:10px*/
.iInpLeftTopH01.hiden{display:none}
.iInpLeftTopH01.invisible{visibility:hidden}
.iInpLeftTopH01 .LabelField{display:inline-block;position:relative;top:0px;left:0px;height:13px;width:100%;background-color:transparent;font-size:var(--Lbl-Font-Size);font-weight:bold;color:var(--Lbl-Font-Color);white-space: nowrap}
.iInpLeftTopH01 .LabelField.Left{text-align:left}
.iInpLeftTopH01 .LabelField.Center{text-align:center}
.iInpLeftTopH01 .LabelField.Right{text-align:right}
.iInpLeftTopH01 .ContField {display:inline-block;position:relative;height:calc(100% - 14px);width:calc(100% - 2px);background:#fff url(../Images/Inputs30/BackFields.png) repeat-x top;border:1px solid #B5B8C8}
.iInpLeftTopH01 .ContField .cMarca{display:none;position:relative;height:100%;width:12px;background:transparent;float:left}
.iInpLeftTopH01 .ContField .cssBtnImgList {width: 16px;height: 16px;display: block;float: left;top: 1px;position: relative;left: 0px;}
.iInpLeftTopH01 .ContField .cFlag{display:inline-block;position:relative;height:100%;width:55px;background:transparent;float:left}
.iInpLeftTopH01 .ContField .cField{display:inline-block;position:relative;height:calc(100% - 2px);width:calc(100% - 4px);background:transparent;border:0px;float:right;color:var(--Inp-Font-Color);font-size:var(--Inp-Font-Size)}
.iInpLeftTopH01 .ContField .cField.Left{text-align:left}
.iInpLeftTopH01 .ContField .cField.Center{text-align:center}
.iInpLeftTopH01 .ContField .cField.Right{text-align:right}
.iInpLeftTopH01 .ContField .cField.H01{text-transform:lowercase}
.iInpLeftTopH01 .ContField .cField.H02{text-transform:uppercase}
.iInpLeftTopH01 .ContField .cCountMemo {display: inline-block;position: absolute;right: 5px;bottom: 0px;color: #ddd;font-size: 13px;}
.iInpLeftTopH01 input[readonly]{color:#858585!important}
.iInpLeftTopH01 input[disabled]{color:#ff0000!important;background:#F0F0F0!important}
.iInpLeftTopH01.hover .ContField{background:url(../Images/Inputs30/BackFieldOA.png) repeat-x bottom;border:1px solid #7EADDA}
.iInpLeftTopH01.hover .ContField .cMarca{display:inline-block;background:#7EADDA}
.iInpLeftTopH01.hover .ContField .cField{width:calc(100% - 16px);color:var(--Inp-Font-Color-ACT)}
.iInpLeftTopH01.active .ContField{background:url(../Images/Inputs30/BackFieldOA.png) repeat-x bottom;border:1px solid #7EADDA}
.iInpLeftTopH01.active .ContField .cMarca{display:inline-block;background:#7EADDA}
.iInpLeftTopH01.active .ContField .cField{width:calc(100% - 16px);color:var(--Inp-Font-Color-ACT)}
.iInpLeftTopH01.alert .ContField{border:1px solid #ff8000}
.iInpLeftTopH01.alert .ContField .cMarca{display:inline-block;background:#ff8000}
.iInpLeftTopH01.alert .ContField .cField{width:calc(100% - 16px)}
.iInpLeftTopH01.hover .ContField.CWithImg .cField, .iInpLeftTopH01.active .ContField.CWithImg .cField, .iInpLeftTopH01.alert .ContField.CWithImg .cField{width:calc(100% - 36px)}
.iInpLeftTopH01.requiered .ContField{border:1px solid #DE6667}
.iInpLeftTopH01.requiered .ContField .cMarca{display:inline-block;background:#DE6667}
.iInpLeftTopH01.requiered .ContField .cField{width:calc(100% - 16px)}
.iInpLeftTopH01 .ContField.CWithImg .cField{width:calc(100% - 26px)}
.InputShadow{z-index: 1!important;box-shadow: rgb(174 168 168 / 73%) 3px 5px 4px 0px;}  

.iInpLeftTopH01 .ContField.Flag .cField{width:calc(100% - 4px - 55px)}
.iInpLeftTopH01.hover .ContField.Flag .cField, .iInpLeftTopH01.active .ContField.Flag .cField, .iInpLeftTopH01.alert .ContField.Flag .cField, .iInpLeftTopH01.requiered .ContField.Flag .cField{width:calc(100% - 16px - 55px);}


.iInpLeftTopH01.disable .ContField{background:#F0F0F0}
.iInpLeftTopH01 textarea{height:calc(100% - 10px);Right:3px;resize:none;font-family:var(--Inp-Font-Family)}

.iInpLeftTopH01 .ContField.BtnDown, .iInpLeftTopH01 .ContField.BtnSelAdv {width:calc(100% - 2px  - 17px)}
.iInpLeftTopH01.hover .ContField.BtnDown, .iInpLeftTopH01.active .ContField.BtnDown, .iInpLeftTopH01.alert .ContField.BtnDown, .iInpLeftTopH01.requiered .ContField.BtnDown {
    width:calc(100% - 2px  - 17px)
}

.iInpLeftTopH01 .ContField.BtnDownSelAdv {width:calc(100% - 2px  - 17px - 17px)}
.iInpLeftTopH01.hover .ContField.BtnDownSelAdv, .iInpLeftTopH01.active .ContField.BtnDownSelAdv, .iInpLeftTopH01.alert .ContField.BtnDownSelAdv, .iInpLeftTopH01.requiered .ContField.BtnDownSelAdv {
    width:calc(100% - 2px  - 17px - 17px)
}
/* Para el Password*/
.iInpLeftTopH01 .ContField.csPwsEye .cField{width:calc(100% - 2px - 18px);}
.iInpLeftTopH01.hover .ContField.csPwsEye .cField, .iInpLeftTopH01.active .ContField.csPwsEye .cField, .iInpLeftTopH01.alert .ContField.csPwsEye .cField, .iInpLeftTopH01.requiered .ContField.csPwsEye .cField{width:calc(100% - 16px - 16px);}
.iInpLeftTopH01 .ContField .ContEyePws {display:block;position:relative;width:16px;height:16px;float:right;right:1px;top:1px;background:url(../Images/Inputs30/PwsShow.png) no-repeat;background-size:16px 16px;border-radius:3px;cursor:pointer;}
.iInpLeftTopH01 .ContField .ContEyePws.hiden{background:url(../Images/Inputs30/PwsHide.png) no-repeat;background-size:16px 16px}
.iInpLeftTopH01 .ContField .ContEyePws:hover {background-color:#e4e4e4}

.iInpLeftTopH01 .ContField.BtnSelected {background:transparent;border:0px;height:calc(100% - 13px);width:100%;}
.iInpLeftTopH01 .ContField .cField.NoneData{display:none}
.iInpLeftTopH01 .ContField .NoMarginInp {margin:0px}

/* Opcion 2*/
.iInpLeftMidH01 div, .iInpLeftMidH01 img, .iInpLeftMidH01 span, .iInpLeftMidH01 label{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.iInpLeftMidH01 {display:inline-block;height:18px;background:transparent;position:relative;overflow:visible;font-family:var(--Inp-Font-Family);margin-bottom:2px} /*padding:2px;margin-right:10px*/
.iInpLeftMidH01.hiden{display:none}
.iInpLeftMidH01.invisible{visibility:hidden}
.iInpLeftMidH01.invisible{visibility:hidden}
.iInpLeftMidH01 .LabelField{display:inline-block;position:relative;top:4px;right:100%;height:12px;width:auto;float:right;background-color:transparent;font-size:var(--Lbl-Font-Size);font-weight:bold;color:var(--Lbl-Font-Color);white-space: nowrap;text-align:right;padding-right:2px}
.iInpLeftMidH01 .ContField {display:inline-block;position:absolute;left:0px;top:0px;height:100%;width:calc(100% - 2px);background:#fff url(../Images/Inputs30/BackFields.png) repeat-x top;border:1px solid #B5B8C8}
.iInpLeftMidH01 .ContField .cMarca{display:none;position:relative;height:100%;width:12px;background:transparent;float:left}
.iInpLeftMidH01 .ContField .cssBtnImgList {width: 16px;height: 16px;display: block;float: left;top: 1px;position: relative;left: 0px;}
.iInpLeftMidH01 .ContField .cFlag{display:inline-block;position:relative;height:100%;width:55px;background:transparent;float:left}
.iInpLeftMidH01 .ContField .cField{display:inline-block;position:relative;height:calc(100% - 2px);width:calc(100% - 4px);background:transparent;border:0px;float:right;color:var(--Inp-Font-Color);font-size:var(--Inp-Font-Size)}
.iInpLeftMidH01 .ContField .cField.Left{text-align:left}
.iInpLeftMidH01 .ContField .cField.Center{text-align:center}
.iInpLeftMidH01 .ContField .cField.Right{text-align:right}
.iInpLeftMidH01 .ContField .cField.H01{text-transform:lowercase}
.iInpLeftMidH01 .ContField .cField.H02{text-transform:uppercase}
.iInpLeftMidH01 .ContField .cCountMemo {display: inline-block;position: absolute;right: 5px;bottom: 0px;color: #ddd;font-size: 13px;}
.iInpLeftMidH01 input[readonly]{color:#858585!important}
.iInpLeftMidH01 input[disabled]{color:#ff0000!important;background:#F0F0F0!important}
.iInpLeftMidH01.hover .ContField{background:url(../Images/Inputs30/BackFieldOA.png) repeat-x bottom;border:1px solid #7EADDA}
.iInpLeftMidH01.hover .ContField .cMarca{display:inline-block;background:#7EADDA}
.iInpLeftMidH01.hover .ContField .cField{width:calc(100% - 16px);color:var(--Inp-Font-Color-ACT)}
.iInpLeftMidH01.active .ContField{background:url(../Images/Inputs30/BackFieldOA.png) repeat-x bottom;border:1px solid #7EADDA}
.iInpLeftMidH01.active .ContField .cMarca{display:inline-block;background:#7EADDA}
.iInpLeftMidH01.active .ContField .cField{width:calc(100% - 16px);color:var(--Inp-Font-Color-ACT)}
.iInpLeftMidH01.alert .ContField{border:1px solid #ff8000}
.iInpLeftMidH01.alert .ContField .cMarca{display:inline-block;background:#ff8000}
.iInpLeftMidH01.alert .ContField .cField{width:calc(100% - 16px)}
.iInpLeftMidH01.hover .ContField.CWithImg .cField, .iInpLeftMidH01.active .ContField.CWithImg .cField, .iInpLeftMidH01.alert .ContField.CWithImg .cField{width:calc(100% - 36px)}
.iInpLeftMidH01.requiered .ContField{border:1px solid #DE6667}
.iInpLeftMidH01.requiered .ContField .cMarca{display:inline-block;background:#DE6667}
.iInpLeftMidH01.requiered .ContField .cField{width:calc(100% - 16px)}  
.iInpLeftMidH01 .ContField.CWithImg .cField{width:calc(100% - 26px)}
.iInpLeftMidH01.disable .ContField{background:#F0F0F0}
.iInpLeftMidH01 textarea{height:calc(100% - 10px);Right:3px;resize:none;font-family:var(--Inp-Font-Family)}
.iInpLeftMidH01 .ContField.Flag .cField{width:calc(100% - 4px - 55px)}
.iInpLeftMidH01.hover .ContField.Flag .cField, .iInpLeftMidH01.active .ContField.Flag .cField, .iInpLeftMidH01.alert .ContField.Flag .cField, .iInpLeftMidH01.requiered .ContField.Flag .cField{width:calc(100% - 16px - 55px);}


.iInpLeftMidH01 .ContField.BtnDown {width:calc(100% - 2px  - 17px)}
.iInpLeftMidH01.hover .ContField.BtnDown, .iInpLeftMidH01.active .ContField.BtnDown, .iInpLeftMidH01.alert .ContField.BtnDown, .iInpLeftMidH01.requiered .ContField.BtnDown {
    width:calc(100% - 2px  - 17px)
}

.iInpLeftMidH01 .ContField.BtnDownSelAdv {width:calc(100% - 2px  - 17px - 17px)}
.iInpLeftMidH01.hover .ContField.BtnDownSelAdv, .iInpLeftMidH01.active .ContField.BtnDownSelAdv, .iInpLeftMidH01.alert .ContField.BtnDownSelAdv, .iInpLeftMidH01.requiered .ContField.BtnDownSelAdv {
    width:calc(100% - 2px  - 17px - 17px)
}
/* Para el Password*/
.iInpLeftMidH01 .ContField.csPwsEye .cField{width:calc(100% - 2px - 16px);}
.iInpLeftMidH01.hover .ContField.csPwsEye .cField, .iInpLeftMidH01.active .ContField.csPwsEye .cField, .iInpLeftMidH01.alert .ContField.csPwsEye .cField, .iInpLeftMidH01.requiered .ContField.csPwsEye .cField{width:calc(100% - 16px - 16px);}
.iInpLeftMidH01 .ContField .ContEyePws {display:block;position:relative;width:16px;height:16px;float:right;right:1px;top:1px;background:url(../Images/Inputs30/PwsShow.png) no-repeat;background-size:16px 16px;border-radius:3px;cursor:pointer;}
.iInpLeftMidH01 .ContField .ContEyePws.hiden{background:url(../Images/Inputs30/PwsHide.png) no-repeat;background-size:16px 16px}
.iInpLeftMidH01 .ContField .ContEyePws:hover {background-color:#e4e4e4}

.iInpLeftMidH01 .ContField.BtnSelected {background:transparent;border:0px;width:100%;}
.iInpLeftMidH01 .ContField .cField.NoneData{display:none}
.iInpLeftMidH01 .ContField .NoMarginInp {margin:0px}


.iInpLeftTopH02 div, .iInpLeftTopH02 img, .iInpLeftTopH02 span, .iInpLeftTopH02 label{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.iInpLeftTopH02 {display:inline-block;height:32px;background:transparent;position:relative;overflow:visible;font-family:var(--Inp-Font-Family)} /*padding:2px;margin-right:10px*/
.iInpLeftTopH02.hiden{display:none}
.iInpLeftTopH02.invisible{visibility:hidden}
.iInpLeftTopH02 .LabelField{display:inline-block;position:relative;top:0px;left:0px;height:13px;width:100%;background-color:transparent;font-size:var(--Lbl-Font-Size);font-weight:bold;color:var(--Lbl-Font-Color);white-space: nowrap}
.iInpLeftTopH02 .LabelField.Left{text-align:left}
.iInpLeftTopH02 .LabelField.Center{text-align:center}
.iInpLeftTopH02 .LabelField.Right{text-align:right}
.iInpLeftTopH02 .ContField {display:inline-block;position:relative;height:calc(100% - 16px);width:calc(100% - 2px);background:#fff url(../Images/Inputs30/BackFields.png) repeat-x top;border:1px solid #B5B8C8;border-top:3px solid #B5B8C8}
.iInpLeftTopH02 .ContField .cFlag{display:inline-block;position:relative;height:100%;width:55px;background:transparent;float:left}
.iInpLeftTopH02 .ContField .cssBtnImgList {width: 16px;height: 16px;display: block;float: left;top: 1px;position: relative;left: 0px;}
.iInpLeftTopH02 .ContField .cField{display:inline-block;position:relative;height:calc(100% - 2px);width:calc(100% - 4px);background:transparent;border:0px;float:left;color:var(--Inp-Font-Color);font-size:var(--Inp-Font-Size)}
.iInpLeftTopH02 .ContField .cField.Left{text-align:left}
.iInpLeftTopH02 .ContField .cField.Center{text-align:center}
.iInpLeftTopH02 .ContField .cField.Right{text-align:right}
.iInpLeftTopH02 .ContField .cField.H01{text-transform:lowercase}
.iInpLeftTopH02 .ContField .cField.H02{text-transform:uppercase}
.iInpLeftTopH02 .ContField .cCountMemo {display: inline-block;position: absolute;right: 5px;bottom: 0px;color: #ddd;font-size: 13px;}
.iInpLeftTopH02 input[readonly]{color:#858585!important}
.iInpLeftTopH02 input[disabled]{color:#ff0000!important;background:#F0F0F0!important}
.iInpLeftTopH02.hover .ContField{background:url(../Images/Inputs30/BackFieldOA.png) repeat-x bottom;border:1px solid #7EADDA;border-top:3px solid #7EADDA;color:var(--Inp-Font-Color-ACT)}
.iInpLeftTopH02.active .ContField{background:url(../Images/Inputs30/BackFieldOA.png) repeat-x bottom;border:1px solid #7EADDA;border-top:3px solid #7EADDA;color:var(--Inp-Font-Color-ACT)}
.iInpLeftTopH02.alert .ContField{border:1px solid #ff8000;border-top:3px solid #ff8000}
.iInpLeftTopH02.requiered .ContField{border:1px solid #DE6667;border-top:3px solid #DE6667}
.iInpLeftTopH02.disable .ContField{background:#F0F0F0}
.iInpLeftTopH02 textarea{height:calc(100% - 10px);Right:3px;resize:none;font-family:var(--Inp-Font-Family)}
.iInpLeftTopH02 .ContField.Flag .cField{width:calc(100% - 4px - 55px)}
.iInpLeftTopH02.hover .ContField.Flag .cField, .iInpLeftTopH02.active .ContField.Flag .cField, .iInpLeftTopH02.alert .ContField.Flag .cField, .iInpLeftTopH02.requiered .ContField.Flag .cField{width:calc(100% - 4px - 55px);}
.iInpLeftTopH02 .ContField.CWithImg .cField{width:calc(100% - 26px)}
.iInpLeftTopH02.hover .ContField.CWithImg .cField, .iInpLeftTopH02.active .ContField.CWithImg .cField, .iInpLeftTopH02.alert .ContField.CWithImg .cField, .iInpLeftTopH02.requiered .ContField.CWithImg .cField{width:calc(100% - 26px);}

.iInpLeftTopH02 .ContField.BtnDown {width:calc(100% - 2px  - 17px)}
.iInpLeftTopH02.hover .ContField.BtnDown, .iInpLeftTopH02.active .ContField.BtnDown, .iInpLeftTopH02.alert .ContField.BtnDown, .iInpLeftTopH02.requiered .ContField.BtnDown {
    width:calc(100% - 2px  - 17px)
}
.iInpLeftTopH02 .ContField.BtnDownSelAdv {width:calc(100% - 2px  - 17px - 17px)}
.iInpLeftTopH02.hover .ContField.BtnDownSelAdv, .iInpLeftTopH02.active .ContField.BtnDownSelAdv, .iInpLeftTopH02.alert .ContField.BtnDownSelAdv, .iInpLeftTopH02.requiered .ContField.BtnDownSelAdv{
    width:calc(100% - 2px  - 17px - 17px)
}

/* Para el Password*/
.iInpLeftTopH02 .ContField.csPwsEye .cField{width:calc(100% - 2px - 16px);}
.iInpLeftTopH02.hover .ContField.csPwsEye .cField, .iInpLeftTopH02.active .ContField.csPwsEye .cField, .iInpLeftTopH02.alert .ContField.csPwsEye .cField, .iInpLeftTopH02.requiered .ContField.csPwsEye .cField{width:calc(100% - 18px);}
.iInpLeftTopH02 .ContField .ContEyePws {display:block;position:relative;width:16px;height:16px;float:right;background:url(../Images/Inputs30/PwsShow.png) no-repeat;background-size:16px 16px;border-radius:3px;cursor:pointer;}
.iInpLeftTopH02 .ContField .ContEyePws.hiden{background:url(../Images/Inputs30/PwsHide.png) no-repeat;background-size:16px 16px}
.iInpLeftTopH02 .ContField .ContEyePws:hover {background-color:#e4e4e4}


/* Opcion 2*/
.iInpLeftMidH02 div, .iInpLeftMidH02 img, .iInpLeftMidH02 span, .iInpLeftMidH02 label{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.iInpLeftMidH02 {display:inline-block;height:20px;background:transparent;position:relative;overflow:visible;font-family:var(--Inp-Font-Family);margin-bottom:1px} /*padding:2px;margin-right:10px*/
.iInpLeftMidH02.hiden{display:none}
.iInpLeftMidH02.invisible{visibility:hidden}
.iInpLeftMidH02 .LabelField{display:inline-block;position:relative;top:4px;right:100%;height:12px;width:auto;float:right;background-color:transparent;font-size:var(--Lbl-Font-Size);font-weight:bold;color:var(--Lbl-Font-Color);white-space: nowrap;text-align:right;padding-right:2px}
.iInpLeftMidH02 .ContField {display:inline-block;position:absolute;left:0px;top:0px;height:calc(100% - 4px);width:calc(100% - 2px);background:#fff url(../Images/Inputs30/BackFields.png) repeat-x top;border:1px solid #B5B8C8;border-top:3px solid #B5B8C8}
.iInpLeftMidH02 .ContField .cFlag{display:inline-block;position:relative;height:100%;width:55px;background:transparent;float:left}
.iInpLeftMidH02 .ContField .cssBtnImgList {width: 16px;height: 16px;display: block;float: left;top: 1px;position: relative;left: 0px;}
.iInpLeftMidH02 .ContField .cField{display:inline-block;position:relative;height:calc(100% - 2px);width:calc(100% - 4px);background:transparent;border:0px;float:left;font-size:var(--Inp-Font-Size);color:var(--Inp-Font-Color)}
.iInpLeftMidH02 .ContField .cField.Left{text-align:left}
.iInpLeftMidH02 .ContField .cField.Center{text-align:center}
.iInpLeftMidH02 .ContField .cField.Right{text-align:right}
.iInpLeftMidH02 .ContField .cField.H01{text-transform:lowercase}
.iInpLeftMidH02 .ContField .cField.H02{text-transform:uppercase}
.iInpLeftMidH02 .ContField .cCountMemo {display: inline-block;position: absolute;right: 5px;bottom: 0px;color: #ddd;font-size: 13px;}
.iInpLeftMidH02 input[readonly]{color:#858585!important}
.iInpLeftMidH02 input[disabled]{color:#ff0000!important;background:#F0F0F0!important}
.iInpLeftMidH02.hover .ContField{background:url(../Images/Inputs30/BackFieldOA.png) repeat-x bottom;border:1px solid #7EADDA;border-top:3px solid #7EADDA;color:var(--Inp-Font-Color)}
.iInpLeftMidH02.active .ContField{background:url(../Images/Inputs30/BackFieldOA.png) repeat-x bottom;border:1px solid #7EADDA;border-top:3px solid #7EADDA;color:var(--Inp-Font-Color)}
.iInpLeftMidH02.alert .ContField{border:1px solid #ff8000;border-top:3px solid #ff8000}
.iInpLeftMidH02.requiered .ContField{border:1px solid #DE6667;border-top:3px solid #DE6667}
.iInpLeftMidH02.disable .ContField{background:#F0F0F0}
.iInpLeftMidH02 textarea{height:calc(100% - 10px);Right:3px;resize:none;font-family:var(--Inp-Font-Family)}
.iInpLeftMidH02 .ContField.Flag .cField{width:calc(100% - 4px - 55px)}
.iInpLeftMidH02.hover .ContField.Flag .cField, .iInpLeftMidH02.active .ContField.Flag .cField, .iInpLeftMidH02.alert .ContField.Flag .cField, .iInpLeftMidH02.requiered .ContField.Flag .cField{width:calc(100% - 4px - 55px);}
.iInpLeftMidH02 .ContField.CWithImg .cField{width:calc(100% - 26px)}
.iInpLeftMidH02.hover .ContField.CWithImg .cField, .iInpLeftMidH02.active .ContField.CWithImg .cField, .iInpLeftMidH02.alert .ContField.CWithImg .cField, .iInpLeftMidH02.requiered .ContField.CWithImg .cField{width:calc(100% - 26px);}
.iInpLeftMidH02 .ContField.BtnDown {width:calc(100% - 2px  - 17px)}
.iInpLeftMidH02.hover .ContField.BtnDown, .iInpLeftMidH02.active .ContField.BtnDown, .iInpLeftMidH02.alert .ContField.BtnDown, .iInpLeftMidH02.requiered .ContField.BtnDown{
    width:calc(100% - 2px  - 17px)
}
.iInpLeftMidH02 .ContField.BtnDownSelAdv {width:calc(100% - 2px  - 17px - 17px)}
.iInpLeftMidH02.hover .ContField.BtnDownSelAdv, .iInpLeftMidH02.active .ContField.BtnDownSelAdv, .iInpLeftMidH02.alert .ContField.BtnDownSelAdv, .iInpLeftMidH02.requiered .ContField.BtnDownSelAdv{
    width:calc(100% - 2px  - 17px - 17px)
}
/* Para el Password*/
.iInpLeftMidH02 .ContField.csPwsEye .cField{width:calc(100% - 2px - 16px);}
.iInpLeftMidH02.hover .ContField.csPwsEye .cField, .iInpLeftMidH02.active .ContField.csPwsEye .cField, .iInpLeftMidH02.alert .ContField.csPwsEye .cField, .iInpLeftMidH02.requiered .ContField.csPwsEye .cField{width:calc(100% - 18px);}
.iInpLeftMidH02 .ContField .ContEyePws {display:block;position:relative;width:16px;height:16px;float:right;background:url(../Images/Inputs30/PwsShow.png) no-repeat;background-size:16px 16px;border-radius:3px;cursor:pointer;}
.iInpLeftMidH02 .ContField .ContEyePws.hiden{background:url(../Images/Inputs30/PwsHide.png) no-repeat;background-size:16px 16px}
.iInpLeftMidH02 .ContField .ContEyePws:hover {background-color:#e4e4e4}

.SOBtInpOpt  {display:inline-block;position:absolute;height:13px;width:18px;top:0px;overflow:hidden;right:0px;visibility:visible}
.SOBtInpOpt .sButtonE {display:inline-block;position:relative;height:39px;width:18px;cursor:pointer;left:0px}
.SOBtInpOpt .sButtonE{background: url('../Images/Buttons30/BTOptFields.png')}
.SOBtInpOpt.hover .sButtonE  {top: -13px} 
.SOBtInpOpt.disable.hover .sButtonE{top: -26px}
.SOBtInpOpt.hidden {visibility:hidden}
.iInpLeftMidH01 .SOBtInpOpt, .iInpLeftMidH02 .SOBtInpOpt {top:-13px}




.iInpLeftTopH03 div, .iInpLeftTopH03 img, .iInpLeftTopH03 span, .iInpLeftTopH03 label{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.iInpLeftTopH03 {display:inline-block;height:32px;background:transparent;position:relative;overflow:visible;font-family:var(--Inp-Font-Family);min-width:50px} /*padding:2px;margin-right:10px*/
.iInpLeftTopH03.hiden{display:none}
.iInpLeftTopH03 .LabelField{display:inline-block;position:relative;top:0px;left:0px;height:12px;width:100%;background-color:transparent;font-size:var(--Lbl-Font-Size);font-weight:bold;color:var(--Lbl-Font-Color);white-space: nowrap}
.iInpLeftTopH03 .LabelField.Left{text-align:left}
.iInpLeftTopH03 .LabelField.Center{text-align:center}
.iInpLeftTopH03 .LabelField.Right{text-align:right}
.iInpLeftTopH03 .ContField {display:inline-block;position:relative;left:0px;top:0px;height:calc(100% - 12px);width:calc(100% - 2px);background:transparent}
.iInpLeftTopH03 .ContField .cField{display:inline-block;position:absolute;height:15px;width:46px;background:transparent;border:0px;top:0px;left:0px;cursor:pointer;z-index:1;opacity:0;filter:alpha(opacity='0')}
.iInpLeftTopH03 .ContField .cField.Left{text-align:left}
.iInpLeftTopH03 .ContField .cField.Center{text-align:center}
.iInpLeftTopH03 .ContField .cField.Right{text-align:right}
.iInpLeftTopH03 .ContField .cField.H01{text-transform:lowercase}
.iInpLeftTopH03 .ContField .cField.H02{text-transform:uppercase}
.iInpLeftTopH03 .ContField .cMarca{display:inline-block;position:absolute;height:calc(100% - 2px);width:46px;left:0px;background:#f1f1f1;transition:.4s;webkit-transition:.45s;border:1px solid #b5b8c8;border-radius: 5px;}
.iInpLeftTopH03 .ContField .cMarca:before{position: absolute;content: '';height:14px;width:14px;left: 5px;bottom:4px;background:#fff;-webkit-transition:.4s;transition:.4s;top:1px;border:1px solid #b5b8c8}
.iInpLeftTopH03 .ContField input:checked + .cMarca{background-color: #eaf9ff;border:1px solid #99bbe8;}
.iInpLeftTopH03 .ContField input:focus + .cMarca{border-style:dotted;}
.iInpLeftTopH03 .ContField input:checked + .cMarca:before {-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);border:1px solid #99bbe8;}
.iInpLeftTopH03 .ContField .cMarca.Circle{border-radius:34px}
.iInpLeftTopH03 .ContField .cMarca.Circle:before{border-radius:50%;left:3px}
.iInpLeftTopH03 .ContField .cMarca .TxtInfoChk{position:relative;float:right;right:5px;font-size:var(--Inp-Font-Size);font-weight:bold;top:2px;transition:.4s;webkit-transition:.45s;}
.iInpLeftTopH03 .ContField input:checked + .cMarca .TxtInfoChk{-webkit-transform: translateX(-25px);-ms-transform: translateX(-25px);transform: translateX(-25px);}
.iInpLeftTopH03 .ContField input:checked + .cMarca.Circle:before {-webkit-transform: translateX(25px);-ms-transform: translateX(25px);transform: translateX(25px);border:1px solid #99bbe8;}
.iInpLeftTopH03 input[readonly]{color:#858585!important}
.iInpLeftTopH03 input[disabled]{color:#ff0000!important;background:#F0F0F0!important}
.iInpLeftTopH03.disable .ContField .cMarca .TxtInfoChk{color:#ff1616}

.iInpLeftMidH03 div, .iInpLeftMidH03 img, .iInpLeftMidH03 span, .iInpLeftMidH03 label{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.iInpLeftMidH03 {display:inline-block;height:20px;background:transparent;position:relative;overflow:visible;font-family:var(--Inp-Font-Family);min-width:50px} /*padding:2px;margin-right:10px*/
.iInpLeftMidH03.hiden{display:none}
.iInpLeftMidH03 .LabelField{display:block;position:relative;top:4px;right:100%;height:12px;width:auto;float:right;background-color:transparent;font-size:var(--Lbl-Font-Size);font-weight:bold;color:var(--Lbl-Font-Color);white-space: nowrap;text-align:right;padding-right:2px}
.iInpLeftMidH03 .ContField {display:inline-block;position:absolute;left:0px;top:0px;height:calc(100% - 0px);width:calc(100% - 2px);background:transparent}
.iInpLeftMidH03 .ContField .cField{display:inline-block;position:absolute;height:15px;width:46px;background:transparent;border:0px;top:0px;left:0px;cursor:pointer;z-index:1;opacity:0;filter:alpha(opacity='0')}
.iInpLeftMidH03 .ContField .cField.Left{text-align:left}
.iInpLeftMidH03 .ContField .cField.Center{text-align:center}
.iInpLeftMidH03 .ContField .cField.Right{text-align:right}
.iInpLeftMidH03 .ContField .cField.H01{text-transform:lowercase}
.iInpLeftMidH03 .ContField .cField.H02{text-transform:uppercase}
.iInpLeftMidH03 .ContField .cMarca{display:inline-block;position:absolute;height:calc(100% - 2px);width:46px;left:0px;background:#f1f1f1;transition:.4s;webkit-transition:.45s;border:1px solid #b5b8c8}
.iInpLeftMidH03 .ContField .cMarca:before{position: absolute;content: '';height:14px;width:14px;left: 5px;bottom:4px;background:#fff;-webkit-transition:.4s;transition:.4s;top:1px;border:1px solid #b5b8c8}
.iInpLeftMidH03 .ContField input:checked + .cMarca{background-color: #eaf9ff;border:1px solid #99bbe8;}
.iInpLeftMidH03 .ContField input:focus + .cMarca{border-style:dotted;}
.iInpLeftMidH03 .ContField input:checked + .cMarca:before {-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);border:1px solid #99bbe8;}
.iInpLeftMidH03 .ContField .cMarca.Circle{border-radius:34px}
.iInpLeftMidH03 .ContField .cMarca.Circle:before{border-radius:50%;left:3px}
.iInpLeftMidH03 .ContField .cMarca .TxtInfoChk{position:relative;float:right;right:5px;font-size:var(--Inp-Font-Size);font-weight:bold;top:2px;transition:.4s;webkit-transition:.45s;}
.iInpLeftMidH03 .ContField input:checked + .cMarca .TxtInfoChk{-webkit-transform: translateX(-25px);-ms-transform: translateX(-25px);transform: translateX(-25px);}
.iInpLeftMidH03 .ContField input:checked + .cMarca.Circle:before {-webkit-transform: translateX(25px);-ms-transform: translateX(25px);transform: translateX(25px);border:1px solid #99bbe8;}
.iInpLeftMidH03 input[readonly]{color:#858585!important}
.iInpLeftMidH03 input[disabled]{color:#ff0000!important;background:#F0F0F0!important}
.iInpLeftMidH03.disable .ContField .cMarca .TxtInfoChk{color:#F0F0F0}


/* *********************** INPUTS ************************ */
/***********************************************************/
 /* Opcion 4  Para  Los uqe son Opciones de  Imagen de Acceso y su Letrero */
.iInpLeftMidH04 div, .iInpLeftMidH04 img, .iInpLeftMidH04 span, .iInpLeftMidH04 label{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.iInpLeftMidH04 {display:inline-block;height:34px;background:#dbf5fc;position:relative;overflow:visible;border-radius:20px;} /*padding:2px;margin-right:10px*/
.iInpLeftMidH04.hiden{display:none}
.iInpLeftMidH04 .ContField {display:inline-block;position:relative;height:100%;width:100%;background:transparent}
.iInpLeftMidH04 .ContField .cMarca{display:block;position:relative;height:calc(100% - 4px);width:30px;background:#fff;float:left;border-radius:50%;margin:2px}
.iInpLeftMidH04 .ContField .cField{display:block;position:relative;height:20px;width:calc(100% - 60px);background:transparent;border:0px;float:left;color:#000;font-size:13px;margin:6px;margin-left: 4px;font-family:Century Gothic,Arial}
.iInpLeftMidH04 .ContField .cField.Left{text-align:left}
.iInpLeftMidH04 .ContField .cField.Center{text-align:center}
.iInpLeftMidH04 .ContField .cField.Right{text-align:right}
.iInpLeftMidH04 .ContField .cField.H01{text-transform:lowercase}
.iInpLeftMidH04 .ContField .cField.H02{text-transform:uppercase}

.iInpLeftMidH04 input[readonly]{color:#858585!important}
.iInpLeftMidH04 input[disabled]{color:#fff!important;background:transparent!important;font-weight:bold}
.iInpLeftMidH04.hover .ContField .cField, .iInpLeftMidH04.active .ContField .cField {border-bottom:1px solid #2244c5}
.iInpLeftMidH04.alert .ContField .cField{border-bottom:1px solid #ff8000;color:#ff8000}
.iInpLeftMidH04.alert .ContField .cMarca{background-color:#fff!important}
.iInpLeftMidH04.requiered .ContField .cField{border-bottom:1px solid #DE6667;color:#DE6667}

/* Para el Password*/
.iInpLeftMidH04 .ContField.csPwsEye .cField{width:calc(100% - 90px);}
.iInpLeftMidH04 .ContField .ContEyePws {display:block;position:relative;width:30px;height:30px;float:left;background:url(../Images/Inputs30/PwwsShow.png) no-repeat center;background-size:25px 25px;border-radius:50px;cursor:pointer;margin: 2px 0px 0px 2px;}
.iInpLeftMidH04 .ContField .ContEyePws.hiden{background:url(../Images/Inputs30/PwwsHide.png) no-repeat no-repeat center;background-size:25px 25px}
.iInpLeftMidH04 .ContField .ContEyePws:hover {background-color:#B8EDFA} 
    

/* ********************* Inputs ********************** */
/* *************************************************** */
/*  Para Input de Ventnas Flotantes*/
.iInpLeftTopH05 div, .iInpLeftTopH05 img, .iInpLeftTopH05 span, .iInpLeftTopH05 label{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.iInpLeftTopH05 {display:inline-block;height:auto;background:transparent;position:relative;overflow:visible;font-family:var(--Inp-Font-FamilyC)}
.iInpLeftTopH05.hiden{display:none}
.iInpLeftTopH05 .LabelField{display:inline-block;position:relative;height:18px;width:calc(100% - 0px);background-color:transparent;font-size:var(--Lbl-Font-SizeC);color:var(--Lbl-Font-ColorC);white-space: nowrap}
.iInpLeftTopH05 .LabelField.Left{text-align:left}
.iInpLeftTopH05 .LabelField.Center{text-align:center}
.iInpLeftTopH05 .LabelField.Right{text-align:right}
.iInpLeftTopH05 .ContField {display:inline-flex;position:relative;height:auto;width:calc(100% - 2px);background:#fff;border:1px solid #858794;border-radius:5px;overflow:hidden;align-items:center}
.iInpLeftTopH05 .ContField .cssBtnImgList {width: 16px;height: 16px;display: block;float: left;position: relative;left: 2px;} /*top: 5px VMBR 26/12/22*/
.iInpLeftTopH05 .ContField .cFlag{display:inline-block;position:relative;height:100%;width:55px;background:transparent;float:left}
.iInpLeftTopH05 .ContField .cField{display:block;position:relative;height:calc(100% - 4px);width:calc(100% - 8px);background:transparent;border:0px;float:left;font-family:var(--Inp-Font-FamilyC);color:var(--Inp-Font-ColorC);font-size:var(--Inp-Font-SizeC);margin: 1px 2px;}
.iInpLeftTopH05 .ContField .cField.Left{text-align:left}
.iInpLeftTopH05 .ContField .cField.Center{text-align:center}
.iInpLeftTopH05 .ContField .cField.Right{text-align:right}
.iInpLeftTopH05 .ContField .cField.H01{text-transform:lowercase}
.iInpLeftTopH05 .ContField .cField.H02{text-transform:uppercase}
.iInpLeftTopH05 .ContField .cMarca {display:none;position:relative;width:18px;height:18px;float:right;right:2px;background-image:url(../Images/ImgKeys/dot.gif);background-repeat: no-repeat;background-size:18px 18px}
.iInpLeftTopH05 .ContField .cCountMemo {display: inline-block;position: absolute;right: 5px;bottom: 0px;color: #ddd;font-size: 13px;}
.iInpLeftTopH05 input[readonly]{color:#858585!important}
.iInpLeftTopH05 input[disabled]{color:#ff0000!important;background:#F0F0F0!important}
.iInpLeftTopH05.hover .ContField{border:1px solid #7EADDA}
.iInpLeftTopH05.hover .ContField .cField {color:var(--Inp-Font-Color-ACT)}
.iInpLeftTopH05.active .ContField{border:1px solid #7EADDA;box-shadow:0px 0px 4px 1px #85B7E6}
.iInpLeftTopH05.active .ContField .cField{color:var(--Inp-Font-Color-ACT)}
.iInpLeftTopH05.alert .ContField{border:1px solid;border-color:rgb(248,174,88,0.75);background:rgb(248,174,88,0.10); }
.iInpLeftTopH05.requiered .ContField{border:1px solid;border-color:rgb(205,46,23,0.75);background:rgb(205,46,23,0.10);}
.iInpLeftTopH05.active.alert .ContField{box-shadow:0px 0px 4px 1px rgb(248,174,88,0.40)}
.iInpLeftTopH05.active.requiered .ContField{box-shadow:0px 0px 4px 1px rgb(205,46,23,0.40)}
.iInpLeftTopH05.alert .ContField .cMarca, .iInpLeftTopH05.requiered .ContField .cMarca{display:block}
.iInpLeftTopH05.alert .ContField .cMarca {background-image:url(../Images/Inputs30/ImgAlert.png)}
.iInpLeftTopH05.requiered .ContField .cMarca {background-image:url(../Images/Inputs30/ImgError.png)}
.iInpLeftTopH05.alert .ContField .cField, .iInpLeftTopH05.requiered .ContField .cField{width:calc(100% - 28px);}
.iInpLeftTopH05.disable .ContField{background:#F0F0F0}
.iInpLeftTopH05 textarea{height:calc(100% - 4px);Right:0px;resize:none;font-family:var(--Inp-Font-FamilyC)}
.iInpLeftTopH05.TxtArea .ContField{height:calc(100% - 20px)}
.iInpLeftTopH05 .ContField.Flag .cField{width:calc(100% - 4px - 55px)}


/*Boton Simple*/
.iInpLeftTopH05 .ContField.BtnDown .cField{width:calc(100% - 24px);}
.iInpLeftTopH05.alert .ContField.BtnDown .cField, .iInpLeftTopH05.requiered .ContField.BtnDown .cField{width:calc(100% - 44px);}
.iInpLeftTopH05.alert .ContField.BtnDown .cMarca, .iInpLeftTopH05.requiered .ContField.BtnDown .cMarca{right:0px}
/*Doble Button*/
.iInpLeftTopH05 .ContField.BtnDownSelAdv .cField{width:calc(100% - 44px);}
.iInpLeftTopH05.alert .ContField.BtnDownSelAdv .cField, .iInpLeftTopH05.requiered .ContField.BtnDownSelAdv .cField{width:calc(100% - 62px);}
.iInpLeftTopH05.alert .ContField.BtnDownSelAdv .cMarca, .iInpLeftTopH05.requiered .ContField.BtnDownSelAdv .cMarca{right:0px} /*36px*/
/*Imagen*/
.iInpLeftTopH05 .ContField.CWithImg .cField{width:calc(100% - 48px)}
.iInpLeftTopH05 .SOBtInpOpt {top: 6px;right: 2px;}


/* Para el Password*/
.iInpLeftTopH05 .ContField.csPwsEye .cField{width:calc(100% - 2px - 28px);}
.iInpLeftTopH05.hover .ContField.csPwsEye .cField, .iInpLeftTopH05.active .ContField.csPwsEye .cField, .iInpLeftTopH05.alert .ContField.csPwsEye .cField, .iInpLeftTopH05.requiered .ContField.csPwsEye .cField{width:calc(100% - 2px - 28px);}
.iInpLeftTopH05 .ContField .ContEyePws {display:block;position:relative;width:24px;height:24px;float:right;background:url(../Images/Inputs30/PwsShow.png) no-repeat;background-size:22px 22px;border-radius:10px;cursor:pointer;margin: 0px 2px;}
.iInpLeftTopH05 .ContField .ContEyePws.hiden{background:url(../Images/Inputs30/PwsHide.png) no-repeat;background-size:22px 22px}
.iInpLeftTopH05 .ContField .ContEyePws:hover {background-color:#e4e4e4}
.iInpLeftTopH05 .ContField.BtnSelected {background:transparent;width:calc(100% - 2px);}
.iInpLeftTopH05 .ContField .cField.NoneData{display:none}
.iInpLeftTopH05 .ContField .NoMarginInp {margin:0px}

/* *********************** INPUTS LEFTMID H05************************ */
.iInpLeftMidH05 {display:inline-flex;height:auto;background:transparent;position:relative;overflow:visible;font-family:var(--Inp-Font-FamilyC);align-items:center}
.iInpLeftMidH05.hiden{display:none}
.iInpLeftMidH05 .LabelField{display:inline-flex;position:relative;margin-left:2px;height:16px;background:transparent;font-size:var(--Lbl-Font-SizeC);color:var(--Lbl-Font-ColorC);white-space: nowrap;top:0px}
.iInpLeftMidH05 .LabelField.Left{text-align:left}
.iInpLeftMidH05 .ContField {display:inline-flex;height:auto;width: calc(100% - 2px);position:relative;background:#fff;border:1px solid #858794;border-radius:5px;overflow:hidden;margin-left: 2px;align-items:center}
.iInpLeftMidH05 .ContField .cssBtnImgList {width: 16px;height: 16px;display: block;float: left;top:5px;position: relative;left: 2px;}
.iInpLeftMidH05 .ContField .cField{position:relative;height:calc(100% - 4px);width:calc(100% - 8px);background:transparent;border:0px;float:left;font-family:var(--Inp-Font-FamilyC);color:var(--Inp-Font-ColorC);font-size:var(--Inp-Font-SizeC);margin:1px 2px}
.iInpLeftMidH05 .ContField .cField.Left{text-align:left}
.iInpLeftMidH05 .ContField .cField.Center{text-align:center}
.iInpLeftMidH05 .ContField .cField.Right{text-align:right}
.iInpLeftMidH05 .ContField .cMarca {display:none;position:relative;width:18px;height:18px;float:right;right:2px;background-image:url(../Images/ImgKeys/dot.gif);background-repeat: no-repeat;background-size:18px 18px}
.iInpLeftMidH05 input[readonly]{color:#858585!important}
.iInpLeftMidH05 input[disabled]{color:#ff0000!important;background:#F0F0F0!important}
.iInpLeftMidH05.hover .ContField{border:1px solid #7EADDA}
.iInpLeftMidH05.hover .ContField .cField {color:var(--Inp-Font-Color-ACT)}
.iInpLeftMidH05.active .ContField{border:1px solid #7EADDA;box-shadow: 0px 0px 4px 1px #85B7E6}
.iInpLeftMidH05.active .ContField .cField{color:var(--Inp-Font-Color-ACT)}
.iInpLeftMidH05.alert .ContField{border:1px solid;border-color:rgb(248,174,88,0.75);background:rgb(248,174,88,0.10); }
.iInpLeftMidH05.requiered .ContField{border:1px solid;border-color:rgb(205,46,23,0.75);background:rgb(205,46,23,0.10);}
.iInpLeftMidH05.active.alert .ContField{box-shadow:0px 0px 4px 1px rgb(248,174,88,0.40)}
.iInpLeftMidH05.active.requiered .ContField{box-shadow:0px 0px 4px 1px rgb(205,46,23,0.40)}
.iInpLeftMidH05.alert .ContField .cMarca, .iInpLeftMidH05.requiered .ContField .cMarca{display:block}
.iInpLeftMidH05.alert .ContField .cMarca {background-image:url(../Images/Inputs30/ImgAlert.png)}
.iInpLeftMidH05.requiered .ContField .cMarca {background-image:url(../Images/Inputs30/ImgError.png)}
.iInpLeftMidH05.alert .ContField .cField, .iInpLeftMidH05.requiered .ContField .cField{width:calc(100% - 28px);}
.iInpLeftMidH05.disable .ContField{background:#F0F0F0}
.iInpLeftMidH05 textarea{height:calc(100% - 10px);Right:3px;resize:none;font-family:var(--Inp-Font-FamilyC)}

/* Boton Simple*/
.iInpLeftMidH05 .ContField.BtnDown .cField{width:calc(100% - 24px);}
.iInpLeftMidH05.alert .ContField.BtnDown .cField, .iInpLeftMidH05.requiered .ContField.BtnDown .cField{width:calc(100% - 44px);}
.iInpLeftMidH05.alert .ContField.BtnDown .cMarca, .iInpLeftMidH05.requiered .ContField.BtnDown .cMarca{right:0px}
/*Doble Botton*/
.iInpLeftMidH05 .ContField.BtnDownSelAdv .cField{width:calc(100% - 44px);}
.iInpLeftMidH05.alert .ContField.BtnDownSelAdv .cField, .iInpLeftMidH05.requiered .ContField.BtnDownSelAdv .cField{width:calc(100% - 62px);}
.iInpLeftMidH05.alert .ContField.BtnDownSelAdv .cMarca, .iInpLeftMidH05.requiered .ContField.BtnDownSelAdv .cMarca{right:0px}
/* Con imagen*/
.iInpLeftMidH05 .ContField.CWithImg .cField{width:calc(100% - 48px)}


.iInpLeftMidH05 .ContField.BtnSelected {background:transparent;width:calc(100% - 2px);}
.iInpLeftMidH05 .ContField .cField.NoneData{display:none}
.iInpLeftMidH05 .ContField .NoMarginInp {margin:0px}


/* ****************************** Boton Inputs ***********************/
.iButInp div, .iButInp img, .iButInp span{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.iButInp{display:inline-block;position:absolute;overflow:hidden;height:20px;width:18px;left:calc(100% - 18px);background-color:transparent!important;cursor:pointer} 
.iButInp .sButtonSel {background: url('../Images/Buttons30/BtSelect.png')!important}
.iButInp .sButtonCal {background: url('../Images/Buttons30/BtCalendar.png')!important}
.iButInp .sButtonSAE {background: url('../Images/Buttons30/BtSelectEqual.png')!important}
.iButInp .sButtonSAD {background: url('../Images/Buttons30/BtSelectDifer.png')!important}
.iButInp .sButtonSAA {background: url('../Images/Buttons30/BtSelectFilter.png')!important}
.iButInp .sButtonSelH05 {background: url('../Images/Buttons30/BtSelectH05.png')!important}
.iButInp .sButtonCalH05 {background: url('../Images/Buttons30/BtCalendarH05.png')!important}
.iButInp .sButtonSAEH05 {background: url('../Images/Buttons30/BtSelectEqualH05.png')!important}
.iButInp .sButtonSADH05 {background: url('../Images/Buttons30/BtSelectDiferH05.png')!important}
.iButInp .sButtonSAAH05 {background: url('../Images/Buttons30/BtSelectFilterH05.png')!important}
.iButInp .sButtonSel, .iButInp .sButtonSelH05, .iButInp .sButtonSAEH05,.iButInp .sButtonSADH05, .iButInp .sButtonSAAH05, .iButInp .sButtonCal, .iButInp .sButtonCalH05, .iButInp .sButtonSAE, .iButInp .sButtonSAD, .iButInp .sButtonSAA{display:inline-block;position:absolute;height:80px;left:0px;right:0px}
.iButInp:hover .sButtonSel, .iButInp:hover .sButtonSelH05, .iButInp:hover .sButtonSAEH05, .iButInp:hover .sButtonSADH05, .iButInp:hover .sButtonSADH05, .iButInp:hover .sButtonCal, .iButInp:hover .sButtonCalH05, .iButInp:hover .sButtonSAE, .iButInp:hover .sButtonSAD, .iButInp:hover .sButtonSAA {top: -20px}
.iButInp.down .sButtonSel, .iButInp.down .sButtonSelH05, .iButInp.down .sButtonCal, .iButInp.down .sButtonCalH05, .iButInp.down .sButtonSAE, .iButInp.down .sButtonSAD, .iButInp.down .sButtonSAA{top: -40px}
.iButInp.disable .sButtonSel, .iButInp.disable .sButtonSelH05, .iButInp.disable .sButtonSAEH05, .iButInp.disable .sButtonSADH05, .iButInp.disable .sButtonSAAH05, .iButInp.disable .sButtonCal, .iButInp.disable .sButtonCalH05, .iButInp.disable .sButtonSAE, .iButInp.disable .sButtonSAD, .iButInp.disable .sButtonSAA{top: -60px;cursor:default}
.iButInp.hidden {display:none}
.iButInp.MoreBtn{left:calc(100% - 36px)}



/* *********************** NO INPUTS ************************ */
/***********************************************************/
.iNOInputsPK{
   --SizeImg:32px;
   --SizeImgS:20px;    
   --Radious:4px 4px 4px 4px;
   --RigthWC:2px;
   --RigthWF:3px;
   --BorderC-Normal:#7AD0AA;
   --tSelect:text;  /* none=ninguna seleccion  All= Selecciona Todo  text/contain=Seleccion abierta */ 
   --NoSelect:none;
}
.iNOInputsPK div, .iNOInputsPK img, .iNOInputsPK span, .iNOInputsPK label{-moz-user-select:var(--NoSelect);-khtml-user-select:var(--NoSelect);-webkit-user-select:var(--NoSelect);user-select:var(--NoSelect)}
.iNOInputsPK {display:inline-block;font-family:Arial;font-size:13px;height:33px;z-index:0;background:#fff;white-space: nowrap;border:0px solid #0000ff;padding:2px;margin-right:10px}
.iNOInputsPK.hiden{display:none}


/* Boton 01 */    
.iNOInputs {position:relative;overflow:visible;height:33px;text-align:left}
.iNOInputs .LabelField{display:inline-block;position:relative;height:13px;width:100%;background:transparent;float:left;font-size:10px;font-weight:bold;color:#686376;font-family:Arial}
.iNOInputs .ContField {display:inline-block;position:relative;height:calc(100% - 16px);width:calc(100% - 2px);background:#fff url(../Images/Inputs30/BackFieldsI.png) repeat-x top;float:left;border:1px solid #B5B8C8;border-top:0px solid transparent;color:#000;font-family:Arial;font-size:11px;overflow:hidden}
.iNOInputs .ContField:hover{border-color:#7EADDA;border-left:1px solid #0F2E62;color:#15428B}
.iNOInputs .ContField .cField{display:inline-block;position:relative;top:2px;height:calc(100% - 2px);width:calc(100% - 2px);background:transparent;border:0px}
.iNOInputs .ContField .cField{-moz-user-select:var(--tSelect);-khtml-user-select:var(--tSelect);-webkit-user-select:var(--tSelect);user-select:var(--tSelect);}
.iNOInputs .ContField .cField.Left {text-align:left;}
.iNOInputs .ContField .cField.Center {text-align:center;}
.iNOInputs .ContField .cField.Right {text-align:right;}

.iNOInputsPK.iNOInputs.css40 {height:36px}
.iNOInputsPK.iNOInputs.css40 .LabelField {font-family:var(--Inp-Font-FamilyC);font-size: var(--Lbl-Font-SizeC);color: var(--Lbl-Font-ColorC);font-weight:normal;height: 16px;}

.iNOInputsPK.iNOInputs.css40 .ContField {font-family: var(--Inp-Font-FamilyC);color: var(--Inp-Font-ColorC);font-size: var(--Inp-Font-SizeCNR);background:transparent;border: 1px solid #858794;border-radius: 5px;}
.iNOInputsPK.iNOInputs.css40 .ContField .cField {top:0px;height: calc(100% - 0px);width: calc(100% - 0px);}


/* ****************************** Botones BarRegister ***********************/
.iButCalMY div, .iButCalMY img, .iButCalMY span{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.iButCalMY{display:inline-block;position:relative;overflow:hidden;height:15px;width:15px;top:4px;background-color:transparent;cursor:pointer}  /* margin-left:5px; left:3px;*/
.iButCalMY .sButtonPrev {background: url('../Images/Buttons30/CalMonthMin.png')}
.iButCalMY .sButtonNext {background: url('../Images/Buttons30/CalMonthPlus.png')}
.iButCalMY .sButPrevY {background: url('../Images/Buttons30/FrameLeft.png')}
.iButCalMY .sButNextY {background: url('../Images/Buttons30/FrameRigth.png')}
.iButCalMY .sButtonPrev, .iButCalMY .sButtonNext, .iButCalMY .sButPrevY, .iButCalMY .sButNextY{display:inline-block;position:absolute;height:45px;left:0px;right:0px}
.iButCalMY.hover .sButtonPrev, .iButCalMY.hover .sButtonNext, .iButCalMY.hover .sButPrevY, .iButCalMY.hover .sButNextY {top: -15px}
.iButCalMY.down .sButtonPrev, .iButCalMY.down .sButtonNext, .iButCalMY.down .sButPrevY, .iButCalMY.down .sButNextY {top: -30px}
.iButCalMY.hidden {display:none}


.CalendarPK{
     --Cal-Font-Family:Poppins-Regular,Arial,Tahoma,Verdana;  
}
/* *********************  Calendario  */
/**************************************************/
.CalendarPK span, .CalendarPK div, .CalendarPK img {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.CalendarPK {display:inline-block;position:relative;left:0px;top:0px;width:210px;height:210px;border:1px solid #35679a;background:#ffffff} /*#718BB7*/
.CalendarPK.shadow {box-shadow:8px 8px 5px -5px #aaaaaa}
.CalendarPK .SCalCont{display:inline-block;position:relative;width:100%;height:100%}

.CalendarPK .SCalCont .BarTit {display:inline-block;position:relative;width:100%;height:25px;background:#35679a;text-align:center}
.CalendarPK .SCalCont .BarTit .ButF{display:block;position:relative;width:20px;height:100%;overflow:hidden;left:0px;float: left;text-align: right;}
.CalendarPK .SCalCont .BarTit .ContA{display:inline-block;position:relative;width:auto;height:100%;overflow:visible;text-align:center;align-items:center;cursor:pointer}
.CalendarPK .SCalCont .BarTit .ContA .TextTitle{display:inline-block;position:relative;width:auto;font-family:var(--Cal-Font-Family);font-size:12px;color:#ffffff;top:3px;cursor:pointer}
.CalendarPK .SCalCont .BarTit .ContA .ImgYear{display:inline-block;position:relative;top:3px;left:2px;cursor:pointer}
.CalendarPK .SCalCont .BarTit .ButL{display:block;position:relative;width:20px;height:100%;overflow:hidden;float: right;text-align: left;}

.CalendarPK .SCalCont .BarDay {display:inline-block;position:relative;width:100%;height:19px;background:#E7EBF1;border-bottom:1px solid rgba(53,103,154,0.5);overflow:hidden} /*url('../Images/Calendar30/CalBackDaysTitle.png') repeat-x*/
.CalendarPK .SCalCont .BarDay .SpaceWeek {display:block;position:relative;text-align:center;float:left;font-family:var(--Cal-Font-Family);font-size:12px;width:30px;height:calc(100% - 2px);padding-top:2px;background:#D0D9E1;color:#4B6276;}
.CalendarPK .SCalCont .BarDay .SpaceDay {display:block;position:relative;text-align:center;float:left;font-family:var(--Cal-Font-Family);font-size:12px;width:calc(100% - 30px);height:100%}
.CalendarPK .SCalCont .BarDay .SpaceDay.NOWeek{width:100%}
.CalendarPK .SCalCont .BarDay .SpaceDay table{width:100%;height:100%;color:#000000;text-align:center;font-family:var(--Cal-Font-Family);font-size:12px;border-collapse:separate;border-spacing: 0px;}
.CalendarPK .SCalCont .BarDay .SpaceDay table.Font1{font-family:var(--Cal-Font-Family);font-size:12px;}
.CalendarPK .SCalCont .BarDay .SpaceDay table.Font3{font-family:var(--Cal-Font-Family);font-size:12px;}
.CalendarPK .SCalCont .BarDay .SpaceDay table td{height:100%;width:14.29%;border:0px solid #ff0000;} /* QUITAR EL 1PX*/

.CalendarPK .SCalCont .ContCal {display:inline-block;position:relative;width:100%;height:calc(100% - 25px - 20px - 30px)}
.CalendarPK .SCalCont .ContCal.NoBP {height:calc(100% - 25px - 20px)}
.CalendarPK .SCalCont .ContCal .SpaceWeek {display:block;position:relative;float:left;font-family:var(--Cal-Font-Family);font-size:11px;width:30px;height:calc(100% - 0px);background:#D0D9E1;}
.CalendarPK .SCalCont .ContCal .SpaceWeek table{width:100%;height:100%;text-align:center;font-family:var(--Cal-Font-Family);font-size:11px;color:#4B6276;border-collapse:collapse;}
.CalendarPK .SCalCont .ContCal .SpaceWeek table td{height:10%;width:100%;vertical-align:middle;border:1px dotted}

.CalendarPK .SCalCont .ContCal .SpaceDay {display:block;position:relative;float:left;font-family:var(--Cal-Font-Family);font-size:12px;width:calc(100% - 30px);height:100%}
.CalendarPK .SCalCont .ContCal .SpaceDay.NOWeek{width:100%}

.CalendarPK .SCalCont .ContCal .SpaceDay table{width:100%;height:100%;text-align:center;font-family:var(--Cal-Font-Family);font-size:12px;color:#15428B;border-collapse:collapse;}
.CalendarPK .SCalCont .ContCal .SpaceDay table td{height:10%;width:14.29%;border:1px solid transparent}  
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay{position:relative;display:inline-block;width:calc(100% - 4px);height:calc(100% - 4px);cursor:pointer;border:1px solid transparent}
.CalendarPK .SCalCont .ContCal.BigC .SpaceDay table td .ContDay {border:1px dotted #718BB7;width:calc(100% - 1px);height:calc(100% - 1px)}

.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.TopLeft, .CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.MiddleLeft, .CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.BottomLeft {text-align:left}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.TopCenter, .CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.MiddleCenter, .CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.BottomCenter {text-align:center}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.TopRight, .CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.MiddleRight, .CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.BottomRight {text-align:right}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay .TxtDay{position:relative}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay .TxtDay.TopLeft, .CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay .TxtDay.TopCenter, .CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay .TxtDay.TopRight {top:-3px}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay .TxtDay.MiddleLeft, .CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay .TxtDay.MiddleCenter, .CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay .TxtDay.MiddleRight {top:calc(50% - 9px)}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay .TxtDay.BottomLeft, .CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay .TxtDay.BottomCenter, .CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay .TxtDay.BottomRight {top:calc(100% - 15px)}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.MOut{color:#a9a9a9}
.CalendarPK .SCalCont .ContCal.BigC .SpaceDay table td .ContDay.MOut{color:#a9a9a9;background:#ECEDF0}

.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.NowDay{color:#cd2e16;background:#fbdada;border:1px solid #cd2e16}/*color:#ff0000;border:1px solid #8B0000*/
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay:hover{background:#d6e9ff;border:1px solid transparent}
.CalendarPK .SCalCont .ContCal.BigC .SpaceDay table td .ContDay:hover {background:#d6e9ff;border:1px dotted #718BB7}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.NowDay:hover{color:#cd2e16;border:1px solid #8B0000}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.Selected {color:#fff;background:#8db2e3;border:1px solid #173268} /* url('../Images/Calendar30/CalBackDays.png') bottom repeat-x*/
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.Selected:hover{background:#d6e9ff;color:#15428B} /*DDECFE*/
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.NoHabil{background:#DCE7F4;color:#6B9AE9;cursor:default;cursor:default;border:1px solid #DCE7F4}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.Selected.NoHabil, .CalendarPK .SCalCont .ContCal .SpaceDay td .ContDay.Selected.NoHabil:hover{cursor:default;border:1px solid #173268;background:#8db2e3;color:#fff}

.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.NoHabil:hover{background:#DCE7F4}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.NowDay.NoHabil{color:#cd2e16;background:#DCE7F4;border:1px solid #8B0000}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.MOut.NoHabil {color:#a9a9a9}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.NowDay.Selected{color:#cd2e16}

.CalendarPK .SCalCont .BarPie {display:inline-block;position:relative;width:100%;height:29px;text-align:center;background:#E7EBF1;border-top:1px solid rgba(53,103,154,0.5);} /*background:url('../Images/Calendar30/CalBackPie.png') repeat-x;}*/
.CalendarPK .SCalCont .BarPie.hiden{display:none}
.CalendarPK .SCalMonYear{display:inline-block;position:absolute;width:100%;height:100%;left:0px;top:0px;background:transparent}
.CalendarPK .SCalMonYear .ContMY{display:inline-block;position:relative;width:100%;height:calc(100% - 33px);}

.ContMonth, .ContYear {display:inline-block;position:relative;width:calc(50% - 2px);height:100%}
.ContYear{width:calc(50% - 1px);border-left:1px solid #C5D2DF}
.ContMonth table, .ContYear table{text-align:center;font-family:var(--Cal-Font-Family);font-size:11px;color:#35679a;width:100%;height:100%}
.ContMonth td, .ContYear td{background:transparent;width:calc(50% - 2px);height:16.667%}
.ContMonth td .SpaceMY, .ContYear td .SpaceMY {display:inline-block;position:relative;top:3px;width:calc(100% - 2px);height:19px;background:transparent;cursor:pointer;border:1px solid transparent}
.ContMonth td .SpaceMY span, .ContYear td .SpaceMY span{display:inline-block;position:relative;top:1px}
.ContMonth td .SpaceMY:hover, .ContYear td .SpaceMY:hover{background:#d6e9ff;color:#ff0000;border:1px dotted #718BB7}
.ContMonth td .SpaceMY.selected, .ContYear td .SpaceMY.selected{background:#d6e9ff;border:1px solid #718BB7}
.CalendarPK .SCalMonYear .BarPieMY{display:inline-block;position:relative;width:100%;height:30px;border-top:3px solid rgba(53,103,154,0.5);text-align:center;background:#E7EBF1}

.CalendarPK.hiden{display:none;left:-1000px;top:-1000px}
.CalendarPK .SCalCont.hiden {display:none}
.CalendarPK .SCalMonYear.hiden {display:none}

.BtnHoy {margin-top:3x}
.BtnMY {margin:3px 5px;min-width:75px}
.iButton.Css40.BtnHoy, .iButton.Css40.BtnMY {background:#5986d9;border-radius:8px;border: 1px solid #11439E;}
.iButton.Css40.BtnHoy .DSContainer .ArtCaption, .iButton.Css40.BtnMY .DSContainer .ArtCaption{color:#fff}
.iButton.Css40.BtnHoy.hover, .iButton.Css40.BtnMY.hover{background:#1659d1;border: 1px solid #11439E;}
.iButton.Css40.BtnHoy.down, .iButton.Css40.BtnMY.down{background:#11439E;}

.BtnYear {left:0px}
.ContainerCal {display:block;position:relative;float:left;width:100%;height:calc(100% - 14px);background:transparent}
.CaptionCal {display:block;position:relative;float:left;width:100%;height:14px;top:calc(50% - 17px - 14px);background:transparent;text-align:center;color:#cd2e16;font-size:10px;font-weight:bold;}

.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.CCalend{border:1px dotted #173268}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.CCalend.MOut{color:#aaaaaa;background:#F2F9FF}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.CCalend.NowDay{border:1px dotted #173268;color:#ff0000;border:1px solid #8B0000;background:#FFF0B4}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.CCalend.NowDay:hover{color:#ff0000;border:1px solid #8B0000;background:#DDECFE}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.CCalend.Selected {color:#173268;background:#8DB2E3;border:1px solid #173268}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.CCalend.Selected:hover{background:#DDECFE}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.CCalend.NowDay.Selected{color:#ff0000;border:1px solid #8B0000}
.CalendarPK .SCalCont .ContCal .SpaceDay table td .ContDay.CCalend.MOut:hover{background:#DDECFE}


/* *********************** Lista ************************* */
/***********************************************************/
.ItemList, .InputList{ 
     --List-Font-Family:Arial,Tahoma,Verdana;  
}
.InputList div, .InputList img, .InputList span{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.InputList {display:inline-block;position:relative;background:#ffffff;height:auto;min-height:22px}
.InputList .ContBorder {display:inline-block;position:relative;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #98C0F4;background:#ffffff}
.InputList .ContBorder .ContList{display:inline-block;position:relative;width:100%;height:100%;background:transparent;overflow-y:auto;overflow-x:hidden}
.InputList .ContBorder .ContList.isPanel{height:calc(100% - 26px)}
.InputList .ContBorder .ContList.AutoH{max-height:220px}
.InputList .ContBorder .ContPanel{display:none;position:relative;width:calc(100% - 0px);height:0px;background:#0000ff;overflow:hidden}
.InputList .ContBorder .ContPanel.isPanel{height:26px;display:inline-block}
.InputList .ContBorder .ContList .ContInfo{display:inline-block;position:relative;width:100%;height:auto;background:transparent}
/*
.InputList .ContBorder .ContList .ContInfo span:nth-child(odd) table{ background: #ffffff; }
.InputList .ContBorder .ContList .ContInfo span:nth-child(even) table{ background: #fafafa; }
*/
.InputList.hiden{display:none}
.InputList.RadiusH05 {border-radius:5px}
.InputList.RadiusH05 .ContBorder {border-radius:5px;overflow:hidden;border:1px solid #858794}


.ItemList {display:inline-flex;position:relative;width:calc(100% - 2px);height:auto;min-height:20px;font-family:var(--List-Font-Family);font-size:12px;align-items:center;cursor:pointer;border:1px dotted #fff}
.ItemList .TextInfo{display:inline-block;position:relative;width:100%;height:auto;white-space:nowrap;min-height: 18px;}
.ItemList .TextInfo.WithImg{width:calc(100% - 22px)}
.ItemList.InPar{background:#fff;border:1px solid #fff}
.ItemList.Par{background:#C0FFC0;border:1px solid #C0FFC0}
.ItemList.selected{background:#c3d4ee;font-weight:bold;border:1px dotted #A3BAE9;color:#000000}
.ItemList:hover{font-weight:bold;width:calc(100% - 2px);color:#f00}
.ItemList:hover span{border:1px dotted #A3BAE9;background:#c3d4ee;}
.ItemList.disable{background:#ccc;color:#fff;cursor:default;font-weight:bold;font-style:italic;border:1px dotted #ccc} /*cursor:no-drop*/
.ItemList:hover.disable span{background:#ccc;border:0px dotted #ccc}
.ItemList.hiden{display:none}
.ItemList .ImgItem{position:relative;display:inline-block;width:16px;height:16px;margin-left:2px;margin-right:2px}
.ItemList .ImgItem.Flag{height:12px}

/***** *****/
.InputList.CssNewList {box-shadow: 5px 5px 5px #c4c4c4;border-radius: 8px;}
.InputList.CssNewList .ContBorder {border-color: #a3c1d1;border-radius: 8px;overflow: hidden;}
.InputList.CssNewList .ContBorder .ContList.AutoH{max-height:222px}
.InputList.CssNewList .ContBorder .ContInfo .ItemList {font-Family:var(--Win-Font-FamilySO);color:#35679a;}
.InputList.CssNewList .ContBorder .ContInfo .ItemList.selected{background:#dde8ee;border: 1px dotted #afc9dd}
.InputList.CssNewList .ContBorder .ContInfo .ItemList:hover{font-weight:bold;width:calc(100% - 2px);color:#f00}
.InputList.CssNewList .ContBorder .ContInfo .ItemList:hover span{border:1px dotted #35679a;background:#dde8ee;}
.InputList.CssNewList .ContBorder .ContInfo .ItemList.disable{color:#fbfbfb} /*cursor:no-drop*/
.InputList.CssNewList .ContBorder .ContInfo .ItemList:hover.disable span{border:0px dotted #ccc;background:#ccc;}



/* *************** Barra de Registros********************* */
/***********************************************************/
.RegisterBar div, .RegisterBar img, .RegisterBar span, .RegisterBar label{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.RegisterBar {display:inline-block;position:relative;background:#F9FCFA;width:100%;height:26px;align-items:center} /* ;background:#ff0000 */
.RegisterBar .ContButtPK {display:inline-block;position:relative;width:100%;height:100%;background:transparent;overflow:hidden;border-top:1px solid #AACCF6;background:url('../Images/Grid/BackInfo.png') repeat-x;}
.RegisterBar .ContButtPK .ContButtons {display:inline-flex;position:relative;width:auto;height:100%;background:transparent;align-items:center;min-width:240px}
.RegisterBar .ContButtPK .ContButtons .Separator {display:inline-block;position:relative;width:6px;height:24px;background:url(../Images/FlatFoldBar30/FlatSeparator.png) center no-repeat;margin-left:5px}
.RegisterBar .ContButtPK .ContButtons .PagesSpace{display:inline-block;min-width:70px;width:auto;height:100%;font-family:Arial;font-size:11px;color:#000000;text-align:center;margin-left:8px;margin-right:3px;white-space: nowrap}
.RegisterBar .ContButtPK .ContButtons .PagesSpace .TextInfo{display:inline-block;width:auto;height:auto;position:relative;top:6px}
.RegisterBar .ContButtPK .ContButtons .InputFinder{display:inline-block;width:120px;height:16px;position:relative;border:1px solid #B5B8C8;font-family:Arial;font-size:11px;background:#fff url(../Images/Inputs30/BackFields.png) repeat-x top;margin-left:5px;border-radius:4px;color:#000000}

.RegisterBar .ContButtPK .ContButtons .InputFinder:hover, .RegisterBar .ContButtPK .ContButtons .InputFinder:focus{
    border:1px solid #7EADDA;color:#00238C;background:#fff url(../Images/Inputs30/BackFieldOA.png) repeat-x bottom;
}
.RegisterBar .ContButtPK .PagesInfoRec{display:inline-block;position:absolute;width:auto;height:100%;font-family:Arial;font-size:11px;color:#000;margin-right:3px;right:0px}
.RegisterBar .ContButtPK .PagesInfoRec .TextInfo{display:inline-block;width:auto;height:auto;float:right;margin-right:5px;margin-top:7px;white-space:nowrap}
.RegisterBar.visible{display:none}

/************* 4.0 */
.RegisterBar.Is40 .ContButtPK{background: #dde8ee;border-top-color:#a3c1d1;}
.RegisterBar.Is40 .ContButtPK .ContButtons .Separator{background:none;top: 0px;height: 22px;width: 0px;border-left: 1px dotted #a3c1d1;}
.RegisterBar.Is40 .ContButtPK .ContButtons .InputFinder {background:#fff;font-Family:var(--Win-Font-FamilySO);color:#35679a;}
.RegisterBar.Is40 .ContButtPK .ContButtons .PagesSpace {font-Family:var(--Win-Font-FamilySO);color:#35679a;}
.RegisterBar.Is40 .ContButtPK .ContButtons .PagesSpace .TextInfo{top:4px}
.RegisterBar.Is40 .ContButtPK .PagesInfoRec {font-Family:var(--Win-Font-FamilySO);color:#35679a;}
.RegisterBar.Is40 .ContButtPK .PagesInfoRec .TextInfo{margin-top: 4px;}



/* ****************************** Botones BarRegister ***********************/
.iButPReg div, .iButPReg img, .iButPReg span{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.iButPReg{display:inline-block;position:relative;overflow:hidden;height:22px;width:22px;top:0px;background-color:transparent;cursor:pointer;margin-left:5px;min-width: 22px;} 
.iButPReg .sButtonFirst {background: url('../Images/Buttons30/GridFirst.png')}
.iButPReg .sButtonPrev {background: url('../Images/Buttons30/GridPrev.png')}
.iButPReg .sButtonNext {background: url('../Images/Buttons30/GridNext.png')}
.iButPReg .sButtonLast {background: url('../Images/Buttons30/GridLast.png')}
.iButPReg .sButtonGroup {background: url('../Images/Buttons30/GridGroup.png')}
.iButPReg .sButtonCfg {background: url('../Images/Buttons30/GridConfig.png')}
.iButPReg .sButtonRefresh {background: url('../Images/Buttons30/GridRefresh.png')}
.iButPReg .sButtonSearch {background: url('../Images/Buttons30/GridSearch.png')}
.iButPReg .sButtonFind0 {background: url('../Images/Buttons30/GridFindIni.png')}
.iButPReg .sButtonFind1 {background: url('../Images/Buttons30/GridFindAny.png')}
.iButPReg .sButtonFirst, .iButPReg .sButtonPrev, .iButPReg .sButtonNext, .iButPReg .sButtonLast, .iButPReg .sButtonRefresh, .iButPReg .sButtonFind0, .iButPReg .sButtonFind1, .iButPReg .sButtonGroup, .iButPReg .sButtonCfg, .iButPReg .sButtonSearch {display:inline-block;position:absolute;height: 88px;left:0px;right:0px}
.iButPReg:hover .sButtonFirst, .iButPReg:hover .sButtonPrev, .iButPReg:hover .sButtonNext, .iButPReg:hover .sButtonLast,.iButPReg:hover .sButtonRefresh,.iButPReg:hover .sButtonFind0,.iButPReg:hover .sButtonFind1,.iButPReg:hover .sButtonGroup,.iButPReg:hover .sButtonCfg,.iButPReg:hover .sButtonSearch  {top: -22px}
.iButPReg.down .sButtonFirst, .iButPReg.down .sButtonPrev, .iButPReg.down .sButtonNext, .iButPReg.down .sButtonLast, .iButPReg.down .sButtonRefresh, .iButPReg.down .sButtonFind0, .iButPReg.down .sButtonFind1, .iButPReg.down .sButtonGroup, .iButPReg.down .sButtonCfg , .iButPReg.down .sButtonSearch  {top: -44px}
.iButPReg.disable .sButtonFirst, .iButPReg.disable .sButtonPrev, .iButPReg.disable .sButtonNext, .iButPReg.disable .sButtonLast, .iButPReg.disable .sButtonRefresh, .iButPReg.disable .sButtonFind0, .iButPReg.disable .sButtonFind1, .iButPReg.disable .sButtonGroup, .iButPReg.disable .sButtonCfg, .iButPReg.disable .sButtonSearch {top: -66px;cursor:default}
.iButPReg.hidden {display:none}

/* ******** 4.0 */
.iButPReg.CssBt .sButtonFirst {background: url('../Images/Buttons30/GridFirstO.png')}
.iButPReg.CssBt .sButtonPrev {background: url('../Images/Buttons30/GridPrevO.png')}
.iButPReg.CssBt .sButtonNext {background: url('../Images/Buttons30/GridNextO.png')}
.iButPReg.CssBt .sButtonLast {background: url('../Images/Buttons30/GridLastO.png')}
.iButPReg.CssBt .sButtonGroup {background: url('../Images/Buttons30/GridGroupO.png')}
.iButPReg.CssBt .sButtonCfg {background: url('../Images/Buttons30/GridConfigO.png')}
.iButPReg.CssBt .sButtonRefresh {background: url('../Images/Buttons30/GridRefreshO.png')}
.iButPReg.CssBt .sButtonSearch {background: url('../Images/Buttons30/GridSearchO.png')}
.iButPReg.CssBt .sButtonFind0 {background: url('../Images/Buttons30/GridFindIniO.png')}
.iButPReg.CssBt .sButtonFind1 {background: url('../Images/Buttons30/GridFindAnyO.png')}
.iButPReg.CssBt .sButtonFirst, .iButPReg.CssBt .sButtonPrev, .iButPReg.CssBt .sButtonNext, .iButPReg.CssBt .sButtonLast, 
.iButPReg.CssBt .sButtonRefresh, .iButPReg.CssBt .sButtonFind0, .iButPReg.CssBt .sButtonFind1, .iButPReg.CssBt .sButtonGroup, 
.iButPReg.CssBt .sButtonCfg, .iButPReg.CssBt .sButtonSearch {height:66px}
.iButPReg.CssBt.disable .sButtonFirst, .iButPReg.CssBt.disable .sButtonPrev, .iButPReg.CssBt.disable .sButtonNext, 
.iButPReg.CssBt.disable .sButtonLast, .iButPReg.CssBt.disable .sButtonRefresh, .iButPReg.CssBt.disable .sButtonFind0, 
.iButPReg.CssBt.disable .sButtonFind1, .iButPReg.CssBt.disable .sButtonGroup, .iButPReg.CssBt.disable .sButtonCfg, 
.iButPReg.CssBt.disable .sButtonSearch {top: 0px;cursor:default;opacity:.5;filter:alpha(opacity='50')}



/* ****************************** Botones GridShow-Hide ***********************/
.iButGSH div, .iButGSH img, .iButGSH span{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.iButGSH {display:inline-block;position:absolute;overflow:hidden;height:15px;width:15px;top:5px;left:calc(100% - 19px);background-color:transparent;cursor:pointer;} 
.iButGSH .sButtonShow {background: url('../Images/Buttons30/BtGridRL.png')}
.iButGSH .sButtonHide {background: url('../Images/Buttons30/BtGridLR.png')}
.iButGSH .sButtonShow, .iButGSH .sButtonHide {display:inline-block;position:absolute;height: 30px;left:0px;right:0px}
.iButGSH.hover .sButtonShow, .iButGSH.hover .sButtonHide {top: -15px}
.iButGSH.hidden {display:none}


/* *********************** GRID ************************* */
/***********************************************************/
.GridContPK div, .GridContPK img, .GridContPK span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.GridContPK {display:inline-block;position:relative;background:transparent;height:0px;min-height:42px;overflow:hidden}
.GridContPK .ContBorder {display:inline-block;position:relative;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #AACCF6;background:#ffffff} /* Quite el -2 enel Border*/
.GridContPK .ContBorder .SpaceTitle{display:none;position:relative;width:100%;height:0px;background:url('../Images/Grid/GridLineTitle.png') repeat-x;align-items:center;font-family:Arial;font-size:12px; color:#15428B;}
.GridContPK .ContBorder .SpaceTitle.bTitle{height:25px;display:inline-flex;font-weight:bold}
.GridContPK .ContBorder .SpaceTitle.bTitleM{height:15px;display:inline-grid;font-family:Arial;font-size:9px;text-align:right}
.GridContPK .ContBorder .SpaceTitle .Title{display:inline-block;position:relative;width:auto;height:auto;background:transparent}
.GridContPK .ContBorder .SpaceLetters{display:none;position:relative;width:100%;height:0px;border-bottom:0px solid transparent;background:transparent;overflow:hidden}
.GridContPK .ContBorder .SpaceLetters.bLetter{height:25px;display:inline-block}
.ButonLett {min-width:20px}
.GridContPK .ContBorder .SpaceDataHead{display:inline-block;position:relative;width:100%;height:auto;border-bottom:0px solid #DBDEE5;background:transparent}
.GridContPK .ContBorder .SpaceDataHead.AutoH{max-height:260px}
.GridContPK .ContBorder .SpaceInfo{display:none;position:relative;width:100% ;height:0px;background:transparent;overflow:hidden}
.GridContPK .ContBorder .SpaceInfo.bPanel{height:26px;display:inline-block}
.GridContPK .ContBorder.hiden{display:none}
.GridContPK.hiden {display:none}
.GridContPK.Reduced{width:24px!important}
.GridContPK.OpeningClosing {border-right:1px solid #AACCF6}
.GridContPK .ContClose {display:inline-block;position:absolute;left:0px;top:0px;width:22px;height:calc(100% - 2px);border:1px solid #AACCF6;background:#D2E0F2}
.GridContPK .ContClose.hiden{display:none}
.GridContPK.RadiusH05 {border-radius:5px}
.GridContPK.RadiusH05 .ContBorder {border-radius:5px;overflow:hidden;border:1px solid #858794}

/*header */

.GridHeader div, .GridHeader img, .GridHeader span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.GridHeader {display:inline-block;position:relative;background:transparent;height:24px;width:100%;overflow:hidden}
.GridHeader .ContData{display:inline-block;position:relative;background:url('../Images/Grid/BackTitle.png') repeat-x;height:24px;width:max-content;border-bottom:0px solid #ff0000}
.GridHeader.hiden{display:none}
.GridFontH{font-family:Arial;white-space: nowrap; font-size:11px;color:#000;overflow:hidden;display:inline-block;position:relative;top:3px}
.GridHeader .ContData .GTable{display:inline-block;height:24px;background:transparent;width:calc(100% + 19px)}
.GridHeader .ContData .GTable td{padding:0px;height:22px;vertical-align:middle;padding-left:2px;cursor:pointer;overflow:hidden;display:inline-block;
            border-top:1px solid #fff;border-left:1px solid #eee;border-right:1px solid #d0d0d0;border-bottom:1px solid #d0d0d0}
.GridHeader .ContData .GTable td.hiden{display:none}
.GridHeader .ContData .GTable .TDFisrt {min-width:20px;cursor:default;border-right:0px}
.GridHeader .ContData .GTable td:hover{background:url('../Images/Grid/BackTitleSel.png');border:1px solid #AACCF6;border-top:1px solid #F9F9F9;border-left:1px solid transparent}
.GridHeader .ContData .GTable .TDFisrt:hover{background:transparent}
.GridHeader .ContData .GTable td .ImgSort{width:7px;height:4px}
.GridHeader .ContData .GTable td.SortCol{
  background:url('../Images/Grid/BackTitleSel.png');border:1px solid #AACCF6;border-top:1px solid #F9F9F9;
}
.GridHeader .ContData .GTable td.selected{background:url('../Images/Grid/BackTitleSearch.png')}
.GridHeader .ImgSort{padding-left:5px}
.GridBar{background:transparent}

.GridFontG{font-family:Arial;white-space: nowrap; font-size:12px;color:#7DC485}
.GridGroup div, .GridGroup img, .GridGroup span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.GridGroup {display:inline-block;position:relative;height:auto;cursor:inherit;width:auto;min-width:100%}
.GridGroup .Group{display:inline-block;height:27px;line-height:29px;width:100%;border-bottom:2px solid #99BBE8;cursor:pointer;vertical-align:bottom;padding-top:0px;background:#F9FCFA;font-weight:bold; color:#3764A0}
.GridGroup .Group.hiden{display:none}
.GridGroup .Group .ImgGroup{position:relative;width:9px;height:9px;padding-left:2px} /*display:inline-block;*/
.GridGroup .Group .GroupSpan{position:relative;padding-left:5px;padding-right:-5px;font-weight:bold} /* display:inline-block;*/
.GridGroup .Data{position:relative;height:auto;width:100%;cursor:inherit;display:inline-block;overflow:hidden}
.GridGroup .Data.Close{display:none}
.GridGroup .Data span:nth-child(odd) table{ background: #ffffff; }
.GridGroup .Data span:nth-child(even) table{ background: #fafafa; }

.GridGroup1 div, .GridGroup1 img, .GridGroup1 span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.GridGroup1 {display:inline-block;position:relative;height:auto;cursor:inherit;width:auto;min-width:100%}
.GridGroup1 .Group{display:inline-block;height:27px;line-height:29px;width:100%;border-bottom:2px solid #99BBE8;cursor:pointer;vertical-align:bottom;padding-top:0px;background:#F9FCFA;font-weight:bold; color:#3764A0}
.GridGroup1 .Group.hiden{display:none}
.GridGroup1 .Group .ImgGroup{position:relative;width:9px;height:9px;padding-left:2px} /*display:inline-block;*/
.GridGroup1 .Group .GroupSpan{position:relative;padding-left:5px;padding-right:-5px;font-weight:bold} /* display:inline-block;*/
.GridGroup1 .Data{position:relative;height:auto;width:100%;cursor:inherit;display:inline-block;overflow:hidden}
.GridGroup1 .Data.Close{display:none}
.GridGroup1 .Data span:nth-child(odd) table{ background: #ffffff; }
.GridGroup1 .Data span:nth-child(even) table{ background: #fafafa; }


.GridDatas div, .GridDatas img, .GridDatas span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.GridDatas {display:inline-block;position:relative;width:100%;height:100%;overflow:auto;background:transparent}
.GridDatas.bHead{height:calc(100% -  25px);}

.GridFontD {font-family:Arial;white-space: nowrap; font-size:12px;color:#333333}
.GridRows div, .GridRows img, .GridRows span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.GridRows {display:inline-block;position:relative;background:transparent;min-height:21px;min-width:max-content;width:100%;border-bottom:0px solid #ff0000}
.GridRows .DTable{display:inline-block;height:auto;min-height:22px;background:#ffffff;border:0px solid transparent}

.GridRows .DTable td{padding:0px;height:22px;vertical-align:middle;padding-left:2px;padding-right:-2px;cursor:pointer}
.GridRows .DTable td{border-bottom:1px solid #d0d0d0;border-right:1px solid transparent;border-top:1px solid transparent}

/*.GridRows .DTable td */
.GridRows .DTable td.hiden{display:none}
.GridRows .DTable td .ContText{position:relative;display:inline-block;width:inherit;height:auto;background:transparent;overflow:hidden} /* ;align-items: center*/
.GridRows .DTable td .ContText.Center{text-align:center}
.GridRows .DTable td .ContText.Right{text-align:right}
.GridRows .DTable td .ContText .TextInfo{position:relative;width:auto;height:auto;background:transparent;overflow:hidden;white-space:nowrap}
.GridRows .DTable td.hiden {display:none}
.GridRows .DTable td.Center{text-align:center}
.GridRows .DTable td.Right{text-align:right}


.GridRows .DTable .TDFisrt {min-width:21px;cursor:default;background:url('../Images/Grid/RowSelector.png') repeat-y right!important;text-align:center;font-size:10px;color:#575757;font-family:Arial;border-right:1px solid #d0d0d0;}
.GridRows .DTable:hover{background:url('../Images/Grid/RowHover.png') repeat-x #EDEDED;border:0px solid transparent;font-weight:bold}
.GridRows .DTable.selected{background:#DFE8F6!important;border:0px dotted #A3BAE9}
.GridRows .DTable.selected .TDFisrt{background:url('../Images/Grid/RowSelectorSel.png') repeat-y right!important}
.GridRows .DTable.SelEditing{background:#9fcfff!important;border:0px dotted #A3BAE9;z-index:1;position:relative;box-shadow: 0px 0px 5px 2px #9fcfff;}

/*.GridRows .DTable.selected td {border-bottom:1px dotted #A3BAE9;border-top:1px dotted #A3BAE9} */

.GridRows .DTable.disable{background:#E7EBF1!important}
.GridRows .DTable.disable td .ContText.GridFontD{color:#fff;cursor:no-drop}
.GridRows .DTable.disable td {cursor:no-drop;font-style:italic}
.GridRows .DTable:hover.disable{font-weight:normal;cursor:no-drop}
.GridDataInactive {color: #7e7e7e!important;text-decoration: line-through!important;}
.GridRows.GridDataInactive .DTable .TextInfo{color: #7e7e7e!important;text-decoration: line-through!important;}

.LasTCol{border-right:1px solid #d0d0d0!important}
.LasTCol.Center{text-align:center}
.LasTCol.Right{text-align:right}
/**************** Estilo FrmMesaCtlrPimsa ***************/
#FrmMesaCtlrPimsa .LasTCol:hover  .ContText .TextInfo{color:#007eff}

/* Esoacio del Detalle del Grid */
.TRDetail{display:none;font-weight: normal;}
.TRDetail.visible{display:contents}
.ImageDetailGrid{display:inline-block;width:18px;top:18px;cursor:pointer;margin-right:3px}
.SpaceDDocto{height:300px;border:2px solid #d0d0d0;margin-left:20px;background:#ffffff;border-radius:10px;margin-bottom:2px}
.WinOpenInd {position:absolute;width:20px;height:20px;cursor:pointer}



/* ***********************************/
/* Version 4.0*/
.GridContPK.CssNewGrid .ContBorder {border-color:#a3c1d1}
.GridContPK.CssNewGrid .ContBorder .SpaceTitle {background:#f0f3f7;font-weight: normal;font-size: 14px;font-Family:var(--Win-Font-FamilySO);}
.GridContPK.CssNewGrid .ContBorder .SpaceTitle .Title{font-Family:var(--Win-Font-FamilySO);color:#35679a;}
.GridContPK.CssNewGrid .ContBorder .SpaceTitle .iButGSH {width:11px;height:22px;top:2px;left: calc(100% - 14px);}
.GridContPK.CssNewGrid .ContBorder .SpaceTitle .iButGSH .sButtonHide {background:url('../Images/Buttons30/BtnCloseBGO.png');height:22px}
.GridContPK.CssNewGrid .ContBorder .SpaceTitle .iButGSH.hover .sButtonHide{top:0px;background:url('../Images/Buttons30/BtnCloseBG.png')}
.GridContPK.CssNewGrid .ContBorder .SpaceTitle.bTitleM{font-family:font-Family:var(--Win-Font-FamilySO);font-size:9px;}
.GridContPK.CssNewGrid .ContBorder .SpaceLetters {height:26px}
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridHeader {height:25px;background:transparent} 
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridHeader .ContData{background:#dde7ed;height:100%}
.GridContPK.CssNewGrid .ContBorder  table{border-collapse: collapse;border-spacing:0px} /* Quiertyar*/
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridHeader .ContData .GTable{height:100%}
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridHeader .ContData .GTable thead{height: 100%;display: inline-block;position: relative;}
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridHeader .ContData .GTable .SortCol {background:transparent;border-left: 1px solid #eee;border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;border-top: 1px solid #d0d0d0;}

.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridHeader .ContData .GTable .TDFisrt{border:0px;background:transparent;height:22px!important;border-left: 1px solid #eee;border-right: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0;border-top: 1px solid #d0d0d0;}
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridHeader .ContData .GTable .GridFontH{top:2px;font-family:var(--Win-Font-FamilySO);color:#35679a;font-size:12px;height: auto;}
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridHeader .ContData .GTable .TDFisrt.GridFontH{top:0px}

.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridHeader .ContData .GTable td {border-top:1px solid #d0d0d0;}
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridHeader .ContData .GTable td.selected {background: #fff1db;}
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridDatas.bHead {height:calcl(100% - 25px)}
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridHeader .ContData .GTable td:hover{background:#f0f3f7;border:1px solid #d0d0d0;border-top:1px solid #F9F9F9;border-left:1px solid transparent}
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridHeader .ContData .GTable td:hover.selected{background:#fff1db;}
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridDatas .GridGroup .Data .GridRows .DTable .TDFisrt{background:#dde7ed!important;font-family:var(--Win-Font-FamilySO);color:#35679a;font-size:10px;border-right: 1px solid #d0d0d0; }
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridDatas .GridGroup .Data .GridRows .DTable.selected{background:#dde7ed!important}
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridDatas .GridGroup .Data .GridRows .DTable.selected .TDFisrt{background:#dde7ed!important}
.GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridDatas .GridGroup .Data .GridRows .DTable .GridFontD{font-family:var(--Win-Font-FamilySO);color:#35679a;font-size:12px;} 
.GridContPK.CssNewGrid .ContClose {background:#35679a;width:24px;height:calc(100%);border-color:#35679a}
.GridContPK.CssNewGrid .ContClose .RotateLabel {background:#35679a;height:24px;border-color:#35679a;background:#35679a}
.GridContPK.CssNewGrid .ContClose .RotateLabel .TxtSpan{font-Family:var(--Win-Font-FamilySO);color:#fff;font-size:14px;font-weight:normal;top:0px]}

.GridContPK.CssNewGrid .ContClose .iButGSH {width:11px;height:22px;top:5px;left: calc(100% - 18px);}
.GridContPK.CssNewGrid .ContClose .iButGSH .sButtonShow {background:url('../Images/Buttons30/BtnOpenGridO.png');height:22px}
.GridContPK.CssNewGrid .ContClose .iButGSH.hover .sButtonShow{top:0px;background:url('../Images/Buttons30/BtnOpenGridO.png')}


:root {
  --Height-Size: height;
}
/* Label Rotate */
.RotateLabel  div, .RotateLabel img, .RotateLabel  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.RotateLabel{position:absolute;display:inline-block;overflow:hidden;height:20px;border:1px solid #99BBE8;white-space:normal;background:#DFE8F6;text-align:center}
.RotateLabel .TxtSpan{position:relative;font-family:Arial;font-size:13px;font-weight:bold;color:#404040;top:1px}
.RotateLabel .ImgSpan {position:absolute;left:2px;top:2px;width:16px;height:16px;display:inline-block;}
.RotateLabel.hiden {display:none}

/* ************** Photo de ACtividad */
.PhotoAct div, .PhotoAct img, .PhotoAct  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.PhotoAct {display:inline-block;position:relative;overflow:hidden;border:1px solid #cccccc;background:#ffffff;border-radius:5px;box-shadow:10px 10px 10px -10px #50576f;font-family:Arial;font-size:11px;font-weight:bold;text-align:center;color:#757575}
.PhotoAct.Size96 {width:108px;height:192px}
.PhotoAct.Size128 {width:140px;height:258px}
.PhotoAct .FrameInpP {display:inline-block;position:relative;background:transparent;border:1px solid #757575;overflow:hidden;top:3px;border-radius:5px;height:calc(100% - 8px)}
.PhotoAct.Size96 .FrameInpP{width:100px}
.PhotoAct.Size128 .FrameInpP{width:132px}
.PhotoAct .FrameInpP .TxtUName{display:inline-block;position:relative;background:transparent;border:0px;overflow:hidden;width:100%;height:15px;font-family:Arial;font-size:11px;font-weight:bold;text-align:center;color:#757575}
.PhotoAct .FrameInpP .ImgPhotoAct{display:inline-block;position:relative;background:transparent;border:0px;overflow:hidden}
.PhotoAct.Size96 .FrameInpP .ImgPhotoAct{width:96px;height:96px}
.PhotoAct.Size128 .FrameInpP .ImgPhotoAct{width:128px;height:128px}
.PhotoAct .FrameInpP .ImgPhotoAct.Inactive{opacity:.5;filter:alpha(opacity='50')}
.PhotoAct .FrameInpP .ImgStateAct {display:inline-block;position:absolute;background:transparent;border:0px;overflow:hidden;width:32px;height:32px;left:calc(100% - 34px);top:15px;box-shadow:5px 5px 5px -2px #50576f;border-radius:50%;opacity:.6;filter:alpha(opacity='60')}
.PhotoAct .FrameInpP .ImgStateAct:hover {width:64px;height:64px;left:calc(100% - 64px);opacity:1;filter:alpha(opacity='100')}
.PhotoAct .FrameInpP .InitTimeText {display:inline-block;position:relative;width:calc(100% - 30px);height:17px;background:url(../Images/ImgKeys/AccIniTime.png) left no-repeat transparent;text-align:left;padding-left:30px;}
.PhotoAct .FrameInpP .TextEatIn {display:inline-block;position:relative;width:calc(100% - 30px);height:17px;background:url(../Images/ImgKeys/TimeEatIn.png) left no-repeat #f8f9d5;text-align:left;padding-left:30px;margin-left: 2px;}
.PhotoAct .FrameInpP .TextEatOut {display:inline-block;position:relative;width:calc(100% - 30px);height:17px;background:url(../Images/ImgKeys/TimeEatOut.png) left no-repeat #f8f9d5;text-align:left;padding-left:30px;margin-left: 2px;}
.PhotoAct .FrameInpP .MedTimeText {display:inline-block;position:relative;width:calc(100% - 30px);height:17px;background:url(../Images/ImgKeys/AccMedTime.png) left no-repeat #DAF9D5;text-align:left;padding-left:30px}
.PhotoAct .FrameInpP .EndTimeText {display:inline-block;position:relative;width:calc(100% - 30px);height:17px;background:url(../Images/ImgKeys/AccEndTime.png) left no-repeat transparent;text-align:left;padding-left:30px}
.PhotoAct .FrameInpP .imgLine{display:inline-block;position:relative;border:0px;overflow:hidden;width:auto;height:21px}
.PhotoAct .FrameInpP .MedTimeText.Inact {background-color: #FFD5D5}
.PhotoAct .FrameInpP .MedTimeText.OutLine {background-color: #e4e4e4}
.PhotoAct .FrameInpP .imgLine.CssCursor{cursor:pointer}
.PhotoAct.hiden {display:none}
.PhotoAct.PhoMargin{margin:15px}


.cImagenSO.RounderImage {border:2px solid #757575;border-radius:50%;cursor:pointer;box-shadow:10px 10px 10px -10px #50576f;margin:10px 5px 15px 5px;text-align:center;}
.cImagenSO.RounderImage img  {border-radius:50%;opacity:.5;filter:alpha(opacity='50')}
.cImagenSO.RounderImage .TextAreaU{display:inline-block;position:relative;color:#757575;font-family:arial;font-size:13px;font-weight:bold}
.cImagenSO.RounderImage.isNormal img, .cImagenSO.RounderImage img:hover{opacity:1;filter:alpha(opacity='100')}


.ContainerFilter div, .ContainerFilter img, .ContainerFilter  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.ContainerFilter {display:inline-block;position:relative;height:auto;min-height:30px;border-bottom:1px solid #99BBE8;background:transparent;overflow:hidden;min-width:150px}
.ContainerFilter .ContBorder {display:inline-block;position:relative;min-height:20px;height:auto;border:1px solid #99BBE8;border-bottom:0px;background:#fff;overflow:hidden;width:calc(100% - 2px);margin-top:10px;}
.ContainerFilter .ContBorder .FirstSpace, .ContainerFilter .ContBorder .LastSpace {display:inline-block;position:relative;width:100%;height:8px;}
.ContainerFilter .ContBorder .LastSpace {height:2px}
.ContainerFilter .ContBorder .MoreFilter{display:none;position:relative;background:transparent;height:12px;width:100%;font-family:Arial;font-size:10px}
.ContainerFilter .ContBorder .MoreFilter .textMore{display:inline-block;position:relative;background:transparent;float:right;color:#0000ff;cursor:pointer;padding:0px 2px 0px 2px}
.ContainerFilter .ContBorder .MoreFilter.show {display:inline-block}
.ContainerFilter .ContBorder .ContSpaceFilt {display:inline-block;position:relative;min-height:15px;height:auto;overflow:hidden;width:calc(100% - 0px)}
.ContainerFilter .ContBorder .ContSpaceFilt.hiden{display:none}
.ContainerFilter .LeftTextInfo {display:inline-block;position:absolute;background:#fff;color:#000;top:2px;left:50px;font-family:arial;white-space:nowrap;font-size:12px}
.ContainerFilter.hiden{display:none;}
.ContainerFilter.ViewAct {box-shadow:10px 10px 10px -10px #50576f;margin:5px 5px 5px 5px}
.ContainerFilter.Is40 .LeftTextInfo {font-family:var(--Win-Font-FamilySO);}
.ContainerFilter.Is40 .ContBorder .ContSpaceFilt{padding: 2px 0px;}

.BtnContFilter {display:inline-block;position:absolute;height:17px;width:16px;z-index:0;top:2px;left:20px;overflow:hidden}
.BtnContFilter .sButton, .BtnContFilter .sButtonC {display:inline-block;position:relative;z-index:-1;height:34px;width:16px;cursor:pointer;left:0px}
.BtnContFilter .sButton {background: url('../Images/Buttons30/BtOpenRep.png')}
.BtnContFilter .sButtonC {background: url('../Images/Buttons30/BtCloseRep.png')}
.BtnContFilter.hover .sButton, .BtnContFilter.down .sButton, .BtnContFilter.hover .sButtonC, .BtnContFilter.down .sButtonC{top: -17px}



.UserActInf div, .UserActInf img, .UserActInf  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.UserActInf {display:inline-block;position:absolute;height:64px;width:64px;border:2px solid #cccccc;background:#fff;overflow:hidden;border-radius:50%;cursor:pointer;opacity:.5;filter:alpha(opacity='50');box-shadow:5px 5px 5px -5px #ccc}
.UserActInf:hover{opacity:1;filter:alpha(opacity='100')}
.UserActInf .ImagStat {display:inline-block;left:0px;top:0px;position:relative;width:100%;height:100%;cursor:pointer}
.UserActInf.hiden{display:none}
.UserActInf.Pos{left: calc(100% - 200px)!important;top: 50px!important;}

.UserActList div, .UserActList img, .UserActList  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.UserActList {display:none;position:absolute;width:auto;height:auto;background:transparent}
.UserActList.hiden {display:inline-block}
.UserActList .ItemAct {display:flex;position:relative;float:left;clear:both;overflow:hidden;height:25px;cursor:pointer;width:auto;background:rgba(0,0,0,.6);transition:transform 90ms ease-in;}
.UserActList .ItemAct {margin-top:3px;border-radius:3px;align-items:center}
.UserActList .ItemAct:hover{background:rgba(0,0,0,.8);transform:translateX(5px);}
.UserActList .ItemAct .ImgItem{display:inline-block;position:relative;width:16px;height:16px}
.UserActList .ItemAct .TxtItem{display:inline-block;position:relative;font-family:var(--Font-Family);font-size:12px;color:#fff;margin:5px}

.DropDItem {border:1px solid transparent}
.DropDItem.HoverDrop {background:#FFD7D7!important;cursor:crosshair!important}


/* *********************** Lista Simple Selectable ************************* */
/*****************************************************************************/
.ListItem, .ListSelected{ 
     --List-Font-Family:Arial,Tahoma,Verdana;  
     --List-Font-FamilyC:Poppins-Regular,Century Gothic,Arial,Tahoma,Verdana;  
     --List-Color-Font:#35679a;
}
.ListSelected div, .ListSelected img, .ListSelected span{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.ListSelected {display:inline-block;position:relative;background:#fff;border:1px solid #99BBE8;overflow:hidden}
.ListSelected .TitleList{display:inline-flex;position:relative;width:100%;height:25px;background:url(../Images/Tree/BackTitle.png) repeat-x #D6E3F2;text-align:center;align-items:center}
.ListSelected .TitleList.noTit{display:none}
.ListSelected .TitleList .ImageTitle {display:inline-block;position:relative;left:3px;width:22px;height:22px}
.ListSelected .TitleList .TextTitle{display:inline-block;position:relative;font-family:var(--List-Font-FamilyC);font-size:12px;font-weight:bold;color:#15429D;width:calc(100% - 22px);text-align:center;left:-11px}
.ListSelected .ContData {display:inline-block;position:relative;width:100%;height:calc(100% - 25px);background:transparent;overflow:hidden;overflow-y:auto}
.ListSelected .ContData.noTit{height:100%;max-height:inherit}
.ListSelected .ContData .ContInfo{position:relative;display:inline-block;width:100%;height:auto}
.ListSelected.hiden{display:none}
/* ****** 4.0 *******/
.ListSelected.css40 {border-color:#4783c2;border-radius: 8px;}
.ListSelected.css40 .TitleList{background:#f0f3f7}
.ListSelected.css40 .TitleList .TextTitle{font-Family:var(--List-Font-FamilyC);color:var(--List-Color-Font);}
.ListSelected.css40 .ContData .ContInfo {font-Family:var(--List-Font-FamilyC);color:var(--List-Color-Font);}
.ListSelected.noMrg {border:0px}

.ListItem {display:inline-flex;position:relative;width:calc(100% - 2px);height:20px;min-height:20px;font-family:var(--List-Font-FamilyC);font-size:12px;align-items:center;cursor:pointer;background:transparent;border:1px solid transparent;color:#000;white-space:nowrap}
.ListItem .TextInfo{display:inline-block;position:relative;width:auto;height:auto;padding-left:5px;max-width:calc(100% - 25px)}
.ListItem .TextInfo.Left{left:20px}
.ListItem.selected{background:#3399FF;font-weight:bold;border:1px solid #3399FF;color:#fff;}
.ListItem:hover{font-weight:bold;background:#3399FF;border:1px dotted #fff;color:#fff;font-weight:bold;}
.ListItem.disable{color:#808080;cursor:default;font-Style:italic;background:#DBDBDB}
.ListItem:hover.disable{border:1px solid transparent;cursor:default;font-Style:italic;font-weight:normal}
.ListItem.hiden{display:none}
.ListItem.InPar{background:transparent;}
.ListItem.Par{background:#C0FFC0}
.ListItem:hover.InPar, .ListItem:hover.Par{background:#3399FF;}
.ListItem .ImgItem{position:absolute;display:inline-block;width:16px;height:16px;margin-left:2px;margin-right:2px;left:calc(100% - 25px)}
.ListItem .ImgItem.Left{left:2px;}
.ListItem .ImgItem.Flag{height:12px}


/* **************** Contenedor Flotante **************/
/*****************************************************/
.ContFlot { 
     --ContFlo-Font-Family:Arial,Tahoma,Verdana;  
}
.ContFlot div, .ContFlot img, .ContFlot span{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none} 
.ContFlot {display:inline-block;position:relative;background:transparent;overflow:hidden;z-index:2}
.ContFlot .ContSpaceFlot {display:inline-block;position:relative;left:0px;top:20px;width:calc(100% - 20px);height:calc(100% - 20px - 30px);background:#000;z-index:1;border-radius:5px}
.ContFlot .SpaceButton {display:inline-flex;position:relative;top:20px;width:calc(100% - 20px);height:30px;background:transparent;align-items:center;}
.ContFlot .SpaceButton .ContButton {width:100%;height:auto;text-align:center}
.ContFlot .SpaceButton .ContButton .CBButton {display:inline-block;position:relative;font-family:var(--ContFlo-Font-Family);font-size:12px;color:#fff;border:3px solid #fff;border-radius:8px;padding:2px 25% 2px 25%;cursor:pointer}
.ContFlot .SpaceButton .ContButton .CBButton {background:rgba(0,0,0,.5)}
.ContFlot .SpaceButton .ContButton .CBButton.disable, .ContFlot .SpaceButton .ContButton .CBButton.disable:hover {color:#969696;border:3px solid #969696;cursor:default;background:rgba(0,0,0,.5)}
.ContFlot .SpaceButton .ContButton .CBButton:hover {border:3px solid #fff;background:#000}
.ContFlot.hiden {display:none}
/* *********** 4.0 ****************/
/**********************************/
/* ****************************** Botones Close Folder Bar ***********************/
.iButContF{display:inline-block;position:absolute;overflow:hidden;height:20px;width:20px;top:0px;left:calc(100% - 25px);background-color:transparent;cursor:pointer;margin-left:5px;} 
.iButContF .sButton {background: url('../Images/Buttons30/bCloseFloat.png')}
.iButContF .sButton  {display:inline-block;position:absolute;height:60px;left:0px;right:0px}
.iButContF.hover .sButton {top: -20px}
.iButContF.down .sButton {top: -40px}
.iButContF.hidden {display:none}
.BorderRadList {border-radius:5px;box-shadow:3px 3px 6px #c0c0c0}

.BorderRadList2 {border-radius:5px;box-shadow:3px 3px 6px #c0c0c0;overflow:hidden}


/* ************** Photo Logo Sign  */
.PhotoSign div, .PhotoSign img, .PhotoSign  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.PhotoSign {display:inline-block;position:relative;overflow:hidden;border:1px solid #cccccc;background:#fff;} /*border-radius:5px;box-shadow:10px 10px 10px -10px #50576f}*/
.PhotoSign.SizePhoto80, .PhotoSign.SizeLogo80 {width:90px;height:90px}
.PhotoSign.SizePhoto96, .PhotoSign.SizeLogo96 {width:106px;height:106px}
.PhotoSign.SizePhoto128, .PhotoSign.SizeLogo128 {width:138px;height:138px}
.PhotoSign.SizePhoto256, .PhotoSign.SizeLogo256 {width:266px;height:266px}
.PhotoSign.SizeSign80 {width:180px;height:90px}
.PhotoSign.SizeSign96 {width:212px;height:106px}
.PhotoSign.SizeSign128 {width:276px;height:138px}
.PhotoSign.SizeSign256 {width:532px;height:266px}
.PhotoSign .PhotoCont {display:inline-block;position:relative;left:3px;top:3px;width:calc(100% - 8px);height:calc(100% - 8px);border:1px solid #757575;overflow:hidden;background:#fff}
.PhotoSign .PhotoCont .PImagen{display:inline-block;position:relative;left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);background:transparent}
.PhotoSign .PhotoCont .BtnAddF, .PhotoSign .PhotoCont .BtnDelF {display:none;position:absolute;right:3px;width:20px;height:20px;top:3px;cursor:pointer;background:#edf2fa;border:1px solid #99bbe8;border-radius:3px;box-shadow:1px 1px 3px #50576f}
.PhotoSign .PhotoCont .BtnDelF{top:28px}
.PhotoSign .PhotoCont .BtnAddF img, .PhotoSign .PhotoCont .BtnDelF img{display:inline-block;position:relative;width:calc(100% - 6px);height:calc(100% - 6px);left:3px;top:3px}
.PhotoSign:hover .PhotoCont .BtnAddF, .PhotoSign:hover .PhotoCont .BtnDelF {display:inline-block}
.PhotoSign .PhotoCont .BtnAddF img:hover, .PhotoSign .PhotoCont .BtnDelF img:hover {width:calc(100% - 2px);height:calc(100% - 2px);left:1px;top:1px;}
.PhotoSign:hover .PhotoCont .BtnAddF.hiden, .PhotoSign:hover .PhotoCont .BtnDelF.hiden{display:none}
.PhotoSign.hiden {display:none}
.PhotoSign .DataObj {display:none}
.PhotoSign.shadow {box-shadow:5px 5px 8px #c0c0c0}
/* **************** 4.0 ******/
.PhotoSign.Css40 {border-radius: 10px;}
.PhotoSign.Css40 .PhotoCont{border-radius: 10px;width: calc(100% - 6px);height: calc(100% - 6px);border: 0px}

/* *************** Photo Name ************/
.PhotoName div, .PhotoName img, .PhotoName  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.PhotoName {display:inline-block;position:relative;background:transparent;cursor:pointer;margin:2px}
.PhotoName.Size24 {width:24px;height:24px}
.PhotoName.Size32 {width:32px;height:32px}
.PhotoName.Size48 {width:48px;height:48px}
.PhotoName.Size64 {width:64px;height:64px}
.PhotoName.Size96 {width:96px;height:96px}
.PhotoName .ContPhoTxt {position:relative;display:inline-block;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:50%;background:transparent;border:1px solid #b6b6b6;overflow:hidden}
.PhotoName .ContPhoTxt .ImgPhot {display:block;position:relative;width:100%;height:100%;border-radius:50%}
.PhotoName .ContPhoTxt .TxtName {display:block;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#FF9933;font-weight:bold;font-family:tahoma;text-align:center}  /*#00457c*/
.PhotoName .ContPhoTxt .TxtName .TxtInfo {display:inline-block;position:relative;widtH:auto;height:auto;color:#fff}
.PhotoName.Size32 .ContPhoTxt .TxtName .TxtInfo{font-size:14px;top:calc(50% - 9px)}
.PhotoName.Size48 .ContPhoTxt .TxtName .TxtInfo{font-size:20px;top:calc(50% - 13px)}
.PhotoName.Size64 .ContPhoTxt .TxtName .TxtInfo{font-size:28px;top:calc(50% - 18px)}
.PhotoName.Size96 .ContPhoTxt .TxtName .TxtInfo{font-size:45px;top:calc(50% - 27px)}
.PhotoName .ContPhoTxt .ImgPhot.hiden, .PhotoName .ContPhoTxt .TxtName.hiden {display:none}
.PhotoName:hover .ContPhoTxt {box-shadow: 0px 0px 5px #FF9933;}


/* **************** boton Round ********/
.CssBtnRnd img, .CssBtnRnd  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssBtnRnd {display:inline-block;position:relative;background:transparent;cursor:pointer;margin:2px}
.CssBtnRnd.Size24 {width:24px;height:24px}
.CssBtnRnd.Size32 {width:32px;height:32px}
.CssBtnRnd.Size48 {width:48px;height:48px}
.CssBtnRnd.Size64 {width:64px;height:64px}
.CssBtnRnd.Size96 {width:96px;height:96px}
.CssBtnRnd .ContBtnRnd {position:relative;display:inline-block;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:50%;background:transparent;border:1px solid #b6b6b6;overflow:hidden;text-align:center}
.CssBtnRnd .ContBtnRnd .ImgBtnRnd {display:inline-block;position:relative;width:calc(100% - 4px);height:calc(100% - 4px);border-radius:50%;background:transparent;margin-top:2px}
.CssBtnRnd.hiden {display:none}
.CssBtnRnd.disable .ContBtnRnd .ImgBtnRnd {opacity:.4;filter:alpha(opacity='40');-webkit-filter: grayscale(70%);   filter: grayscale(70%);}
.CssBtnRnd.disable {cursor:default}
.CssBtnRnd:hover .ContBtnRnd {box-shadow: 0px 0px 5px #FF9933}
.CssBtnRnd:hover .ContBtnRnd .ImgBtnRnd{-webkit-transform:scale(1.1);transform:scale(1.1);}
.CssBtnRnd.disable:hover .ContBtnRnd {box-shadow:none}
.CssBtnRnd.disable:hover .ContBtnRnd .ImgBtnRnd{-webkit-transform:none;transform:none;}
.CssBtnRnd:active .ContBtnRnd {box-shadow: 0px 0px 5px #000;}

/*  **************  Boton Round & Text ***************/
.CssContBtnRnd img, .CssContBtnRnd  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssContBtnRnd {display:inline-block;position:relative;background:transparent;text-align:center}
.CssContBtnRnd.Size24 {width:40px;height:50px}
.CssContBtnRnd.Size32 {width:48px;height:64px}
.CssContBtnRnd.Size48 {width:64px;height:90px}
.CssContBtnRnd.Size64 {width:80px;height:106px}
.CssContBtnRnd.Size96 {width:112px;height:140px}
.CssContBtnRnd .SpaceBtn{display:inline-block;position:relative;width:100%;background:transparent}
.CssContBtnRnd.Size24 .SpaceBtn{height:28px}
.CssContBtnRnd.Size32 .SpaceBtn{height:40px}
.CssContBtnRnd.Size48 .SpaceBtn{height:56px}
.CssContBtnRnd.Size64 .SpaceBtn{height:72px}
.CssContBtnRnd.Size96 .SpaceBtn{height:104px}
.CssContBtnRnd .SpaceText{display:inline-flex;position:relative;width:100%;background:transparent;align-items: center;justify-content: center;overflow: hidden;}
.CssContBtnRnd.Size24 .SpaceText{height:calc(100% - 28px);font-size:9px}
.CssContBtnRnd.Size32 .SpaceText{height:calc(100% - 40px);font-size:10px}
.CssContBtnRnd.Size48 .SpaceText{height:calc(100% - 56px);font-size:11px}
.CssContBtnRnd.Size64 .SpaceText{height:calc(100% - 72px);font-size:12px}
.CssContBtnRnd.Size96 .SpaceText{height:calc(100% - 104px);font-size:14px}
.CssContBtnRnd .SpaceText .TxtData{font-Family:var(--Buttons-Font-FamilyCG);color:var(--Buttons-Font-ColorCG)}
.CssContBtnRnd.hiden {display:none}
/* ***** 4.0 ******/
.CssContBtnRnd.css40 .SpaceText .TxtData {font-family:var(--Win-Font-FamilySO);color:var(--FolderB-Font-ColorSO)}

/* ************** Multi Object */
.MultiObject div, .PhotoSign img, .PhotoSign  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.MultiObject {display:inline-block;position:relative;background:#fff;top:0px;left:0px;width:100%;height:100%;overflow:hidden;overflow-y:auto}
.MultiObject .ContObj{display:inline-block;position:relative;left:0px;top:0px;width:calc(100% - 2px);height:auto;min-height:20px;border:1px solid #B5B8C8;background:transparent}
.MultiObject.hiden {display:none}

/* Obejeto Text Simple*/
.TextObject{height:21px; position:relative;background:#f2f2f2;cursor:pointer;display:block;white-space: nowrap;float:left;width:auto;font-family:Arial;font-Size:12px;font-weight:bold;color:#686376}
.TextObject .iCaption{display:inline-block;position:relative;cursor:pointer;background:transparent;padding:2px 5px 2px 5px}
.TextObject.Selected {background:#9DFF9D}
.TextObject:hover {background:#DDECFE}

/* *************** Title Report ****************************/
/***********************************************************/
.TitleRep img, .TitleRep  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.TitleRep {display:inline-block;position:relative;overflow:visible;height:25px;background:transparent;border-bottom:1px solid #99BBE8;border-right:1px solid #99BBE8;min-width:100px}
.TitleRep .TitleSpace{display:inline-block;position:relative;background:#D6E3F2;left:69px;top:0px;height:25px;width:calc(100% - 69px);text-align:center;font-family:Arial;font-Size:13px;color:#15429D;font-weight:bold;z-index:1;overflow:hidden} 
.TitleRep .TitleSpace .TitleTxt{position:relative;top:4px}
.TitleRep .TitleSpace .ImgWait{display:none;position:absolute;top:4px;width:16px;height:16px;right:5px}
.TitleRep .TitleSpace .ImgWait.show{display:inline-block}
.TitleRep .SpaceImg {display:inline-block;position:absolute;background:#D6E3F2;left:0px;top:0px;height:70px;width:70px;border-radius:0px 0px 8px 0px;border-right:1px solid #99BBE8;border-bottom:1px solid #99BBE8}
.TitleRep .SpaceImg img {display:inline-block;position:relative;left:3px;top:3px;width:64px;height:64px}
.TitleRep.hiden{display:none}

.BtnTitleRep  {display:inline-block;position:absolute;height:19px;width:18px;top:3px;right:5px;overflow:hidden}
.BtnTitleRep .sButton{display:inline-block;position:relative;height:114px;width:18px;cursor:pointer;left:0px}
.BtnTitleRep .sButton{background: url('../Images/Buttons30/BtDown.png')}
.BtnTitleRep.select .sButton {top: -19px}
.BtnTitleRep.hover .sButton {top: -38px} 
.BtnTitleRep.select.hover .sButton {top: -57px}
.BtnTitleRep.down .sButton {top: -76px}
.BtnTitleRep.select.down .sButton {top: -95px}
.BtnTitleRep.hiden {display:none}

/* ***************** Single Option --  Check ********* */
/* *************************************************** */

.CssOption {     
     --FontFamily-SO:Poppins-Regular,Century Gothic,Arial;  
     --Font-ColorC:#5d5f78;     
     --Font-SizeC:12px;     
}

.CssOption img, .CssOption span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssOption {display:inline-block;position:relative;height:20px;background:transparent;min-width:20px;margin-right:2px}
.CssOption.hiden{display:none}
.CssOption.disable{color:#cccccc;cursor:auto}
.CssOption.CssOpaque{background:#DFE8F6}
.CssOption .AreaImg{display:flex;position:relative;width:20px;height:100%;text-align:center;background:transparent;float:left;align-items:center;cursor:pointer}
.CssOption .AreaImg img {display:inline-block;position:relative;width:16px;height:16px;left:2px}
.CssOption .AreaText{display:flex;position:relative;width:auto;max-width:calc(100% - 25px);height:100%;text-align:left;background:transparent;float:left;align-items:center;cursor:pointer}
.CssOption .AreaText .TxtInfo{display:inline-block;position:relative;width:auto;height:auto;font-family:Arial;font-size:12px;color:#000;white-space:nowrap;background:transparent;padding:0px 3px 0px 3px}
.CssOption.disable .AreaImg, .CssOption.disable .AreaText {opacity:.5;filter:alpha(opacity='50')}
.CssOption.disable .AreaText .TxtInfo{color:#808080}
.CssOption:hover .AreaText .TxtInfo {color:#ff0000}
.CssOption:hover.disable .AreaImg, .CssOption:hover.disable .AreaText {cursor:default}
.CssOption:hover.disable .AreaText .TxtInfo {color:#808080}

/* ** */
.CssOption.Style1C, .CssOption.Style1S {height:24px}
.CssOption.Style1C .AreaImg, .CssOption.Style1S .AreaImg {width:24px;}
.CssOption.Style1C .AreaImg .ImgInfo, .CssOption.Style1S .AreaImg .ImgInfo{display:inline-block;position:relative;width:16px;height:16px;left:2px;border:2px solid #15428B;border-radius:50%;background:#fff}  /* 20A0FF */
.CssOption.Style1C .AreaImg .ImgInfo:before {display:none;position:absolute;content: '';height:6px;width:6px;left:4px;top:4px;background:#15428B;border:1px solid #15428B;border-radius:50%} /* height:8px;width:8px;left:3px;top:3px; */ /*-webkit-transition:.4s;transition:.4s;*/
.CssOption.Style1C .AreaImg .ImgInfo.select:before, .CssOption.Style1S .AreaImg .ImgInfo.select:before {display:block}

.CssOption.Style1S .AreaImg .ImgInfo{border-radius:0px}  /* 20A0FF */
.CssOption.Style1S .AreaImg .ImgInfo:before {display:block;position:absolute;content: '';height:16px;width:16px;left:0px;top:0px;background:url('../Images/ImgKeys/ChkCan01.png') no-repeat center transparent;background-size:16px 16px}
.CssOption.Style1S .AreaImg .ImgInfo.select:before {display:block;background:url('../Images/ImgKeys/ChkOk01.png') no-repeat center transparent;background-size:16px 16px}
.CssOption.Style1S .AreaImg .ImgInfo.none:before {display:none}

/* ** */
.CssOption.Style2C, .CssOption.Style2S {height:26px;margin:1px 2px 1px 0px}
.CssOption.Style2C .AreaImg {width:26px;}
.CssOption.Style2C .AreaImg .ImgInfo {display:inline-block;position:relative;width:16px;height:16px;left:5px;border-radius:50%;background:#C7C9D3}
.CssOption.Style2C .AreaImg .ImgInfo:before {display:block;position:absolute;content: '';height:16px;width:16px;left:-2px;top:-2px;border:2px solid #999999;background:transparent;border-radius:50%}
.CssOption.Style2C .AreaImg .ImgInfo.select:before {left:-4px;top:-4px;border:4px solid #00B773;}


.CssOption.Style2S .AreaImg {width:50px} 
.CssOption.Style2S .AreaImg .ImgInfo {display:inline-block;position:relative;width:100%;height:100%;left:0px;border-radius:15px;background:rgba(75,75,75,.6);transition: all 0.3s; }
.CssOption.Style2S .AreaImg .ImgInfo.select{background:#00d084}
.CssOption.Style2S .AreaImg .ImgInfo:before {display:block;position:absolute;content: '';height:24px;width:24px;left:1px;top:1px;background:#C7C9D3;border-radius:50%;-webkit-transition: -webkit-transform 0.3s;transition: -webkit-transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s;}
.CssOption.Style2S .AreaImg .ImgInfo:after {display:block;position:absolute;content: '';top:5px;right:6px;width:16px;height:16px;background:url('../Images/ImgKeys/ChkCan03.png');background-size:16px 16px}
.CssOption.Style2S .AreaImg .ImgInfo.select:before {-webkit-transform: translateX(24px);-ms-transform: translateX(24px);transform: translateX(24px);}
.CssOption.Style2S .AreaImg .ImgInfo.select:after {-webkit-transform: translateX(-22px);-ms-transform: translateX(-22px);transform: translateX(-22px);background:url('../Images/ImgKeys/ChkOk03.png');background-size:16px 16px}
.CssOption.Style2S .AreaImg .ImgInfo.none:before {-webkit-transform: translateX(12px);-ms-transform: translateX(12px);transform: translateX(12px)}
.CssOption.Style2S .AreaImg .ImgInfo.none:after {background:none}


/* ** */
.CssOption.Style3C, .CssOption.Style3S {height:20px;margin:1px 2px 1px 0px}
.CssOption.Style3C .AreaImg {width:18px;}
.CssOption.Style3C .AreaImg .ImgInfo {display:inline-block;position:relative;width:14px;height:14px;left:2px;border-radius:50%;background:#C7C9D3}
.CssOption.Style3C .AreaImg .ImgInfo:before {display:block;position:absolute;content: '';height:14px;width:14px;left:-2px;top:-2px;border:2px solid #999999;background:transparent;border-radius:50%}
.CssOption.Style3C .AreaImg .ImgInfo:after {display:none;position:absolute;content: '';top:3px;right:3px;width:8px;height:8px;background:#757575;border-radius:50%;}
.CssOption.Style3C .AreaImg .ImgInfo.select:before {left:-2px;top:-2px;border:2px solid #00B773;}
.CssOption.Style3C .AreaImg .ImgInfo.select:after {display:block}


.CssOption.Style3S .AreaImg {width:34px;} 
.CssOption.Style3S .AreaImg .ImgInfo {display:inline-block;position:relative;width:100%;height:100%;left:0px;border-radius:15px;background:rgba(75,75,75,.6);transition: all 0.3s; }
.CssOption.Style3S .AreaImg .ImgInfo.select{background:#00d084}
.CssOption.Style3S .AreaImg .ImgInfo:before {display:block;position:absolute;content: '';height:18px;width:18px;left:1px;top:1px;background:#C7C9D3;border-radius:50%;-webkit-transition: -webkit-transform 0.3s;transition: -webkit-transform 0.3s;transition: transform 0.3s;transition: transform 0.3s, -webkit-transform 0.3s;}
.CssOption.Style3S .AreaImg .ImgInfo:after {display:block;position:absolute;content: '';top:5px;right:4px;width:10px;height:10px;background:url('../Images/ImgKeys/ChkCan03.png');background-size:10px 10px}
.CssOption.Style3S .AreaImg .ImgInfo.select:before {-webkit-transform: translateX(14px);-ms-transform: translateX(14px);transform: translateX(14px);}
.CssOption.Style3S .AreaImg .ImgInfo.select:after {-webkit-transform: translateX(-16px);-ms-transform: translateX(-16px);transform: translateX(-16px);background:url('../Images/ImgKeys/ChkOk03.png');background-size:10px 10px}
.CssOption.Style3S .AreaImg .ImgInfo.none:before {-webkit-transform: translateX(7px);-ms-transform: translateX(7px);transform: translateX(7px)}
.CssOption.Style3S .AreaImg .ImgInfo.none:after {background:none}


.CssOption.Style3S.Css40 .AreaText .TxtInfo {font-family: var(--FontFamily-SO);font-size:var(--Font-SizeC);color:var(--Font-ColorC);}
.CssOption.Style3C.Css40 .AreaText .TxtInfo {font-family: var(--FontFamily-SO);font-size:var(--Font-SizeC);color:var(--Font-ColorC);}
.CssOption.Style2S.Css40 .AreaText .TxtInfo {font-family: var(--FontFamily-SO);font-size:var(--Font-SizeC);color:var(--Font-ColorC);}
.CssOption.Style2C.Css40 .AreaText .TxtInfo {font-family: var(--FontFamily-SO);font-size:var(--Font-SizeC);color:var(--Font-ColorC);}
.CssOption.Style1S.Css40 .AreaText .TxtInfo {font-family: var(--FontFamily-SO);font-size:var(--Font-SizeC);color:var(--Font-ColorC);}
.CssOption.Style1C.Css40 .AreaText .TxtInfo {font-family: var(--FontFamily-SO);font-size:var(--Font-SizeC);color:var(--Font-ColorC);}

/* **************** Multi Option *********/
.CssMultiOpt img, .CssMultiOpt span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssMultiOpt {position:relative;display:inline-block;height:auto; left:0px;top:0px;min-height:20px;background:transparent;padding:2px 0px 2px 0px;}
.CssMultiOpt .Separator {display:inline-block;position:relative;width:100%;height:6px;background:transparent}
.CssMultiOpt .Separator:before {display:block;position:relative;width:calc(100% - 2px);height:0px;border:1px solid #99BBE8;content: '';top:2px}
.CssMultiOpt .Space{display:inline-block;position:relative;width:100%;height:20px;background:transparent;margin:1px 0px 1px 0px}
.CssMultiOpt.hiden {display: none;}

/*  Icono y Gadget ********************************************** */
.CSIconGadget  span, .CSIconGadget img {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CSIconGadget {display:block;position:relative;width:134px;height:134px;border:0px;background:transparent;cursor:pointer;float:left;margin:3px;overflow:hidden}
.CSIconGadget .CSPKIG {display:block;position:relative;width:calc(100% - 30px);height:calc(100% - 10px);border:1px solid transparent;background:transparent;border-radius:8px;float:left} 
.CSIconGadget .CSPKIG:before{display:block;position:absolute;content:'';left:1px;top:1px;width:calc(100% - 6px);height:calc(100% - 6px);border:2px solid transparent;background:transparent;border-radius:8px}
.CSIconGadget .CSPKIG .ContOne{display:inline-block;position:relative;left:4px;top:4px;width:calc(100% - 10px);height:calc(100% - 10px);background:transparent;border:1px solid transparent;border-radius:2px;text-align:center} /*background: CAE5FF*/
.CSIconGadget .CSPKIG .ContOne .ImgBack{display:inline-block;position:relative;width:64px;height:64px;background:transparent;margin-top:4px}
.CSIconGadget .CSPKIG .ContOne .TxtCaption{display:inline-block;position:relative;width:calc(100% - 4px);height:auto;background:transparent;font-family:Arial;font-size:12px;color:#606060;margin-top:10px;text-align:center;overflow:hidden}
.CSIconGadget .CSPKIG:hover{border:1px solid #385D8A}
.CSIconGadget .CSPKIG:hover:before{border:2px solid #fff}
.CSIconGadget .CSPKIG:hover .ContOne{border:1px solid #769AC7;background:rgb(202,229,255,.6);overflow:hidden} /* #CAE5FF}*/
.CSIconGadget .CSPKIG:hover .ContOne .TxtCaption{text-shadow:1px 1px 0 #fff}
.CSIconGadget .CSPKIG.hiden {display:none}
.CSIconGadget .CSPKIG:hover.shadow {box-shadow:3px 3px 5px #888888}
.CSIconGadget  .ToolSpace{display:none;position:relative;width:21px;height:auto;min-height:16px;float:right;background:transparent;top:5px}
.CSIconGadget  .ToolSpace.show{display:block;}
.CSIconGadget .CSPKIG .ContOne .TxtCaption.Short{color:#fff;text-shadow:1px 1px 0 #606060}
.CSIconGadget .CSPKIG:hover .ContOne .TxtCaption.Short{color:#fff;text-shadow:1px 1px 0 #606060}

/*  Botones de Barra de Herramientas */
.BtToolCfg, .BtToolBig, .BtToolClose, .BtToolMove{display:inline-block;position:relative;height: 21px;overflow:hidden;white-space: nowrap;z-index:0;top:0px;left:0px;cursor:pointer}
.BtToolCfg, .BtToolBig, .BtToolClose, .BtToolMove{width:21px}
.BtToolCfg .sButton{background-image: url('../Images/Buttons/BIconCfg.png')}
.BtToolBig .sButton{background-image: url('../Images/Buttons/BIconBig.png')}
.BtToolClose .sButton{background-image: url('../Images/Buttons/BIconClose.png')}
.BtToolMove .sButton{background-image: url('../Images/Buttons/BIconMove.png')}
.BtToolCfg .sButton, .BtToolBig .sButton, .BtToolClose .sButton, .BtToolMove .sButton{display:block;position:absolute;z-index:-1;height: 63px}
.BtToolCfg .sButton, .BtToolBig .sButton, .BtToolClose .sButton, .BtToolMove .sButton {left:0px;right:0px;}
.BtToolCfg.hover .sButton, .BtToolBig.hover .sButton, .BtToolClose.hover .sButton, .BtToolMove.hover .sButton{top: -21px}
.BtToolCfg.down .sButton, .BtToolBig.down .sButton, .BtToolClose.down .sButton , .BtToolMove.down .sButton {top: -42px}

/* CSS de boton Simple */

.CSSBtnSingleSep span, .CSSBtnSingleSep img, .CSSBtnSingle span, .CSSBtnSingle img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CSSBtnSingleSep.hiden {display:none}
.CSSBtnSingleSep{display:inline-block;position:relative;height:26px;width:6px;background: url('../Images/ImgKeys/EdRTF_Separator1.png') center no-repeat  transparent;float:left}
.CSSBtnSingle {display:inline-block;position:relative;height:26px;width:auto;cursor:pointer;background:transparent;float:left;margin-right:2px}
.CSSBtnSingle .ContBtn {display:inline-flex;position:relative;margin:2px;width:calc(100% - 6px);height:calc(100% - 6px);background:transparent;align-items:center;border:1px solid transparent}
.CSSBtnSingle .ContBtn .ImgData{display:block;position:relative;width:16px;height:16px;background:transparent;float:left;padding:1px}
.CSSBtnSingle .ContBtn .Space{display:block;position:relative;width:5px;height:calc(100% - 6px);background:transparent;float:left;margin-right:2px}
.CSSBtnSingle .ContBtn .TxtData{display:block;position:relative;width:auto;height:auto;background:transparent;font-family:Arial;font-Size:12px;white-space:nowrap;float:left;padding:0px 2px 0px 2px}
.CSSBtnSingle .ContBtn .ImgDown {display:block;position:relative;width:9px;height:16px;float:left;border-left:1px dotted #99BBE8; background: url('../Images/ImgKeys/EdRTF_BtDown2.png') center no-repeat transparent;padding:0px 1px 0px 0px}
.CSSBtnSingle:hover .ContBtn {border:1px solid #99BBE8;background:#edf2fa}
.CSSBtnSingle.hiden{display:none}
.CSSBtnSingle.disable {opacity:.4;filter:alpha(opacity='40');cursor:default}
.CSSBtnSingle.select .ContBtn{border:1px solid #ff8a8a;background:#ffdddd}
.CSSBtnSingle:hover.disable {opacity:.4;filter:alpha(opacity='40');cursor:default}
.CSSBtnSingle:hover.disable .ContBtn {border:1px solid transparent;background:transparent;cursor:default}
/* ************** 4.0 ********/

.CSSBtnSingle.css40 .ContBtn{border: 1px solid #c4c4c4;background: #f4f4f4}
.CSSBtnSingle.css40 .ContBtn .TxtData{font-Family:var(--FontFamily-SO);color:#35679a}
.CSSBtnSingle.css40:hover .ContBtn {border:1px solid #99BBE8;background:#edf2fa}



/*  WYSIWSYG*/
.CSSWYSIWSYG{display:inline-block;position:relative;border:1px solid #c1c1c1;background:transparent;overflow:hidden}
.CSSWYSIWSYG .ContBarra div,  .CSSWYSIWSYG .ContBarra span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CSSWYSIWSYG .ContBarra {display:inline-block;position:relative;border-bottom:1px solid #c1c1c1;background:rgba(223, 232, 246, .3);height:auto;width:100%;} /*#DFE8F6*/
.CSSWYSIWSYG .ContEditor{display:inline-block;position:relative;background:transparent;width:100%}
.CSSWYSIWSYG .ContPie {display:inline-block;position:relative;border-top:1px solid #c1c1c1;background:#d8d8d8;height:26px;width:100%;}
.CSSWYSIWSYG .ContPie.hiden{display:none}

.CSSWYSIWSYG .iFrameCss {display:inline-block;width:100%;height:100%;position:relative;overflow:auto;background:#ffffff;border:0px}
.CSSWYSIWSYG .EnableDiv {display:inline-block;position:absolute;top:0px;left:0px;width:100%;height:100%;opacity:.5;filter:alpha(opacity='50');cursor:default;background:#ffffff}
.CSSWYSIWSYG .EnableDiv.hiden{display:none}
.CSSWYSIWSYG.hiden{display:none}

.WYSPanelfont span, .WYSPanelImg span, .WYSPanelLink span, .WYSPanelTableStyle span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.WYSPanelfont  {display:inline-block;position:absolute;left:0px;top:0px;width:250px;height:80px;border:1px solid #e8e8e8;box-shadow:5px 5px 8px #888888;border-radius:1px 8px 8px 8px;background:#fff;padding:4px}
.WYSPanelImg  {display:inline-block;position:absolute;left:0px;top:0px;width:215px;height:25px;border:1px solid #e8e8e8;box-shadow:5px 5px 8px #888888;border-radius:1px 8px 8px 8px;background:#fff;padding:4px}
.WYSPanelLink  {display:inline-block;position:absolute;left:0px;top:0px;width:320px;height:186px;border:1px solid #e8e8e8;box-shadow:5px 5px 8px #888888;border-radius:1px 8px 8px 8px;background:#fff;padding:4px;overflow:hidden}
.WYSPanelLink .BarraBtn {display:inline-block;position:relative;width:100%;height:26px;border-bottom:1px solid #e8e8e8}
.WYSPanelLink .ContInfoLink{display:inline-block;position:relative;width:0px;top:0px;width:100%;height:100%}
.WYSPanelTableStyle {display:inline-block;position:absolute;left:0px;top:0px;width:200px;height:55px;border:1px solid #e8e8e8;box-shadow:5px 5px 8px #888888;border-radius:1px 8px 8px 8px;background:#fff;padding:4px}
.WYSPanelTableStyle .SeparatorH{display:inline-block;position:relative;width:calc(100% - 4px);height:1px;background:#ebebeb;margin:0 4px}

.WYSPanelImgSingle {display:inline-block;position:absolute;left:0px;top:0px;width:250px;height:215px;border:1px solid #e8e8e8;box-shadow:5px 5px 8px #888888;border-radius:1px 8px 8px 8px;background:#fff;overflow:hidden}
.WYSPanelImgSingle .BarraBtn {display:inline-block;position:relative;width:100%;height:26px;border-bottom:1px solid #e8e8e8}
.WYSPanelImgSingle .SpaceDrop {display:inline-block;position:relative;width:100%;height:calc(100% - 27px);background:transparent;text-align:center}
.WYSPanelImgSingle .SpaceDrop .ContDrop{display:inline-block;position:relative;width:80%;height:80%;border:3px dashed #bdbdbd;top:calc(10% - 3px);cursor:pointer} 
.WYSPanelImgSingle .SpaceDrop .ContDrop:hover {background:#ebebeb}
.WYSPanelImgSingle .SpaceLink {display:inline-block;position:relative;width:100%;height:calc(100% - 27px);background:transparent}
.WYSPanelImgSingle .SpaceDrop.hiden, .WYSPanelImgSingle .SpaceLink.hiden{display:none}
.WYSPanelfont.hiden, .WYSPanelImg.hiden ,.WYSPanelLink.hiden, .WYSPanelImgSingle.hiden, .WYSPanelTableStyle.hiden {display:none}

.WYMenuOptions span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.WYMenuOptions {display:inline-block;position:absolute;left:0px;top:0px;width:40px;height:auto;border:1px solid #e8e8e8;box-shadow:2px 2px 5px #888888;border-radius:3px;background:#fff;padding:0px}
.WYMenuOptions.hiden {display:none}
.WYMenuOptions .CSSBtnSingle{width:100%}
.WYMenuOptions .CSSBtnSingle .ContBtn .ImgData{left:8px}
.SizeMenuShow {width:60px}
.SizeMenuStyle {width:100px}
.TblMenuStyle {width:140px}
.TblMenuCol {width:155px}
.TblMenuValig {width:70px}

.WYSMoveRe span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.WYSMoveRe {display:block;position:absolute;width:200px;height:200px;background:transparent;border:1px solid #0098f7;z-index:-1}
.WYSMoveRe .PointLT, .WYSMoveRe .PointRT, .WYSMoveRe .PointLB, .WYSMoveRe .PointRB{display:block;position:absolute;width:10px;height:10px;background:#0098f7}
.WYSMoveRe .PointLT {left:-5px;top:-5px;cursor:nw-resize}
.WYSMoveRe .PointRT {right:-5px;top:-5px;cursor:ne-resize}
.WYSMoveRe .PointLB {left:-5px;bottom:-5px;cursor:sw-resize}
.WYSMoveRe .PointRB {right:-5px;bottom:-5px;cursor:se-resize}
.WYSMoveRe.hiden{display:none}

.WYSPanelTable span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.WYSPanelTable {display:inline-block;position:absolute;width:174px;height:198px;border:1px solid #cccccc;background:#ffffff;overflow:hidden;border-radius:3px;}
.WYSPanelTable .SpaceTable{display:inline-block;position:relative;width:170px;height:172px;background:transparent;margin:2px;cursor:pointer}
.WYSPanelTable .SpaceTable table { border-spacing:2px;border-collapse:separate}
.WYSPanelTable .SpaceTable td {display:table-cell;width:11px;height:11px;border:1px solid #d6d6d6;cursor:pointer}
.WYSPanelTable .SpaceTable td.Hover{background:#2980b9}

.WYSPanelTable .SpaceLeter{display:inline-block;position:relative;width:calc(100% - 4px);height:20px;background:transparent;margin-left:2px;text-align: center}
.WYSPanelTable .SpaceLeter .TextCelSel{display:inline-block;position:relative;text-shadow: 1px 1px 1px #000;color: #fff;font-family:Arial;Font-Size:14px}

.WYSPanelTable.hiden{display:none}



/* ********************* Lista de Menu Simple *************** */
.CssListMenuSingle span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssListMenuSingle {display:inline-block;position:relative;border:1px solid #99BBE8;background:#fff;overflow:hidden}
.CssListMenuSingle .SpaceCont{display:inline-block;position:relative;width:100%;height:100%;background:transparent;overflow:hidden auto}
.CssListMenuSingle .SpaceCont .Item{display:inline-block;position:relative;width:100%;height:auto;border-top:1px solid transparent; border-bottom:1px solid transparent;background:transparent;font-family:Arial;font-size:12px;white-space: nowrap;cursor:pointer}
.CssListMenuSingle .SpaceCont .Item:hover {border-color:#99BBE8;background:#dfe8f6}
.CssListMenuSingle.hiden {display:none}

/* ******************* Selector Color *************** */
.CssColorPick span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssColorPick {display:inline-block;position:relative;border:1px solid #99BBE8;background:#EFEFEF;overflow:hidden;width:116px;height:auto;min-height:168px;padding-bottom: 4px;}
.CssColorPick .ContColors{ display:inline-block;position:relative;border:0px;background:transparent;padding:4px;}
.CssColorPick .ContColors .ColInd {position:relative;width: 12px;height:12px;float:left;border:1px solid #000000;padding:0px;margin:3px 2px;cursor:pointer}
.CssColorPick .ContColors .ColInd:hover {border:1px solid #99BBE8}
.CssColorPick .ContEditor{ display:inline-block;position:relative;border:0px;background:transparent;width:100%;text-align:center}
.CssColorPick.hiden{display:none}
.CssColorPick .ContEditor .CSSBtnSingle{float:none}
.CssColorPick .ContEditor .iInpLeftTopH02 {float:left;margin-left:2px}
.CssColorPick .ContEditor .iInpLeftTopH02 .ContField, .CssColorPick .ContEditor .iInpLeftTopH02.hover .ContField{border-top:1px solid #7EADDA} 

/* *****************  Objeto Extendido ******************* */
/* ******************************************************* */
.CssObjExt span, .CssObjExt img {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssObjExt {display:inline-block;position:relative;border:1px solid #BBD8FB;background:#F3F7FD;width:auto;height:22px;min-width:50px;border-radius:8px;overflow: hidden;margin: 0px 2px;box-shadow: 1px 1px 2px #888;}
.CssObjExt .ContObj{display:inline-flex;position:relative;background:transparent;width:auto;height:100%;align-items:center}
.CssObjExt .ContObj .ContText {display:inline-block;position:relative;width:auto;height:auto;font-family:Arial;font-size:12px;font-weight:normal;background:transparent;margin:0px 2px;float:left}
.CssObjExt .ContObj .ImgEdit, .CssObjExt .ContObj .ImgDel{display:inline-block;position:relative;width:16px;height:16px;background:transparent;float:left;margin:0px 1px;cursor:pointer}
.CssObjExt .ContObj .ImgDel {margin-right:3px}
.CssObjExt.Error {border:1px solid #B55E5E;background:#FDF5F5}
.CssObjExt.Error .ContObj .ContText {font-Style:italic;color:#ff0000}
.CssObjExt.hiden{display:none}


/* *****************  Objeto Extendido ******************* */
/* ******************************************************* */
.CssObjExtMail span, .CssObjExtMail img {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssObjExtMail {display:inline-block;position:relative;background:#EDF2FC;width:auto;height:31px;min-width:50px;border-radius:15px;overflow: hidden;margin:2px;box-shadow: 1px 1px 2px #888;cursor:pointer} /* BBD8FB */
.CssObjExtMail .ContObj{display:inline-flex;position:relative;background:transparent;width:auto;height:100%;align-items:center;font-family:Arial;}
.CssObjExtMail .ContObj .ContLetter {display:block;position:relative;width:31px;height:31px;border-radius:50%;background:#00457c;font-Size:15px;font-weight:bold;text-align: center;}
.CssObjExtMail .ContObj .ContLetter .TxtLetter {display:inline-block;position:relative;color:#fff;top: calc(50% - 9px)}
.CssObjExtMail .ContObj .ContText {display:inline-block;position:relative;width:auto;height:auto;font-size:12px;font-weight:normal;background:transparent;margin:0px 5px 0px 2px;float:left;text-overflow:ellipsis;overflow:hidden;max-width:200px;white-space:nowrap}
.CssObjExtMail .ContObj .ContDel{display:block;position:relative;width:30px;height:30px;border-radius:50%;background:#EDF2FC;cursor:pointer;text-align: center;}
.CssObjExtMail .ContObj .ContDel .ImgClose{display:inline-block;position:relative;width:16px;height:16px;background:transparent;top:25%}
.CssObjExtMail .ContObj .ContEdit{display:block;position:relative;width:30px;height:30px;border-radius:50%;background:#EDF2FC;cursor:pointer;text-align: center;}
.CssObjExtMail .ContObj .ContEdit .ImgEdit{display:inline-block;position:relative;width:16px;height:16px;background:transparent;top:25%}

.CssObjExtMail:hover, .CssObjExtMail:hover .ContObj .ContDel, .CssObjExtMail:hover .ContObj .ContEdit {background:#E6EEFB}
.CssObjExtMail .ContObj .ContDel:hover, .CssObjExtMail .ContObj .ContEdit:hover{background:#C5D7F5}
.CssObjExtMail.Error, .CssObjExtMail.Error .ContObj .ContDel, .CssObjExtMail.Error .ContObj .ContEdit  {background:#FDF5F5}
.CssObjExtMail.Error .ContObj .ContText {font-Style:italic;color:#ff0000}
.CssObjExtMail.Error .ContObj .ContLetter{background:#750B1c}
.CssObjExtMail.Error:hover, .CssObjExtMail.Error:hover .ContObj .ContDel, .CssObjExtMail.Error:hover .ContObj .ContEdit {background:#FCEDED}
.CssObjExtMail.Error .ContObj .ContDel:hover, .CssObjExtMail.Error .ContObj .ContEdit:hover{background:#F1B8B8}
.CssObjExtMail.hiden{display:none}
/* Tamaño mas pequeño*/
.CssObjExtMail.Medio {height:25px;}
.CssObjExtMail.Medio .ContObj .ContLetter{width:25px;height:25px;font-Size:12px;}
/*.CssObjExtMail.Medio .ContObj .ContLetter .TxtLetter {top: calc(50% - 7px);}*/
.CssObjExtMail.Medio .ContObj .ContText {font-size:10px;}
.CssObjExtMail.Medio .ContObj .ContDel, .CssObjExtMail.Medio .ContObj .ContEdit{width:24px;height:24px;}
.CssObjExtMail.Medio .ContObj .ContDel .ImgClose, .CssObjExtMail.Medio .ContObj .ContEdit .ImgEdit{top:18%}

.CssObjExtMail.Is40 .ContObj {font-Family:var(--FontFamily-SO);}

/* ************** contenedor Exendido input  **************** */
/* ********************************************************** */
.CssInputExtPK span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssInputExtPK {display:inline-block;position:relative;height:auto;min-height:28px;max-height:60px;border:1px solid #B5B8C8;background:#fff url(../Images/Inputs/BackFields.png) repeat-x top;overflow:hidden auto}
.CssInputExtPK .CssText {display:inline-block;position:relative;height:26px;min-width:50px;background:transparent;margin: 2px;float:left;width:inherit;width:-moz-available}
.CssInputExtPK .CssText .CssInputText{width:calc(100% - 6px);height:24px;position:relative;background:transparent;text-align:left;border:0px solid transparent;color:#858585;font-family:Arial;font-size:12px;font-weight:normal}
.CssInputExtPK.hiden{display:none} 
.CssInputExtPK:hover {border:1px solid #7EADDA}
.CssInputExtPK:focus-within {border:1px solid #7EADDA}
.CssInputExtPK:focus-within .CssText .CssInputText{color:#15428B}
.CssInputExtPK .CsEnabled {display:inline-block;position:absolute;left:0px;top:0px;width:100%;height:100%;background:#f0f0f0;opacity:.6;filter:alpha(opacity='60')}
.CssInputExtPK .CsEnabled.hiden{display:none}
.CssInputExtPK.AMail {min-height:39px;max-height:76px;}
.CssInputExtPK.AMail .CssText {height:33px}
.CssInputExtPK.AMail .CssText .CssInputText {height:31px;font-Size:14px}

.CssInputExtPK.AMailSmall {min-height:31px;max-height:64px;}
.CssInputExtPK.AMailSmall .CssText {height:27px}
.CssInputExtPK.AMailSmall .CssText .CssInputText {height:25px;font-Size:12px}

.CssInputExtPK.Is40 {background:#fff}
.CssInputExtPK.Is40 .CssText .CssInputText {font-family:var(--FontFamily-SO);} 
.CssInputExtPK.Is40.active {border:1px solid #7EADDA;box-shadow: 0px 0px 4px 1px #85B7E6}




/* *****************  Elemnto ItemMail ***************** */
.CssItemMail span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssItemMail {display:inline-block;position:relative;background:#fff;width:100%;height:44px;cursor:pointer}
.CssItemMail .ContObj{display:inline-flex;position:relative;width:calc(100% - 8px);height:calc(100% - 8px);background:transparent;margin:4px;align-items:center}
.CssItemMail .ContObj .CLetter {display:block;position:relative;width:30px;height:30px;border-radius:50%;background:#00457c;font-Size:15px;font-weight:bold;text-align: center;margin:4px;font-family: tahoma;}
.CssItemMail .ContObj .CLetter .TxtLetter {display:inline-block;position:relative;color:#fff;top: calc(50% - 9px);}
.CssItemMail .ContObj .CText {display:inline-block;position:relative;width:calc(100% - 40px);background:transparent;font-family:Arial;height:auto;font-weight:bold;color:#3f3f3f}
.CssItemMail .ContObj .CText .TxtPriData, .CssItemMail .ContObj .CText .TxtSecData {display:inline-block;position:relative;background:transparent;font-size:15px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;max-width: 100%;width:100%}
.CssItemMail .ContObj .CText .TxtSecData {font-size:12px;font-weight:normal}
.CssItemMail:hover {background:#f3f2f1}
.CssItemMail .ContObj .CText .txtTrat {font-size:11px;font-weight:bold;color: rgb(0 0 255);}


/* *****************  Elemnto ItemUser ***************** */
.CssItemUser span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssItemUser {display:inline-block;position:relative;background:#fff;width:100%;height:50px;cursor:pointer}
.CssItemUser .ContObj{display:inline-flex;position:relative;width:calc(100% - 8px);height:calc(100% - 8px);background:transparent;margin:4px;align-items:center}
.CssItemUser .ContObj .CLetter {display:block;position:relative;width:30px;height:30px;border-radius:50%;background:#00457c;font-Size:15px;font-weight:bold;text-align: center;margin:4px;font-family: tahoma;}
.CssItemUser .ContObj .CLetter .TxtLetter {display:inline-block;position:relative;color:#fff;top: calc(50% - 9px);}
.CssItemUser .ContObj .CText {display:inline-block;position:relative;width:calc(100% - 40px);background:transparent;font-family:Arial;height:auto;font-weight:bold;color:#3f3f3f}
.CssItemUser .ContObj .CText .TxtPriData, .CssItemUser .ContObj .CText .TxtSecData, .CssItemUser .ContObj .CText .TxtTirdData  {display:inline-block;position:relative;background:transparent;font-size:15px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;max-width: 100%;width:100%}
.CssItemUser .ContObj .CText .TxtPriData .TxtDataInit, .CssItemUser .ContObj .CText .TxtSecData .TxtDataAlias{display:inline-block;position:absolute;background:transparent;font-size:12px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;right:0px;max-width:80px;font-weight:normal;padding-top: 1px;}
.CssItemUser .ContObj .CText .TxtSecData {font-size:12px;font-weight:normal}
.CssItemUser .ContObj .CText .TxtTirdData {font-size:12px;font-weight:normal}
.CssItemUser:hover {background:#f3f2f1}

/* *********************  Globo ************************ */
/* ***************************************************** */
.CssGlobe span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssGlobe {display:inline-block;position:relative;background:transparent}
.CssGlobe .ContPrinc{display:inline-block;position:relative;left:0px;top:14px;width:calc(100% - 2px);height:calc(100% - 14px);background:#ffffff;border:1px solid #888888;border-radius:10px;box-shadow:5px 9px 10px rgba(136, 136, 136, 0.4);overflow:hidden}
.CssGlobe .ContPrinc .ContSpaceGBL{display:inline-block;position:relative;width:calc(100% - 0px);height:calc(100% - 0px);background:#ffffff;margin: 0px;} /*overflow: hidden auto*/
.CssGlobe .MPointer{display:block;position:absolute;width:20px;height:20px;background:#fff;transform:rotate(45deg) skew(15deg, 15deg);border:1px solid #888888;left:10px;top:8px;border-radius: 2px}
.CssGlobe .MBlank {display:block;position:absolute;width:16px;height:3px;background:#fff;top:13px;border-radius:3px 3px}
.CssGlobe.Bottom .ContPrinc {top:0px;box-shadow:-5px -9px 10px rgba(136, 136, 136, 0.4)}
.CssGlobe.Bottom .MPointer {top:initial;bottom:8px}
.CssGlobe.PLeft .MPointer{left:10px}
.CssGlobe.PCenter .MPointer{left:calc(50% - 9px)}
.CssGlobe.PRight .MPointer{left:calc(100% - 36px)}
.CssGlobe.PLeft .MBlank{left:12.9px}
.CssGlobe.PCenter .MBlank{left:calc(50% - 6.4px)}
.CssGlobe.PRight .MBlank{left:calc(100% - 32.9px)}
.CssGlobe.Bottom .MBlank {top:initial;bottom:12px}
.CssGlobe.hiden{display:none}


/* ****************  AGrupador de Mails ***************** */
/* ******************************************************** */
.CssGroupMail span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssGroupMail {display:inline-block;position:relative;width:100%;height:auto;background:#ffff;min-height:34px}
.CssGroupMail .CssContGroup {display:inline-block;position:relative;width:100%;height:34px;background:transparent;cursor:pointer}
.CssGroupMail .CssContGroup .CImgSpace {display:block;position:relative;width:30px;height:30px;margin:1px;background:transparent;border-radius:50%;overflow:hidden;float:left;border:1px solid #9e9e9e}
.CssGroupMail .CssContGroup .CImgSpace .CsImg {display:inline-block;position:relative;width:100%;height:100%}
.CssGroupMail .CssContGroup .CText {display:inline-flex;position:relative;width:calc(100% - 34px);height:calc(100% - 2px);background:transparent;align-items:end;border-bottom: 2px solid #c8c8c8;overflow:hidden}
.CssGroupMail .CssContGroup .CText .TxtCaption{display:inline-block;position:relative;background:transparent;font-Family:Tahoma,Arial;font-Size:16px;font-weight:normal;color:#3f3f3f;padding: 2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.CssGroupMail .CssContData {display:inline-block;position:relative;width:100%;height:auto;background:transparent;overflow: hidden;}
.CssGroupMail.hiden{display:none}
.CssGroupMail .CssContData.hiden {display:none}
.CssGroupMail.Close{opacity:.6;filter:alpha(opacity='60')}

/* **************** contenedor de Agrupador de Mails *********** */
.CssContGroupMail span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssContGroupMail {display:inline-block;position:relative;width:100%;height:100%;background:#fff;}
.CssContGroupMail .CssContGMData{display:inline-block;position:relative;width:100%;height:100%;background:transparent;overflow:hidden auto;}
.CssContGroupMail.hiden {display:none} 

/* **************** Progres Bar **************/
.CssProgressBar span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssProgressBar{display:inline-block;position:relative;height:18px;border:1px solid #6593CF;overflow:hidden;font-family:Arial;font-weight:bold;font-size:12px}
.CssProgressBar .FirstPanel{display:inline-block;position:relative;background:url(../Images/FlatFoldBar/ProgressBack.png) repeat-x;height:100%;white-space: nowrap;width:100%;text-align:center}
.CssProgressBar .FirstPanel .TxtLetFirst{display:inline-block;position:relative;color:#396095;text-overflow: ellipsis;overflow:hidden;top:1px}
.CssProgressBar .SecondPanel{display:inline-block;position:absolute;border-right:1px solid #7FA9E4 ;overflow:hidden;top:0px;left:0px;height:100%;overflow:hidden} 
.CssProgressBar .SecondPanel .PanelInner{display:inline-block;position:relative;background:url(../Images/FlatFoldBar/ProgressFront.png) repeat-x;height:100%;white-space: nowrap;text-align:center;width:100%}
.CssProgressBar .SecondPanel .PanelInner .TxtLetInner{display:inline-block;position:relative;color:#ffffff;overflow:hidden;top:1px} /*text-overflow: ellipsis*/
.CssProgressBar.hiden{display:none}
.CssProgressBar.LeftAlign .FirstPanel{display:inline-flex;align-items:center}
.CssProgressBar.LeftAlign .FirstPanel .TxtLetFirst{top:0px}
.CssProgressBar.LeftAlign .SecondPanel .PanelInner{display:inline-flex;align-items:center}
.CssProgressBar.LeftAlign .SecondPanel .PanelInner .TxtLetInner{top:0px}


/* **************** Progres Bar **************/
.CssProgBarH05 span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssProgBarH05{display:inline-block;position:relative;height:35px;overflow:hidden;font-family:Century Gothic;font-weight:bold;font-size:14px;background:transparent;border-radius: 15px}
.CssProgBarH05 .FirstPanel{display:inline-block;position:relative;background:#ddd;height:calc(100% - 4px);white-space: nowrap;width:calc(100% - 4px);text-align:center;border-radius: 15px;border: 2px solid #4B9DE9;}
.CssProgBarH05 .FirstPanel .TxtLetFirst{display:inline-block;position:relative;color:#396095;text-overflow: ellipsis;overflow:hidden;top:calc(50% - 10px);}
.CssProgBarH05 .SecondPanel{display:inline-block;position:absolute;border:2px solid #4B9DE9 ;overflow:hidden;top:0px;left:0px;height:calc(100% - 4px);;overflow:hidden;border-radius:15px 0px 0px 15px;max-width: calc(100% - 4px);} 
.CssProgBarH05 .SecondPanel .PanelInner{display:inline-block;position:relative;background:#57BF2D;height:100%;white-space: nowrap;text-align:center}
.CssProgBarH05 .SecondPanel .PanelInner .TxtLetInner{display:inline-block;position:relative;color:#ffffff;text-overflow: ellipsis;overflow:hidden;top:calc(50% - 10px);}
.CssProgBarH05.hiden{display:none}
.CssProgBarH05.LeftAlign .FirstPanel{display:inline-flex;align-items:center}
.CssProgBarH05.LeftAlign .FirstPanel .TxtLetFirst{top:0px}
.CssProgBarH05.LeftAlign .SecondPanel .PanelInner{display:inline-flex;align-items:center}
.CssProgBarH05.LeftAlign .SecondPanel .PanelInner .TxtLetInner{top:0px}

/* ***************  File Upload ***************/ 
/************************ Row de FileUpload *******************/
.CssFUploadGral span, .CssFUploadGral img {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssFUploadGral {position:relative;display:block;background:#ff0000;left:0px;top:0px;width:250px;height:20px;float:left;background:transparent;margin:1px 0px}
.CssFUploadGral .ProgressSpace{position:relative;display:inline-block;width:calc(100% - 20px);height:100%;background:transparent}
.CssFUploadGral .ImgSpace{position:relative;display:inline-block;width:20px;height:100%;background:transparent}
.CssFUploadGral .ImgSpace .ImgInfo {position:relative;display:block;width:18px;height:18px;top:1px;left:1px;cursor:pointer}
.CssFUploadGral.hiden{display:none}

/* **************contenedor de Files upload Multiple */
.cssUMFiles {position:relative;display:inline-block;overflow-x:hidden;overflow-y:auto;border:1px solid #99BBE8;width:100%;height:100%}
.cssUMFiles .CtrolFile {display:none}
/**************** File Control ***************/
.SOnlineFile span, .SOnlineFile img {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.SOnlineFile {display:block;position:relative;float:left;background:transparent;margin:5px}
.SOnlineFile.SizeBig{width:102px;height:116px;}
.SOnlineFile.SizeMoz{width:260px;height:74px;}  
.SOnlineFile .ContPK {display:inline-block;position:relative;width:calc(100% - 12px);height:calc(100% - 12px);background:transparent;margin:5px;text-align:center;border:1px solid transparent;border-radius:3px;cursor:pointer;overflow:hidden}
.SOnlineFile .ContPK .ImgClose{display:inline-block;position:absolute;left:calc(100% - 11px);top:1px}
.SOnlineFile.SizeBig .ContPK .SectionIcon {display:inline-block;position:relative;width:82px;height:74px;border:1px solid #E0E0E0;border-radius:3px;background:transparent;margin-top:1px;text-align:center}
.SOnlineFile.SizeBig .ContPK .SectionIcon .ImgInfo, .SOnlineFile.SizeMozS .ContPK .SectionIcon .ImgInfo{display:inline-block;position:relative;width:64px;height:64px;background:transparent;top:5px}
.SOnlineFile.SizeBig .ContPK .SectionIcon .CssFileProtect{display:none;position:absolute;width:20px;height:20px;right:-3px}
.SOnlineFile.SizeBig .ContPK .SectionInfo {display:inline-block;position:relative;width:82px;height:calc(100% - 78px);background:transparent;text-align:center;margin-top:1px;font-Family:Arial;font-size:11px;overflow:hidden;white-space:normal}
.SOnlineFile.SizeBig .ContPK .SectionInfo .TxtLet{display:inline-block;position:relative;width:100%;height:auto;background:transparent;text-overflow:ellipsis;overflow:hidden;white-space: nowrap;} /*Cambie l Height  de 100% a auto*/
.SOnlineFile.SizeMoz .ContPK, .SOnlineFile.SizeMozS .ContPK {text-align:left}
.SOnlineFile.SizeMoz .ContPK .SectionIcon, .SOnlineFile.SizeMozS .ContPK .SectionIcon {display:inline-block;position:relative;width:55px;height:55px;border:1px solid #E0E0E0;border-radius:3px;background:transparent;margin-top:1px;text-align:center;float:left;margin:2px}
.SOnlineFile.SizeMoz .ContPK .SectionIcon .ImgInfo{display:inline-block;position:relative;width:48px;height:48px;background:transparent;top:5px}
.SOnlineFile.SizeMoz .ContPK .SectionIcon .CssFileProtect, .SOnlineFile.SizeMozS .ContPK .SectionIcon .CssFileProtect{display:none;position:absolute;width:16px;height:16px;right:-3px}
.SOnlineFile.SizeMoz .ContPK .SectionInfo, .SOnlineFile.SizeMozS .ContPK .SectionInfo {display:inline-block;position:relative;width:calc(100% - 66px);height:58px;background:transparent;font-Family:Arial;font-size:11px;overflow:hidden;white-space:normal;float:left;margin:2px}
.SOnlineFile.SizeMoz .ContPK .SectionInfo .TxtLet, .SOnlineFile.SizeMozS .ContPK .SectionInfo .TxtLet{display:inline-block;position:relative;width:100%;height:auto;background:transparent;text-overflow:ellipsis;overflow:hidden;padding:2px;white-space: nowrap;}
.SOnlineFile.SizeMozS{width:245px;height:58px;margin:2px 5px}
.SOnlineFile.SizeMozS .ContPK .SectionIcon {width:40px;height:40px;}
.SOnlineFile.SizeMozS .ContPK .SectionIcon .ImgInfo{width:32px;height:32px}
.SOnlineFile .ContPK:hover {background:#F2F7FD;border:1px solid #B8D6FB}
.SOnlineFile.hiden {display:none}
.SOnlineFile .ContPK.Selected{background:#C2DCFC;border:1px solid #7DA2CE}
.SOnlineFile .ContPK.Selected .SectionIcon{border:1px solid #AFC4DE}
.SOnlineFile.SizeBig .ContPK .SectionIcon .CssFileProtect.Show, .SOnlineFile.SizeMoz .ContPK .SectionIcon .CssFileProtect.Show{display:inline-block}
.SOnlineFile.OutMargin{margin:0px}
/* ************** Rama Tree   *************/
/* ************************************** */
.SORamaTree, .SORamaTree span, .SORamaTree img {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.SORamaTree {display:inline-block;position:relative;height:auto;overflow:hidden;background:transparent;width:100%}
.SORamaTree.CssClose{height:18px}
.SORamaTree .RTContData{display:inline-block;position:relative;width:100%;height:18px;cursor:pointer;background:transparent}
.SORamaTree .RTContData:hover {background:#eeeeee}
.SORamaTree .RTContData.Selected{background:#dde8ee}
.SORamaTree .RTContData .iImagePlus_, .SORamaTree .RTContData .OnlyEmpty_ {display:block;position:relative;width:16px;height:18px;float:left;}
.SORamaTree .RTContData .iFolder_ {display:block;position:relative;width:16px;height:18px;float:left;}
.SORamaTree .RTContData .SO_RTLabel {display:inline-block;position:relative;height:auto;overflow:hidden;text-overflow:ellipsis;font-Family:var(--FontFamily-SO);font-Size:11px;background:transparent;margin:0px 2px;white-space:nowrap;color:#35679a}
.SORamaTree .RTContData .RTImgProt {display:none;position:absolute;width:16px;height:16px;right:0px;top:1px}
.SORamaTree .RTContData .RTImgProt.HaveProtec {display:inline-block;}


/* ******************** Folder Show  ********************/
/* **************************************************** */
.SOFolderShow, .SOFolderShow span, .SOFolderShow img {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.SOFolderShow {display:inline-block;position:relative;background:#fff;border:1px solid #99BBE8;overflow:hidden}
.SOFolderShow .FSTitle {display:inline-block;position:relative;background:transparent;width:100%;height:25px;}
.SOFolderShow .FSContainer {display:inline-block;position:relative;background:transparent;width:100%;height:calc(100% - 25px);overflow:hidden}
.SOFolderShow .FSContainer .ContFolders{display:inline-block;position:relative;overflow:initial;background:transparent;width:100%;height:auto}
.SOFolderShow.NoTitle .FSTitle{display:none;}
.SOFolderShow.NoTitle .FSContainer{height:100%}
.SOFolderShow.hiden {display:none}
/* *********** 4.0 *******/
.SOFolderShow.Is40 {border:1px solid rgba(53,103,154,.5);}
.SOFolderShow .FSContainer.Scroll{width:calc(100% - 10px);}
.SOFolderShow .CssSOScroll {height:calc(100% - 25px);}

/* *********** Contenedor  HTML  Simple  Viewer ************* */
/**************************************************************/
.CSSHTML div {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CSSHTML {display:inline-block;position:relative;background:#fff;border:1px solid #99BBE8;overflow:hidden;white-space:normal;}
.CSSHTML.hiden {display:none}
.CSSHTML.disable .CssContHTML{background:#F0F0F0}
.CSSHTML .CssContHTML {-moz-user-select:all;-khtml-user-select:all;-webkit-user-select:all;user-select:all}
.CSSHTML .CssContHTML {display:inline-block;position:relative;width:100%;height:100%;background:#fff;overflow:auto}

/* ******************* contenedor ed Mail Simple *************************/
/* ********************************************************** */
.CssMailContSingle, .CssMailContSingle span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssMailContSingle {display:inline-block;position:relative;height:auto;min-height:18px;max-height:54px;overflow:hidden;background:#DFE8F6}
.CssMailContSingle .CSMailLet{display:block;position:relative;width:50px;height:100%;min-height:inherit;float:left}
.CssMailContSingle .CSMailLet .TxtLetMS{display:block;font-Family:Arial;font-Size:12px;color:#808080;float:right;margin:2px}
.CssMailContSingle .CSMailCont{display:block;position:relative;width:calc(100% - 50px);height:100%;min-height:inherit;float:left}
.CssMailContSingle.hiden {display:none}

/* ******************* Texto Simple  *************************/
/* ********************************************************** */
.CssTextSingle {-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;user-select:text}
.CssTextSingle {display:inline-block;position:relative;height:auto;width:auto;background:transparent;font-family:arial;font-size:12px;color:#000;padding:2px;cursor: default;}
.CssTextSingle.ActiveCSS:hover{background:#0078D7;color:#fff;border-radius:4px}
.CssTextSingle.hiden{display:none}
.CssTextSingle.Margin2{margin-left: 2px;}
.CssTextSingle.BoldText{font-weight:bold}


/* ************* Table View */
.CssTableView span, .CssTableView img {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssTableView {display:block;position:relative;float:left;background:transparent;overflow:hidden;margin: 10px;}
.CssTableView .TContCss {display:inline-block;position:relative;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid #B5BCC7}
.CssTableView .TContCss .CsPartTitle{display:inline-block;position:relative;width:100%;height:25px;background:transparent;overflow:hidden}
.CssTableView .TContCss .CsPartData{display:inline-block;position:relative;width:100%;height:calc(100% - 25px);overflow:hidden;background:#ffffff}
.CssTableView.hiden{display:none}
.CssTableView.Is40 .TContCss .CsPartData .ListSelected.css40{border-radius:initial}


/* ******************* Drop Files ****************** */
.CSSBackGroudDropFile{background-image:url('../Images/ImgKeys/Back_DnD.png')!important;background-repeat:no-repeat!important;background-position:right bottom!important; }
.CSSBackGroudDropFile.bTop {background-position:right bottom!important}
.SubContPK.CSSBackGroudDropFile.bTop.Scroll {background-position:right 10px bottom!important}


.CssHoverDropDnD {background-image:url('../Images/ImgKeys/Back_DnDUp.png')!important}

.CssBackUpH01, .CssBackUpH02 {background-repeat:no-repeat!important;background-position:center center!important;background-size: 100% !important;}
.CssBackUpH01 {background-image:url('../Images/ImgKeys/BackNoFileH01.png')!important}
.CssBackUpH02 {background-image:url('../Images/ImgKeys/BackNoFileH02.png')!important}


/* Ctrol DnF*/
.CssCtrlUpDnDDiv {position:absolute;background-image: url('../Images/ImgKeys/BtnFileUpdDnd.png')}
.CssCtrlUpDnDDivCFDI {position:absolute;background-image: url('../Images/ImgKeys/BtnFileUpdDndCFDI.png')}
.CssCtrlUpDnDFile {position:absolute;opacity:0;filter:alpha(opacity='100');top:-10px;left:-10px;width:10px;height:10px}

/* Frame Async */
.CSSFrameAsync span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CSSFrameAsync {display:inline-block;position:relative;height:20px;background:#EBF3FD;border:1px solid #AACCF6}
.CSSFrameAsync.hiden{display: none;}

/*********************** Generales *************** */
.CSAddInpFilter{float:right;right:3px}
.CSFromGrid {position:absolute;width:inherit;z-index:1;top:1px}
.CSFromGrid .cMarca{display:none!important}
.iInpLeftMidH01.CSFromGrid.hover .ContField .cField, .iInpLeftMidH01.CSFromGrid.active .ContField .cField, .iInpLeftMidH01.CSFromGrid.alert .ContField .cField{width:calc(100% - 4px);}

.iInpLeftMidH05.CSFromGrid .LabelField  {display:none}
.iInpLeftMidH05.CSFromGrid .ContField {margin-left:inherit}
.iInpLeftMidH05.CSFromGrid .ContField .cField {width: calc(100% - 4px);margin:inherit;font-size:12px}

.CSSFieldHTML {left:90px;display:block;margin:5px 0}
.CSSFieldPtHTML {left:90px;margin:5px 0}
.CSSHTMLCont {margin: 3px 0}
.CSSHTMLContPK {border-radius: 1px 8px 8px 8px;box-shadow: 5px 5px 8px #888888;}
.CSSHTMLContPK .SubContPK{border-color:#ccc!important;border-radius: 1px 8px 8px 8px!important;margin-top: 0px!important;height: calc(100% - 4px)!important;}

/* *********************** Progress Circle ********/
.ProgressCirc{display:inline-flex;position:relative;background:transparent;align-items: center;}
.ProgressCirc.hiden {display:none}
.ProgressCirc .ProgLabel{display: inline-block;position: absolute;top: calc(50% - 10px);width: 100%;background: transparent;text-align: center;font-family: Century Gothic;font-size: 15px;overflow:hidden}
.ProgressCirc .ProgLabel .LabelTxt{position: relative;display: inline-block;height: 20px;background:transparent;text-shadow: 1px 1px 3px #c0c0c0}

.ProgressCirc .PCSVG{display:block;position:relative;width:100%;height:100%}
.ProgressCirc .PCSVG .Circle{display:block;transition: 0.35s stroke-dashoffset;transform: rotate(-90deg);transform-origin: 50% 50%;fill:transparent;}
.ProgressCirc .PCSVG .Circle.Back {stroke:#c8c8c8}
.ProgressCirc .PCSVG .Circle.Front{stroke:#f00}


/* Link */
.CssWYSLinkImg{margin:0px 5px 0px 5px}
.CssWYSBtn {left:calc(50% - 40px);margin-top:4px}
.CssWYSBtnL {min-width:20px;top:1px;float:right}

.CssOExtInt {margin: 3px 2px;}
.CssGroupMailAd {margin:4px 2px}

/* Clase carlos */
.DisCentCont{display: table!important;text-align: center!important;overflow:auto;}

/*Clases filtros SJMO*/
.dHidden{display:none}
.DataRelative{position:relative}
.MrgFilt{margin-left: 110px;margin-right: 25px;}
.MrgFiltRen{margin-left: 135px;margin-right: 25px;}
.MrgFiltRenFirst{margin-left: 135px;margin-right: 25px;margin-top: 10px;}
.MrgFiltChkFirst{margin-top: 10px!important;left: 160px;}
.MrgFieldSDate{margin-top: 5px;margin-left: 115px;}
.MrgFieldDate2{margin-top: 5px;margin-left: 40px;}
.MrgDG{margin: 5px;}
.MrgCVI{margin-top: 7px}
.MrgCVD{margin-left: 30px}

.LabelField.Left.Fixed{border-bottom:1px solid #cccccc;background:url(../Images/ImgKeys/BackTel.png) no-repeat Right;padding-top:2px;cursor:pointer!important;width: 90px;text-align: left;}
.LabelField.Left.FixedCli{background:url(../Images/ImgKeys/BackTel.png) no-repeat Right;padding-top:2px;cursor:pointer!important;width: 250px;text-align: left;}
.LabelField.Left.FixedCont{background:url(../Images/ImgKeys/BackTel.png) no-repeat Right;padding-top:2px;cursor:pointer!important;width: 180px;text-align: left;}
.LabelField.Left.FixedTel{background:url(../Images/ImgKeys/BackTel.png) no-repeat Right;padding-top:2px;cursor:pointer!important;width: 150px;text-align: left;}

/*****************SCROLL*************/
.SOnlineScroll div, .SOnlineScroll img, .SOnlineScroll  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.SOnlineScroll {position:absolute;display:inline-block;background:transparent}
.SOnlineScroll .ScrollMov{position:absolute;display:inline-block;background:#969696;width:10px;left:0px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;opacity:.70;filter:alpha(opacity='70');cursor:pointer} /*666666*/
.SOnlineScroll.hidden {display:none}

.SOnContGrapExport {border-radius:5px;box-shadow: 3px 3px 6px #c0c0c0;}
.SOnGrapLbl {height:25px;background:transparent;border-bottom:2px solid #59617A}
.SOnGrapLblTxt {font-Size:15px;color:var(--Msg-Font-Color-Tit);font-weight:bold;top:5px!important}
.GCssPrint {top:-5px!important;left:-5px!important}
.GCssBack{background:#fff!important}
.GCssBorder{border:1px solid #c3c3c3}
.GCssRound{border-radius:5px}
.GCssShadow{box-shadow:3px 3px 8px #888888}

.SingNewCont {left:calc(50% - 300px);top:calc(50% - 200px);position:absolute;box-shadow:0px 0px 60px #fff;}
.SingNewCont .PartImage {position:relative;display:inline-block;float:left;width:55%;height:100%}
.SingNewCont .PartImage .imgPublicidad{position:relative;display:inline-block;width:100%;height:100%;background: linear-gradient(to bottom, #4b9de9, #2244c5)}
.SingNewCont .PartData {position:relative;display:block;float:left;background:#fff;width:45%;height:100%;overflow:hidden}
.SingNewCont .PartData .DataPK{position:relative;display:inline-block;background:transparent;width:100%;height:100%;text-align: center;}
.SingNewCont .PartData .DataPK.hiden {display:none}
.SingNewCont .PartData .DataPK .LetLogin {position:relative;display:block;font-family:Century Gothic;font-Size:28px;color:#000;font-weight: normal;text-shadow: 1px 1px 3px #c0c0c0;top:60px;}
.SingNewCont .PartData .DataPK .PwsForget {position:relative;display:block;font-family:Century Gothic;font-Size:10px;color:#2244c5;font-weight: normal;text-shadow: 1px 1px 3px #c0c0c0;top:185px;text-decoration:underline;cursor:pointer;float:right;right:10px}
.SingNewCont .PartData .DataPK .LetError {position:absolute;display:none;font-family:Century Gothic;font-Size:15px;color:#2244c5;font-weight: normal;text-shadow: 1px 1px 3px #c0c0c0;top:240px;width:100%;background:transparent }
.SingNewCont .PartData .DataPK .LetError.show{display:block}
.SingNewCont .PartData .DataPK .LetError.active{cursor:pointer}
.SingNewCont .PartData .DataPK .SpaceRRSS{position:inherit;display:inline-block;width:80%;height:40px;background:transparent;top: 300px;}
.SingNewCont .PartData .DataPK .SpaceRRSS .LineRSS{top: 12px;position: relative;border: 2px solid #2244c5;}
.SingNewCont .PartData .DataPK .SpaceRRSS .RSSCont{position:absolute;width:50%;height:30px;background:#fff;display:inline-block;top:5px;left:calc(50% - 25%)}
.SingNewCont .PartData .DataPK .SpaceRRSS .RSSCont .RSSInsta{display:inline-block;position:relative;width:25px;height:25px;background:#ff0000;margin: 2.5px 5px 0px 5px;background:url(../Images/ImgKey30/BtRSS_Inta.png) no-repeat no-repeat center;background-size:25px 25px}
.SingNewCont .PartData .DataPK .SpaceRRSS .RSSCont .RSSFace{display:inline-block;position:relative;width:25px;height:25px;background:#ff00ff;margin: 2.5px 5px 0px 5px;background:url(../Images/ImgKey30/BtRSS_FB.png) no-repeat no-repeat center;background-size:25px 25px}
.SingNewCont .PartData .DataPK .SpaceRRSS .RSSCont .RSSLink{display:inline-block;position:relative;width:25px;height:25px;background:#ffff00;margin: 2.5px 5px 0px 5px;background:url(../Images/ImgKey30/BtRSS_Link.png) no-repeat no-repeat center;background-size:25px 25px}
.SingNewCont .PartData .DataPK .BtnSess30 {top:100px}

.SingNewCont .PartData .DataRecovery{position:relative;display:none;background:transparent;width:100%;height:100%;text-align: center}
.SingNewCont .PartData .DataRecovery.show{display:inline-block}
.SingNewCont .PartData .DataRecovery .LetLoginRes {position:relative;display:inline-block;font-family:Century Gothic;font-Size:28px;color:#000;font-weight: normal;text-shadow: 1px 1px 3px #c0c0c0;top:30px;}
.SingNewCont .PartData .DataRecovery .ImgRest {position:relative;display:inline-block;width:96px;height:96px;top:60px}
.SingNewCont .PartData .DataRecovery .BtnRest30{top:100px}
.SingNewCont .PartData .DataRecovery .ImgBack30 {width:20px;height:20px;position:absolute;display:inline-block;top:5px;left:5px;cursor:pointer}


.SingNewCont .PartData .DataAuthDblStep{position:relative;display:none;background:transparent;width:100%;height:100%;text-align: center}
.SingNewCont .PartData .DataAuthDblStep .LeTitle {position:relative;display:block;font-family:Century Gothic;font-Size:28px;color:#000;font-weight: normal;text-shadow: 1px 1px 3px #c0c0c0;margin:20px 0px}
.SingNewCont .PartData .DataAuthDblStep .LetCancel {position:relative;display:block;font-family:Century Gothic;font-Size:15px;color:#000;font-weight: bold;text-shadow: 1px 1px 3px #c0c0c0;font-style:italic;cursor:pointer}
.SingNewCont .PartData .DataAuthDblStep .LetCancel:hover {color:#ff0000}
.SingNewCont .PartData .DataAuthDblStep.show{display:inline-block}

/** ************** Contenedor Desplegable tipo Panel */
/*************************************************** */
.CSSCPanel div, .CSSCPanel img, .CSSCPanel  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CSSCPanel {display:inline-block;position:relative;height:auto;background:transparent;width:100%;overflow:hidden} /*  Posible el hehit en la porgramacion lo quitamos */
.CSSCPanel.hiden {display:none}
.CSSCPanel.WithMargin{margin:0px 2px 2px 5px}
.CSSCPanel .CSSCPanelBorder{display:inline-block;position:relative;width:calc(100% - 4px);height:auto;overflow:hidden;background:#ffffff;border:2px solid #9D9BBA;border-radius:8px} /* Posible el height calc(100% - 4px) */
.CSSCPanel .CSSCPanelBorder .SpaceTitleCP {display:inline-block;position:relative;width:100%;height:25px;background:#D6E3F2;text-align:left}
.CSSCPanel .CSSCPanelBorder .SpaceTitleCP .TitleTxt {display:inline-block;position:relative;width:auto;height:auto;font-Family:Century Gothic,Arial;font-size:15px;color:#ffffff;margin: 3px 0px 0px 5px;} 
.CSSCPanel .CSSCPanelBorder .SpaceContCP {display:inline-block;position:relative;width:100%;height:auto;min-height:100px;background:transparent} 
.CSSCPanel .CSSCPanelBorder .SpaceContCP.hiden {display:none}

.CSSCPanel.ColPanel01 .CSSCPanelBorder{border-color:#5C7491}
.CSSCPanel.ColPanel02 .CSSCPanelBorder{border-color:#5F93AD}
.CSSCPanel.ColPanel03 .CSSCPanelBorder{border-color:#578282}
.CSSCPanel.ColPanel04 .CSSCPanelBorder{border-color:#597D60}
.CSSCPanel.ColPanel05 .CSSCPanelBorder{border-color:#738C66}
.CSSCPanel.ColPanel06 .CSSCPanelBorder{border-color:#B39F64}
.CSSCPanel.ColPanel07 .CSSCPanelBorder{border-color:#B89263}
.CSSCPanel.ColPanel08 .CSSCPanelBorder{border-color:#B37E5D}
.CSSCPanel.ColPanel09 .CSSCPanelBorder{border-color:#AD6B55}
.CSSCPanel.ColPanel10 .CSSCPanelBorder{border-color:#AD6D70}


.CSSCPanel.ColPanel01 .CSSCPanelBorder .SpaceTitleCP{background:#84a7d2}
.CSSCPanel.ColPanel02 .CSSCPanelBorder .SpaceTitleCP{background:#83caed}
.CSSCPanel.ColPanel03 .CSSCPanelBorder .SpaceTitleCP{background:#83c3c3}
.CSSCPanel.ColPanel04 .CSSCPanelBorder .SpaceTitleCP{background:#86bd91}
.CSSCPanel.ColPanel05 .CSSCPanelBorder .SpaceTitleCP{background:#a6cb94}
.CSSCPanel.ColPanel06 .CSSCPanelBorder .SpaceTitleCP{background:#f1d786}
.CSSCPanel.ColPanel07 .CSSCPanelBorder .SpaceTitleCP{background:#f8c587}
.CSSCPanel.ColPanel08 .CSSCPanelBorder .SpaceTitleCP{background:#f2aa7d}
.CSSCPanel.ColPanel09 .CSSCPanelBorder .SpaceTitleCP{background:#ed9173}
.CSSCPanel.ColPanel10 .CSSCPanelBorder .SpaceTitleCP{background:#ec9499}


/* ****************************** Control de imagen Texto  ********************** */
.CSSPKIText div, .CSSPKIText img, .CSSPKIText  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CSSPKIText {display:inline-flex;position:relative;background:transparent;overflow:hidden;align-items:center;padding:2px;cursor:auto}
.CSSPKIText .CSITImg {display:inline-block;position:relative;background:transparent}
.CSSPKIText .CSITText {display:inline-block;position:relative;width:100%;height:auto;background:transparent;font-Family:Century Gothic;color:#000;margin-left:2px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.CSSPKIText.Size16 {height:20px}
.CSSPKIText.Size16 .CSITImg{width:16px;height:16px}
.CSSPKIText.Size16 .CSITText{font-Size:12px}
.CSSPKIText.Size32 {height:32px}
.CSSPKIText.Size32 .CSITImg{width:32px;height:32px}
.CSSPKIText.Size32 .CSITText{font-Size:15px}
.CSSPKIText.Size48 {height:48px}
.CSSPKIText.Size48 .CSITImg{width:48px;height:48px}
.CSSPKIText.Size48 .CSITText{font-Size:20px}
.CSSPKIText.Size64 {height:64px}
.CSSPKIText.Size64 .CSITImg{width:64px;height:64px}
.CSSPKIText.Size64 .CSITText{font-Size:20px}
.CSSPKIText.Center .CSITText {text-align:center}
.CSSPKIText.Right .CSITText {text-align:right}
.CSSPKIText.Size16.ImgOnly {width:16px!important}
.CSSPKIText.Size32.ImgOnly {width:32px!important}
.CSSPKIText.Size48.ImgOnly {width:48px!important}
.CSSPKIText.Size64.ImgOnly {width:64px!important}
.CSSPKIText.TextOnly .CSITText {margin-left:0px!important}
.CSSPKIText.Size16.TextOnly {height:20px}
.CSSPKIText.Size32.TextOnly {height:22px}
.CSSPKIText.Size48.TextOnly {height:26px}
.CSSPKIText.Size64.TextOnly {height:28px}
.CSSPKIText.Opaque {background:#DFE8F6}
.CSSPKIText.hiden {display:none}
.CSSPKIText.disable {color:#808080;opacity:.4;filter:alpha(opacity='40');cursor:auto;}
.CSSPKIText .CSITImg.CssFlag{height:12px}
.CSSPKIText.Active:hover{background:#d6d6d6!important;cursor:pointer}
.CSSPKIText.css40 .CSITText{font-Family:var(--Win-Font-FamilySO);color:#35679a}


/* **************** control de SoftButton ************************/
.CSSPKSoftButt div, .CSSPKSoftButt img, .CSSPKSoftButt  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CSSPKSoftButt {display:inline-flex;position:relative;background:#DFE8F6;overflow:hidden;align-items:center;}
.CSSPKSoftButt.Size16 {height:23px}
.CSSPKSoftButt.Size32 {height:39px}
.CSSPKSoftButt.Size48 {height:52px}
.CSSPKSoftButt.Size64 {height:68px}
.CSSPKSoftButt .SCCont{display:inline-flex;position:relative;background:transparent;width:calc(100% - 17px);height:calc(100% - 2px);border:1px solid #9EBAE1;border-left:1px solid #E7F0F7;border-top:1px solid #E7F0F7;align-items:center}
.CSSPKSoftButt .SCButt{display:inline-block;position:relative;background:transparent;width:15px;height:100%}
.CSSPKSoftButt.hiden{display:none}
.CSSPKSoftButt.disable{opacity:.5;filter:alpha(opacity='50');color:#808080;cursor:auto;}
.CSSPKSoftButt.css40 {background:#dde8ee;}

/* Contenedor de Lista */
.CssSoftList {position:absolute;display:inline-block;border:1px solid #9EBAE1;height:auto!important;overflow:auto;background:#DFE8F6}
.CssSoftList.SizeSL16 {min-height:23px;max-height:230px;}
.CssSoftList.SizeSL32 {min-height:39px;max-height:370px;}
.CssSoftList.css40 {background:#dde8ee; box-shadow: 8px 8px 5px -2px #aaa;  border-radius: 5px;}

/* ** Botones del contro lde Arriba **** */
.CSSelSoftButS  {display:inline-block;position:absolute;height:23px;width:15px;z-index:0;top:0px;left:0px;overflow:hidden}
.CSSelSoftButS .sButton  {display:inline-block;position:relative;z-index:-1;height:92px;width:15px;cursor:pointer;left:0px}
.CSSelSoftButS .sButton {background: url('../Images/Buttons/ButtonSoftB.png')}
.CSSelSoftButS.hover .sButton{top: -23px}
.CSSelSoftButS.down .sButton{top: -46px}
.CSSelSoftButS.disable .sButton {top: -69px}
.CSSPKSoftButt.css40 .SCButt .CSSelSoftButS.Css40 .sButton {background: url('../Images/Buttons30/ButtonSoftB.png');}


.CSSelSoftButB  {display:inline-block;position:absolute;height:39px;width:15px;z-index:0;top:0px;left:0px;overflow:hidden}
.CSSelSoftButB .sButton  {display:inline-block;position:relative;z-index:-1;height:156px;width:15px;cursor:pointer;left:0px}
.CSSelSoftButB .sButton {background: url('../Images/Buttons/ButtonSoftB32.png')}
.CSSelSoftButB.hover .sButton{top: -39px}
.CSSelSoftButB.down .sButton{top: -78px}
.CSSelSoftButB.disable .sButton {top: -117px}
.CSSSoftListSep{display:inline-block;position:relative;width:calc(100% - 2px);background:transparent;height:8px;background: url('../Images/Buttons/BackSeparator32.png') left center  repeat-x;}
.CSSSoftListSpace{display:inline-block;position:relative; width:calc(100% - 2px);background:transparent;height:10px;background:transparent;}

.CSSItemSoftList {border:1px solid #DFE8F6;cursor:pointer}
.CSSItemSoftList:hover{border:1px solid #9EBAE1;border-left:1px solid #E7F0F7;border-top:1px solid #E7F0F7}
.CSSItemSoftList:active{border:1px solid #E7F0F7;border-left:1px solid #9EBAE1;border-top:1px solid #9EBAE1;cursor:pointer}


/* ****************************** Botones Close Folder Bar ***********************/
.iButPanelClose {display:inline-block;position:absolute;overflow:hidden;height:20px;width:20px;background-color:transparent;cursor:pointer;right:5px;top:2px} 
.iButPanelClose .sButtonPlus {background: url('../Images/Buttons30/BtnPanelPlus.png')}
.iButPanelClose .sButtonMin {background: url('../Images/Buttons30/BtnPanelMin.png')}
.iButPanelClose .sButtonPlus, .iButPanelClose .sButtonMin  {display:inline-block;position:absolute;height:60px;left:0px;right:0px}
.iButPanelClose.hover .sButtonPlus, .iButPanelClose.hover .sButtonMin {top: -20px}
.iButPanelClose.down .sButtonPlus, .iButPanelClose.down .sButtonMin {top: -40px}
.iButPanelClose.hidden {display:none}


/* ***************** Bitacora Normal ************* */
.CssBitItemN div, .CssBitItemN img, .CssBitItemN  span, .CssBitItemN  img {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssBitItemN {display:inline-block;position:relative;width:100%;height:auto;background:#fff}
.CssBitItemN .ContParent {display:inline-block;position:relative;width:calc(100% - 10px);height:calc(150px - 3px);min-height:165px;margin:5px;}
.CssBitItemN .ContParent.ShowAll{height:auto}
.CssBitItemN .ContParent .CssAreaInfo {display:inline-block;position:relative;width:52px;height:100%;overflow:hidden;text-align: center;float:left}
.CssBitItemN .ContParent .CssAreaMess {display:inline-block;position:relative;width:calc(100% - 64px);height:calc(100% - 2px);min-height:inherit;border:1px solid #c4c4c4;border-radius:15px;margin: 0px 5px 0px 5px;overflow:hidden;float:left}

.CssBitItemN .ContParent .CssAreaMess .DataMess {display:block;position:relative;width:calc(100% - 40px);height:100%;min-height:inherit;float:left}
.CssBitItemN .ContParent .CssAreaMess .DataMess .TitlesMess {position:relative;display:inline-block;width:calc(100% - 20px);height:40px;margin:10px 10px 5px 10px;text-align:center}
.CssBitItemN .ContParent .CssAreaMess .DataMess .TitlesMess .CssName{position:relative;display:block;float:left;width:auto;max-width:50%;font-Family:var(--FontFamily-SO);font-Size:15px;font-weight:bold;color:#4f4f4f}
.CssBitItemN .ContParent .CssAreaMess .DataMess .TitlesMess .CssProcede{position:relative;display:inline-block;width:auto;font-Family:var(--FontFamily-SO);font-Size:13px;font-weight:bold;color:#4f4f4f;font-style: italic;border-bottom: 1px dotted;}
.CssBitItemN .ContParent .CssAreaMess .DataMess .TitlesMess .CssDate{position:relative;display:block;float:right;width:auto;max-width:40%;font-Family:var(--FontFamily-SO);font-Size:12px;font-weight:bold;color:#929292;text-align:right}
.CssBitItemN .ContParent .CssAreaMess .DataMess .InfoMess{display:inline-block;position:relative;width:calc(100% - 20px);height:calc(100%  - 60px);margin:0px 10px 5px 10px;overflow:hidden}
.CssBitItemN .ContParent .CssAreaMess .DataMess .InfoMess .Message{display:inline-block;position:relative;width:100%;height:auto;font-Family:var(--FontFamily-SO);font-Size:14px;font-weight:normal;color:#929292;white-space: normal;padding:2px}
.CssBitItemN .ContParent .CssAreaMess .DataMess .InfoMess .Message {-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;user-select:text}
.CssBitItemN .ContParent .CssAreaMess .IconsMess {display:inline-block;position:relative;width:40px;height:100%;min-height:inherit;float:left;text-align: center;padding-top: 5px;}
.CssBitItemN .ContParent .CssAreaMess .SubMessages{display:none;position:relative;width:100%;height:auto;border-top:1px solid #c4c4c4}
.CssBitItemN .ContParent .CssAreaMess .SubMessages.show{display:inline-block}
.CssBitItemN .ContParent .CssAreaMess .BtnSMoreMessageTop{display:none;position:relative;width:100%;height:20px;font-Family:Sugeo-Emoji;font-Size:12px;top:-25px;background:rgb(180,182,244,0.25);text-align:center;cursor:pointer;padding-top: 2px}
.CssBitItemN .ContParent .CssAreaMess .BtnSMoreMessageTop:hover{background:rgb(180,182,244,0.55)}
.CssBitItemN .ContParent .CssAreaMess .BtnSMoreMessageTop.show{display:inline-block}
.CssBitItemN .ContParent.ShowAll .CssAreaMess .BtnSMoreMessageTop{display:none}
.CssBitItemN .ContParent .CssAreaMess .BtnSMoreMessageBottom{display:none;position:relative;width:100%;height:20px;font-Family:Sugeo-Emoji;font-Size:12px;background:rgb(180,182,244,0.25);text-align:center;cursor:pointer;padding-top: 2px}
.CssBitItemN .ContParent .CssAreaMess .BtnSMoreMessageBottom.hide{display:none!important}
.CssBitItemN .ContParent .CssAreaMess .BtnSMoreMessageBottom:hover{background:rgb(180,182,244,0.55)}
.CssBitItemN .ContParent.ShowAll .CssAreaMess .BtnSMoreMessageBottom{display:inline-block}


/* ***************** Contenedor de bitacora   ********** */
.CssBitCont div, .CssBitCont img, .CssBitCont  span, .CssBitCont  img {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssBitCont {display:inline-block;position:relative;background:#fff;border: 1px solid rgba(53,103,154,.5);overflow:hidden}
.CssBitCont .SubContPK {display:inline-block;position:relative;height:calc(100% - 26px);width:100%;top:0px;left:0px}
.CssBitCont.NoPanelReg .SubContPK {height:100%}
.CssBitCont .SubContPK .cssContSPK {display:inline-block;position:relative;height:100%;width:100%;top:0px;left:0px;overflow:hidden}
.CssBitCont .SubContPK .cssContSPK .cssSBContBit {display:inline-block;position:relative;min-height:100%;height:auto;width:100%;overflow:initial}
.CssBitCont .SubContPK .CssBarraReg {display:inline-block;position:relative;height:26px;width:100%;top:0px;left:0px;overflow:hidden}
.CssBitCont.NoPanelReg .SubContPK .CssBarraReg{display:none}
.CssBitCont.hiden{display:none}
.CssBitCont .SubContPK .cssContSPK.Scroll{width:calc(100% - 10px)}

.PanelWait {position:absolute;left:0px;top:0px;width:100%;height:100%;display:inline-block}
.PanelWait .ContWait {position:relative;left:0px;top:0px;width:100%;height:100%;display:inline-block;background:#DFE8F6;opacity:.5;filter:alpha(opacity='50')}
.PanelWait .ImgSearch{position:absolute;left:calc(50% - 104px);top:calc(50% - 6.5px);width:208px;height:13px;display:inline-block}


/* ************** Contenedor y Proceso de Archivos Flotantes */
.CssContFileFlot img, .CssContFileFlot span, .CssContFileFlot div {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssContFileFlot {display:inline-block;position:relative;width:450px;height:200px;border:1px solid #e8e8e8;box-shadow:5px 5px 9px #888888;border-radius:1px 8px 8px 8px;background:#fff;overflow:hidden}
.CssContFileFlot .CssBarra{display:inline-block;position:relative;width:100%;height:26px;border-bottom:1px solid #e8e8e8e8}
.CssContFileFlot .CssContProc{display:inline-block;position:relative;width:100%;height:calc(100% - 27px)}
.CssContFileFlot .CssContProc .ContSCFiles {display:block;position:relative;float:left;width:calc(100% - 130px);height:100%;border-right:2px solid #e8e8e8}
.CssContFileFlot .CssContProc .ContDrop {display:block;position:relative;float:left;width:128px;height:100%;background:transparent;text-align:center}
.CssContFileFlot .CssContProc .ContDrop .AreaContDrop{display:inline-block;position:relative;width:80%;height:80%;top:calc(10% - 3px);cursor:pointer;border:3px dashed #bdbdbd;border-radius: 10px;}
.CssContFileFlot .CssContProc .ContDrop .AreaContDrop:hover {background:#ebebeb}
.CssContFileFlot .CssContProc.hiden {display:none}
.CssContFileFlot .CssContProg{display:none;position:relative;width:100%;height:calc(100% - 27px)}
.CssContFileFlot .CssContProg.show{display:inline-block}
.CssContFileFlot.hiden {display:none}
/* *********** 4.0 */
.CssContFileFlot.css40 .CssBarra{height:27px}


.ImageUSR {background:url(../Images/Inputs30/WriteUser.png) no-repeat center #fff!important;background-size:30px 30px!important}
.ImagePWS {background:url(../Images/Inputs30/WritePWS.png) no-repeat center #fff!important;background-size:30px 30px!important}
.MarginObjPws {margin: 10px 0px 15px 0px;top:25px}
.MarginObjRest {margin: 10px 0px 15px 0px;top:90px}
.MessageSign {height:340px}
.MessageContText {max-height:200px!important}

/* Item de Conciliacion  */
/* ***************** Bitacora Normal ************* */
.CssConcilItem div, .CssConcilItem img, .CssConcilItem  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssConcilItem {display:inline-block;position:relative;width:770px;height:180px;background:#fff;padding:5px}
.CssConcilItem .CssCSubCont {display:inline-block;position:relative;width:100%;height:100%;border:1px solid #c8c8c8;border-radius:15px;overflow:hidden}
.CssConcilItem .CssCSubCont .CssSpc1 {display:block;float:left;position:relative;width:100px;height:100%;text-align:center}
.CssConcilItem .CssCSubCont .CssSpc2 {display:block;float:left;position:relative;width:calc(100% - 100px);height:100%;background:transparent}
.CssConcilItem .CssCSubCont .CssSpc1 .cImagenSO {margin-top:5px}

/* *********  Opcion de Ctrol H05 Mas Pequeño  *********** */
.CssH05TLOpt {height:38px}
.CssH05TLOpt .iButInp {bottom:5px}
.CssH05TLOpt .LabelField {height:18px}
.CssH05TLOpt .ContField .cField {font-size:11px!important;top:-2px}
.CssH05TLOpt .ContField .iButtonWhite {min-width:85px!important;height:20px}
.CssH05TLOpt .ContField .iButtonWhite .DSContainer .ArtCaption {font-size:12px;top:-2px}
.CssH05TLOpt .ContField .iButtonWhite .DSContainer .ImagButt {top:1px}
.CssH05TLOpt .ContField .iButtonWhite {min-width:70px!important}
.CssH05TLOpt.NoLbl .LabelField {height:5px}
/*.CssH05TLOpt.CsOp2 {height:40px;bottom: 10px;margin: 0px 5px;}*/
/* ****************************** */

/* ****************** google Maps ************/
.CSGoogleMap{position:relative;display:inline-block;border:1px dotted #AACCF6}


/* *********** control de Referencia */
.CssRefData div, .CssRefData img, .CssRefData span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssRefData {display:inline-block;position:relative;min-height:70px;height:auto;border:1px solid #FAEBCC;background:#FCF8E3;border-radius:5px;overflow:hiden}
.CssRefData .ImgCont{display:inline-block;position:relative;width:64px;height:64px;margin:2px;border: 1px solid #c4c4c4;border-radius: 50%;float:left}
.CssRefData .CsscontData {display:block;position:relative;width:calc(100% - 75px);height:calc(100% - 2px);float:left;font-Family:Century Gothic;font-size:12px;color:#666666}
.CssRefData .CssContBtn {display:inline-block;position:absolute;width:max-content;height:25px;right:0px}
.CssRefData .CsscontData .ContData {display:block;position:relative;width:calc(100% - 4px);height:18px;float:left;margin:2px 2px}
.CssRefData .CsscontData .ContData .Lbl{display:grid;position:relative;height:100%;width:75px;overflow:hidden;float:left;align-items: center;text-align:right}
.CssRefData .CsscontData .ContData .Text{display:flex;position:relative;height:100%;width:calc(100% - 78px);overflow:hidden;float:left;align-items: center;padding-left: 3px;font-weight:bold;white-space: nowrap}
.CssRefData .CsscontData .ContData.hiden {display:none}
.CssRefData.hiden{display:none}
.CssRefData.NoRef {min-height:54px}
.CssRefData.NoRef .ImgCont {width:48px;height:48px}
.CssRefData.NoRef .CsscontData {width:calc(100% - 54px)}
.CssRefData .CssBtnRnd  {}


/* *********************** INPUTS ************************ */
/***********************************************************/
.Mrg20{margin-right:15px!important;margin-left:5px!important}
.Mrg25{margin-right:20px;margin-left:5px}
.Mrg30{margin-right:25px;margin-left:5px}
.Mrg40{margin-right:15px!important;margin-left:10px!important}
.MrgChk{margin-right:145px;margin-left:5px;}
.MrgChk2{margin-right:20px;margin-left:5px;}
.Mrg2010{margin-right:15px;margin-left:10px}
.MrgoptCss{margin: 5px 0px 5px 10px!important;}
.MrgRAPIVA {margin-right:15px;margin-left:65px}
.MrgRRUser {margin-left:65px;}
.MrgPaySMS {margin-left:5px!important;margin-top:5px!important}
.MrgCEJEURel {margin-left:115px;margin-right:15px}
.MrgCEJEURel1 {margin-left:25px;margin-right:15px}
.MrgCECHon {margin-left:-5px;margin-right:15px}
.MrgBtnFilters { margin-left: 55px;margin-right: 35px;margin-top: 5px;}
.MrgBtnFiltersN { margin-left: 82px!important;margin-right: 35px!important;margin-top: 5px;}
.MrgBtnFiltersF { margin-left: 100px;}
.MrgFirstFilter{margin-top: 10px;}


.CssFiltrosGral{float:right;right:5px}
.CssRngEtCont1 {float: left;right: -131px;}
.CssRngEtCont2 {float: left;right: -155px;}
.CssFilValBeg{left:105px}
.CssFilValEnd{float:right}
.NoInputForm{background: none;}

.CssPanelupload {position: absolute!important;left: calc(50% - 200px);top: calc(50% - 100px);z-index: 2;}
.CssContFileFloat {top:5px;left:5px}
.CssBtnPnlBut {position:absolute!important;right:5px;top: initial} /*VMBR 28Dic se Adiciono.Top*/
.CSSMSButton {float: right;right: 10px;top:20px;}
.CssImgBeginWAPP {display: inline-block;position: relative;	margin-right: 2px;width: 13px;height: 13px;top: 2px;}

.CssHeightImgH01{height:14px!important;width:56px!important;background:#F3F3F3!important}
.CssHeightImgH02{height:12px!important;width:56px!important;background:#F3F3F3!important}
.CssHeightImgH05{height:18px!important;width:56px!important}

.CssHeightImgH05.CSSPKIText.Active:hover{background:#F3F3F3!important;cursor:pointer}

.CssTextImg{font-size:10px!important}
.CSSDataList{height:auto!important;max-height:200px}

@font-face{
    font-family: "Poppins-Regular";src:url("../fonts/Poppins-Regular.ttf") format("truetype");
}
:root {
    --FontFamily-SO:Poppins-Regular,Century Gothic,Arial,Tahoma,Verdana;
    --FontSize-SO:12px;
    --FontColor-Normal-SO:#fff;
    --FontColor-Hover-SO:#fff;
    --FontColor-Down-SO:#fff;
    --FontColor-Select-SO:#fff;
    --FontColor-Disable-SO:#fff;
}
     
/* ************* Boton Version 4.0 ******** */
/* ******************************************************* */
/* ********************* Boton Simple     ******************* */
/* ******************************************************* */
.CssButton div, .CssButton span, .CssButton img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssButton {display:inline-block;position:relative;overflow:hidden;white-space: nowrap;height:26px;width:auto;background:#35679a;min-width:80px;margin:2px;border-radius:8px;border:1px solid #35679a}
.CssButton .DSContainer{display:inline-block;position:relative;width:calc(100% - 6px);height:calc(100% - 6px);background:transparent;padding:4px;text-align:center;}
.CssButton .DSContainer .ImagButt{display:block;position:relative;width:20px;height:20px;background:transparent;float:left}
.CssButton .DSContainer .ArtCaption{display:block;position:relative;width:auto;height:auto;background:transparent;font-Family:var(--FontFamily-SO);font-size:var(--FontSize-SO);color:var(--FontColor-Normal-SO);padding: 0px 4px;margin:0px 6px} /*float:left*/
.CssButton .DSContainer .btnDownBtn {display:block;position:relative;width:12px;height:20px;background:transparent;right: 0px;float:right}
.CssButton .ImgSensse {display:inline-block;position:absolute;width:100%;height:100%;left:0px;top:0px;cursor:pointer}
.CssButton.OImg {width:28px;min-width:28px}
.CssButton.BtnD .ImgSensse{width:calc(100% - 15px)}
.CssButton.OImg.BtnD {width:43px;min-width:43px}
.CssButton.hidden{display:none}
.CssButton .DSContainer .CssBtnInd {display:inline-block;position:absolute;width:8px;height:8px;background:#6AA714;top: 2px;right:5px;border-radius: 50%;}
.CssButton .DSContainer .CssBtnInd.hiden {display:none}
.CssButton.down{background:#2b577a}
.CssButton.selected {background:#4689c2;border-style:dashed;border-color:rgba(255,255,255,0.5)}
.CssButton.disable{opacity:.5;filter:alpha(opacity='50')}
.CssButton.disable .DSContainer .ArtCaption{color:var(--FontColor-Disable-SO)}
.CssButton.disable .ImgSensse{cursor:auto}
.CssButton:hover {border-style:dashed;border-color:rgba(255,255,255,0.5)}
.CssButton:hover.disable{border-style:solid;border-color:#35679a}
.CssButton.BtnPosVert {display:block;float:left}
.CssButton.BtnPosVert .DSContainer {white-space: normal}
.CssButton.BtnPosVert .DSContainer .ArtCaption{float:none}
.CssButton.BtnPosVert.OImg .DSContainer .ImagButt {left:calc(50% - 10px)}



/* ******************************************************* */
/* ********************* Flat Barra    ******************* */
/* ******************************************************* */
.CssFlatBarSO div, .FlatBarSO span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssFlatBarSO {display:inline-block;overflow:hidden;position:relative;background:#35679a;width:100%;white-space: nowrap;border:0px solid;height:36px}
.CssFlatBarSO.Size00{height:100%}
.CssFlatBarSO.hiden {display:none}
.CssFlatBarSO.BarrH {background:#35679a;border:0px solid}
.CssFlatBarSO .FlatPK{display:inline-block;overflow:hidden;position:relative;background:transparent;width:calc(100% - 0px);height:calc(100% - 0px);top:0px;left:0px;border:0px solid #000000}
.CssFlatBarSO .FlatPK .ContButtons{display:inline-block;position:absolute;background:transparent;width:auto;height:auto;top:2px;left:0px}
.CssFlatBarSO .FlatPK .ContButtons.PVert{width:100%;height:auto;}
.CssFlatBarSO .FlatPK .ContButtons .Separator{position:relative;display:inline-block;width:2px;height:26px;background: rgba(255, 255, 255, 0.7);top: -3px;margin: 0px 2px;}
.CssFlatBarSO .FlatPK .ContButtons .Space{position:relative;display:inline-block;min-width:150px;height:32px;background:transparent;}
.CssFlatBarSO .FlatPK .ContButtons .Separator.hidden{display:none}
.CssFlatBarSO .FlatPK .ContButtons .Space.hidden{display:none}
.CssFlatBarSO .FlatPK .ContButtons .SepPK{position:relative;float:left;width:15px;top:4px;height:24px; background:url(../Images/FlatFoldBar30/BarrDouble.png) no-repeat center;}
.CssFlatBarSO .FlatPK.Scroll{width:calc(100% - 10px)}

.CssFlatBarSO .DezpLButtons{display:none;position:absolute;height:30px;width:20px;overflow:hidden;white-space: nowrap;z-index:0;top:4px;opacity:.9;filter:alpha(opacity='90');background:#4689c2;border:1px solid;border-color:rgba(255,255,255,0.6)}
.CssFlatBarSO .DezpLButtons.Folder{top:1px}
.CssFlatBarSO .DezpLButtons .sButtonL, .CssFlatBarSO .DezpLButtons  .sButtonR {display:block;position:absolute;z-index:-1;height:100%;width:100%;cursor:pointer;background-size: 11px 22px;background-repeat: no-repeat;background-position-y: center;background-position-x: center;}
.CssFlatBarSO .DezpLButtons.Left{left:0px;border-radius: 0px 5px 5px 0px}
.CssFlatBarSO .DezpLButtons.Right{right:0px;border-radius: 5px 0px 0px 5px}
.CssFlatBarSO .DezpLButtons .sButtonL {background-image: url('../Images/Buttons30/BtnCloseBGO.png');background-position-x: 3px;}
.CssFlatBarSO .DezpLButtons .sButtonR {background-image: url('../Images/Buttons30/BtnOpenGBO.png');background-position-x: 6px;}
.CssFlatBarSO .DezpLButtons .sButtonL, .CssFlatBarSO .DezpLButtons .sButtonR  {left:0px}
.CssFlatBarSO .DezpLButtons:hover {opacity:1.9;filter:alpha(opacity='100');}
.CssFlatBarSO .DezpLButtons:hover .sButtonL {background-image: url('../Images/Buttons30/BtnCloseBG.png');top:0px} 
.CssFlatBarSO .DezpLButtons:hover .sButtonR {background-image: url('../Images/Buttons30/BtnOpenGB.png');top:0px} 
.CssFlatBarSO .DezpLButtons.hidden{display:inline-block }


.CssFolders div, .CssFolders span .CssFolders img, .iButFClose div, .iButFClose img, .iButFClose span, .iButtonFold div, .iButtonFold img, .iButtonFold span{
    -moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none
} 
/* *********************** Folder(s) ********************* */
/***********************************************************/
.CssFolders{display:inline-block;position:relative;left:0px;top:0px;width:100%;height:100%;overflow:hidden;background:#fff;}
.CssFolders .ContainerBar:nth-child(2) {display:block;position:relative;width:56px;height:calc(100% - 0px);overflow:hidden;float: left;left:2px}
.CssFolders .ContainerBar.Normal:nth-child(2){background:transparent;}
.CssFolders .ContainerBar.Blank:nth-child(2), .CssFolders .ContainerBar.Blank2:nth-child(2){}
.CssFolders .ContainerBar:nth-child(2) .SpaceBar {display:inline-block;position:absolute;left:0px;top:0px;width:100%;height:auto;background:transparent;white-space:nowrap}
.CssFolders .SpaceContF:nth-child(1) {display:inline-block;position:relative;width: calc(100% - 60px);height: calc(100% - 4px);border:2px solid rgba(53,103,154,.5);overflow-x:hidden;overflow-y:auto;background:#00f;border-radius:0px 15px 15px 0px;}
.CssFolders .SpaceContF.Normal:nth-child(1), .CssFolders .SpaceContF.Blank2:nth-child(1){background:#fff}
.CssFolders .SpaceContF.Blank:nth-child(1){background:#ffffff}
.CssFolders.hiden {display:none}


.CssFolders .DezpFBtn{display:none;position:absolute;height:22px;width:calc(100% - 10px);overflow:hidden;white-space: nowrap;z-index:0;top:4px;opacity:.9;filter:alpha(opacity='90');background:#fff;border:1px solid;border-color:rgba(53,103,154,.5);border-radius: 3px;opacity:.8;filter:alpha(opacity='80')}
.CssFolders .DezpFBtn.Folder{top:1px}
.CssFolders .DezpFBtn .sButtonL, .CssFolders .DezpFBtn  .sButtonR {display:block;position:absolute;z-index:-1;height:100%;width:100%;cursor:pointer;background-size: 22px 11px;background-repeat: no-repeat;background-position-y: center;background-position-x: center;}
.CssFolders .DezpFBtn.Left{top:0px;}
.CssFolders .DezpFBtn.Right{top: calc(100% - 24px);}
.CssFolders .DezpFBtn .sButtonL {background-image: url('../Images/Buttons30/BtnCloseHT.png');}
.CssFolders .DezpFBtn .sButtonR {background-image: url('../Images/Buttons30/BtnOpenHB.png');}
.CssFolders .DezpFBtn .sButtonL, .CssFolders .DezpFBtn .sButtonR  {left:0px}
.CssFolders .DezpFBtn:hover {opacity:1.9;filter:alpha(opacity='100');}
.CssFolders .DezpFBtn:hover .sButtonL {background-image: url('../Images/Buttons30/BtnCloseHTO.png');top:0px;} 
.CssFolders .DezpFBtn:hover .sButtonR {background-image: url('../Images/Buttons30/BtnOpenHBO.png');top:0px;} 
.CssFolders .DezpFBtn.hidden{display:inline-block }


/* *********************** Folder Pequeño ********************* */
/***********************************************************/
.CssFolders.MinFolder .SpaceContF  {width: calc(100% - 40px);}
.CssFolders.MinFolder .SpaceContF .FolderSimple .TitleFolder {height: 28px;font-size: 16px}
.CssFolders.MinFolder .ContainerBar:nth-child(2) {width:36px}
.CssFolders.MinFolder .ContainerBar .SpaceBar .CssButFold {height: 28px;width:30px;min-width: 30px;}
.CssFolders.MinFolder .ContainerBar .SpaceBar .CssButFold .DSContainer .ImagButt{width: 24px;height: 24px;left: calc(50% - 12px);}

/* *********************** Folder Mediano ********************* */
/***********************************************************/
.CssFolders.MedFolder .SpaceContF  {width: calc(100% - 49px);}
.CssFolders.MedFolder .SpaceContF .FolderSimple .TitleFolder {height: 28px;font-size: 16px}
.CssFolders.MedFolder .ContainerBar:nth-child(2) {width:45px}
.CssFolders.MedFolder .ContainerBar .SpaceBar .CssButFold {height: 34px;width:38px;min-width: 30px;}
.CssFolders.MedFolder .ContainerBar .SpaceBar .CssButFold .DSContainer .ImagButt{width: 32px;height: 32px;left: calc(50% - 18px);}

/************ Boton de Folder nuevo */
.CssButFold div, .CssButFold span, .CssButFold img{-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssButFold {display:block;position:relative;overflow:hidden;height:40px;width:50px;min-width:40px;background:transparent;margin:0px 2px 2px 4px;border-radius:10px 0px 0px 10px;float:left;border: 2px solid transparent;}
.CssButFold .DSContainer{display:inline-flex;position:relative;width:calc(100% - 4px);height:calc(100% - 4px);background:transparent;padding:2px;text-align:center;align-items: center;}
.CssButFold .DSContainer .ImagButt{display:inline-block;position:relative;width:36px;height:36px;left: calc(50% - 20px);background:transparent;opacity:.4;filter:alpha(opacity='40')}
.CssButFold .ImgSensse {display:inline-block;position:absolute;width:100%;height:100%;left:0px;top:0px;cursor:pointer}
.CssButFold.OImg {}
.CssButFold.hidden{display:none}
.CssButFold.down{}
.CssButFold.selected {border: 2px solid rgba(53,103,154,.5);background:#fff;border-right-color: #fff}
.CssButFold.selected .DSContainer .ImagButt{opacity:1;filter:alpha(opacity='100')}
.CssButFold.disable{opacity:.5;filter:alpha(opacity='50')}
.CssButFold.disable .ImgSensse{cursor:auto}
.CssButFold:hover .DSContainer .ImagButt {opacity:.7;filter:alpha(opacity='70')}
.CssButFold:hover.disable{border-style:solid;border-color:transparent}
.CssButFold:hover.disable .DSContainer .ImagButt {opacity:.4;filter:alpha(opacity='40')}
.CssButFold:hover.selected .DSContainer .ImagButt{opacity:1;filter:alpha(opacity='100')}


/* *********** Scroll **********/
/*******************************/
.CssSOScroll img, .CssSOScroll  span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssSOScroll {position:absolute;display:inline-block;background:rgba(150,150,150,.1);right:0px;width:10px;height:100%;border-radius: 10px;opacity:.2;filter:alpha(opacity='20')}
.CssSOScroll .ScrollMov{position:absolute;display:inline-block;background:#969696;width:10px;left:0px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;opacity:.70;filter:alpha(opacity='70');cursor:pointer} 
.CssSOScroll.hover{opacity:initial;filter:alpha(opacity='100')}
.CssSOScroll.hidden {display:none}


/* ******************************************************* */
/* ********************* Flat Barra Para GRID Letras   YA NO SIRVE ******************* */
/* ******************************************************* */
.CssFlatBarSO.CssFBarGrid {background:#dde8ee;width:100%;height:26px}
.CssFlatBarSO.CssFBarGrid .FlatPK .ContButtons .Separator{height:19px;top:-2px;background:#afc9dd} 
.CssFlatBarSO.CssFBarGrid .FlatPK .ContButtons .SepPK{top:-1px;height:24px; background:url(../Images/FlatFoldBar30/BarrDouble.png) no-repeat center;}
.CssFlatBarSO.CssFBarGrid .DezpLButtons{height:22px;width:15px;top:2px;background:#dde7ed;border:1px solid;border-color:#4689c2} 
.CssFlatBarSO.CssFBarGrid .DezpLButtons .sButtonL {background-position-x: left;}
.CssFlatBarSO.CssFBarGrid .DezpLButtons .sButtonR {background-position-x: right;}




.CssButton.CssBtnLG {height:20px;width:auto;background:#dde8ee;min-width:20px;margin:0px 2px 0px 2px;border-radius:8px;border:1px solid #dde8ee} 
.CssButton.CssBtnLG .DSContainer{width:calc(100% - 0px);padding:initial}
.CssButton.CssBtnLG .DSContainer .ArtCaption{color:#35679a;float:initial} 
.CssButton.CssBtnLG.down{background:#afc9dd}    
.CssButton.CssBtnLG.selected {background:#afc9dd;border-style:solid;border-color:#35679a} 
.CssButton.CssBtnLG:hover {border-style:dashed;border-color:#35679a} 
.CssButton.CssBtnLetG:hover.disable{border-style:solid;border-color:#dde8ee}


/* *********TAREA ********* */
.cssBallTask {z-index:1}
.cssTaskMrgF {margin:5px 5px;float:left}
.cssTaskMrg {margin:0px 5px;float:left}
.cssTaskBt1 {margin: 10px 10px 0px 5px;float: left;}
.cssTaskBt2 {margin: 10px 0px 0px 70px;}
.cssTaskBt3 {margin: 10px 10px 0px 10px;float: right}

.cssDivFrameForeign {display:block;position:absolute;left:0px;top:0px;width:1px;height:1px}
.cssDivFrameForeign .cssiFramF {display:block;position:relative;width:100%;height:100%}

/* ***** Grafica General****/
.GraphGroupSingle {display:inline-block;position:relative;width:calc(100% - 10px);height:calc(100% - 4px);background:transparent;margin:2px 5px} 
.GraphGroupSingle .ImageCanv{position:relative;display:inline-block;float:left;width:100%;height:100%;background:transparent} 

/* ************** CSS de Contendeor Avanzado con Barra de Registro *********/

.cssContAdvPK div, .cssContAdvPK  span, .cssContAdvPK img {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.cssContAdvPK {display:inline-block;position:relative;overflow:hidden;background:#fff;border:1px solid  rgba(53,103,154,.5)}
.cssContAdvPK .SubContPKAdv {display:inline-block;position:relative;top:0px;left:0px;background:transparent;width:100%;height:calc(100% - 26px);}
.cssContAdvPK .SubContPKAdv .SubSubContAdv {display:inline-block;position:relative;top:0px;left:0px;width:100%;background:transparent;overflow: hidden;height:100%;}
.cssContAdvPK .SubContPKAdv .SubSubContAdv .ContSpaceCSAdv{display:inline-block;position:relative;top:0px;left:0px;width:100%;background:transparent;overflow: initial;min-height: 100%;height: auto;} 
.cssContAdvPK .ContPanelAdv {display:inline-block;position:relative;top:0px;left:0px;background:transparent;width:100%;height:26px)}
.cssContAdvPK .SubContPKAdv .SubSubContAdv.Scroll {width:calc(100% - 10px)}
.cssContAdvPK .CssSOScroll {margin: 0px 0px;height: calc(100% - 0px)}
.cssContAdvPK.hiden {display:none}


.CssFlatBarRpt  div, .CssFlatBarRpt span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.CssFlatBarRpt {display:inline-block;overflow:hidden;position:relative;background:#D6E3F2;width:100%;white-space: nowrap;border-bottom:1px solid #99BBE8}
.CssFlatBarRpt.Size36{height:40px}/* No se ha usado*/
.CssFlatBarRpt.hiden {display:none}
.CssFlatBarRpt.BarrH {background:#fff;border:1px solid #99BBE8}
.CssFlatBarRpt .FlatPK{display:inline-block;overflow:hidden;position:relative;background:transparent;width:calc(100% - 0px);height:calc(100% - 0px);top:0px;left:0px;border:0px solid #000000}
.CssFlatBarRpt .FlatPK .ContButtons{display:inline-block;position:absolute;background:transparent;width:auto;height:100%;top:0px;left:0px}
.CssFlatBarRpt .FlatPK .ContButtons.PVert{width:100%;height:auto;}
.CssFlatBarRpt .FlatPK.Scroll{width:calc(100% - 10px)}



/**************** Botones de Reportes ***************/
/****************************************************/
.CssiButtonRep{display:inline-block;position:relative;overflow:hidden;white-space:normal;height:50px;width:auto;z-index:0;top:0px;background:#fff;min-width:80px;text-align:left;margin:2px;margin-bottom:0px;;border: 1px solid transparent;border-left: 10px solid transparent;}
.CssiButtonRep .DSContainer .ImagButt{position:relative;width:32px;height:32px;padding-left:0px;}
.CssiButtonRep.selected {background:#b6d9ff;border:1px solid #69a1ff;border-left:10px solid #69a1ff}
.CssiButtonRep.hover {background:#f2f2f2;border:1px solid #dddddd;border-left:10px solid #dddddd}
.CssiButtonRep.disable {opacity:.5;filter:alpha(opacity='50')}
.CssiButtonRep.hidden {display:none}
.CssiButtonRep .DSContainer {background:transparent;height:100%;display:flex;justify-content: normal;align-items:center;padding-left:3px;padding-right:3px}
.CssiButtonRep .DSContainer .ArtCaption {position:relative;font-family:var(--Buttons-Font-FamilyP);font-size:14px;color:var(--Buttons-Font-ColorP);text-decoration: none;display:inline-block;padding-left:5px}
.CssiButtonRep .ImgSensse {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0px;cursor:pointer}
.CssiButtonRep .ImgSensse.disable{cursor:auto}
.CssiButtonRep.BtnPosVert {display:block;float:left;border-radius: 5px;min-width: calc(100% - 14px) !important;}

.CssTopGrid{z-index:1}
.SOContFrame.css40.CssFrameSquare {border-radius: 15px 15px 0px 0px}

.cssMenuFloat {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.cssMenuFloat {display:inline-block;position:relative;height:100%;transition: 0.5s;}
.cssMenuFloat .CssBtnOpen {display:inline-block;position:absolute;width:40px;height:40px;top:calc(50% - 20px);left: calc(100% - 20px);background:#393f7d;cursor: pointer;border-radius:50%}
.cssMenuFloat .ContSpace {display:inline-block;position:relative;width:100%;height:100%;background:#393f7d;}
.cssMenuFloat.hiden{display:none}
.cssMenuFloat.CloseMenu {width:60px!important;transition: 0.5s;}

.cssNavigation {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.cssNavigation {display:inline-flex;position:relative;width:100%;height:30px;background:#fff;align-items:center}
.cssNavigation .cssCont {display:inline-block;position:relative;width:100%;height:auto}

.cssItemNav {display:inline-block;position:relative;width:auto;height:100%;margin:2px 0px;padding:0px 5px;;font-Family:'Open Sans',arial;font-size:12px;}
.cssItemNav .cssArrow {display:inline-block;position:relative;width:auto;height:auto;margin:0px 5px 0px 0px}
.cssItemNav .cssText {display:inline-block;position:relative;width:auto;height:auto;margin-left: 5px;}
.cssItemNav .cssText:hover {text-decoration: underline;cursor:pointer}


/************Botones 3.5 zalma***************/
.cssBtASur {height:30px;margin: 10px 5px;}
/**********Gerardo Mendoza *********/
.cssMrgFmrder{margin-top:8px; margin-left: 4px;}
.SOContFrame.css40.TitleFrame2 .TitleFrame{font-size:11px!important}
.FiltDates{width: 160px; float:right;}
.FiltDates2{width: 235px;top: 12px;}
.FiltDates3{width: 160px;float: right;margin-right: 30px;}
.ChkDates{width: 230px;left: 40px;margin-top: 7px;}
.FrameProp{margin-left: 5px; border-radius: 5px !important; }
.FrameProp2{margin-left: 5px; border-radius: 5px !important; margin-top: 5px;}
.btnprop{margin-top: 5px; left: 100px !important; }
.btnprop2{margin-top: 5px; left: 110px !important; }
.ctndataMF{width: calc(100% - 250px - 0px)!important ;   height: calc((100% - 0px) - 0px);}
.left40{margin-left: 40px;}
.left30{margin-left: 30px;}
.left20{margin-left: 20px;}
.left10{margin-left: 10px;}
.mrgobs{margin: 5px 23px;}
.right30{margin-right: 30px;}
.right20{margin-right: 20px;}
.CssOptRep {margin: 5px 0px 0px 10px !important}
.CaptionLabelBig{font-family:Arial, Tahoma, Verdana, Helvetica; font-size:20px;font-weight:bold;color:#686376; height: auto !important;}
.CaptionLabel{font-family:Arial, Tahoma, Verdana, Helvetica; font-size:10px;font-weight:bold;color:#686376;height: auto !important}
.MrgImg {width: 50% !important; height: 45% !important; margin-left: 25% !important; margin-top: 5% !important;}
.MrgPass{ margin-left: 15%; width: 70% !important; height: 10% !important; margin-top: 10px !important;}
.BtnSavePass{ background-color: #35679a !important;width: 15% !important; height: 4.5% !important; margin-left: calc(50% - 90px);  min-width: 180px; min-height: 35px; margin-top: 15px !important;}
.BtnSavePass:hover{background-color: #8cadcd !important;}
.BtnSavePass .DSContainer .ArtCaption{color: #ffffff !important; font-size: 14px !important;}
.BtnSavePass .DSContainer .ImagButt { position: relative !important; width: 25px !important; height: 25px !important;}
.MaskPanelLock30 span {-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:ignore;user-select:none}
.MaskPanelLock30 {z-index:2;display:inline-block;position:absolute;left:0px;top:0px;width:100%;height:100%;background:url('../Images/Background/BackLock.png') no-repeat  #DFE8F6;opacity:.7;filter:alpha(opacity='70')}

/*CSS Eunice*/
 .cssCont2 .SubContPK .ContSpaceCS {display:flex;position:relative;top:0px;left:0px;width:100%;height:100%;background:transparent;overflow:auto;flex-wrap:wrap;justify-content:flex-end;}

.SinBorde{border:0px!important;}
.bordegrid{padding:5px 0px 0px 10px;}
.bordegrid2{padding:5px 0px 0px 5px;}
.Mrg15{margin-right:15px!important;}
.Top5{margin-top:5px!important;}
.alignCen{align-items:center;}
.left150{margin-left: 150px;}
.derecha{float: right;}
.izquierda{float: left;}
.Mrg25N{margin-left: 10px;margin-right: 15px;}
.left2{margin-left: 2px;}
span.iButton.OImg.Css40 {margin: 0px 15px 0px 0px;}
.MrgFieldSecc{margin-top: 2px;margin-left: 40px;}
.NoBorderRadius{border-radius: 0px !important;}
/*Css Gabriel*/
.Mrgmenu{margin-left: 350px;}
.CsslblSeparator{border-bottom: 1px dotted #f00; margin: 5px 0px 5px 10px;height: 24px; font-size: 15px; font-weight: bold;}
/*clase contenedor concentracion contactos*/
.CssContPMS .SubContPK .ContSpaceCS {display: block !important;}
.CssTitleOptionDates {border-bottom: 2px solid rgba(53, 103, 154, .5);;margin:5px 10px 0px 10px;font-family: Century Gothic;font-size: 14px;height: 19px;color:#15428B!important}

/*CSS Agus*/
.paddind2{padding: 2px;}
.MrgBlEnd2{margin-block-end: 2px;}
.Mrg36{margin-left: 36px;}
.MrgN20{margin-left: -20px;}
.Left20{margin-left: 20px !important;}
.MrgL50{margin-left: 50px !important;}
.MrgT10{margin-top:10px !important;}
.MrgB30{margin-bottom: 30px !important;}


/* *********************** Para Movimiento ************************ */
/***********************************************************/
#CtrolMoveSO, #CtrolMoveDragSO{position:absolute;border:1px dashed #99BBE8;cursor:move;z-index:10;opacity:.60;filter:alpha(opacity='60');background:#DFE8F6}
#CtrolMoveDragSO{background:#fff;border:0px dashed #99BBE8;text-align:center;border:0px dashed #99BBE8;overflow:hidden}
#CtrolMoveDragSO .ImgDrag{position:absolute;right:0px;top:0px;width:16px;height:16px;z-index:1}
#CtrolMoveDragSO .ImgSingle{left:0px;top:0px;width:32px;height:32px}
/* Control Design*/
.CtrlDesignSO{display:inline-block;border:1px dotted  #AACCF6;background:#EBF3FD;position:relative;overflow:hidden;width:150px;height:19px}
.CtrlDesignSO{font-family:Arial, Tahoma,  Verdana, Helvetica;white-space: nowrap; font-size:12px;font-style:italic; font-weight:normal;color:#000}

/* ********************* Drag y Drop ********************* */
/***********************************************************/
.DragableSO{cursor:move}
.DragableSO.Move{cursor:move}
.DropableSO{border:0px solid #000000}
.DropableSO.HoverDrop, .DropableSO table.HoverDrop,
  .GridContPK.CssNewGrid .ContBorder .SpaceDataHead .GridDatas .GridGroup .Data .GridRows .DTable.selected.HoverDrop  {background:#FFD7D7!important;cursor:crosshair!important}
.DropableSO table.HoverDrop td {cursor:crosshair!important;}


/*************  Progress Bar Importacion ********/
/*********************************/
.CssProgImport {display:inline-block;position:relative;height:100px;background:transparent;overflow:hidden;padding:0px}
.CssProgImport.hiden {display:none;}

.CssProgImport .cssContProc {display:inline-flex;position:relative;width:calc((100% - 64px)/2);height:74px;align-items: center;}

.CssProgImport .SpaceImg, .CssProgImport .cssContProc .SpaceImg {display:inline-block;position:relative;width:64px;height:64px;background:#ebebeb;background-repeat:no-repeat;background-position:center center;background-size: 75%;border-radius: 50%;margin:5px 0px}
.CssProgImport .cssContProc .SpaceImg.Img1{background-image:url('../Images/ImgKey30/ImgReadStop.png')}
.CssProgImport .cssContProc .SpaceImg.Img2{background-image:url('../Images/ImgKey30/ImgImpStop.png')}
.CssProgImport .SpaceImg.Img3{background-image:url('../Images/ImgKey30/ImgEndPStop.png');top:5px}

.CssProgImport .cssContProc .SpaceImg.Img1.Start{background:#bdd476;background-image:url('../Images/ImgKey30/ImgReadStart.png');background-repeat:no-repeat;background-position:center center;background-size: 75%;border-radius: 50%;}
.CssProgImport .cssContProc .SpaceImg.Img2.Start{background:#bdd476;background-image:url('../Images/ImgKey30/ImgImpStart.png');background-repeat:no-repeat;background-position:center center;background-size: 75%;border-radius: 50%;}
.CssProgImport .SpaceImg.Img3.Start{background:#bdd476;background-image:url('../Images/ImgKey30/ImgEndPStart.png');background-repeat:no-repeat;background-position:center center;background-size: 75%;border-radius: 50%;}

.CssProgImport .cssContProc .ProgBarraPK {display:inline-block;width:calc(100% - 64px);height:5px;background:#ebebeb}
.CssProgImport .cssContProc .ProgBarraPK .StateProg {display:inline-block;width:0%;height:100%;Background:#bdd476}
.CssProgImport .ContTxt, .CssProgImport .ContTxtF{display:none;position:relative;width:calc((100% - 64px)/2);height:20px;font-family:var(--Label-Font-FamilyP);font-Size:12px;color:#9E9E9E}
.CssProgImport .ContTxtF{width:64px}
.CssProgImport .ContTxt.show, .CssProgImport .ContTxtF.show {display:inline-block;}


/*
background-size: 11px 22px;background-repeat: no-repeat;background-position-y: center;background-position-x: center;}