body{background:#3C3C3C}

td.spacer {width: 100%;}

.EtFooter{font-family: Verdana; font-size: 10px; color: black;font-weight:bold}/*etiquetas del footer*/
.EtTitulo {font-family: Verdana; font-size: 12px; color: #F39200;}
.EtiqDet{font-family: Verdana; font-size: 10px; font-weight:bold; color: black} /*etiquetas leftmenu (detail header) */
.EtiqSub{font-family: Verdana; font-size: 10px; color: white;cursor: pointer} /*etiquetas leftmenu (detail subdetail) */
.Etiquetas{font-family: Verdana; font-size: 12px; color: white}
.EtTab{font-family: Verdana; font-size: 12px; color: white;}

.Data{font-family: Verdana; font-size: 12px; color: white}

.etMessage{font-family: Verdana; font-size: 14px; color: white; font-weight:bold}/*etiqueta de la ventana de mensajes del sistema*/
.deMessage{font-family: Verdana; font-size: 14px; color: #F39200;}/*descripcion de la ventana de mensajes del sistema*/

.stBodLog{border-top-width:0px;background-color:transparent}/*body log*/
.stLblLog{font-size: 12px; font-family: Verdana; font-variant: small-caps}/*etiquetas log*/
.stLblErrLog{font-size: 12px; font-family: Verdana; font-variant: small-caps; color:Red}/*mensaje de error log*/
.stLblExito{font-size: 12px; font-family: Verdana; font-variant: small-caps; color:#F39200}/*mensaje de exito*/
.stDatLog{font-size: 12px; font-family: Verdana; font-variant: small-caps; color:black; font-weight:bold}/*mensaje de error log*/
.stTxtLog{height:12px; font-size: 10px; font-family: Verdana; width:110px;}/*textbox log*/
.stTxtLogNum{height:12px; font-size: 10px; font-family: Verdana; width:110px; text-align:right}/*textbox log (numeric)*/
.stBtnLog{cursor: pointer; height:20px; font-family: Verdana;font-size: 12px; font-variant: small-caps;}/*boton log*/

.stBodTopMenu{margin:0px;background:#9B9B9B}/*body top menu*/
.stBodLeftMenu{margin:0px;background:#9B9B9B}/*body left menu*/
.stBodBackground{}/*body background*/
.stBodFooter{margin:0px;background:#9B9B9B;}/*body footer*/
.stLblSysMess{font-size:12px; font-family:Verdana; color:black; font-weight:bold;background:#9B9B9B;} /* mensaje del sistema del footer*/

.EtiqEnc{font-family: Verdana; font-size: 10px; color: white;cursor: pointer}
.EncLst {background:#666666}
.EncLstLla {background:#666666}
.CeldaEtiq {background:#666666}
.CeldaInst {font-family: Verdana; font-size: 12px; background:#929fc9; color: white}
.CeldaDesc {font-family: Verdana; font-size: 12px; background:#F39200; color: white}
.CeldaCtrl {background:#999999}
.stWait {cursor: pointer; width: 200px;height: 120px;background-color: #999999;position: absolute;left: 50%;top: 110;margin-left: -100px;text-align: center;color: #ffffff;font-weight: bold;border: 2px solid #3C3C3C;}
.stBlock {cursor: pointer; width: 400px;height: 240px;background-color: #999999;position: absolute;left: 50%;top: 110;margin-left: -100px;text-align: center;color: #ffffff;font-weight: bold;border: 2px solid #3C3C3C;}

.DetLst {background:#999999;}
.DetLstSub {background:#929fc9;}
.DetLstTot {background:#929fc9;}

.stProcCal {font-family: Verdana; font-size: 10px; color: white} /*proceso en el calendario*/

.DetLstBlue {background:blue}
.DetLstGood {background:#006600}
.DetLstReg {background:#cc9900}
.DetLstBad {background:#990000}
.DetLstGris {background:#929fc9}
.DetLstPurple {background:purple}
.DetLstOrange {background:#E17100}

.DetLstLla {background:#999999}
.DatoLst {font-family: Verdana; font-size: 11px; color: white}

.DatoLstHL {font-family: Verdana; font-size: 11px; color: white; FONT-WEIGHT : bold}
.DatoLstLla {font-family: Verdana; font-size: 12px; color: white; text-decoration:underline}

.in {font-size:10px; font-family:Verdana; background-color:white;   }
.in:focus {background-color:#FFC964}
.inRO {font-family: Verdana; font-size: 10px; color: #FFF; color: #000;}
.inDrp {font-size:10px; font-family:Verdana; background-color:white}
.inDrp:focus {background-color:#FFC964}
.chk{background-color:transparent}

.btnGrande {font-size: 11px; padding: 4px 6px; border-radius: 4px; width: 120px; background-color:#999999}
.btnGrande:hover {
    background-color: #F39200; /* Orange */
    color: white;
    cursor:pointer
}
.btnChico {font-size: 11px; padding: 4px 6px; border-radius: 4px; width: 70px; background-color:#999999}
.btnChico:hover {
    background-color: #F39200; /* Orange */
    color: white;
    cursor:pointer
}

.btnMini {font-size: 9px; padding: 3px 5px; border-radius: 3px; width: 35px; background-color:#999999}
.btnMini:hover {
    background-color: #F39200; /* Orange */
    color: white;
    cursor:pointer
}
.btnNano {font-size: 9px; padding: 3px 5px; border-radius: 3px; width: 30px; background-color:#999999}
.btnNano:hover {
    background-color: #F39200; /* Orange */
    color: white;
    cursor:pointer
}

.frm{background:#3C3C3C}
.LinSep{background-color:#F39200; height: 2px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);}

.sepOption{color:#666666} /* separador de opciones de los menus las listas */

/* top options */
.stTopZell{width:5%; text-align:center}
.stTopCompany{font-family: Verdana; font-size: 14px; color: black; font-weight: bold;}

/* top menu */
.stTopOpt{background:#666666;width:10%; text-align:center; cursor:pointer;}
.stTopOpt:hover{background:#999999;}
.stTopOptClick{background:#3C3C3C;width:10%; text-align:center}
.stTopText{font-family: Verdana; font-size: 10px; color: white;cursor: pointer}

/* side menus */
.stMenu{background:#666666;width:10%; text-align:left;cursor:pointer;}
.stMenu:hover{background:#999999}
.stMenuText{font-family: Verdana; font-size: 10px; color: white; font-weight:bold}

/* side menus: opciones */
.stMenuOpt{background:#808080;width:10%; text-align:left;cursor:pointer;}
.stMenuOpt:hover{background:#666666;}
.stMenuOptText{font-family: Verdana; font-size: 10px; color: white;cursor:pointer;}
.stMenuOptClick{background:#3C3C3C;width:10%; text-align:left;cursor: pointer}

/* screen: opciones */
.stSubMenuOpt{background:#999999;width:7%; text-align: center; white-space:nowrap; cursor:pointer;}
.stSubMenuOpt:hover{background:#666666}
.stSubMenuOptClick{background:#3C3C3C;width:7%; text-align:center;cursor: pointer; white-space:nowrap}
.stSubMenuOptText{font-family: Verdana; font-size: 10px; color: white; cursor:pointer;}

.catalog body {margin: 7px; background-color: #3C3C3C; font-family: Verdana; font-size: 10px; color: #000;}
.catalog form {margin: 0;}
.catalog input {color: #000;}
.catalog table {width: 100%; border-collapse: separate; border-spacing: 1px; margin: 3px 0;}
.catalog th,
.catalog td {padding: 2px;}

.catalog .CeldaEtiq,
.catalog .Etiquetas,
.catalog .link {white-space: nowrap;}
.catalog .link {font-family: Verdana; font-size: 10px; color: #FFF; cursor: pointer; margin: 0 5px;}
.catalog .nowrap {white-space: nowrap;}
.catalog .bold {font-weight: bold;}
.catalog .right {text-align: right;}
.catalog .center {text-align: center;}
.catalog .hidden {visibility: hidden;}
.catalog .dontDisplay {display: none;}
.catalog .DatoLstLla p,
.catalog .DatoLst p {margin: 0;}

/* multi drop */
.multiselect {width: 325px;}
.selectBox {position: relative;}
.selectBox select {width: 100%; font-weight: bold;}
.overSelect {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
#checkboxes {display: none; border: 1px #dadada solid;}
#checkboxes label {display: block;}
#checkboxes label:hover {background-color: #1e90ff;}

/* Dropdown Checkbox */
.dropCheck {position: relative; margin-top: -2px; background-color: white; font-family: Verdana; font-size: 10px;}
.dropCheck .dropCheck-label {box-sizing: border-box; width: 100%; height: 18px; padding: 0 8px; display: inline-flex; align-items: center; justify-content: space-between; box-shadow: inset 2px 2px #000000, inset -2px -2px #767676; background-color: white; cursor: pointer; -webkit-user-select: none; user-select: none;}
.dropCheck .dropCheck-list {position: absolute; top: 16px; right: 0; left: 0; height: 120px; margin: 0 2px; padding: 2px 4px; background-color: white; transform-origin: 50% 0; transform: scale(1, 0); overflow-y: scroll; -webkit-user-select: none; user-select: none;}
.dropCheck .dropCheck-option {display: block; line-height: 1.6;}
.dropCheck.on, .dropCheck.on .dropCheck-label {background-color: #ffc964;}
.dropCheck.on .dropCheck-list {background-color: #ffc964; transform: scale(1, 1);}
.dropCheck.on .dropCheck-list .dropCheck-option {background-color: #ffc964; opacity: 1;}
.dropCheck [type=checkbox] {position: relative; top: 2px; margin-right: 4px;}
.arrow {padding: 0.25em; display: inline-block; border: solid black; border-width: 0 2px 2px 0;}
/*.arrow.up {margin-top: 6px; transform: rotate(-135deg);}*/
.arrow.down {margin-bottom: 2px; transform: rotate(45deg);}