/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 1-set-2016, 14.07.06
    Author     : moreno
*/
body, html {
    background-repeat: no-repeat;
    background-size: cover;
    background-color: black;

}

@font-face {
    font-family: 'OpenSans';
    src: url("../../fonts/fontOpenSans/OpenSans-Regular.ttf");
}
@font-face {
    font-family: 'OpenSansbold';
    src: url("../../fonts/fontOpenSans/OpenSans-Bold.ttf");
}

@font-face{
    font-family: 'RobotoR';
    src: url("../../fonts/Roboto-Regular.ttf")
} 

.RobotoR{
    font-family: 'RobotoR' !important;
    font-size: 21px;
    font-weight: bold;
}

div,p,span,h1,h2,h3,h4,label,.btn{
    font-family: 'Roboto' !important;
}

*{
    font-family: 'Roboto';/*'Roboto', sans-serif;*/
}

.fontOpenSans{
    font-family: 'Roboto' !important;
}


.backgroundViewer{
    background-size: cover;
    background-repeat: no-repeat;
}

.zoomin-on{
    width: 70% !important;
    margin: auto !important;
    margin-bottom: 30px !important;
    margin-top: 70px !important;
}

.zoomin-on-domande{
    width:65% !important;
    margin: auto !important;
    /*height: 100px;*/
    /*margin-top: 30px !important;*/
}

@media (max-width: 768px){
    .LogoResponsive{
        grid-column: span 12 !important;
    }
}

/*@font-face{
    font-family: Ubuntu;
    src: url(/digital-intesaibm/fonts/Ubuntu-Regular.ttf);
}

@font-face{
    font-family: Ubuntu-Light;
    src: url(/digital-intesaibm/fonts/Ubuntu-Light.ttf);
}

.Ubuntu-Medium{
    font-family: Ubuntu-Light !important;
}*/

div {
    font-family: RobotoR !important;
}

/*@font-face {
    font-family: IBMPlexSans;
    src: url(../../fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf);
}

@font-face {
    font-family: IBMPlexSans-Bold;
    src: url(../../fonts/IBM_Plex_Sans/IBMPlexSans-Bold.ttf);
}

@font-face {
    font-family: IBMPlexSans-Bold-Italic;
    src: url(../../fonts/IBM_Plex_Sans/IBMPlexSans-BoldItalic.ttf);
}*/

@media only screen
and (min-device-width: 768px)
and (max-device-width: 1024px) {

}

@media (min-width: 481px) and (max-width: 767px) {


}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

#toolbar_sx {
    background-color:transparent;
}

.Netowrk {
    width: auto;
    height: auto;
    position: absolute;
    right: 350px;
    top: -10px;
    max-width: 250px !important;
}

.zerounoweLogo {
    width: auto;
    height: auto;
    position: absolute;
    right: 50px;
    top: -10px;
    max-width: 250px !important;
}

.ibmLogo {
    width: auto;
    height: auto;
    position: absolute;
    left: 0px;
    top: 4px;
    max-width: 200px !important;
}

@media (max-width: 738px) {

    .phoneLogoNetowrk {
        width: auto;
        height: auto;
        position: absolute;
        right: 200px;
        top: 5px;
        max-width: 180px !important;
    }

    .phoneLogoZerouno {
        width: auto;
        height: auto;
        position: absolute;
        right: 11px;
        top: 5px;
        max-width: 180px !important;
    }

    .phoneIbm {
        width: auto;
        height: auto;
        position: absolute;
        left: 0px;
        top: 5px;
        max-height: 180px !important;
    }

}

@media (min-width: 320px) and (max-width: 480px) {

    .phoneLogoNetowrk {
        width: auto;
        height: auto;
        position: absolute;
        right: 120px;
        top: 20px;
        max-width: 100px !important;
    }

    .phoneLogoZerouno {
        width: auto;
        height: auto;
        position: absolute;
        right: 11px;
        top: 20px;
        max-width: 100px !important;
    }

    .phoneIbm {
        width: auto;
        height: auto;
        position: absolute;
        left: 30px;
        top: 27px;
        max-height: 20px !important;
    }

}


