body {
    background: #f7f7f7;
    padding-top: 0px;
    padding-bottom: 0px;
}

/**/


@font-face {
    font-family: 'bebas_neuebold';
    src: url('../Content/fonts/bebas-neue/bebasneue_bold_0-webfont.eot');
    src: url('../Content/fonts/bebas-neue/bebasneue_bold_0-webfont.eot?#iefix') format('embedded-opentype'), url('../Content/fonts/bebas-neue/bebasneue_bold_0-webfont.woff2') format('woff2'), url('../Content/fonts/bebas-neue/bebasneue_bold_0-webfont.woff') format('woff'), url('../Content/fonts/bebas-neue/bebasneue_bold_0-webfont.ttf') format('truetype'), url('../Content/fonts/bebas-neue/bebasneue_bold_0-webfont.svg#bebas_neuebold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bebas_neuebook';
    src: url('../Content/fonts/bebas-neue/bebasneue_book-webfont.eot');
    src: url('../Content/fonts/bebas-neue/bebasneue_book-webfont.eot?#iefix') format('embedded-opentype'), url('../Content/fonts/bebas-neue/bebasneue_book-webfont.woff2') format('woff2'), url('../Content/fonts/bebas-neue/bebasneue_book-webfont.woff') format('woff'), url('../Content/fonts/bebas-neue/bebasneue_book-webfont.ttf') format('truetype'), url('../Content/fonts/bebas-neue/bebasneue_book-webfont.svg#bebas_neuebook') format('svg');
    font-weight: normal;
    font-style: normal;
}

.nameLogo {
    font-family: 'bebas_neuebook';
    color: #8b024f !important;
    font-size: 26px;
}

    .nameLogo span {
        font-family: 'bebas_neuebold';
    }


/**/
.contentBanner {
    width: 100%;
    height: 200px;
    background: url(../Content/images/background/bg-banner.jpg) top center;
}

/**/

h2 {
    color: #8b024f;
    font-size: 26px;
    margin-top: 30px;
}

h3 {
    color: #010101;
    font-size: 22px;
}

h4 {
    color: #ffc11c;
    font-size: 22px;
}



p {
    color: #606060;
    font-size: 16px;
}

/***/
.contentBloques h3 {
    margin-bottom: 15px;
    width: 100%;
}

.contentBloques input {
    max-width: 100%;
}

.contentBloques .col-md-6 {
    margin: 0px 0px 45px 0px;
}

.contentBloques select#ddlProducts {
    padding: 7px 20px 7px 13px;
}

.contentBanner.none {
    display: none;
}

/**/

div#zoomdialogTable img {
    width: 100%;
}

/**/
ul#sortable2 .ui-state-default span {
    color: #606060;
    font-size: 14px;
    margin: 0 auto;
    display: block;
}

/**/
a.btn.btn-primary {
    color: #fff;
    margin: 20px 0px 0px 0px;
    cursor: pointer;
}

    a.btn.btn-primary:hover {
        color: #fff;
    }

.btn-primary {
    color: #fff;
    background-color: #8b024f;
    border-color: #8b024f;
    padding: 10px 30px;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background-color: #4d042d;
        border-color: #4d042d;
    }
/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}


.hidden {
    display: none;
}




/**/

.navbar {
    padding: 0em 1rem;
    background-color: #FFFFFF !important;
}

/*.navGlobal {
}*/

ul.nav.navbar-nav.navGeneral {
    height: 65px;
}

div#navbarText {
    position: relative;
}

.navGeneral li a {
    padding: 23px 20px 25px 62px;
    line-height: 15px;
    display: block;
    font-size: 13px;
    color: #bdbdbd;
    max-width: 180px;
    /**/
    background: url(../Content/images/icos/icon-contacto.png) top left no-repeat;
}

    .navGeneral li a:hover {
        background: url(../Content/images/icos/icon-contacto.png) bottom left no-repeat;
        text-decoration: none;
        color: #8b024f;
    }


.navGeneral li.navDossier a {
    background: url(../Content/images/icos/icon-generar.png) top left no-repeat;
    background: url(../Content/images/icos/icon-generar.png) top left no-repeat;
}

    .navGeneral li.navDossier a:hover {
        background: url(../Content/images/icos/icon-generar.png) bottom left no-repeat;
        text-decoration: none;
        color: #8b024f;
    }


.navGeneral li.navReport a {
    background: url(../Content/images/icos/icon-informes-01.png) top left no-repeat;
}

    .navGeneral li.navReport a:hover {
        background: url(../Content/images/icos/icon-informes-01.png) bottom left no-repeat;
        text-decoration: none;
        color: #8b024f;
    }






