﻿body {
    background-color: #fff;
    /*background: url(../../css/css_fcr/mbf_background3.jpg) no-repeat 100% 100% fixed;*/
    background-size: cover;
}

/*
    LOGIN PAGE
*/
.logo_login {
    content: url(../../css/css_sanofi/sanofi_logo.png) !important;
    background-repeat: no-repeat;
    width: auto;
    height: auto;
    left:50%;
    margin-righ: -50%;
    padding: 0;
}

.logo_header {
    content: url(../../css/css_sanofi/sanofi_header_logo.png) !important;
    background-color: #FFF;
    padding-right: 10px;
    padding-left: 10px;
}

.form-signin-container {
    margin: 0 auto;
    max-width: 350px;
    margin-top: 15%;
    margin-bottom: 8%;
}

.form-signin {
    background-color: #FFF;
    padding: 25px;
}


/*
    FORMS
*/
.form-control {
    border-color: #cf78e1;
}

    .form-control:focus {
        border-color: #cf78e1;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(113, 26, 131, 0.6);
    }

.btn-primary {
    background-color: #711a83;
    border-color: #711a83;
    color: #FFF;
}

    .btn-primary:hover {
        background-color: #89329b;
        border-color: #89329b;
        color: #fff;
    }

    .btn-primary.active,
    .btn-primary:active, .open >
    .dropdown-toggle.btn-primary {
        background-color: #89329b;
        border-color: #89329b;
        color: #fff;
    }

    .btn-primary.focus, .btn-primary:focus {
        background-color: #89329b;
        border-color: #89329b;
        color: #fff;
    }

        .btn-primary.active.focus,
        .btn-primary.active:focus,
        .btn-primary.active:hover,
        .btn-primary.focus:active,
        .btn-primary:active:focus,
        .btn-primary:active:hover,
        .open > .dropdown-toggle.btn-primary.focus,
        .open > .dropdown-toggle.btn-primary:focus,
        .open > .dropdown-toggle.btn-primary:hover {
            background-color: #89329b;
            border-color: #89329b;
        }

.page-wrapper-loggedin #main {
    background-color: rgba(255, 255, 255, 0.96);
}

.navbar-custom-top {
    background-color: #000;
    border-bottom: 6px solid #9b5ea8;
    margin-bottom: 0;
}

    .navbar-custom-top .navbar-nav > li a {
        padding-bottom: 11px;
        padding-top: 11px;
    }

    .navbar-custom-top .navbar-nav > li > a,
    .navbar-custom-top .navbar-text {
        color: #fff;
    }

        .navbar-custom-top .navbar-nav > li > a:hover {
            color: #f0e8f2;
        }

    .navbar-custom-top .navbar-brand {
        color: #fff;
        line-height: 50px;
        font-size: 22px;
    }

        .navbar-custom-top .navbar-brand span.product-name {
            padding-top: 2px;
            display: block;
            float: right;
        }

.product-name {
    color: #FFF;
}

    .product-name :active:hover {
        color: #FFF;
    }

.navbar-custom-bottom {
    background-color: #000;
    border-top: 3px solid #711A83;
}

    .navbar-custom-bottom .navbar-nav > li > .text {
        color: #fff;
    }

    .navbar-custom-bottom .navbar-nav > li > a {
        color: #fff;
    }

    .navbar-custom-bottom .navbar-nav > .active > a {
        background-color: #711a83;
        color: #fff;
    }

    .navbar-custom-bottom .navbar-nav > li > a:hover,
    .navbar-custom-bottom .navbar-nav > li > a:focus,
    .navbar-custom-bottom .navbar-nav > .open > a,
    .navbar-custom-bottom .navbar-nav > .open > a:hover,
    .navbar-custom-bottom .navbar-nav > .open > a:focus {
        background-color: #89329b;
        color: #fff;
    }


.custom-thumbnail {
    padding: 0px;
    text-decoration: none;
}

    .custom-thumbnail .caption {
        background-color: #EDEDED;
    }

        .custom-thumbnail .caption h3 {
            margin-bottom: 0px;
            margin-top: 0px;
            font-size: 14px;
            line-height: 17px;
            height: 34px;
        }

            .custom-thumbnail .caption h3.small {
                font-size: inherit;
            }

        .custom-thumbnail .caption.visible-sm-block h3 {
            font-size: 16px;
        }

        .custom-thumbnail .caption.visible-md-block h3 {
            font-size: 15px;
        }

    .custom-thumbnail .list-group {
        margin-bottom: 0px;
    }

    .custom-thumbnail .list-group-item {
        border-left: none;
        border-right: none;
        padding: 8px 12px;
    }

    .custom-thumbnail:hover .list-group-item {
        border-color: #9740a9;
    }

    .custom-thumbnail .list-group-item span.text,
    .custom-thumbnail .list-group-item span.value {
        color: #333;
        font-size: 12px;
        line-height: 15px;
    }

    .custom-thumbnail .list-group-item span.text {
        font-weight: bold;
    }

    .custom-thumbnail .list-group .list-group-item:last-child {
        border-bottom: none;
    }

a.thumbnail.active,
a.custom-thumbnail.active,
a.thumbnail:focus,
a.custom-thumbnail:focus,
a.thumbnail:hover,
a.custom-thumbnail:hover {
    border-color: #9740a9;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
}

    a.custom-thumbnail:active .caption,
    a.custom-thumbnail:focus .caption,
    a.custom-thumbnail:hover .caption {
        color: #fff;
        background-color: #9740a9;
    }

.section-entry-header > h1 {
    color: #711a83;
}


.nav-tabs-submodulos {
    background-color: #999;
}

    .nav-tabs-submodulos > li {
        border-right: 1px solid #b88cc1;
    }

        .nav-tabs-submodulos > li > a,
        .nav-tabs-submodulos > li.active > a {
            background-color: #666;
            color: #fff;
        }

        .nav-tabs-submodulos > li.active > a {
            background-color: #711a83;
            color: #fff;
        }

            .nav-tabs-submodulos > li > a:focus,
            .nav-tabs-submodulos > li > a:hover,
            .nav-tabs-submodulos > li.active > a:hover {
                background-color: #89329b;
                color: #fff;
            }

.panel-choiceheader {
    border-color: #e5e5e5;
    background-color: #e5e5e5;
}

    .panel-choiceheader .panel-twbox {
        background-color: #f6f6f6;
    }

    .panel-choiceheader .panel-twbox-med {
        background-color: #989898;
    }

    .panel-choiceheader .panel-twbox-strong {
        background-color: #89329b;
    }

    .panel-choiceheader .panel-twbox-button {
        border: 6px solid #989898;
        background-color: #89329b;
    }

        .panel-choiceheader .panel-twbox-button:hover {
            border: 6px solid #89329b;
            background-color: #711a83;
        }

        .panel-choiceheader .panel-twbox-button .btn-primary {
            background-color: #89329b;
            border-color: #89329b;
            color: #FFF;
        }

        .panel-choiceheader .panel-twbox-button:hover .btn-primary {
            background-color: #711a83;
            border-color: #711a83;
            color: #FFF;
        }

    .panel-choiceheader .panel-twbox-med span.text,
    .panel-choiceheader .panel-twbox-med span.value,
    .panel-choiceheader .panel-twbox-strong span.text,
    .panel-choiceheader .panel-twbox-strong span.value {
        color: #fff;
    }