/*#toolbar_sx {*/
/*    background: url("../../assets/headers_small.png");*/
/*    background-repeat: no-repeat;*/
/*    background-size:contain ;*/
/*}*/
@font-face {
    font-family: Metric;
    src: url("/fonts/Metric-Regular.ttf");
}

@font-face {
    font-family: 'GraphikRegular';
    src: url("../../fonts/Graphik-Regular.ttf");
}

@font-face {
    font-family: 'GraphikSemibold';
    src: url("../../fonts/Graphik-Semibold.ttf");
}


.fumetto-like {
    font-size: x-small;
    padding-top: 4px;
    padding-left: 5px;
    color: #F4F4F4; /* #989898; */
    font-weight: bold;
    /* min-height:16px; */
    /*line-height: 18px; */
    /*padding:5px;*/
    width: 35px;
    height: 21px;
    background-image: url('/v3/assets/fumetto.png');
    background-repeat: no-repeat;
    background-size: auto;
    text-align: center;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.col-webinar {
    background-color: white;
}

.col-content {
    background-color: #ebebeb;
}

.video-custom {
    padding: 135px 0px 20px 20px;
    padding-left: 0px;
    padding-top: 75px;
    padding-bottom: 0;
    background-color: transparent;
}

::-webkit-scrollbar {
    width: 0.4em;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
    background-color: rgb(98, 98, 98);
    outline: 1px solid rgb(98, 98, 98);
}

.panel-group .panel + .panel {
    margin-top: 0px !important;

}

.panel-group {
    margin-bottom: 0px !important;
}


.border-box-sx {
    border: 2px solid #ffffff;
}

.background-domande {
    background: #F4F4F4;
    color: white;
    /*margin-top: 20px;*/
}

.background-domande-box {
    /*margin: 20px;*/
    background: transparent;
}

.logo_sfondo {
    position: absolute;
    bottom: 0;
    text-align: right !important;
}

.md-dialog-container {
    z-index: 1000;
}

#presentation_title b {
    /*font-family: IBMPlexSans !important;*/
}

/* common */
.vertical_middle {
    vertical-align: middle;
}

.margin_5px {
    margin: 5px
}

.float_right {
    float: right !important;
}

.font_12px {
    font-size: 12px;
}

.bkg_white {
    background-color: white;
}

.bkg_bluedigital {
    background-color: #666666;
}

.text_hashtag {
    color: white;
    /*font-weight: bold*/
}

.ellipsis {
    text-overflow: ellipsis;

    /* Required for text-overflow to do anything */
    white-space: nowrap;
    overflow: hidden;
}

.overflow {

    /**
     * Required properties to achieve text-overflow
     */
    white-space: nowrap;
    overflow: hidden;
}

/* TOOLBAR */
.viewer_toolbar {
    min-height: 36px !important
}

.toolbar_logo_sx {
    padding-top: 2px
}


md-toolbar.md-default-theme:not(.md-menu-toolbar), md-toolbar:not(.md-menu-toolbar) {
    background-color: #E3EAF7;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


/* SX */
.media_player {
    width: 100% !important;
    height: auto;
}

.jwplayer {
    min-height: 100px !important;
}

.box_info_question {
    background-color: #e8e8e8;
    max-height: 45px;
}

.box_info_question span {
    font-size: 12px;
}


.domanda-container {
    display: flex !important;
}

.md-resize-wrapper {
    width: 100% !important;
}


.bottone-invia {
    margin: 0 !important;
    padding: 0 !important;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: bold;
    color: white;
    border: 1px solid #9a99b5;
    background-color: rgb(24 18 40 / 52%) !important;
    height: 100% !important;
    border-radius: 1px;
    padding: 0px 45px !important;
}

.bottone-invia span {
    font-family: IBMPlexSans;
}

.bottone-invia:hover {
    background-color: rgb(64 48 104 / 52%);
}

#vertical-container span {
    color: white !important;
    font-family: IBMPlexSans !important;
}