.navGeneral li.navLogin a {
    background: url(../Content/images/icon-user.png) top left no-repeat;
}

    .navGeneral li.navLogin a:hover {
        background: url(../Content/images/icon-user.png) bottom left no-repeat;
        text-decoration: none;
        color: #8b024f;
    }







.navGeneral li.navStatistics a {
    background: url(../Content/images/icos/icon-informes-02.png) top left no-repeat;
}

    .navGeneral li.navStatistics a:hover {
        background: url(../Content/images/icos/icon-informes-02.png) bottom left no-repeat;
        text-decoration: none;
        color: #8b024f;
    }




a#lnkReportGoogleAnalytics,
a#lnkReportDossiersStatistics {
    padding: 16px 10px 18px 62px
}

.navGeneral li.navName {
    padding: 11px 0px 15px 16px;
    border-left: 1px solid #ededed;
}


.navName span {
    font-weight: bold;
    color: #8b024f;
}

.navGeneral li.navName a {
    padding: 0px;
    background: none;
}

li.navLogout {
    position: absolute;
    right: 0px;
    top: 0px;
}

.navGeneral li.navLogout a {
    background: url(../Content/images/icos/icon-login.png) top center no-repeat #ffc11c;
    padding: 33px 33px;
}


/*
.navGeneral li.navContact a {
    background:url(../Content/images/icos/icon-contacto.png) top left no-repeat;
}*/
.navLogout a {
    background: url(../Content/images/icos/icon-login.png) top center no-repeat #ffc11c;
}

/**/

.box_enlaces {
    float: right;
    width: 47%;
}

    .box_enlaces ul,
    .contentDescription ul {
        padding: 0px;
        margin: 0px;
    }

        .box_enlaces ul li,
        .contentDescription ul li {
            list-style: none;
            background: url(../Content/images/icos/icon-bullet.png) top left no-repeat;
            padding: 0px 0px 0px 15px;
            background-position: 0px 9px;
        }

            .box_enlaces ul li a,
            .contentDescription ul li a {
                text-decoration: underline !important;
                line-height: 23px;
                cursor: pointer;
            }


.contentDescription {
    float: left;
    width: 50%;
}

/**/

div#sortable1 {
    margin: 20px 0px;
    float: left;
}

/**/

.dossierIndice {
    float: left;
    width: 100%;
}

    .dossierIndice ul {
        padding: 0px;
        margin: 0px;
    }

    .dossierIndice h3 {
        cursor: pointer;
        font-size: 15px;
        margin: 0px;
        padding: 18px 20px 8px 20px;
        float: left;
        width: 100%;
        font-weight: normal;
        background: url(../Content/images/background/bg-degradado-small.png) top repeat-x;
        border: 1px solid #d0d0d0;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
    }

        .dossierIndice h3 span {
            background: url(../Content/images/icos/icon-arrow-down.png) 3px -17px;
            display: block;
            height: 28px;
            width: 28px;
            float: right;
        }

        .dossierIndice h3.ui-state-active span {
            background: url(../Content/images/icos/icon-arrow-up.png) 3px -17px;
        }

.contentListIndice {
    width: 100%;
    padding: 20px 30px;
    float: left;
}

    .contentListIndice ul {
        padding: 0px;
        margin: 0px;
    }

    .contentListIndice li {
        /* cursor: pointer;
        float: left;
        width: 100%;
        list-style: none;
        color: #8b024f;
        font-size: 18px;
        font-weight: bold;
        padding: 0px 0px 10px 0px;*/
        cursor: pointer;
        float: left;
        width: 100%;
        list-style: none;
        color: #8b024f;
        font-size: 18px;
        font-weight: bold;
        padding: 0px 0px 10px 0px;
        word-break: break-all;
    }

        .contentListIndice li li {
            /*
            color: #606060;
            font-size: 16px;
            font-weight: bold;
            background: url(../Content/images/icos/icon-bullet.png) top left no-repeat;
            padding: 0px 0px 10px 15px;
            background-position: 0px 9px;
            */
            color: #606060;
            font-size: 15px;
            font-weight: bold;
            /* background: url(../Content/images/icos/icon-bullet.png) top left no-repeat; */
            padding: 0px 0px 10px 13px;
            background-position: 0px 9px;
        }

            .contentListIndice li li img.small_image {
               /* width: 100%;*/
            }


            .contentListIndice li li li {
                /*
                color: #606060;
                font-size: 14px;
                font-weight: normal;
                background: none;
                padding: 0px 0px 5px 0px;
                */
                color: #606060;
                font-size: 13px;
                font-weight: normal;
                background: none;
                padding: 6px 0px 7px 15px;
            }

                .contentListIndice li li li a,
                .contentListIndice li li a,
                .contentListIndice li a {
                    color: #8b024f;
                    border: 1px solid #8b024f;
                    padding: 10px 25px;
                    display: block;
                    font-weight: normal;
                    float: left;
                    font-size: 14px;
                    margin-top: 14px;
                    border-radius: 50px;
                    -webkit-border-radius: 50px;
                    -moz-border-radius: 50px;
                    -o-border-radius: 50px;
                    -ms-border-radius: 50px;
                }
