
/*----------------------
# CONGRESS PAGE 
------------------------ */
#myTabJust a.congress-tabs {
    padding: 0px 10px;
    border:none;
}
#alldoc-tab.congress-tabs-all {
    width: 150px;
    color: black;
    border: 1px solid #BD0618;
    border-radius: 5px;
    /* padding: 5px 5px; */
    font-weight: bold;
    margin-right: 10px;
}
li.active #alldoc-tab.congress-tabs-all {
    color: white;
    /* background-color: #BD0618;*/
    background-color: #555;
    border: 1px solid #555;
}
.mt-50 {
    margin-top:50px;
}

/*----------------------
# HOMEPAGE
------------------------ */
.gradient-reverse {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#222222+0,000000+100&0.65+0,0+100 */
    
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.65) 100%);
    /* FF3.6-15 */
    
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(34, 34, 34, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6222222', GradientType=0);
    /* IE6-9 */
}
.newsletter-btn {
    border: 1px solid #BD0618;
    color: #BD0618;
    font-weight: 700;
    margin-right: 5px;
}
.btn-archive.newsletter-btn:hover {
    color: #ffffff;
    background: #BD0618;
    border-color: #BD0618;
}
.subscribe-newsletter form {
    background: #BD0618;
}
.pharmastartv .owl-theme .owl-controls {
    margin-top: -40px;
}


/*----------------------
# Social icons added in the new navbar
------------------------ */
@media screen and (max-width: 992px) {    
    .top-navbar a.apple-app{
        height: 65px;
    } div.block-content{
        padding: 0px; 
    }
} 

.right .icons li{
    float:right;
    width: auto;
    height: auto;
    text-align: center;
    width: 32%;
}
.right .icons i{
    text-align:center;
}
.top-navbar .right .icons a{
    border-bottom:none;
    color: #fff;
}
.top-navbar a.android-app {
    height: auto;
}

@media screen and (min-width: 993px) {    
    .top-navbar a.apple-app{
        height: 95px;
    }
}

/*------------------------------ 
Image Navbar
--------------------------------*/
.last-image-box{
    margin-top:10px;
    margin-bottom:20px;
}
.right{
    height: fit-content;
}
.right.follow{
    height: 85px;
}
.imgcopy{
    padding: 10px;
    text-align: left;
    font-family: 'FrutigerLTPro-Roman', sans-serif;
    font-size: 12px;
    line-height: 1;
}
.last-image-box img{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;

}

/*-----------------------
 Dropdown menu 
-------------------------*/
.dropdown-menu{
    font-size: 19px;
}
.timeline{
    background: #d1d1d1; 
    margin-top: -5px;
    margin-bottom: -25px;
    padding-bottom: 25px;
}
.visible .om-maximenu-content.list-style{
    visibility: visible;
    display: block;
}
.click-visible .om-maximenu-content.list-style{
    visibility: visible;
    display: block;
}
.om-maximenu-content {
    /*border: 1px solid #333333;*/
    border: 1px solid #ccc;
    right: 0;
    display: block;
    position: absolute;
    grid-template-columns: fit-content;
    display: none;
    background: #f5f5f5;
    margin-top: -5px;
    text-align: left;
    width:100%;
    height:fit-content;
} 
.list-style p{
    text-transform: none;
}
.list-style h4{
    color:#C00518;
}

.corsivo{
 font-style:italic;
 font-size: 18px;
}

/*------------------------------------------
Top navbar social icons
------------------------------------------*/
.social-title{
    font-weight:bold;
    margin-top:5px;
    text-transform: none;
    height:25px;
}
.social-nav-icon i{
    padding-top:10px;
}
.icon{
    color: white;
    width: 65px;
    height: 65px;
    border-radius: 10%;
    text-align: center;
    display: inline-block;
    border:1px solid red;
}

.icon.linkedin-btn{
    background-color: #0c6590;
}
.icon.linkedin-btn i{
    color: white;
}
.icon.youtube-btn{
    background-color: white;
}
.icon.youtube-btn i{
    color:red;
}
.icon.facebook-btn{
    background-color: #3b5999;
}
.icon.facebook-btn i{
    color:white;
}
.icon.twitter-btn{
    background-color: white;
}
.icon.twitter-btn i{
    color:rgb(20, 162, 206);
}

