/* 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:5px;background:#ff0000;visibility:hidden}
/*
#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} 
*/
.ShadowBOX {box-shadow:5px 5px 10px #888888;z-index: 1; }
.PosAbs{position:absolute!important}
.PosRel{position:relative!important}
.csDblHiden{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;
     --ButtonsBB-Font-Color:#ffffff;
     --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:0;clip: rect(auto, auto, auto, 290px)}
.iButton .pLeft, .iButton .pRigth {display:block;position:absolute;z-index:-1;height:88px;background-image: url('../Images/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:0;clip: rect(auto, auto, auto, 290px)}
.iButton24 .pLeft, .iButton24 .pRigth {display:block;position:absolute;z-index:-1;height:136px;background-image: url('../Images/BackButton24.png')}
.iButton24.hover .pLeft,    .iButton24.hover .pRigth{top: -34px}
.iButton24.down .pLeft,     .iButton24.down .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:0;clip: rect(auto, auto, auto, 280px)}
.iButtonSign .pLeft, .iButtonSign .pRigth {display:block;position:absolute;z-index:-1;height:140px;background-image: url('../Images/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:0;clip: rect(auto, auto, auto, 290px)}
.iButtonFB .pLeft, .iButtonFB .pRigth {display:block;position:absolute;z-index:-1;height:105px;background-image: url('../Images/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:0;clip: rect(auto, auto, auto, 290px)}
.iButtonFB24 .pLeft, .iButtonFB24 .pRigth {display:block;position:absolute;z-index:-1;height:170px;background-image: url('../Images/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}

/* ******************************************************* */
/* *************** 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:0;clip: rect(auto, auto, auto, 290px)}
.iButtonBB .pLeft, .iButtonBB .pRigth {display:block;position:absolute;z-index:-1;height:88px;background-image: url('../Images/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:0;clip: rect(auto, auto, auto, 290px)}
.iButtonBlack .pLeft, .iButtonBlack .pRigth {display:block;position:absolute;z-index:-1;height:66px;background-image: url('../Images/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, .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:0;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)} 

/* ******************************************************* */
/* ********************* 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 .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 .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{position:relative;float:left;width:15px;top:1px}
.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;}


/* ******************************************************* */
/* ******************** Botones de Menu Bar ************** */
.iButtonMenu div, .iButtonMenu img, .iButtonMenu span, .iButtonMenu24 div, .iButtonMenu24 img, .iButtonMenu24 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/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/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}



/* ******************************************************* */
/* ********************* 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 #99BBE8;top:0px}
.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 .Separator{position:relative;display:inline-block;width:100%;height:4px;background:url(../Images/BackSeparator16.png) repeat-x}
.MenuBarPK .ContMenu .ContButtons .Separator.hidden{display:none}
.MenuBarPK .ContMenu .ContButtons .Space{position:relative;display:inline-block;width:100%;min-width:80px;height:23px;background:url('../Images/BackMenu16.png') repeat-y }
.MenuBarPK .ContMenu .ContButtons .Space.hidden{display:none}
.MenuBarPK .ContMenu .ContButtons .SpaceLast{position:relative;display:inline-block;width:100%;min-width:80px;height:6px;background:transparent}

/********************************************************/
/*                      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}

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

:root {
     --Label-Font-Color:#686376;
     --Label-Font-Family: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:15px;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}

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


/* *********************** INPUTS ************************ */
/***********************************************************/
 /* Opcion 4*/
.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% - 50px);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:#f00!important}
.iInpLeftMidH04.requiered .ContField .cField{border-bottom:1px solid #DE6667;color:#fff}

/* Para el Password*/
.iInpLeftMidH04 .ContField.csPwsEye .cField{width:calc(100% - 80px);}
.iInpLeftMidH04 .ContField .ContEyePws {display:block;position:relative;width:30px;height:30px;float:left;background:url(../Images/PwsShow.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/PwsHide.png) no-repeat no-repeat center;background-size:25px 25px}
.iInpLeftMidH04 .ContField .ContEyePws:hover {background-color:#B8EDFA} 


/* ****************************** 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 .sButtonCal {background: url('../Images/BtCalendar.png')!important}
.iButInp .sButtonCal {display:inline-block;position:absolute;height:80px;left:0px;right:0px}
.iButInp.hover .sButtonCal{top: -20px}
.iButInp.down .sButtonCal{top: -40px}
.iButInp.disable .sButtonCal{top: -60px;cursor:default}
.iButInp.hidden {display:none}
.iButInp.MoreBtn{left:calc(100% - 36px)}


.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')}

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


/* *********************** Lista Simple Selectable ************************* */
/*****************************************************************************/
.ListItem, .ListSelected{ 
     --List-Font-Family:Arial,Tahoma,Verdana;  
}
.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-Family);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:hiden;overflow-y:auto}
.ListSelected .ContData.noTit{height:100%}
.ListSelected .ContData .ContInfo{position:realtive;display:inline-block;width:100%;height:auto}
.ListSelected.hiden{display:none}

.ListItem {display:inline-flex;position:relative;width:calc(100% - 2px);height:20px;min-height:20px;font-family:var(--List-Font-Family);font-size:12px;align-items:center;cursor:pointer;background:transparent;border:1px solid transparent;color:#000}
.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;}


/* ***************** Single Option --  Check ********* */
/* *************************************************** */
.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;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/ChkCan01.png') no-repeat center transparent;background-size:16px 16px}
.CssOption.Style1S .AreaImg .ImgInfo.select:before {display:block;background:url('../Images/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/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/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/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/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}

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


.ImgLogo {display:block;position:relative;padding:10px;max-width: 150px}
.ImgBackground {display:block;position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:-1}
.ContGralSec {display:block;position:absolute;width:100%;height:100%;top:0px;left:0px;background:transparent}
.ContTitle {display:inline-block;position:relative;width:100%;height:100px;background:transparent;}
.ContMessage {display:inline-block;position:fixed;width:300px;height:400px;background:transparent;left: calc(50% - 150px);top:25%;border:1px solid #c8c8c8;box-shadow:0px 0px 20px #fff;border-radius:5px;overflow:hidden;}
.ContMessage .ImgAction {display: block;position: relative;width: 100%;height: 160px;background:transparent;float:right}
.ContMessage .ImgAction .ImageMess{display: inline-block;position: relative;width: 128px;height: 128px;left: calc(50% - 64px);top: 10%;}
.ContMessage .SpaceInfo {display: flex;position: relative;width: 100%;height:calc(100% - 160px);background:#fff;float:right;text-align:center;align-items:center}
.ContMessage .SpaceInfo .LeterInfo {display: inline-block;position: relative;background: transparent;padding: 10px;font-family: Century Gothic;font-size: 20px;font-weight: normal;text-shadow: 1px 1px 3px #c0c0c0;}
.MarginObjPws {margin: 10px 0px 15px 0px;}

.ImagePWS {background:url(../Images/WritePWS.png) no-repeat center!important;background-size:30px 30px!important}
.ImagePWSS {background:url(../Images/WritePWSS.png) no-repeat center!important;background-size:30px 30px!important}