/**/
.buttons {
    width: 100%;
    padding: 0px;
    float: left;
    margin: 20px 0px;
}

    .buttons li {
        list-style: none;
    }

        .buttons li a {
            line-height: 20px;
            padding: 16px 60px;
            font-size: 17px;
            background: #f9b105;
            display: block;
            height: 100px;
            color: #ffffff;
            cursor: pointer;
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -o-border-radius: 10px;
            -ms-border-radius: 10px;
        }

            .buttons li a:hover {
                text-decoration: none;
            }

            .buttons li a img {
                float: left;
                margin: 0px 10px 0px 0px;
            }

/* HOME */
.jumbotron {
    background: none;
    padding: 0px;
}

.powered {
    width: 100%;
    text-align: center;
    float: left;
    font-weight: bold;
    margin-top: 10px;
    font-size: 14px;
    color: #3e3e3e;
}

.contentLogoProducts {
    background: url(../Content/images/background/bg-degradado-logos.jpg) bottom repeat-x;
    border: 1px solid #d0d0d0;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}
    .contentLogoProducts img {
        width: 150px;
        padding: 25px 0px;
    }
    .contentLogoProducts.Forxiga img {
        padding: 10px 0px;
        width:207px;
    }
    .contentLogoProducts.Imfinzi img {
        width: 238px;
        padding: 15px 0px;
    }
.contentLogoProductsBox p {
    text-align: center;
    font-weight: bold;
    margin: 0px 0px 10px 0px;
}
/**/
#assistant a {
    color: #f9b105;
    text-decoration: underline;
}



/**/
span.pagebreak {
    font-size: 12px;
}

.listBlock.dossier h4 {
    width: 100%;
    text-align: right;
    margin-bottom: 40px;
}

.listBlock.origen h4 {
    width: 100%;
    text-align: left;
    margin-bottom: 40px;
}

.btn-default {
    color: #FFFFFF;
    background-color: #8b024f;
    padding: 10px 30px;
    border-color: #8b024f;
    margin: 20px 20px 0px 0px !important;
}

    .btn-default:hover {
        color: #FFFFFF;
    }

.listBlock.dossier #sortable1 {
    padding: 0px;
    margin: 0px;
}

    .listBlock.dossier #sortable1 h3 {
        cursor: pointer;
        font-size: 15px;
        margin: 0px;
        padding: 18px 20px 8px 20px;
        float: left;
        width: 100%;
        font-weight: normal;
        background: url(../Content/images/background/bg-degradado-small.png) bottom repeat-x #fcfcfc;
        border: 1px solid #d0d0d0;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
    }





.listBlock.dossier h3 span {
    background: url(../Content/images/icos/icon-arrow-down.png) 3px -17px;
    display: block;
    height: 28px;
    width: 28px;
    float: right;
}

.listBlock.dossier h3.ui-state-active span {
    background: url(../Content/images/icos/icon-arrow-up.png) 3px -17px;
}



div#scrollsortTable2 {
    background: #f5f5f5;
    border: 1px solid #dedede;
    width: 100%;
    padding: 15px 20px;
    float: left;
}

ul#sortable2 {
    background: #f5f5f5;
    border: 1px dashed #d2d2d2;
    padding: 15px 20px;
    min-height: 490px;
    margin: 0px;
    width: 100%;
    float: left;
}

    ul#sortable2 ul ul {
        padding: 0px;
    }

    ul#sortable2 ul {
        padding: 0px 0px 0px 34px;
        margin: 0px;
    }


    ul#sortable2 li {
        cursor: pointer;
        float: left;
        width: 100%;
        list-style: none;
        color: #8b024f;
        font-size: 18px;
        font-weight: bold;
        padding: 0px 0px 10px 0px;
        word-break: break-all;
    }

        /*ul#sortable2 li img {
        }*/

            ul#sortable2 li img.small_image {
                width: 80%;
                margin: 0 auto;
                text-align: center;
            }