/*------------------------------------------
Top navbar
------------------------------------------*/
.visible-on-mobile.btn-search{ 
    display:none;  
}
.more{
    margin-left: 10px;
    font-size: 80%;
    line-height: 25px;
}
.shows-all-btn{
    border:1px solid black;
    border-radius: 3px;
    color: #BD0618;
    text-transform:none;
    padding: 8px 2px 8px 2px;
    margin-left: 10px;
    margin-top: 8px;
    margin-bottom:20px;
    
}
.dropdown-parent h5{
    font-weight:bold;
    color:#BD0618;
    text-transform: uppercase;
}
.top-navbar{
    box-shadow: 0px 10px 7px -6px rgba(0,0,0,0.45);
    color: #414042 !important;
    line-height: 1.5;
    /*height: 45px;*/

}
.top-navbar li{
    padding-top:0;
    padding-bottom:0;
    vertical-align:middle;
    font-size: 19px;
    color: #414042;
    z-index:10;
    /*text-align: left;*/
    text-align: center;
    display: table-cell;
    text-transform: uppercase;
}
.top-navbar li > a{
    box-sizing:content-box;
    padding-top:15px;
    padding-bottom:10px;
}

.om-maximenu-content li {
    text-transform: none;
    text-align: left;
}
.top-navbar .dropdown-parent> li:hover{
    background: #BD0618;
    color: #fff; 
}
.top-navbar ul{
    display: table;
    width: 100%;
}
.top-navbar a{
    color: #333333;
    text-decoration: none;
    padding: 0 10px 0;
    height: 20px;
    line-height: 26px;
    display: block;
    background: transparent;
    font-weight: bold;
}
.top-navbar .affix .dropdown-parent a, .affix .top-link{
    color: #fff; 
}
.top-navbar .dropdown-parent .list-style a{
    color: rgb(37, 35, 35);
}
.top-navbar .dropdown-parent .list-style a:hover{
    color: #BD0618;
}
.arrowdown{
    width: 13px;
    height: 10px; 
    color:#BD0618;
    vertical-align: bottom;
    font-weight:600;
}

@media (min-width: 767px){
    .top-navbar>.container>.navbar-collapse{
        margin-bottom: 0px;
    }.navbar-collapse.collapse{
        height: 40px !important;
    }.top-navbar{
        /*background: linear-gradient(rgb(51, 51, 51) 1%, rgb(38, 38, 38) 100%);*/
        background-color: #ddd;
    }.mobile-only{
        display:none;
    }.om-maximenu-content.last{
        right: 0;
    }.navbar-collapse.affix{
        background: linear-gradient(rgb(51, 51, 51) 1%, rgb(38, 38, 38) 100%);
        margin-bottom:0px
    }.dropdown-element, .top-link{
        border-right: 1px solid #333333;
    }.home.top-link{
        border-left: 1px solid #333333; 
    }
}

@media only screen and (max-width: 990px) {
    .top-navbar li {
        font-size:14px;
    }
}
.top-navbar .navbar-collapse:before, .clearfix:before{
    display:unset;
}

header.active .nav-list-container {
    position: inherit;
}
.navbar-brand {
    padding: 0px 0px 0px 0px;
}

@media (max-width: 1199px){
    .navbar-brand {
       max-width: 100%;
    }
}

.navbar-nav > li > a {
    font-weight: 400;
}

