﻿.body {visibility: visible}

@media only screen and (max-width:1024px) {
    
    .mobileHidden,.IdeaGridFooter td div select,.IdeaGridFooter div div input[type=image]{display: none !important}
    .desktopHidden{display: unset !important}
    .mbBottom{border-bottom: .2rem solid;border-image: linear-gradient(to right, rgb(39, 67, 92), rgb(0, 254, 218));border-image-slice: 1}
    .msgInfo span, .rtsTxt span{font-size: 2rem}

    .WFL {max-width:unset}
    .WFL2 {max-width:unset}

    #logOut {width: 70vw !important;margin: 1vh;top: 1vh !important;height: 6vh;left: -15px !important}
    #logOut a {float: left;width: 68vw}
    #logOut a:active, #logOut a:hover {background-color: #25a0db}
    #customerLogo, #ctl00_customerLogo {margin-top: 0%;width: 20% !important;position: relative;top: .3vh !important;right: -1vw; object-fit:cover}
    #brand {margin-right: 27%;float: left;width: 70%; display:contents}
    #brand span {font-size: 14px !important}

    .navbar-primary.collapsed {width: 30%}
    .navbar-primary {z-index: 100}
    .navopener {margin-right: -43%;margin-top: -3.5vh;padding-top: 0;width: 100%;z-index: 12;font-size: 40px;text-decoration: none}
    .navopener i {font-size: 8rem !important;margin-top: 1.5vw;margin-right: .1vw}
    #aside span {font-size: 16px !important}
    #aside {overflow-y: scroll}
    .navbar-primary.collapsed {width: 0}
    #header {height: 200px !important; width:100% !important; margin:0 !important; border-radius:0 !important; border:none !important}
    .SystemMainContent {overflow-y:scroll ; overflow-x:hidden; height:80vh ; display:block !important}

    .link.fa {font-size: 4rem}
    .link span {font-size: 30px}
    #aside .iButton {margin-top: 2%}

    .mnoMP,[id*=divContentStandard]{overflow-x:hidden}
    .ContentBoxHeader{font-size:2.5rem!important;margin:2% 2% 4vh}
    #divNotifyEVL div,#divNotifyEVL img,.PersonalLinks{font-size:2rem;font-weight:300}
    #btnSaveMatrix,.msgInfo td,[id*=lblHeader],[id*=lblQuestion],span.HeaderTitle{font-size:3rem}
    [id*=lbUser]{margin-top:-1vh}
    [id*=rblstPolls] label{font-size:1.7rem}
    .iButton,div.rcbCheckAllItems,li.rcbDisabled,li.rcbHovered,li.rcbItem{font-size:14px}
    a{font-size:16px!important;padding:0 1vw}
    .itm3 .btn,.itm3 .iButton{margin-top:2%}
    .itm3 input{font-size:2rem;font-weight:700}
    .itm2.iButton{padding-top:1vh;background:0 0}
    .jqibutton,.jqiclose,.jqititle,div.FadedText{font-size:18px!important}
    .jqititle{padding-top:3%!important}
    .jqi{top:15vh!important}
    .NewsContainer{overflow:hidden}
    .RadPanelbar_Idea .image{margin-top:2%;margin-left:5%;width:5vw}
    div.HeaderTitle{height:4vh!important;font-size:16px!important;margin-top:1vh;margin-bottom:2vh}
    .GreenText{margin-top:2vh}
    .Title,.subTitle{margin-top:.5vh}
    [id*=lbtnScope]{width:90%!important;height:auto!important;padding:4%!important;font-size:20px!important;margin-right:5%!important; margin-left:5%!important}
    [id*=ibtnFilter],[id*=lbtnAddFilteredPersonels]{width:8vw;height:1.8vh}
    [id*=lbtnWorkFlowView]{width:90%!important;height:auto!important;padding:4%!important;font-size:20px!important;margin-right:5%!important; margin-left:5%!important}
    .evlDashboard div.me{width:90%;height:30vh}
    .Title{font-size:22px!important}
    .Title img{width:5vw}
    .Title div,.Title span{font-size:22px}
    .subTitle,.subTitle div,.subTitle span{font-size:16px!important}
    .cmbSupervision{MARGIN-BOTTOM:0.8VH;HEIGHT:1VH}
    .rcbInput{height:2vh!important;font-size:14px!important}
    .IdeaGrid tr{height:3vh}
    .Grid td,.IdeaGrid input,.IdeaGrid select,.IdeaGrid span,.IdeaGrid td,.RadTabStrip .rtsTxt,.searchbox div,.searchbox td{font-size:16px}
    .IdeaGrid{margin-top:4vh}
    #btnSaveMatrix,.colbreaked,.mmt-1v{margin-top:1vh}
    [id*=divContent] span{font-size:17px}
    div.inlineBlock{display:inline-block;margin-top:1vh}
    .inlineBlock input{width:100%!important;margin-right:0}
    .dateBox input,.inlineBlock select{width:30vw!important}
    .dateBox input{height:7vh!important;font-size:14px}
    #divItems .iButton,.dateBox select,.igvDynamicReport{width:100%!important}
    #ui-datepicker-div{width:40vw}
    .msgInfo p,.msgInfo th{font-size:2rem!important}
    .igvDynamicReport a{text-align:center;font-size:4rem;margin-top:.5vh}    
    .YellowBar div{margin-top:5.2vh}
    .IdeaGrid th{font-size:16px;text-align:center!important}
    #btnSaveMatrix{width:100%;height:3vh}
    [id*=igvQuestionMatrix] input{height:2vh!important;font-size:3rem!important;width:5vw!important}
    .rcbHovered.rcbTemplate div,.rcbItem.rcbTemplate div{font-size:3rem!important}
    div.GreenText{font-size:18px}
    a.btn{font-size:1.5rem}
    .navopener i,[id*=chblAbility]{font-size:2.5rem!important}
    .jqiclose{top:1vw!important;Left:1vw!important;width:4vw!important}
    [id*=txtDescription]{height:15vh!important}
    .mnoMP{margin:0!important;padding:0!important}
    .h8vh{height:8vh!important}
    #ShowProfile{top:16vh;right:0!important;width:100%;height:0}
    .borderLeft{border-left:0!important}
    .navopener{margin-right:-20%;margin-top:-5vh;width:79%;text-decoration:none}
    .navopener.nav:active{background:#433932!important}
    .navopener:active{background:rgb(37,160,219,.1)!important;text-decoration:none}
    .navopener:visited{background:#25a0db!important;text-decoration:none}
    .navopener i{margin-right:.5vw;margin-top:-10px}
    .mobileMenu{display:block!important}
    .hamburger{display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.7s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;overflow:visible;margin-right:-1px;width:65px;height:50px}
    .hamburger.is-active:hover,.hamburger:hover{opacity:.7;color:#fff}
    .hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::after,.hamburger.is-active .hamburger-inner::before{background-color:#fff}
    .hamburger-box{display:inline-block;position:absolute;top:5px;z-index:1;right:25px}
    .hamburger-inner{display:block;margin-top:160px}
    .hamburger-inner,.hamburger-inner::after,.hamburger-inner::before{width:30px;height:2px;background-color:#2cb4aa;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}
    .hamburger-inner::after,.hamburger-inner::before{content:"";display:block}
    .hamburger-inner::before{top:-10px}
    .hamburger-inner::after{bottom:-10px}
    .hamburger--minus .hamburger-inner::after,.hamburger--minus .hamburger-inner::before{transition:bottom 80ms ease-out,top 80ms ease-out,opacity linear}
    .hamburger--minus.is-active .hamburger-inner::after,.hamburger--minus.is-active .hamburger-inner::before{opacity:0;transition:bottom 80ms ease-out,top 80ms ease-out,opacity 0s linear 80ms}
    .hamburger--minus.is-active .hamburger-inner::before{top:0}
    .hamburger--minus.is-active .hamburger-inner::after{bottom:0}
    .moverlay{position:fixed!important;z-index:1;overflow:hidden;transition:.5s}
    .me.iButton{width:98%;margin-bottom:2%!important}    
    .MessageCounter{width:72px!important}
    .boxView {height: unset !important; overflow-y:unset !important; overflow-x:unset !important; margin-bottom:50px}
    [id*="profileLink"] {width:96% !important; left:2% !important}
    #aside {padding-top: 10vh !important; align-content:unset !important}    
    .imgUser{display:none !important}
    .navbar-primary {border-radius:unset !important}
    #ctl00_MainContent_ucNews_arrowButtons {float:unset !important; width:100% !important; display:block !important; margin-bottom:20px !important}
    #ctl00_MainContent_ucNews_firstMessageBody {width: 100% !important;margin: 0 !important;padding: 0 !important;height: 90vh !important;}
    #ctl00_MainContent_ucNews_ntContainer, #ntExample-infos-container, #ntExample-infos, .NewsContainer {height:95vh !important}
    .newsMessages {display:block !important; width:100% !important; margin:0 !important; padding:0 !important}
    #ntExample {display:none !important}
    .changeStyle {display:none !important}    

    .IdeaGrid:not(#ctl00_MainContent_grdQuestionnaire), .IdeaGridMobile, #tblMain {width: 100% !important; min-width: unset !important; max-width: unset !important; margin:0 !important}    
    .IdeaGrid:not(#ctl00_MainContent_grdQuestionnaire) > tbody > tr, .IdeaGridMobile > tbody > tr, #tblMain > tbody > tr {display:block; padding:25px 0 !important; width:100% !important; height:fit-content}
    .IdeaGridMobile > tbody > tr {border-bottom:1px solid #CCCCCC}
    .IdeaGrid:not(#ctl00_MainContent_grdQuestionnaire) > tbody > tr > td, .IdeaGrid:not(#ctl00_MainContent_grdQuestionnaire) > tbody > tr > th, .IdeaGridMobile > tbody > tr > td, .IdeaGridMobile > tbody > tr > th, #tblMain > tbody > tr > td, #tblMain > tbody > tr > th { display: block !important; width:100% !important ; background-color:transparent !important; padding:0 ; margin:0}
    .IdeaGrid:not(#ctl00_MainContent_grdQuestionnaire) > tbody > tr > td.CommandCell {display:inline-block !important; padding:20px !important; width:100px !important}
    .IdeaGridMobile > tbody > tr > td, .IdeaGridMobile > tbody > tr > th {text-align:center !important; height:fit-content !important; padding:2px 0 !important}
    .IdeaGridHeader {display:none !important}
    .IdeaGridFooter div{float:unset !important; width:100% !important}
    .rtsUL li {width:100% !important}
    .CommandCell {width:unset !important; height: unset !important}
    .setMargin {margin-bottom:50px}
    #content {margin-bottom:50px}
    .itm7 {float:none !important; display:block !important; width:100%; margin:5px !important}
    .colbreaked {margin-top:10px !important; margin-bottom:10px !important; text-align:center !important}
    .YellowBar {color: #2cb4aa !important}
    .StepWizard  {position:unset !important}
    .HiddenElement {background: #fff !important;color: #fff !important;display: none !important;font-size: 1% !important;width: 1px !important}    
    
    .tdVerticalAlign {display:block !important}
    .loginNewsButton {position: absolute; bottom:10vh; z-index:999999; display:block}

}