/*!
 * This file is part of App Builder
 *
 * ©2020 App Builder - https://www.davidesperalta.com
 *//* Código CSS auto generado para la app */
body { background-color: #f2fff2; }
html, body, .appView { width: 1280px; height: 800px; }
.dialogView .modal-dialog { width: 1280px; margin: 0 auto; }
#HtmlContent9 { position: absolute; top: 40px; left: 0px; width: 1280px; height: 71px; }
#Image5 { position: absolute; top: 200px; left: 496px; width: 300px; height: 300px; }
#HtmlContent36 { position: absolute; top: 584px; left: 344px; width: 40px; height: 40px; }
#usuario_fxm { position: absolute; top: 584px; left: 400px; width: 184px; height: 40px; }
#clave_fxm { position: absolute; top: 584px; left: 704px; width: 184px; height: 40px; }
#Button13 { position: absolute; top: 648px; left: 344px; width: 544px; height: 40px; }
#HtmlContent37 { position: absolute; top: 584px; left: 648px; width: 40px; height: 40px; }

#HtmlContent14 { position: absolute; top: 0px; left: 944px; width: 272px; height: 43px; }
#Image2 { position: absolute; top: 200px; left: 496px; width: 300px; height: 300px; }
#HtmlContent6 { position: absolute; top: 40px; left: 0px; width: 1280px; height: 71px; }
#HtmlContent4 { position: absolute; top: 584px; left: 344px; width: 40px; height: 40px; }
#HtmlContent5 { position: absolute; top: 584px; left: 648px; width: 40px; height: 40px; }
#user { position: absolute; top: 584px; left: 400px; width: 184px; height: 40px; }
#clave { position: absolute; top: 584px; left: 704px; width: 184px; height: 40px; }
#Button4 { position: absolute; top: 648px; left: 344px; width: 544px; height: 40px; }
#HtmlContent12 { position: absolute; top: 528px; left: 344px; width: 40px; height: 40px; }
#empresa { position: absolute; top: 528px; left: 400px; width: 184px; height: 40px; }

#HtmlContent14 { position: absolute; top: 0px; left: 944px; width: 272px; height: 43px; }
#Container3 { position: absolute; top: 178px; left: 64px; width: 1152px; height: 584px; background-color: #99cccc;}
#Container3:hover {box-shadow: 3px;}
#Button20 { position: absolute; top: 384px; left: 784px; width: 336px; height: 80px; }
#Button11 { position: absolute; top: 208px; left: 48px; width: 336px; height: 80px; }
#Button14 { position: absolute; top: 296px; left: 48px; width: 336px; height: 80px; }
#Button34 { position: absolute; top: 384px; left: 48px; width: 336px; height: 80px; }
#Button36 { position: absolute; top: 296px; left: 414px; width: 336px; height: 80px; }
#Button2 { position: absolute; top: 384px; left: 414px; width: 336px; height: 80px; }
#Image3 { position: absolute; top: 24px; left: 608px; width: 48px; height: 48px; }
#HtmlContent7 { position: absolute; top: 96px; left: 64px; width: 1152px; height: 48px; }
#Button5 { position: absolute; top: 296px; left: 112px; width: 336px; height: 80px; }
#Button6 { position: absolute; top: 296px; left: 480px; width: 336px; height: 80px; }
#Button7 { position: absolute; top: 384px; left: 480px; width: 336px; height: 80px; }
#Button8 { position: absolute; top: 384px; left: 848px; width: 336px; height: 80px; }
#Button9 { position: absolute; top: 296px; left: 848px; width: 336px; height: 80px; }
#Button10 { position: absolute; top: 472px; left: 848px; width: 336px; height: 80px; }
#log1 { position: absolute; top: 0px; left: 1296px; width: 1152px; height: 584px; background-color: #efefef;}
#log_html { position: absolute; top: 8px; left: 8px; width: 1136px; height: 560px; }
#Button18 { position: absolute; top: 456px; left: 784px; width: 336px; height: 96px; }
#Container_email { position: absolute; top: 600px; left: 1296px; width: 1152px; height: 584px; background-color: #efefef;}
#EmailAddressInput { position: absolute; top: 64px; left: 48px; width: 392px; height: 40px; }
#EmailSubjectInput { position: absolute; top: 64px; left: 456px; width: 448px; height: 40px; }
#UserGenderSelect { position: absolute; top: 64px; left: 936px; width: 136px; height: 40px; }
#EmailBodyTextarea { position: absolute; top: 128px; left: 40px; width: 1072px; height: 392px; }
#SendEmailButton { position: absolute; top: 528px; left: 712px; width: 144px; height: 40px; }
#Button1 { position: absolute; top: 528px; left: 872px; width: 240px; height: 40px; }
#listados { position: absolute; top: 824px; left: 64px; width: 1152px; height: 584px; background-color: #efefef;}
#paso2 { position: absolute; top: 256px; left: 40px; width: 512px; height: 296px; background-color: #c0c0c0;}
#Button16 { position: absolute; top: 192px; left: 8px; width: 496px; height: 80px; }
#informe_trabajador { position: absolute; top: 72px; left: 608px; width: 516px; height: 488px; background-color: #c0c0c0;}
#Report3 { position: absolute; top: 80px; left: 8px; width: 504px; height: 392px; background-color: #dadada; border-bottom-width: 1px; border-color: #808080;}
#HtmlContent16 { position: absolute; top: 16px; left: 0px; width: 516px; height: 48px; }
#Button25 { position: absolute; top: 352px; left: 48px; width: 240px; height: 80px; }
#Button24 { position: absolute; top: 352px; left: 304px; width: 240px; height: 80px; }
#HtmlContent18 { position: absolute; top: 280px; left: 40px; width: 512px; height: 48px; }
#paso1 { position: absolute; top: 72px; left: 40px; width: 512px; height: 168px; background-color: #c0c0c0;}
#fin_informe { position: absolute; top: 112px; left: 280px; width: 200px; height: 40px; }
#HtmlContent20 { position: absolute; top: 72px; left: 40px; width: 200px; height: 40px; }
#HtmlContent19 { position: absolute; top: 72px; left: 280px; width: 200px; height: 40px; }
#inicio_informe { position: absolute; top: 112px; left: 40px; width: 200px; height: 40px; }
#HtmlContent17 { position: absolute; top: 88px; left: 40px; width: 512px; height: 48px; }
#hoja_imprimir { position: absolute; top: 8px; left: 8px; width: 1136px; height: 568px; background-color: #c0c0c0;}
#IFrame_hoja { position: absolute; top: 0px; left: 0px; width: 1144px; height: 568px; }
#Button26 { position: absolute; top: 488px; left: 352px; width: 176px; height: 32px; }
#Button33 { position: absolute; top: 488px; left: 552px; width: 176px; height: 32px; }
#Container_proyectos { position: absolute; top: 1432px; left: 64px; width: 1152px; height: 584px; background-color: #efefef;}
#Report5 { position: absolute; top: 24px; left: 24px; width: 688px; height: 544px; background-color: #c0c0c0;}
#Container_6a { position: absolute; top: 24px; left: 744px; width: 392px; height: 544px; background-color: #c0c0c0;}
#nombre_p { position: absolute; top: 72px; left: 32px; width: 328px; height: 40px; }
#HtmlContent22 { position: absolute; top: 32px; left: 32px; width: 328px; height: 40px; }
#Button19 { position: absolute; top: 224px; left: 24px; width: 336px; height: 96px; }
#Button21 { position: absolute; top: 328px; left: 24px; width: 336px; height: 96px; }
#Button22 { position: absolute; top: 432px; left: 24px; width: 336px; height: 96px; }
#Container_departamentos { position: absolute; top: 2040px; left: 64px; width: 1152px; height: 584px; background-color: #efefef;}
#Report4 { position: absolute; top: 24px; left: 24px; width: 688px; height: 520px; background-color: #c0c0c0;}
#Container6 { position: absolute; top: 24px; left: 744px; width: 400px; height: 544px; background-color: #c0c0c0;}
#nombre_d { position: absolute; top: 96px; left: 32px; width: 344px; height: 40px; }
#HtmlContent23 { position: absolute; top: 56px; left: 32px; width: 344px; height: 40px; }
#Button27 { position: absolute; top: 224px; left: 24px; width: 352px; height: 96px; }
#Button29 { position: absolute; top: 328px; left: 24px; width: 352px; height: 96px; }
#Button32 { position: absolute; top: 432px; left: 24px; width: 352px; height: 96px; }
#Container_empresas { position: absolute; top: 1208px; left: 1296px; width: 1152px; height: 584px; background-color: #efefef;}
#Report6a { position: absolute; top: 16px; left: 24px; width: 688px; height: 552px; }
#Container9 { position: absolute; top: 16px; left: 728px; width: 400px; height: 552px; background-color: #c0c0c0;}
#Button38 { position: absolute; top: 464px; left: 32px; width: 336px; height: 72px; }
#Button39 { position: absolute; top: 376px; left: 184px; width: 184px; height: 72px; }
#Button40 { position: absolute; top: 376px; left: 32px; width: 144px; height: 72px; }
#emp2 { position: absolute; top: 32px; left: 240px; width: 144px; height: 40px; }
#emp3 { position: absolute; top: 104px; left: 24px; width: 360px; height: 40px; }
#emp4 { position: absolute; top: 176px; left: 24px; width: 200px; height: 40px; }
#emp1 { position: absolute; top: 32px; left: 24px; width: 200px; height: 40px; }
#emp5 { position: absolute; top: 248px; left: 24px; width: 360px; height: 40px; }
#emp6 { position: absolute; top: 320px; left: 24px; width: 360px; height: 40px; }
#HtmlContent28 { position: absolute; top: 8px; left: 40px; width: 184px; height: 24px; }
#HtmlContent29 { position: absolute; top: 8px; left: 256px; width: 128px; height: 24px; }
#HtmlContent30 { position: absolute; top: 80px; left: 40px; width: 344px; height: 24px; }
#HtmlContent31 { position: absolute; top: 152px; left: 40px; width: 184px; height: 24px; }
#HtmlContent32 { position: absolute; top: 224px; left: 40px; width: 344px; height: 24px; }
#HtmlContent33 { position: absolute; top: 296px; left: 40px; width: 344px; height: 24px; }
#Container_QR { position: absolute; top: 1808px; left: 1296px; width: 1152px; height: 592px; background-color: #efefef;}
#Image6 { position: absolute; top: 96px; left: 472px; width: 200px; height: 200px; }
#Button23 { position: absolute; top: 488px; left: 416px; width: 336px; height: 72px; }
#HtmlContent24 { position: absolute; top: 328px; left: 32px; width: 1104px; height: 136px; }

#HtmlContent14 { position: absolute; top: 0px; left: 944px; width: 272px; height: 43px; }
#Image4 { position: absolute; top: 8px; left: 16px; width: 48px; height: 48px; cursor: pointer;}
#Report2 { position: absolute; top: 72px; left: 16px; width: 598px; height: 704px; background-color: #efefef; border-bottom-width: 1px; border-color: #808080;}
#Progressbar1 { position: absolute; top: 752px; left: 16px; width: 598px; height: 32px; }
#HtmlContent8 { position: absolute; top: 8px; left: 160px; width: 1104px; height: 48px; }
#Container1 { position: absolute; top: 72px; left: 620px; width: 642px; height: 652px; background-color: #efefef; border-bottom-width: 1px; border-color: #808080;}
#HtmlContent10 { position: absolute; top: 24px; left: 32px; width: 120px; height: 40px; }
#HtmlContent11 { position: absolute; top: 72px; left: 32px; width: 120px; height: 40px; }
#nombre_n { position: absolute; top: 24px; left: 160px; width: 472px; height: 40px; }
#clave_n { position: absolute; top: 72px; left: 160px; width: 472px; height: 40px; }
#HtmlContent13 { position: absolute; top: 128px; left: 10px; width: 298px; height: 22px; }
#Select_proyectos { position: absolute; top: 154px; left: 10px; width: 298px; height: 496px; }
#HtmlContent40 { position: absolute; top: 128px; left: 314px; width: 318px; height: 22px; }
#Select_proyectos_user { position: absolute; top: 154px; left: 314px; width: 318px; height: 496px; }
#Container2 { position: absolute; top: 734px; left: 622px; width: 642px; height: 48px; background-color: #efefef; border-bottom-width: 1px; border-color: #808080;}
#Button28 { position: absolute; top: 6px; left: 188px; width: 152px; height: 32px; }
#Button30 { position: absolute; top: 6px; left: 352px; width: 150px; height: 32px; }
#Button31 { position: absolute; top: 6px; left: 512px; width: 118px; height: 32px; }
#Button17 { position: absolute; top: 6px; left: 10px; width: 136px; height: 32px; }

#Container4 { position: absolute; top: 656px; left: 664px; width: 608px; height: 134px; background-color: #f3f3f3;}
#max_horas_dia { position: absolute; top: 26px; left: 380px; width: 58px; height: 36px; }
#Image1 { position: absolute; top: 4px; left: 16px; width: 48px; height: 48px; cursor: pointer;}
#HtmlContent2 { position: absolute; top: 24px; left: 682px; width: 64px; height: 32px; }
#HtmlContent3 { position: absolute; top: 24px; left: 982px; width: 72px; height: 32px; }
#Report1 { position: absolute; top: 74px; left: 16px; width: 600px; height: 716px; border-bottom-width: 1px;}
#Button3 { position: absolute; top: 16px; left: 1224px; width: 48px; height: 40px; }
#Progressbar { position: absolute; top: 760px; left: 16px; width: 600px; height: 32px; }
#HtmlContent1 { position: absolute; top: 8px; left: 88px; width: 336px; height: 48px; }
#desde { position: absolute; top: 24px; left: 746px; width: 200px; height: 32px; }
#hasta { position: absolute; top: 24px; left: 1054px; width: 200px; height: 32px; }
#HtmlContent15 { position: absolute; top: 16px; left: 424px; width: 192px; height: 48px; }
#HtmlContent26 { position: absolute; top: 808px; left: 552px; width: 182px; height: 34px; }
#HtmlContent27 { position: absolute; top: 736px; left: 676px; width: 182px; height: 36px; }
#HtmlContent38 { position: absolute; top: 72px; left: 664px; width: 608px; height: 576px; }
#Button15 { position: absolute; top: 746px; left: 1112px; width: 148px; height: 34px; }
#lista_proyectos { position: absolute; top: 736px; left: 756px; width: 182px; height: 36px; }
#lista_departamentos { position: absolute; top: 808px; left: 666px; width: 202px; height: 34px; }
#CALCULO_HORAS { position: absolute; top: 72px; left: 664px; width: 608px; height: 576px; background-color: #eeeeee;}
#Button35 { position: absolute; top: 502px; left: 28px; width: 546px; height: 38px; }
#Chart1 { position: absolute; top: 18px; left: 36px; width: 200px; height: 200px; }
#Chart2 { position: absolute; top: 18px; left: 312px; width: 200px; height: 200px; }
#Button37 { position: absolute; top: 448px; left: 28px; width: 548px; height: 40px; }
#HtmlContent42 { position: absolute; top: 274px; left: 38px; width: 500px; height: 102px; }
#HtmlContent21 { position: absolute; top: 458px; left: 32px; width: 542px; height: 40px; }
#Button_alertas { position: absolute; top: 364px; left: 202px; width: 200px; height: 40px; }
#ALERTAS { position: absolute; top: 118px; left: 1304px; width: 608px; height: 576px; background-color: #c0c0c0;}
#Button43 { position: absolute; top: 500px; left: 14px; width: 580px; height: 38px; }
#Report_alertas { position: absolute; top: 62px; left: 14px; width: 580px; height: 434px; }
#HtmlContent25 { position: absolute; top: 6px; left: 48px; width: 546px; height: 44px; color: #448888;}
#Button12 { position: absolute; top: 706px; left: 1112px; width: 148px; height: 36px; }
#HtmlContent41 { position: absolute; top: 682px; left: 676px; width: 182px; height: 36px; }
#lista_empleados { position: absolute; top: 682px; left: 756px; width: 182px; height: 36px; }
#Button41 { position: absolute; top: 666px; left: 1110px; width: 150px; height: 36px; }
#HtmlContent35 { position: absolute; top: 682px; left: 956px; width: 86px; height: 36px; }
/* Código CSS "inline" de la app */#map {
  height: 100%;
  border-radius: 20px;
overflow-x: hidden;
overflow-y: hidden;
}