img.small_image {
    float: none;
    margin: 10px auto;
    display: block;
    width: auto;
}

ul#sortable2 li li {
    color: #606060;
    font-size: 16px;
    font-weight: bold;
    background: url(../Content/images/icos/icon-bullet.png) top left no-repeat;
    padding: 0px 0px 10px 15px;
    background-position: 0px 9px;
}

    ul#sortable2 li li li {
        color: #606060;
        font-size: 14px;
        font-weight: normal;
        background: none;
        padding: 0px 0px 5px 0px
    }

        ul#sortable2 li li li a {
            color: #8b024f;
            border: 1px solid #8b024f;
            padding: 10px 25px;
            display: block;
            float: left;
            margin-top: 14px;
            border-radius: 50px;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            -o-border-radius: 50px;
            -ms-border-radius: 50px;
        }

/**/


ul#sortable2 li.salto {
    background: #e8e8e8;
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid #dedede;
    color: #3e3e3e !important;
    padding: 3px 0px !important;
}


/**/
.contentUpload {
    width: 100%;
    text-align: center;
}

    .contentUpload h3 {
        margin-bottom: 20px;
    }

.legendUpload {
    font-size: 12px;
    margin-top: 10px;
}
/**/
.contentLogin {
    width: 300px;
    margin: -123px auto 53px auto;
    text-align: center;
    background: #fff;
    padding: 22px 15px;
}

    .contentLogin h2 {
        margin: 0px 0px 20px 0px;
    }

/**/
.contentError {
    padding: 31px 0px;
    text-align: center;
}

    .contentError img {
        width: 200px;
    }

    .contentError h1 {
        margin: 15px 0px 0px 0px;
        font-size: 35px;
        color: #9d436f !important;
    }

h2.text-danger {
    margin: 0px;
    font-size: 18px;
    color: #3e3e3e !important;
}

/**/
.contentFooter {
    width: 100%;
    text-align: center;
    float: left;
    padding: 30px 0px;
}

    .contentFooter ul {
        padding: 12px 0px 0px 0px;
        margin: 0px auto 0 auto;
        width: 80%;
    }

        .contentFooter ul li {
            list-style: none;
            padding: 0px;
            float: left;
            width: 25%;
        }

            .contentFooter ul li a {
                font-size: 14px;
                color: #3e3e3e;
            }

                .contentFooter ul li a:hover {
                    text-decoration: none;
                }

.modal-dialog {
    max-width: 690px;
}

.modal-body .overview {
    overflow: scroll
}

/***/
.bottom_document {
    text-align: center;
    padding: 20px 0px;
    float: left;
}

.contentBtn {
    text-align: center;
}

.bottom_document p {
    font-size: 12px;
    float: left;
    padding: 12px 0px 0px 0px;
}


.contentForm {
    width: 100%;
}

    .contentForm input,
    .contentForm textarea {
        width: 100%;
        max-width: 100%;
    }


    .contentForm textarea {
        height: 120px;
    }

/**/
.containerInforme iframe {
    height: 650px;
}

/**/
.containerInforme iframe {
    height: 500px !important;
    margin-top: 30px;
    border: 0px;
}

.explorationContainer .exploreCanvas .backgroundContainer.outspaceContainer {
    background: #f7f7f7 !important;
}

.leyenda {
    font-size: 14px;
    line-height: 18px;
    margin-top: 52px;
}

    .leyenda a {
        color: #ecb13e;
    }


.contentFooter {
    color: #FFF;
    background: #363839;

}
    .contentFooter ul {
        padding: 0px;
        margin: 20px auto 12px auto;
        width: 100%;
        float: left;
    }
    .contentFooter ul li a {
        font-size: 14px;
        color: #fff;
    }
.powered {
    color: #fff;
}
.contentListIndice li li img.small_image {
    width: 100% !important;
}





@media (max-width:1200px) {
    .navGeneral li a {
        max-width: 170px;
    }

    .nameLogo span {
        display: block;
    }

    .nameLogo {
        font-size: 23px;
        line-height: 23px;
    }

    .navGeneral li a {
        font-size: 12px;
    }

    .navGeneral li a {
        padding: 23px 5px 25px 60px;
    }

    .buttons li a {
        padding: 16px 34px;
    }
}
/* Para ajustar las imágenes */
@media screen and (max-width: 765px) {
    img.small_image {

        width: 100%;
    }
    .contentFooter ul li {
        width: 100%;
    }

}