/* Login Page ================================== */
.login-page {
    background-image: url('../images/login-background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-position: center;
    background-attachment: fixed;
    padding-left: 0;
    margin: 5% auto;
    overflow-x: hidden;
}

.login-box {
    background: #fff;
    opacity: 0.9;
    /*max-width: 360px;*/
    margin-left: auto;
    margin-right: auto;
    /*min-width: 380px;*/
    padding: 10px;
    width: 360px;
    border-radius: 5px;
    height: 450px;
}
.login-form {
    height: 200px;
}
.login-page .login-box .msg {
    color: inherit;
    margin-bottom: 20px;
    text-align: center;
}

.login-page .login-box a {
    font-size: 14px;
    text-decoration: none;
    color: #00BCD4;
}
/*.login-page .login-box .logo {*/
.login-page .login-box {
    margin-bottom: 20px;
}

    .login-page .login-box .logo a {
        font-size: 36px;
        display: block;
        width: 100%;
        text-align: center;
        color: #fff;
    }

/*
.card .body {
    font-size: 14px;
    color: #555;
    padding: 20px;
}
*/
/*Added by Edgar G.*/
.copyright_login {
    max-width: 360px;
    margin: -5px auto;
    width: 100%;
    text-align: center;
    font: inherit;
}


.control-label {
    vertical-align: middle;
    line-height: 34px;
    text-align: right;
}

#MsgLogin {
    text-align: center;
    font: inherit;
}


.logo {
    text-align: center;
    margin-bottom: 13px;
    padding-top: 30px;
}

.nameApp-login {
    color: #4a63ae;
    font-weight: bold !important;
    font-family: inherit !important;
}

.lblErrorLogin {
    opacity: 0.9;
}

.placeholder {
    font-size: 12px;
    font-style: italic;
}

.icon-login {
    padding-right: 0px !important;
    margin-top: 5px !important;
}
.labeldefault {
    margin-right:20px;
}

.grid_ipsos {
    padding :10px;
    background-color:#fff;
}

.grid_ipsos_fix {
    padding: 10px;
    background-color: #fff;
    width:1500px;
    /*overflow-x:scroll;*/
}

.hr_Menu {
    margin: 0px;
}

.lnkAction, .lnkAction:hover {
    display: inline-block;
    margin-right: 3px;
    border-radius: 2px;
    color: white;
    padding: 3px 4px;
}

/* Colores Ipsos */

.bg-ipsos-blue {
    background-color: #2F469C;
    color: #ffffff;
    border-color: #2F469C;
}

    .bg-ipsos-blue:hover {
        background-color: #4a63ae;
        color: #ffffff;
        border-color: #4a63ae;
    }

.bg-ipsos-green {
    background-color: #009D9C;
    color: #ffffff;
    border-color: #009D9C;
}

    .bg-ipsos-green:hover {
        background-color: #018383;
        color: #ffffff;
        border-color: #018383;
    }

.bg-ipsos-bluedark {
    background-color: #002554;
    color: #ffffff;
    border-color: #002554;
}

    .bg-ipsos-bluedark:hover {
        background-color: #05408E;
        color: #ffffff;
        border-color: #05408E;
    }

.bg-ipsos-violet {
    background-color: #84329B;
    color: #ffffff;
    border-color: #84329B;
}

    .bg-ipsos-violet:hover {
        background-color: #9E3FB9;
        color: #ffffff;
        border-color: #9E3FB9;
    }


.bg-ipsos-orange {
    background-color: #E87722;
    color: #ffffff;
    border-color: #E87722;
}

    .bg-ipsos-orange:hover {
        background-color: #C26721;
        color: #ffffff;
        border-color: #C26721;
    }

.bg-ipsos-yellow {
    background-color: #F1BE48;
    color: #ffffff;
    border-color: #F1BE48;
}

    .bg-ipsos-yellow:hover {
        background-color: #E4B446;
        color: #ffffff;
        border-color: #E4B446;
    }

.bg-ipsos-pink {
    background-color: #E4C7EC;
    color: #ffffff;
    border-color: #E4C7EC;
}

    .bg-ipsos-pink:hover {
        background-color: #C2A2CB;
        color: #ffffff;
        border-color: #C2A2CB;
    }

.bg-ipsos-skyblue {
    background-color: #BEDBFF;
    color: #ffffff;
    border-color: #BEDBFF;
}

    .bg-ipsos-skyblue:hover {
        background-color: #A2BDDF;
        color: #ffffff;
        border-color: #A2BDDF;
    }

.bg-input-disabled, .bg-input-disabled input {
    background-color: #cccccc !important;
}


.margin-top-18 {
    margin-top: 18px !important;
}

.StyleRightPanel {
    max-width: 1620px;
   
}
/* Aumenta el ancho de las etiquetas de un formulario datagrid **/
.dx-layout-manager .dx-label-h-align.dx-flex-layout .dx-field-item-label {
    width: 250px;
}

/* Clases de la plantilla original Bufee modificados */
.content {
    padding: 0 10px;
}

.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children .sub-menu {
    left: 45px;
}

.open aside.left-panel .navbar .navbar-nav li.menu-item-has-children.show .sub-menu {
    width: 200px;
}


/*Graficos*/
.chart-ipsos {
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    cursor: pointer;
    border: 1px;
    border-style: solid;
    border-radius: 5px;
    border-color: #f1c400;
}

    .chart-ipsos:hover {
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
        transform: translateY(0.5%);        
    }

/*Tabla grid detalle lideres*/
.table-detail {
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    cursor: pointer;
    border: 1px solid rgba(47, 70, 156, 0.4);
    
    border-radius: 5px;
    
    height: 250px;
    overflow-y: scroll;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2)
}

    .table-detail:hover {
        box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
        transform: translateY(0.3%);
    }

.grid-column {
    font-size: 12px;    
}