#floating-panel {
        position: absolute;
        top: 10px;
        left: 25%;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
        text-align: center;
        font-family: 'Roboto','sans-serif';
        line-height: 30px;
        padding-left: 10px;
      }
      #floating-panel {
        position: absolute;
        top: 5px;
        left: 50%;
        margin-left: -180px;
        width: 350px;
        z-index: 5;
        background-color: #fff;
        padding: 5px;
        border: 1px solid #999;
      }



.ENTRADA
{
background-color: #d1cece;
}

.SALIDA
{
background-color: #90cea3;
}

.barra_nueva
{
background-color: #3e5259;
color: white;
}

.WARNING
{
background-color: #f7edab;
background-image: "app/images/alert.png";
}

.circular
{
border-radius: 20px;
}

.circular1
{
border-radius: 20px;
overflow-x: hidden;
overflow-y: hidden;
}

#Report4 tr:hover
{

  background-color: #90cea3;
}

#Report6a tr:hover
{

  background-color: #90cea3;
}


#Report5 tr:hover
{

  background-color: #90cea3;
}


#Report3 tr:hover
{

  background-color: #90cea3;
}

#Report2 tr:hover
{

  background-color: #90cea3;
}

#Report1 tr:hover
{
  color: white;
  background-color: #90cea3;
}


.link { color: #FF0000; }