/*-----------------------
 Dropdown menu : Mobile
-------------------------*/
@media screen and (max-width: 767px) {    
    .top-navbar .container li{
        display:block;
        text-align: left;
        margin-left: -15px;
    margin-right: -15px;
    }
    .top-navbar ul{
        padding-left: 0px;  
    }
    .om-maximenu-content .list-style{
        max-width: 300px;
        height: inherit;
    }
    .visible .om-maximenu-content.list-style{
        /*margin-top: -10px;*/
        margin-top: 15px;
    }
    .click-visible .om-maximenu-content.list-style{
        /*margin-top: -10px;*/
        margin-top: 15px;
        position:static;

    }
    .om-maximenu-content.list-style div{
        float:none;

    }
    .dont-show-mobile{
        display:none;   
    }
    .navbar-default{
        /* background: linear-gradient(rgb(51, 51, 51) 1%, rgb(38, 38, 38) 100%);*/
        background: linear-gradient(#fafafa 1%, #f5f5f5 100%);
    }
    .top-navbar .container .affix{
        position: static;  
    }
    .col-xs-6 {
        width: 100%;
    }
    .top-navbar a.dropdown-element > span, a.top-link > span{
        color:#bd1718;;
        border-right: none !important;
        border-left: none;
        border-bottom: 1px solid #bd1718;
        width: 100%;
        padding-bottom: 15px;
        margin-top: 10px;
    }
    .top-navbar.navbar-default .container .navbar-collapse > ul > li{
        width: 100%;
        text-align: left;
        font-size: 20px;
        font-weight:unset;
        min-height: 50px;
    }
    .top-navbar.navbar-default .container .navbar-collapse > ul > li .aa-icon{
       float:right;
    }
    .top-navbar.navbar-default .container .navbar-collapse > ul > li .aa-icon .fa-angle-down{
       font-weight:bold;
       color:white;
       margin-right:5px;
    }.rotated-image i{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .dropdown-parent a.dropdown-element,  a.top-link{
        margin-right: -15px;
        margin-left: -15px;
    }
    a.top-link > span b,.dropdown-parent a.dropdown-element > span b{
        margin-left:20px;
        color: #3e3e3e;
    }.top-link.home {
        padding-top: 0px;
    }.mobile-border{
        border-top: 1px solid grey;
        margin-left:-20px;
        margin-right:-20px;
        display: flex;
    }
}

@media screen and (max-width: 767px){
    .top-navbar.navbar-default .navbar-collapse > ul > li{
        float: none;
    }
    .affix{
        width: auto; 
    }
}

/*-----------------------
 Affix menu : top navbar fixed
-------------------------*/
@media screen and (min-width: 767px){
    .collapse.affix{
        /*padding-left: 70px;
        padding-right: 80px;   */
    }
    .affix a.dropdown-element > span,
    .affix .home.top-link > span,
    .affix a.top-link > span {
        border-right: none;
        border-left: none;
        border-right-style: none;
    }.top-navbar .navbar-collapse.affix > ul{
        max-width: 1260px;
        padding-left:0px;
        padding-right:0px;
    }.affix .main-nav-affix{
        width:80%;
        float:left;
    }.affix .nav-affix{
        width:10%;
        height:10px;
        float:left;
    }.nav-affix{
        width:0%;
    }
}

/*------------------------------ 
Result search page
--------------------------------*/
.new-search-box{
    background-color:#e0e0e0;
    padding:10px;
}
.filter-search{
    color: #BD0618;
    font-weight:bold;
}

/*------------------------------ 
Navbar editing
--------------------------------*/

.top-navbar .navbar-collapse > ul {
    display: block;
    width: 100%;
    padding: 0;
}
.top-navbar .navbar-collapse > ul:after {
    content: "";
    display: table;
    clear: both;
}
.top-navbar .navbar-collapse > ul > li {
    display: block;
    float: left;
    width: 14.2%;
    list-style-type: none;
    margin: 0;
}
.top-navbar .navbar-collapse > ul > li:first-child {
    margin-left:0.3%;
}
a.dropdown-element,
a.top-link,
a.home.top-link{
    border:0;
    padding-left:0;
    padding-right:0;
}
a.dropdown-element > span,
a.top-link > span{
    display:block;
    /*border-right: 1px solid #333333;*/
    border-right: 1px solid #777;
    border-right-style: dotted;
}
.home.top-link > span{
    /*border-left: 1px solid #333333;*/
    border-left: 1px solid #333333;
    border-left-style: dotted;
}
.rotate i{
    float: right;
    margin-right: 30px;
    font-style: unset;
    font-size: 10px
} 
.timeline-box{
    background: #d1d1d1;  
    margin-right: -35px;
    margin-top: -10px;
    margin-bottom: -25px
}

/*------------------------------ 
List manu
--------------------------------*/
.dropdown-parent:hover{
    cursor:pointer;
}
.list-style{
    padding:5px;
    line-height: 1.5px;
    text-transform: uppercase;
}
.om-maximenu-content li{
    display:block;
}
.om-maximenu-content a{
    font-size: 16px;
    list-style: none;
    /*
    border-bottom: 1px solid #e3e3de;
    */
}
.om-maximenu-content a:hover{
    color: #BD0618;
    text-decoration: none;
}
.om-maximenu-content ul{
    padding-left: 0px;
}

.om-maximenu-content.events a,
.om-maximenu-content.last-news a{
    font-weight:unset;
}

.events h4{
    font-weight:bold;
}
.events div{
    border-right:1px solid #BD0618;
}
.box-congress-docs {
    margin-top: 20px;
    height: 110px;
    padding-right:0px;
}
.iconcong {
    padding-right: 5px;
}

/* Nuovo slider homepage 2020  */
.news-ev-text {
    padding: 20px 0px;
    /* border-top: 1px dotted #c00519;*/
}
.news-ev-text .category-post{
    position: unset!important;
}
.news-ev-text h2 a{
    font-size: 19px;
    color: #333333;
}
.news-ev-text h2 {
    margin-top: 0px;
    height:50px;
    line-height: 0.9;
}
.padding-none {
    padding:0px;
}
.border-dotted-red {
    /*background-image: linear-gradient(to right, #c00519 10%, #c00519 0%);*/
    background-image: linear-gradient(to right, #c00519 10%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-size: 10px 1px;
    background-repeat: repeat-x;
}




/* Medium Devices, Desktops */

@media only screen and (max-width: 1200px) {
    .slider-caption-box2 div.slider-holder {
        width: 70% !important;
    }
    .slider-caption-box2 #bx-pager {
        width: 28% !important;
        height: 30vw !important;
    }
}
@media only screen and (max-width: 992px) {
    .slider-caption-box2 div.slider-holder {
        width: 70% !important;
    }
    .slider-caption-box2 #bx-pager {
        width: 28% !important;
        height: 30vw !important;
    }
}
/* Small Devices, Tablets */

@media only screen and (max-width: 767px) {
    .slider-caption-box2 div.slider-holder {
        width: 100% !important;
    }
    .slider-caption-box2 #bx-pager {
        width: 100% !important;
        margin-top: 20px;
        height: 50vw !important;
    }
    /* take off background and put banner instead */
    .mobile-banner {
        display:contents;
    } 
    BODY, body.boxed {
        background:white !important;
        padding-top: 0px !important;
    }
    /* change logo, set the one without barcode */
    .navbar-header{
        background-image: url("../images/logo-no-code-new.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 60%;
    }.navbar-brand img{
        display:none;    
    }
    /* Button mobile-menu */
    .navbar-toggle {
        margin-left: 15px;   
        float: left;
    }
    /* Search Button mobile-menu-header */
    .btn-search.visible-on-mobile{
        width: 35px;
        height: 30px; 
        display:inline-block;
        position: relative;
        float: right;
        margin-top: 14px;
        margin-right: 15px;
    }
    .search-mobile-layout{
        padding:20px;
        align-content:center;
    }
}

@media (max-width: 767px) {
    .navbar-default .navbar-collapse {
        max-height: inherit;
        overflow-y: visible;
        overflow-x: hidden;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #BD0618;
    }.visible-on-mobile.search-mobile-layout{
        display: inline-block;
    }
    .navbar-collapse.collapse.in{
        max-height: inherit;
        overflow-y: visible;
        overflow-x: hidden;
        box-shadow: 0px 10px 7px -6px rgba(0,0,0,0.45);
        color: #414042 !important;
    }
    .single-post-box iframe, .single-post-box img {

        width: 100%;
        height:auto;
    }
}
@media screen and (min-width: 992px) {   
    .banner-news img{
        background-color: #eeeeee;
        margin-top: 20px;
        margin-bottom: 40px;
        padding: 26px;
        width: 300px;
    }
    .banner-news .advertisement{
        margin-bottom:30px;
    }
    .banner-news{
        margin: 0px;
        padding: 0px;
    }
    .mt-dsk-20 {
        margin-top: 20px;
    }
}

/* Menu-2021 */
#navbar-2022 .red-dropdown.open,#navbar-2022 .red-dropdown .dropdown-menu {
    text-align: left;
    background-color: #fff;
    border-radius: 0px;
}
#navbar-2022 li.open a{
    color:#bd0618;
    height: auto;
    padding: 10px;
    border-top: 1px solid #bd0618;
    border-right: 1px solid #bd0618;
    border-left: 1px solid #bd0618;
}
#navbar-2022 li.open a:last-child{
    border-bottom: 1px solid #bd0618;
}
#navbar-2022 li.open a:hover{
    color:#fff;
    height: auto;
    padding: 10px;
    background-color: #bd0618;
}
#navbar-2022 .red-dropdown .dropdown-menu {
    color: #fff!important;
    width:100%;
    margin-top: -5px;
}
#navbar-2022 .navbar-collapse.collapse {
    height: auto!important; 
}
#navbar-2022 {
    background-color:#fafafa;
    border-top: 1px solid #808080;
}
#navbar-2022 li a.top-link {
    margin:0px;
    padding-left:10px;
}
#navbar-2022 li a.top-link {
    margin:0px;
    padding-left:10px;
}
#navbar-2022 li:not(.open) a.top-link ,#navbar-2022 li:not(.open) a.nav-link.dropdown-toggle {
    color: #bd1718;
}
#editoria.red-dropdown.open > a.nav-link.dropdown-toggle{
    background-color: #BD0618;
    color: #fff;
}
#multimedia.red-dropdown.open > a.nav-link.dropdown-toggle{
    background-color: #BD0618;
    color: #fff;
}
.top-navbar li:hover {
    background-color: #bd0618;
    color: #fff !important;
}
.top-navbar a:hover {
    color: #fff !important;
}
#multimedia-dropdown, #editoria-dropdown {
    padding: 0px;
}
@media screen and (max-width: 767px) {    
    #navbar-2022 li.open a{
        color:black;
    }
    #navbar-2022 {
        border:none;
    }
    
}