/**
* Sample file for styling Apia.
* Write here your CSS classes to override Apia default style.
*/


body {
   /* background: url("../_img/login_deloitte_background.jpg") repeat scroll 0 0 #f4f4f4;*/
    font-size: 9pt !important;
    /* overflow: hidden; */
    color: #0679b8;
    font-family: Arial;
    font-size: 9pt;
}

.row { clear: both; height: 250px; overflow: hidden; width: 100%; }
.container_100 { width: 100%; height: 100%; display: inline-block; }
.container_50 { float: left; width: 50%; height: 100%; display: inline-block; }
.container_34 { float: left; width: 34%; height: 100%; display: inline-block; }
.container_33 { float: left; width: 33%; height: 100%; display: inline-block; }
.container_67 { float: left; width: 67%; height: 100%; display: inline-block; }

.header { background-color: white; height: 47px !important; /*padding: 1em 2%; width: 96%;*/ }

.box-wrapper { height: 96%; padding: 5px; }
/*.box { background-color: white; border-radius: 0.5em; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); display: inline-block; width: 100%; height: 100%; }*/

.panel { height: 100%; padding: 5px; display: inline-block; width: 100%; }

.pnl_LP_FLAG div, .pnl_LP_LOGO_DELOITTE_PERSONA div { height: 100%; }
/* .pnl_LP_FLAG .content { background-image: url('../_img/flag.png'); background-repeat: no-repeat; background-position: center center; } */
.pnl_LP_FLAG .content { font-size: 1em; text-align: center; }
.pnl_LP_FLAG .content p { padding-right: 20px; }
.pnl_LP_LOGO_DELOITTE_PERSONA .content { background-image: url('../_img/login_deloitte_persona_logo.jpg'); background-repeat: no-repeat; background-position: center center; background-size: 222px;}
.pnl_LP_WELLCOME p { padding-right: 20px; }
.pnl_LP_VIDEO .content div { text-align: center; }
.pnl_LP_VIDEO video { height: 200px; }
.pnl_LP_LOGO_COMPANY div { height: 95%; }
.pnl_LP_LOGO_COMPANY .content div { text-align: center; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: center; align-items: center; }
.pnl_LP_LOGO_COMPANY img { height: 100px; max-width: 100%; box-shadow: 5px 5px 5px #E8EAE9, -.5px -.5px 5px #E8EAE9; }

.login-panel { float: none !important; }
.login-panel form { float: none !important; }

/** Mobile version **/
.MovilLandingPage-OneColumn { text-align: center; }
.MovilLandingPage-OneColumn .panel { background-color: white; /*border-radius: 0.5em; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);*/ display: inline-block; width: 90% !important; }
.MovilLandingPage-OneColumn .panel .title { border: none !important; }
.MovilLandingPage-OneColumn .pnl_LP_FLAG { height: 100px; bac}
.MovilLandingPage-OneColumn .pnl_APIA_INFO { border: initial; box-shadow: initial; background-color: initial; border-radius: initial; }

/** Capthc Version **/
.captcha .contentTop {
    height: 385px;
}





/** REBRANDING **/

/* Header */
#body #bodyController div.row.header { background-color: #000000 !important; height: 60px !important; }
#body #bodyController div.row.header div.container_50 div.panel { padding: 0px; }

/* Logo */
#logo { width: 145px !important; }

/* Text of login page ("The data on this site...") */
.panel .content { color: #0076A8; }

/* Adjust for user and password fields */
div.loginContainer { width: 330px; box-sizing: border-box; }

/* Center separation of user and password */
div.section div.fieldLast { margin-right: 0px;  margin-left: 10px;  }

/* Environment field */
div.section div.fieldEnvironment { width: 96%; box-sizing: border-box; }

/* Create new password (calculates color online) */
div.pnlId_1001_1008_1093Content .login-panel .loginRemember div { color: #0076A8 !important; }

/* Login page (white boxes) */
.box { background-color: white; display: inline-block; width: 100%; height: 100%; }
.row.content { padding: 0px 5px; box-sizing: border-box; }

.tabContent { margin-top: 80px; }

/* Mobile login page */
.MovilLandingPage-OneColumn .panel.pnl_LP_LOGO_DELOITTE { background-color: #000000; margin-top: 0px; width: 100% !important; }
.MovilLandingPage-OneColumn .panel.pnl_LANGUAGES { background-color: #000000; width: 100% !important; }