.textarea_question {

    font-size: 13px;
    line-height: 20px !important;
    max-height: 150px !important;
    border-radius: 1px;
    min-height: 30px;
    height: auto;
    font-family: 'miriad';
    background: #00000038 !important;
    border: 1px solid #6f6e89 !important;
    color: white !important;
    padding: 6px !important;
    font-family: Ubuntu-Light !important;
}

.domande-pervenute {
    background: #00000038 !important;
    border: 1px solid #6f6e89 !important;
    color: white !important;
    height: 130px !important;
    margin-bottom: 20px !important;
}


.toolbar_title {
    padding-left: 40px;
    padding-right: 16px;
    /*vertical-align: middle;*/
    /*font-size: 18px;*/
    /*padding-top: 7px;*/
    font-weight: bold;
    justify-content: flex-end;
    font-family: IBMPlexSans-Bold-Italic;
}

.securityLogo {
    width: 53%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ibmLogo-sx {
    width: 27%;
    margin-right: 45px;
}

.ibmSecurity {
    width: 34%;
    margin-left: 500px;
}

.info_partner_div {
    max-height: 25px;
}

.info_partner_div span {
    font-size: 12px;
    /*font-weight: bold;*/
}

.card_partner {
    box-shadow: none !important;
    border: none !important;
}

/*.striscia_digital {*/
/*    max-height: 30px;*/
/*    height: 30px;*/
/*    background-image: url('../assets/barra_corta.png');*/
/*    background-repeat: repeat-x;*/
/*    !*background-size: cover; *!*/
/*}*/


/* DX */
.header_relatori {
    margin: 5px 20px 0px 20px;
    padding: 0px;
    height: 60px;
}

.header_titolo {
    padding: 15px 0px 10px 0px !important;
    font-size: 14px;
}

.header_slides {
    padding: 0px 0px 10px 0px
}

.header_slides span {
    font-size: 13px
}

.content_slide {
    margin: 5px 20px 10px 20px;
    /*background-color:blue*/
}

.nav_slide {
    margin: 10px 20px 10px 20px;
    height: 52px;
    max-height: 52px;
}

.nav_slide_prec {
    margin-left: 10px;
    margin-right: 15px
}

.nav_slide_next {
    margin-left: 15px;
    margin-right: 10px;
}

.primoround-resync-button {
    display: none;
}


/* SIDE NAV */

.slidenav {
    background: #575757;
}

.slidenav_title {
    padding-bottom: 5px;
    font-size: normal;
    color: white
}

.slides_footer {
    background: rgba(0, 0, 0, .38) !important;
    height: 30px;
}

/* TEMPLATE */
.question-box {
    margin: 8px;
    background-color: white;
    padding: 17px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    color: black;
}

.question {
    /*font-size: large;
    font-weight: bold; */
}

.answer-id {
    background-color: lightgray;
    padding: 5px;
    text-align: center;
    /* font-size: medium; */
    color: black;
}

/*  answer-id A,B,C sotto il grafico */

.answer-id.disabled {

}


.answer-id.disabled {
    background-color: #c2bfbe;
}

.answer-text {
    background-color: #f3f3f3;
    color: black;
    padding: 5px;
    /* font-size: medium; */
    width: 100%;
}


.answer-text.disabled {
    background-color: #969696;
    color: white;
}

.answer-id.disabled.selezionato {
    background-color: #E69535;
    color: white;
}

.answer-text.disabled.selezionato, .answer-text.selezionato {
    background-color: #E69535;
    color: white;
}

.answer-row {
    margin-left: 40px;
    margin-right: 40px;
}

.pr-chart {
    /*width:600px;*/
    min-width: 95%;
    max-width: 95%;
    /* margin-left: 30px; */
    /* margin-right: 30px; */
}

.answers-chart {
    margin-top: 4px;
    margin-bottom: 4px;
}

.question-chart {
    margin-top: 4px;
    margin-bottom: 4px;
    padding-bottom: 8px;
    padding-top: 4px;
}

.jqplot-xaxis-tick .answer-id-ticks {
    background-color: #969696 !important;
    /* padding: 5px;   */
    padding-left: 7px !important;
    padding-right: 7px !important;
    /* text-align:center !important; */
    /* font-size: normal !important; */
    color: white !important;
    margin-top: 3px;
}

.question-chart-n_risp {
    padding-top: 7px;
    padding-bottom: 2px;
    font-size: small;
}

.http_player {
    width: 100% !important;
    height: auto;
}

.md-button.md-warn.md-fab:not([disabled]):hover {
    background-color: #F4F4F4; /*rgb(244,67,54);*/
}

.md-warn {
    background-color: #F4F4F4;
}

.fixVideo {
    padding-right: 6% !important;
    padding-left: 6% !important;
}

#slide-box {
    margin-bottom: 30px;
}
.toolbar_title {
    margin-left: -50px;
}


