/* --------------------------------------------
---------------- Performance HR ---------------
------- http://www.performancehr.com. ---------
-----------------------------------------------
Design and Development by PowerSite:
http://www.powersite.com.ar
-----------------------------------------------
Graphic design & front-end development by
Marcelo Fernández: marcelo@powersite.com.ar
-----------------------------------------------
Front-end & back-end development by
Esteban Dure: esteban@powersite.com.ar
--------------------------------------------- */

/* HELPER STYLES START */

.pos-absolute
{
    position: absolute;
}

.pos-relative
{
    position: relative
}

.clear-both
{
    clear: both;
}

.img-responsive
{
    width:100%
}

.txt-rep
{
    text-indent: -99999px;
    display: block;
}

/* HELPER STYLES END */

/* BASIC STYLES START */

body
{
    background-color: transparent;
}

.logo-sap
{
    background-image: url('../img/logo-sap.png');
    width: 99px;
    height: 49px;
    top: 10px;
    left: 0px;
}

.logo-successfactors
{
    background-image: url('../img/logo-successfactors.png');
    width: 188px;
    height: 35px;
    top: 13px;
    right: 0px;
}

label.error
{
    color: #f00;
}

.outer {
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url('../img/back.jpg');
    background-color: #1450a3;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.inner {
    margin-left: auto;
    margin-right: auto; 
    width: 940px;
    height: 640px;
}

.info
{
    color: #fff;
    bottom: 0px;
    width: 940px;
}

.map-info li
{
    margin-top: 5px;
    padding-left: 20px;
    font-size: 12px;
}

.map-info li i.fa
{
    left: 0px;
    padding-top: 2px;
}

.info a
{
    color: #fff;
}

.info a i
{
    font-size: 32px;
    margin-top: 5px;
    margin-right: 5px;
}

.alert
{
    width: 410px;
    bottom: 140px;
}

.countdown
{
    width: 244px;
    height: 80px;
    left: 345px;
    text-shadow: 2px 2px 2px #5087c5;
}

p#countdown
{
    margin: 0px;
}

#countdown span
{
    font-size: 24px;
}

#countdown span.cd-time
{
    display: none;
}

#countdown span,
.days,
.hours,
.minutes,
.seconds
{
    display: block;
    float: left;
    width: 60px;
    text-align: center;
    color: #fff;
}

.days,
.hours,
.minutes,
.seconds,
p.launch
{
    font-size: 11px;
}

p.launch
{
    text-align: center;
    margin: 0px;
    color: #fff
}

/* BASIC STYLES END */

/* BUTTON STYLES START */

a.btn,
a.list-group-item
{
    color: #5087c5
}

a.btn.btn-primary
{
    color: #fff;
    background-color: #5087c5;
    border: 1px solid #5087c5;
}

a.btn.btn-primary:hover
{
    color: #fff;
    background-color: #6eb4e4;
    border: 1px solid #6eb4e4; 
}

/* BUTTON STYLES END */