/* STRATEGY - Copyright 2013
Solution: STRATEGY MANAGER - VALUES
Version: 1.0 - MARC/2014


/* CSS Document */
@charset "UTF-8";

/*----------------------------------------------------------------------*/
/* CSS Structure
/*----------------------------------------------------------------------*/

body {
    font-family: 'open_sansregular', Helvetica, Arial, sans-serif;
    background: url("../../../img/bg-header.png") no-repeat scroll 30% 0 #005FA9;
    position: relative;
}

/*------------------------ START HEADER LOGIN ---------------------------*/

/*Início Resolução Mobile*/
@media (max-width: 767px) {

    .login{padding: 0;}

    header .brand{
        margin: 0 auto;
        position: relative;
        }

    header .brand > i.icon-valorae-horizontal{display: none;}

    header .brand > i:before{font-size: 12em}

    header .brand > i{
        color: #ffffff;
        display: block;
        margin: 0 auto;
        position: relative;
        width: 170px;
        }

    .col-xs-offset-1{margin: 0;}

    .sign-in{
        background: none;
        border: none;
        box-shadow: none;
        max-width: 400px;
        }
        .sign-in .form-group a{color: #ffffff;}
            .sign-in .form-group a:hover{color: #54a7f0;}

        .sign-in-choice .form-group {
            margin: 15px 0;
            }

    p.change-pass{color: #ffffff;}

    .navbar-fixed-bottom.w80{display: none;}

    .sign-in.sign-in-choice > .btn-group-justified{display: block;}
        .sign-in.sign-in-choice > .btn-group-justified > .btn-group{
            border: 0 none;
            display: block;
            width: 100%;
            }
            .sign-in.sign-in-choice > .btn-group-justified .btn-group > .btn{
                float: none;
                font-size: 1.2em;
                margin-bottom: 10px;
                padding: 0.3em;
                }
}

/*Fim Resolução Mobile*/

@media (min-width: 768px) {

    header .brand{
        height: 95px;
        margin: 0 auto 5px;
        overflow: hidden;
        position: relative;
    }

    header .brand > i.icon-valorae-vertical{display: none;}

    header .brand > i:before{font-size: 18em}

    header .brand > i{
        bottom: 60px;
        color: #ffffff;
        height: 100%;
        left: 0px;
        position: absolute;
    }

    .sign-in{
        max-width: 900px;
        min-width: 600px;
    }

    .sign-in > .form-group{margin: 0;}

}

@media (min-width: 768px) and (max-width: 1024px){
    body {
        background-position: -20% 0;
    }
}
@media (min-width: 1025px) and (max-width: 1280px){
    body {
        background-position: 3% 0;
    }
}
@media (min-width: 1281px) and (max-width: 1366px){
    body {
        background-position: 7% 0;
    }
}
@media (min-width: 1367px) and (max-width: 1440px){
    body {
        background-position: 12% 0;
    }
}
@media (min-width: 1367px) and (max-width: 1440px){
    body {
        background-position: 12% 0;
    }
}
@media (min-width: 1441px) and (max-width: 1680px){
    body {
        background-position: 17% 0;
    }
}
@media (min-width: 1681px){
    body {
        background-position: 24% 0;
    }
}

/*------------------------ END HEADER LOGIN ---------------------------*/


/*------------------------ START CONTENT LOGIN ---------------------------*/

.login{}

.sign-in{
    margin: 0 auto;
    position: relative;
}

.sign-in .form-control{
    font-size: 16px;
    height: 34px;
    }

.sign-in > .form-group > .btn {
    margin: 0;
}

.form-control:focus {
    border-color: #54a7f0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #ccc;
    color: #333;
    outline: 0 none;
}

.btn-group-justified{
    table-layout: inherit;
}

.btn-group-justified .btn-meeting,
.btn-group-justified .btn-report,
.btn-group-justified .btn-budget,
.btn-group-justified .btn-view,
.btn-group-justified .btn-primary,
.btn-group-justified .btn-info{
    padding: 10px 5px !important;
}

.btn.btn-goal {
    background-color: #88c54f;
    border: 1px solid #88c54f;
    color: #ffffff;
}
.btn.btn-goal:hover,
.btn.btn-goal:focus,
.btn-group:focus .btn.btn-goal.dropdown-toggle {
    background-color: #a3e565;
    border: 1px solid #88c54f;
}
.btn.btn-goal:active,
.btn-group.open .btn.btn-goal.dropdown-toggle,
.btn.btn-goal.active {
    background-color: #a3e565;
}

.btn.btn-evaluation {
    background-color: #00aeef;
    border: 1px solid #00aeef;
    color: #ffffff;
}
.btn.btn-evaluation:hover,
.btn.btn-evaluation:focus,
.btn-group:focus .btn.btn-evaluation.dropdown-toggle {
    background-color: #3cc8fd;
    border: 1px solid #00aeef;
}
.btn.btn-evaluation:active,
.btn-group.open .btn.btn-evaluation.dropdown-toggle,
.btn.btn-evaluation.active {
    background-color: #3cc8fd;
}

.btn.btn-meeting {
    background-color: #004983;
    border: 1px solid #004983;
    color: #ffffff;
}
.btn.btn-meeting:hover,
.btn.btn-meeting:focus,
.btn-group:focus .btn.btn-report.dropdown-toggle {
    background-color: #006abf;
    border: 1px solid #004983;
}
.btn.btn-report:active,
.btn-group.open .btn.btn-report.dropdown-toggle,
.btn.btn-report.active {
    background-color: #006abf;
}

.btn.btn-report {
    background-color: #e6aa28;
    color: #ffffff;
}
.btn.btn-report:hover,
.btn.btn-report:focus,
.btn-group:focus .btn.btn-report.dropdown-toggle {
    background-color: #efc56c;
    border: 1px solid #e6aa28;
}
.btn.btn-report:active,
.btn-group.open .btn.btn-report.dropdown-toggle,
.btn.btn-report.active {
    background-color: #efc56c;
}


.btn.btn-budget {
    background-color: #8d58b5;
    color: #ffffff;
}
.btn.btn-budget:hover,
.btn.btn-budget:focus,
.btn-group:focus .btn.btn-budget.dropdown-toggle {
    background-color: #a56ecf;
    border: 1px solid #8d58b5;
}
.btn.btn-budget:active,
.btn-group.open .btn.btn-budget.dropdown-toggle,
.btn.btn-budget.active {
    background-color: #a56ecf;
}


.btn.btn-view {
    background-color: #00bcc3;
    color: #ffffff;
}
.btn.btn-view:hover,
.btn.btn-view:focus,
.btn-group:focus .btn.btn-view.dropdown-toggle {
    background-color: #00d0d8;
    border: 1px solid #00bcc3;
}
.btn.btn-view:active,
.btn-group.open .btn.btn-view.dropdown-toggle,
.btn.btn-view.active {
    background-color: #00d0d8;
}

.btn.btn-bonus {
    background-color: #35AC19;
    border: 1px solid #35AC19;
    color: #ffffff;
}
.btn.btn-bonus:hover,
.btn.btn-bonus:focus,
.btn-group:focus .btn.btn-bonus.dropdown-toggle {
    background-color: #43CE21;
    border: 1px solid #35AC19;
}
.btn.btn-bonus:active,
.btn-group.open .btn.btn-bonus.dropdown-toggle,
.btn.btn-bonus.active {
    background-color: #43CE21;
}

.sign-in-choice .btn-group-justified > .btn,
.sign-in-choice .btn-group-justified > .btn-group{
    border: 2px solid #f5f5f5;
    }

/*------------------------ END CONTENT LOGIN ---------------------------*/


/*------------------------ START FOOTER LOGIN ---------------------------*/

footer .brand{
    float: left;
    height: 25px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 25px;
}

footer .brand > i:before{font-size: 1em;}

footer .brand > i{
    color: #ffffff;
    left: 5px;
    position: absolute;
    top: 8px;
}


footer .productName{
    color: #CCCCCC;
    display: inline-block;
    font-size: 11px;
    margin: 10px;
}


/*------------------------ END FOOTER LOGIN ---------------------------*/

/*------------------------ INICIO ZENDESK - HELP BOX ---------------------------*/

#zenbox_tab #feedback_tab_text:hover {
    background-color: #BDC3C7 !important;
}

#zenbox_scrim {
    background-color: #000000;
}

#zenbox_tab #feedback_tab_text {
    background-color: rgb(0, 72, 127) !important;
    color: #ECF0F1 !important;
}

#zenbox_tab #feedback_tab_text:hover {
    background-color: #00AEEF !important;
}

/*------------------------ FIM ZENDESK - HELP BOX ---------------------------*/