@media screen and (max-width: 1024px) {
    .fixVideo {
        padding-right: 2% !important;
        padding-left: 2% !important;
    }
}

/*@media screen and (min-width: 1300px) and (max-width: 1920px) {
    .fixVideo {
        padding-right: 230px !important;
        padding-left: 230px !important;
    }
}*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .layout-row {
        box-sizing: border-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: inline-block !important;
    }

    #clm-sx {
        width: 50%;
        float: left;
    }

    #clm-dx {
        width: 50% !important;
        float: right;
    }

    .col-IE {
        width: 25%;
        float: left;
    }

    .col-sx-IE {
        width: 75%;
        float: right;
    }

    .IE-no-float {
        float: none !important;
    }

    .IE-float-right {
        float: right !important;
    }

    .toolbar_title {
        margin-left: 200px;
        margin-top: 20px;
    }

    .domande-pervenute {
        background: transparent !important;
        margin-bottom: 10% !important;
    }

    .ie-sponsor {
        position: absolute !important;
        bottom: -18%;
        width: 40%;
    }

    .ibmSecurity {
        position: absolute;
        width: 13%;
        top: 15px;
        right: 270px;
    }

    .ibmLogo-sx {
        position: absolute;
        width: 7%;
        top: 15px;
        right: -30px;
    }

    .bottone-invia {
        background: transparent !important;
        width: 20%;
        float: right;
        height: 70px !important;
        margin-top: -20px !important;
    }

    .ie-button {
        margin-left: 70px;
    }

    .toolbar_title {
        position: absolute;
        top: -10px;
    }
    .bottone-invia span b {
        margin-left: -20px;
    }
    .slide-box {
        width: 100%;
        min-width: 100%;
    }
    .fixZoomin{
        width:90% !important;
        margin-left:5%;
    }
    .IE-FixVideo{
        height: auto !important;
    }
    .IE-FixZoomIn{
        
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* FIX */
   
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .IE-no-float {
        float: none !important;
    }
}


@media only screen and (max-width: 1370px) {
    .toolbar_title {
        font-size: 18px;
    }
    .ibmSecurity {
        margin-left: 390px;
    }
}

@media only screen and (max-width: 960px) {
    .ibmSecurity {
        width: 100%;
        margin-left: 0;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .bg-dx {
        background: #2561F7;
    }

    #clm-dx {
        padding-top: 45px !important;
        margin-top: 145px !important;
    }

    #slide-box {
        max-height: 300px !important;
    }
}

@media only screen and (max-width: 650px) {
    #clm-dx {
        margin-top: 60px !important;
    }
}

@media only screen and (max-width: 450px) {
    #clm-dx {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }
    #clm-sx {
        min-height: 470px !important;
    }
    _nav_slide {

    }
}

.loghi{
    max-width: 75%;
}

.logomain{
    max-width: 150%;
}

@media (max-width: 1000px){
    .loghiRes{
        text-align: center !important;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE fix */
    .IE-Logo{
        margin-top: 30% !important;
    }

    .IE-Frase{
        margin-right: -95% !important;
        margin-top: -5% !important;
    }

    .IE-Boxdomande{
        background-color: rgba(0, 0, 0, 0.22) !important;
        max-height: 50px !important;
        min-height: 50px !important;
        height: 50px !important;
        overflow-y: hidden !important;
    }
    html, body{
        max-height: 500px !important;
    }
}