/*********************************/ /* ICON FONTS */ /*********************************/ @font-face { font-family: 'eurodata'; src: url('/content/fonts/eurodata.eot?lsrt6s'); src: url('/content/fonts/eurodata.eot?lsrt6s#iefix') format('embedded-opentype'), url('/content/fonts/eurodata.ttf?lsrt6s') format('truetype'), url('/content/fonts/eurodata.woff?lsrt6s') format('woff'), url('/content/fonts/eurodata.svg?lsrt6s#eurodata') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"], .loginForm .alert.alert-danger ul:before, .targetSelected:before, .listArea .dxgvRBB .dxgvEmptyDataRow.dxgvLVR > td.dxgv > div:before, .mainAside nav>ul>li .submenu .listFolder li>i:before, .listArea .dxmLite .dxctToolbar .dxm-item:before, .myEurodata .sp-top-inner .sp-clear:before{font-family:'eurodata'!important;speak:none;font-style:normal;font-weight:normal;font-variant: normal; text-transform: none;line-height:1;-webkit-font-smoothing: antialiased} .icon-calendar:before{content:"\e900"} .icon-show:before{content:"\e901"} .icon-genre:before{content:"\e902"} .icon-key-word:before{content:"\e903"} .icon-levels:before{content:"\e904"} .icon-settings:before{content:"\e905"} .icon-targets:before{content:"\e906"} .icon-television:before{content:"\e907"} .icon-time-period:before{content:"\e909"} .icon-time-slot:before{content:"\e908"} .icon-title:before{content:"\e90a"} .icon-indicatores:before{content:"\e90b"} .icon-undo:before{content:"\e92f"} .icon-save:before{content:"\e90d"} .icon-user:before{content:"\e910"} .icon-drag:before{content:"\e911"} .icon-pin-over:before{content:"\e912"} .icon-pin:before{content:"\e913"} .icon-error:before{content:"\e914"} .icon-error-full:before{content:"\e915"} .icon-warning:before{content:"\e916"} .icon-info:before{content:"\e917"} .icon-success:before{content:"\e918"} .icon-menu-options:before{content:"\e90e"} .icon-menu-more:before{content:"\e90f"} .icon-search-title:before{content:"\e919"} .icon-search-keywords:before{content:"\e919"} .icon-upload:before{content:"\e91a"} .icon-check-full:before{content:"\e91b"} .icon-pencil:before{content:"\e91c"} .icon-add-analysis:before{content:"\e921"} .icon-add-folder:before{content:"\e922";} .icon-analysis:before{content:"\e91f"} .icon-time:before{content:"\e91d"} .icon-folder:before{content:"\e91e"} .icon-order-z-a:before{content:"\e923"} .icon-order-a-z:before{content:"\e920"} .icon-folder-open:before{content:"\e924"} .icon-filter:before{content:"\e925"} .icon-trash:before{content:"\e926"} .icon-play:before{content:"\e927"} .icon-export:before{content:"\e928"} .icon-clean-calendar:before{content:"\e929"} .icon-arrow-up:before{content:"\e92a"} .icon-show-indicators:before{content:"\e92b"} .icon-up:before{content:"\e92c"} .icon-tools:before{content:"\e92d"} .icon-excel-file:before{content:"\e92e"} .icon-hide:before{content:"\e930"} .icon-redo:before{content:"\e90c"} .icon-time-reference:before{content:"\e931"} .icon-localization:before{content:"\e932"} .icon-world-wide:before{content:"\e933"} .icon-show-all:before{content:"\e934"} .icon-choose-column:before{content:"\e935"} .icon-hourglass:before{content:"\e936"} .icon-percentage:before{content:"\e937"} .icon-duplicate:before{content:"\e938"} .icon-connection-expired .path1:before{content:"\e939";color:rgb(242, 206, 126)} .icon-connection-expired .path2:before{content:"\e93a";margin-left:-1em;color:rgb(137, 151, 161)} .icon-connection-expired .path3:before{content:"\e93b";margin-left:-1em;color:rgb(137, 151, 161)} .icon-user-online .path1:before{content:"\e93c";color:rgb(138, 198, 172)} .icon-user-online .path2:before{content:"\e93d";margin-left:-1em;color:rgb(137, 151, 161)} .icon-timeband:before{content:"\e93e"} .icon-reference-target:before{content:"\e93f"} .icon-no-color:before{content:"\e940"} .icon-color:before{content:"\e941"} .icon-analysis-grid-info:before{content:"\e942"} .icon-automatic-date:before{content:"\e943"} .icon-username:before{content:"\e946"} .icon-download:before{content:"\e944"} .icon-received:before{content:"\e945"} .icon-company:before{content:"\e947"} .icon-companies:before{content:"\e948"} .icon-share:before{content:"\e949"} .icon-calendar-week:before{content:"\e94a"} .icon-calendar-day:before{content:"\e94b"} .icon-edit-grid:before{content:"\e94c"} .icon-expand:before{content:"\e94d"} .icon-collapse:before{content:"\e94e"} /*********************************/ /* Global Styles */ /*********************************/ /*Main*/ #extr-page #main, #extr-page {background:#f6f6f6!important} /*Forms*/ .myEurodata .required-field{outline:2px solid #d47d75!important} /*Switch button*/ .switchButton{margin:0;outline:none;color:#b3bfc8;position:relative} .switchButton .switch{cursor:pointer;position:relative;display:block;font-weight:500; padding-right:42px;font-size:11px; color:#b3bfc8; line-height:25px; letter-spacing:-0.05em; transition:color 200ms ease} .switchButton .switch input{display:none} .switchButton .switch i{content:'';position:absolute;background-color:#b3bfc8;right:0;display:block;border-radius:12px;width:38px;height:15px;top:5px; background:#b3bfc8; transition:background-color 200ms ease} .switchButton .switch i:after{content:attr(data-swchoff-text);position:absolute;top:1px;left:4px;font-style:normal;font-size:9px;line-height:13px;font-weight:700;text-align: left;color:#fff} .switchButton .switch i:before{content:'';position:absolute;z-index:1;top:3px;right:3px;display:block;width:9px;height:9px;border-radius:50%;opacity:1;transition: all 200ms ease;background-color:#fff} .switchButton .switch input:checked + i:after{content: attr(data-swchon-text);left:16px} .switchButton .switch input:checked + i:before{right:24px} .switchButton .switch input:checked+i{background-color:#78b8d9!important} .switchButton .switch:hover{color:#8999a6} .switchButton .switch:hover input+i{background-color:#8999a6} /*SwitchGenres button*/ .switchButtonGenres{margin:0;outline:none;color:#b3bfc8;position:relative} .switchButtonGenres .switchGenres{cursor:pointer;position:relative;display:block;font-weight:500; padding-right:42px;font-size:11px; color:#b3bfc8; line-height:25px; letter-spacing:-0.05em; transition:color 200ms ease} .switchButtonGenres .switchGenres input{display:none} .switchButtonGenres .switchGenres i{content: '';position:absolute;top:4px;background-color:#b3bfc8;right:0;display:block;border-radius:12px;width:36px;height:15px;top:5px; background:#b3bfc8; transition:background-color 200ms ease} .switchButtonGenres .switchGenres i:after{content:attr(data-swchoff-text);position:absolute;top:1px;left:4px;font-style:normal;font-size:9px;line-height:13px;font-weight:700;text-align: left;color:#fff} .switchButtonGenres .switchGenres i:before{content:'';position:absolute;z-index:1;top:3px;right:3px;display:block;width:9px;height:9px;border-radius:50%;opacity:1;transition: all 200ms ease;background-color:#fff} .switchButtonGenres .switchGenres input:checked + i:after{content: attr(data-swchon-text);left:16px} .switchButtonGenres .switchGenres input:checked + i:before{right:24px} .switchButtonGenres .switchGenres input:checked+i{background-color:#78b8d9!important} .switchButtonGenres .switchGenres:hover{color:#8999a6} .switchButtonGenres .switchGenres:hover input+i{background-color:#8999a6} /*btns eurodata*/ .btn{color:#fff; background-color:#b3bfc8; text-transform:uppercase;border-radius:2px; border:0;font-weight:600; font-size:11px; padding:10px 20px; transition:background-color 250ms ease; -moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important} .btn:hover{background-color:#9ea7ae; color:#fff} .btn:focus{color:#fff} .btn:active{top:0;left:0} .btn.btn-primary{background-color:#78b8d9;} .btn.btn-primary:hover{background-color:#62a6c9} .btnS{padding:4px 8px} .pointer{cursor:pointer} /*Alert Elements*/ .alert{position:fixed; bottom:50px; right:50px; width:350px; margin-bottom:0!important; z-index:100001; border:none; padding:25px 40px 30px 80px!important;box-shadow: 1px 1px 10px rgba(0,0,0, 0.3); font-size:14px; letter-spacing:0.015em;} .alert .close{text-shadow:none; opacity:1; font-size:28px; position:absolute; right:15px!important; top:23px!important} .alert i{position:absolute; top:20px; left:22px; font-size:38px} .alert div.validation-summary-errors{display:inline-block} .alert ul, .alert ul li{list-style:none; margin:0; padding:0} .alert-warning{background-color:#f2ce7e!important; color:#5f4e2a} .alert-warning i, .alert-warning .close{color:#876c33} .alert-danger{background-color:#d47d75!important; color:#ffe8e8} .alert-danger i, .alert-danger .close{color:#863737} .alert-info{background-color:#99c8d7!important; color:#1a3a44} .alert-info i, .alert-info .close{color:#447889} .alert-success{background-color:#8ac6ac!important; color:#164435} .alert-success i, .alert-success .close{color:#437a68} .alert.in{z-index:100001} /*Modals*/ .myEurodata .ui-widget-overlay, .myEurodata .modal-open .modal{z-index:99990;background-color:rgba(87, 110, 127, 0.5)!important;opacity:1} .myEurodata .modal-backdrop{background-color:transparent!important} .myEurodata .ui-dialog{border-radius:0; padding:0} .myEurodata .ui-front{z-index:99999!important} .myEurodata .ui-dialog .ui-widget-header{margin:20px;padding:0 0 10px 0!important; border-bottom:1px solid #e8ecee;font-weight:700;color:#3d5065; font-size:18px} .myEurodata .ui-dialog-content{ overflow:visible!important; padding:5px 20px 20px 90px!important; text-align:left; color:#4f6176; font-weight:600; font-size:15px;font-family:"Open Sans",Arial,Helvetica,Sans-Serif;} .myEurodata .ui-widget.ui-widget-content.ui-dialog{top:0!important; margin:13% auto 0!important; left:0!important; right:0!important} .myEurodata .ui-dialog-content p{font-weight:600} .myEurodata .iconModal{float:left} .myEurodata .modalDialogAlert .iconModal{background-color:#f7ca5e; position:absolute; top:5px; left:20px; font-size:40px; border-radius:50%; padding:5px; color:#fff; text-align:center; line-height:40px} .myEurodata .ui-dialog-buttonset button:first-child{color:#fff; background-color:#b3bfc8; text-transform:uppercase;border-radius:2px; border:0;font-weight:600; font-size:11px; padding:10px 20px; transition:background-color 250ms ease; -moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important} .myEurodata .ui-dialog-buttonset button:last-child, .btnAction, .btn.selected{color:#fff; background-color:#78b8d9; text-transform:uppercase;border-radius:2px; border:0;font-weight:600; font-size:11px; padding:10px 20px; transition:background-color 250ms ease; -moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important} .myEurodata .ui-dialog-buttonpane{padding-bottom:20px!important} .myEurodata .modal .modal-dialog{margin-top:13%; width:370px} .myEurodata .modal .modal-content{box-shadow:none; border-radius:0; border:none!important} .myEurodata .modal .modal-header{border:none; padding:20px 20px 0} .myEurodata .modal .modal-title{font-weight:700;color:#5e6e7f; font-size:16px; border-bottom:1px solid #e8ecee; padding-bottom:15px} .myEurodata .modal .modal-header .close{font-size:26px; color:#5e6e7f;opacity:1} .myEurodata .modal .inputModal{border:none; background-color:#f0f2f4; width:100%; height:36px;padding:0 10px} .myEurodata .modal .modal-footer{border:none} .myEurodata .modal.fade {opacity:0} .myEurodata .modal.fade .modal-dialog{-webkit-transform:translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0); transform: translate(0, 0)} .myEurodata .modal.fade.in{opacity:1;-webkit-transition: opacity 0.3s ease;-moz-transition: opacity 0.3s ease;-o-transition: opacity 0.3s ease;transition: opacity 0.3s ease} .myEurodata .btnAction:hover{background-color:#5797b8} /*Flags*/ .flag.flag-uk{background-position:-176px -44px} .flag.flag-un{background-position:-64px -33px} .flag.flag-yu{background-position:-208px -121px} /*hide Text*/ .extraText{text-indent:100%;white-space:nowrap;overflow:hidden; position:absolute; left:-99999px} /*Clears*/ .clearfix:before, .clearfix:after, .form-group:before, .form-group:after, .formLine:before, .formLine:after{content:''; display:table} .clearfix:after, .form-group:after, .formLine:after{clear:both} /*autocomplete*/ .autocompleteInput {position:relative} .autocompleteInput input{border:none; background-color:#f0f2f4;height:35px;width:100%;padding:0 10px;font-size:12px;color:#8999a6;} .ui-autocomplete.ui-widget-content{background-color:#f0f2f4;margin-top:3px; max-height:135px!important; overflow-y:auto;box-shadow: 0px 2px 6px rgba(0,0,0, 0.1);font-family:"Open Sans",Arial,Helvetica,Sans-Serif;} .ui-autocomplete.ui-widget-content li a{color:#9da6ad; padding:5px 10px; display:block; border:none; font-size:12px; outline:0!important} .ui-autocomplete.ui-widget-content li a:hover{border:none!important; color:#fff; background-color:#78b8d9; border-radius:0!important; outline:0!important} .ui-autocomplete.ui-widget-content li a.ui-state-focus{margin:0} /********************************/ /* Login */ /********************************/ #extr-page body, #extr-page #main{overflow:visible} .loginPage{width:370px;margin:6% auto 0} .loginForm .headerLogin, .loginForm .smart-form fieldset, .loginForm .smart-form footer{background:transparent; border:none; padding:30px 30px 10px} .loginForm .headerLogin{padding:30px 30px 0; height:33px;text-align:center} .loginForm .headerLogin img{width:auto; height:50px!important} .loginForm input{height:40px!important; border:none!important;background-color:#fff!important} .loginForm input:-webkit-autofill, .loginForm input:-webkit-autofill:hover, .loginForm input:-webkit-autofill:active, .loginForm sinput:-webkit-autofill:focus{background-color:#FFFFFF!important;color:#555!important;-webkit-box-shadow:0 0 0 1000px white inset!important;-webkit-text-fill-color:#555555!important} .loginForm .smart-form section{margin-bottom:20px} .loginForm .smart-form footer{padding-top:0} .myEurodata .loginForm .smart-form .checkbox{height:20px!important; padding-left:36px; color:#525252} .myEurodata .loginForm .smart-form .checkbox i{height:22px; width:22px; border:none; background-color:#fff} .myEurodata .loginForm .smart-form .checkbox i:hover, .loginForm .smart-form .checkbox:hover i{box-shadow:none!important} .myEurodata .loginForm .smart-form .checkbox i:after{height:100%; width:100%} .myEurodata .loginForm .smart-form .checkbox input+input[type=hidden]+i:after{font-size:20px; top:0; left:0;height:100%; width:100%; text-align:center; line-height:21px} .myEurodata .loginForm .smart-form .checkbox input+i:after{color:#F0492D} .loginForm .smart-form footer .btn{font-weight:700!important; font-size:14px!important;width:100%;background-color:#F0492D!important; border-bottom:none!important; height:40px!important; margin:0; border-radius:2px!important; float:none; line-height:39px} .loginForm .smart-form footer .btn:hover{background-color:#d83d23!important} .helpPassword{text-align:center; font-size:12px; font-weight:600; color:#666; position:relative} .helpPassword>span{cursor:pointer} .helpPasswordBox{position:absolute; width:330px; top:80%; left:0; right:0; padding:22px 15px 15px; line-height:20px; height:0;text-align:center;transition:opacity 300ms ease 80ms;margin:0 auto!important; opacity:0;overflow:hidden} .helpPasswordBox p{ width:310px;background-color:#fff;box-shadow: 0 0px 20px rgba(0,0,0, 0.08);height:70px; position:absolute; top:7px;padding-top:15px; left:0; right:0; margin:0 auto} .helpPasswordBox:after{position:absolute; width:0; height:0; content:"";border-bottom:7px #fff solid;border-right:7px transparent solid;border-left:7px transparent solid; right:0; top:0; left:0; margin:0 auto!important} .helpPasswordOpen .helpPasswordBox{height:97px; opacity:1} .helpPasswordLink{text-align:center; font-size:12px; font-weight:600; color:#666;padding-top:20px!important} .helpPasswordLink a{color:#666} .helpPasswordLink a:hover{color:#F0492D} .newAccount{position:absolute; top:30px;right:30px; font-size:11px; color:#666; font-weight:600} .newAccount a{color:#F0492D; text-transform:uppercase;display:inline-block; border:1px solid #F0492D; border-radius:2px; padding:10px; background-color:#f6f6f6; transition: all 200ms ease; margin-left:15px; font-weight:700} .newAccount a:hover{color:#fff; background-color:#F0492D} .loginFormText{padding:20px 0!important} .loginFormText h1{font-family:"Open Sans",Arial,Helvetica,Sans-Serif; font-size:18px; font-weight:600; letter-spacing:0; padding-bottom:5px} .loginFormText p{font-size:12px;font-weight:600} .mediametrieLogo { position: fixed; bottom: 30px; right: 30px } .loginForm .alert.alert-danger{background-color:#d47d75!important; margin:20px 0; border:none; padding:15px 10px!important; position:static;box-shadow:none; font-size:13px;z-index:9; width:auto} .loginForm .alert.alert-danger button.close{display:none} .loginForm .alert.alert-danger ul{list-style:none; color:#fff;padding-left:50px; position:relative} .loginForm .alert.alert-danger ul:before{position:absolute;content:"\e915"; top:1px; left:10px; color:#fff; font-size:24px} .loginForm .alert.alert-danger ul li{font-weight:500; line-height:22px} .loginForm .alertLogin{position:relative;margin:20px 0;width:auto; box-shadow:none; left:0; top:0;padding: 20px 20px 20px 60px!important; font-size:13px} .loginForm .alertLogin i{top:20px;left:20px;font-size:24px} /********************************/ /* ERROR PAGE */ /********************************/ .errorBox{padding:230px 40px 40px; text-align:center;margin-top:8%;} .errorBox h1{font-weight:700; color:#c15046; letter-spacing:-0.05em; font-size:40px;margin:0} .errorBox h1 span{font-weight:600; font-size:28px;display:block} .errorBox p{font-weight:600; color:#4c4343; font-size:18px;margin:10px 0} .error404 .errorBox{background:url(/content/img/eurodata/img_error_404.png) no-repeat center 0} .error500 .errorBox{background:url(/content/img/eurodata/img_error_500.png) no-repeat center 0} /********************************/ /* SCROLL */ /********************************/ ::-webkit-scrollbar-track{} ::-webkit-scrollbar{width:8px;height:8px;background-color:#eee} ::-webkit-scrollbar-thumb{background-color:#72869d} .jarviswidget ::-webkit-scrollbar{background-color: #fff} .analysisArea ::-webkit-scrollbar{background-color: #1d2f44} .analysisArea ::-webkit-scrollbar-thumb{background-color:#b0b8bf} /********************************/ /* Header */ /********************************/ .mainHeader{background-image:none!important; background-color:#3d5065!important; padding:0 15px!important; position:absolute!important; top:0; left:0; width:220px; height:53px!important} .mainLogo{width:189px!important; height:23px!important;margin-top:17px} .mainLogo span{width:100%!important; height:100%!important; padding:0!important; margin:0!important} .mainLogo img{width:auto!important;margin:0 auto; height:31px!important; display:block;padding:0!important} /********************************/ /* Aside */ /********************************/ .mainAside{background:#3d5065!important; padding-top:53px!important; padding-bottom:130px!important} /*User Area*/ .userArea{background-color:#3d5065; border-top:1px solid #46586d; border-bottom:1px solid #46586d; position:relative} .userArea .login-info{width:auto!important;border:none!important;box-shadow:none!important;margin-top:0px!important;color:#b3bfc8!important; display:block;height:auto; padding:22px 85px 22px 43px} .userArea .login-info span{border:none!important; height:auto!important; display:block; padding:0; font-size:12px; line-height:16px} .userArea .login-info span.icon-user{font-size:20px;color:#b3bfc8; position:absolute; top:22px; left:14px} .userArea .login-info .userName{height:16px; width:90px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .userArea>ul{display:block; margin:0; padding:0;text-align:center; position:absolute; top:17px; right:11px; overflow:hidden} .userArea>ul>li{float:right; margin:0; padding:0; border-left:1px solid #526479; height:25px; vertical-align:top; padding:0 9px; list-style:none} .userArea>ul>li:first-child{padding-right:0} .btn-header>:first-child>a{border:none!important; background-image:none!important; background-color:transparent!important; border-radius:0!important; font-size:18px!important; color:#b3bfc8!important;position:relative;-webkit-transition:color ease 200ms!important;transition:color ease 200ms!important; min-width:25px!important; padding:0!important; margin:0!important} #logout.btn-header>:first-child>a{font-size:20px!important} .btn-header>:first-child>a:hover{box-shadow:none!important; color:#f6f6f6!important; cursor:pointer!important} .userSave{color:#b3bfc8; font-size:16px; line-height:25px} .userSave:hover{color:#f6f6f6} .userSave:focus{color:#b3bfc8} .header-dropdown-list a{color:#b3bfc8; font-size:14px;-webkit-transition:all ease 200ms;transition:all ease 200ms} .header-dropdown-list a:hover{color:#f6f6f6} .header-dropdown-list .dropdown-toggle{position:relative; padding:6px 15px;color:#b3bfc8;font-size:12px} .header-dropdown-list .dropdown-toggle:hover{color:#f6f6f6} .header-dropdown-list .dropdown-toggle:after{position: absolute; right:-4px; top:13px; border-top:5px solid #b3bfc8; border-left:transparent 5px solid;border-right:transparent 5px solid; content:"";-webkit-transition:border-color ease 200ms;transition:border-color ease 200ms} .header-dropdown-list .dropdown-toggle:hover:after{border-top-color:#f6f6f6} .header-dropdown-list .dropdown-menu{border:none;box-shadow: 0 0 8px rgba(0,0,0, 0.075)} .header-dropdown-list .dropdown-menu>li>a{padding:5px 20px;color:#8999a6;-webkit-transition:all ease 100ms;transition:all ease 100ms} .header-dropdown-list .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{background-color:#78b8d9; color:#fff} .header-dropdown-list .dropdown-menu>.active>a{color:#8999a6} .header-dropdown-list .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover{background-color:#3d5065;color: #fff} /*Nav Menu*/ .mainAside nav{padding-top:13px} .mainAside nav>ul>li{background-color:#2f4054} .mainAside nav>ul>li>a{padding:14px 24px 14px 15px!important; font-size:16px!important; color:#fff;border-left:none;-webkit-transition:background-color 200ms;transition:background-color 200ms; position:relative;background-color:#3d5065!important} .mainAside nav>ul>li>a:after{position:absolute; width:3px; top:0; left:-3px; height:100%; background-color:#fd9c8c; content:"";-webkit-transition:left 200ms;transition:left 200ms} .mainAside nav>ul>li>a:hover{background-color:#46586d!important} .mainAside nav ul li a:active{background-color:transparent!important} .mainAside nav>ul li a:focus{color:#fff} .mainAside nav>ul>li>a>i{text-align:left; color:#ececec;-webkit-transition:color 200ms;transition:color 200ms; vertical-align:top; padding-top:5px; width:20px} .mainAside nav>ul>span.menu-item-parent{display:inline-block;max-width:156px} .mainAside nav>ul>li a .fa-home{font-size:18px} .mainAside nav>ul>li.active>a{background-color:#3d5065!important; color:#fff!important} .mainAside nav>ul>li.active>a:hover{background-color:#46586d!important} .mainAside nav>ul>li.active>a i{color:#fd9c8c} .mainAside nav>ul>li.active a:before{display:none} .mainAside nav>ul>li.active>a:after{left:0} .mainAside nav>ul>li.open>a{background-color:#445970} .mainAside nav .navArrow{position:absolute; right:10px; top:21px; color:#839099!important; font-size:8px; font-weight:500;transition:transform 250ms ease; width:8px; height:8px;line-height:8px; padding:0;-ms-transform:rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg)} .mainAside nav>ul>li a.analysisClose .navArrow{-ms-transform:rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg)} .mainAside nav>ul>li .analysisControl{background-color:#2f4054; list-style:none; display:flex;height:45px;flex-direction: row;flex-wrap: wrap;align-items:center; width:100%; padding:0; position:relative;z-index:99; -webkit-box-shadow: inset 0px 2px 5px 0px rgba(20,31,43,0.15);-moz-box-shadow: inset 0px 2px 5px 0px rgba(20,31,43,0.15);box-shadow: inset 0px 2px 5px 0px rgba(20,31,43,0.15)} .mainAside nav>ul>li .analysisControl:before, .mainAside nav>ul>li .analysisControl li:before{display:none} .mainAside nav>ul>li .analysisControl>li{width:20%; text-align:center; height:35px; color:#b0b8bf; line-height:35px;cursor:pointer; display:inline-block; transition:color 200ms ease; position:static} .mainAside nav>ul>li .analysisControl li:hover{color:#ced2d5} .mainAside nav>ul>li .analysisControl li .analysisControlItem{vertical-align:top;height:34px; display:inline-block; line-height:34px; width:50%; border-bottom:1px solid #2f4054; transition:border 20ms ease; font-size:15px; position:relative} .mainAside nav>ul>li .analysisControl li .icon-add-analysis{font-size:16px} .mainAside nav>ul>li .analysisControl li .icon-received{font-size:18px} .mainAside nav>ul>li .analysisControl li:hover .analysisControlItem{border-bottom:1px solid #fd9c8c} .mainAside nav>ul>li .analysisControl li .analysisControlBox{position:absolute; background-color:#e8e9ea; width:150px; top:120%; left:10px; border:1px solid #e2e6ea;box-shadow: 0 0 8px rgba(0,0,0, 0.075); padding:8px 10px 10px;visibility:hidden;opacity:0;-webkit-transition:all 200ms ease 80ms;transition:all 200ms ease 80ms; text-align:left} .mainAside nav>ul>li .analysisControl li:hover .analysisControlBox{visibility:visible;transition-delay:0s;opacity:1} .mainAside nav>ul>li .analysisControl li .analysisControlBox:before{position:absolute; width:0; height:0; content:"";border-bottom:7px #e8e9ea solid;border-right:7px transparent solid;border-left:7px transparent solid; left:4px; top:-7px} .mainAside nav>ul>li .analysisControl li:nth-child(2) .analysisControlBox:before{left:48px} .mainAside nav>ul>li .analysisControl li:nth-child(4) .analysisControlBox:before{right:49px} .mainAside nav>ul>li .analysisControl li .analysisControlItem:after{position:absolute; content:"";border-left:1px #3d4f64 solid;top:8px; left:-15px; height:20px} .mainAside nav>ul>li .analysisControl li:first-child .analysisControlItem:after{display:none} .mainAside nav>ul>li .analysisControl .opac {opacity:.3; pointer-events:none} .notificationItem{display:inline-block;position:absolute; top:4px; right:4px; background-color:#fd9c8c; color:#fff; font-size:9px; border-radius:50px; height:17px; min-width:17px; line-height:14px; border:2px solid #2f4054} .mainAside nav>ul>li .analysisControl li.menuLeftShare .analysisControlBox{background-color:#fff; width:300px; top:-50px; left:105%;border: 1px solid #e2e6ea; box-shadow: 0 0 8px rgba(0,0,0, 0.1);padding:8px 10px 10px; min-height:150px; cursor:default;visibility:hidden;opacity:0;-webkit-transition:all 200ms ease 80ms;transition:all 200ms ease 80ms; text-align:left} .mainAside nav>ul>li .analysisControl li.menuLeftShare:hover .analysisControlBox{visibility:visible;transition-delay:0s;opacity:1} .mainAside nav>ul>li .analysisControl li.menuLeftShare .analysisControlBox:before{border-right:7px #fff solid;border-top:7px transparent solid;border-bottom:7px transparent solid;left:-14px; top:60px; z-index:20} .mainAside nav>ul>li .analysisControl li.menuLeftShare .analysisControlBox:after{border-right:8px #e2e6ea solid;border-top:8px transparent solid;border-bottom:8px transparent solid;left:-9px; top:59px;position:absolute; width:0; height:0; content:""} .noSharedAnalyis{background-color:#f6f6f6; display:block; text-align:center; padding:20px; font-size:12px; color:#a5acb3} .noSharedAnalyis i{display:block; opacity:0.5;font-size:40px!important; color:#d5d1d1} .mainAside .menuLeftShare .sharedAnalyisList{display:block;width:100%;max-height:200px; overflow-y:auto} .mainAside .menuLeftShare .sharedAnalyisList li{color:#000;width:100%;height:auto; display:block; background-color:#f6f6f6; margin-top:10px; padding:10px 25px 10px 10px; position:relative; min-height:48px} .mainAside .menuLeftShare .sharedAnalyisList li:first-child{margin-top:0} .mainAside .menuLeftShare .sharedAnalyisList li:before{content:""; display: block; position:absolute;top:6px; left:16px; width:12px; height:12px; border-radius:50%} .mainAside .menuLeftShare .sharedAnalyisList li.newSharedAnalyis:before{background-color:#fd9c8c; border:2px solid #f6f6f6} .mainAside .menuLeftShare .sharedAnalyisList::-webkit-scrollbar{background-color:#fff} .mainAside .menuLeftShare .sharedAnalyisList::-webkit-scrollbar-thumb{background-color:#72869d} .mainAside .menuLeftShare .sharedAnalyisList .sharedAnalyisLink{display:block; padding:0 0 0 25px; position:relative} .mainAside .menuLeftShare .sharedAnalyisList .sharedAnalyisLink:hover{background-color:transparent!important; color:#555f68} .mainAside .menuLeftShare .sharedAnalyisList .icon_ListAnalysis i, .mainAside .menuLeftShare .sharedAnalyisList .icon_TimescaleAnalysis i, .mainAside .menuLeftShare .sharedAnalyisList .icon_GridAnalysis i{position:absolute; top:-1px; left:0px; color:#c0bbbb; font-size:14px} .mainAside .menuLeftShare .sharedAnalyisList .icon_TimescaleAnalysis i, .mainAside .menuLeftShare .sharedAnalyisList .icon_GridAnalysis i{position:absolute; top:-1px; left:0px; color:#c0bbbb; font-size:14px} .mainAside .menuLeftShare .sharedAnalyisList .sharedAnalyisTitle{display:block; font-size:12px; color:#999fa4; font-weight:700; line-height:12px; padding-bottom:5px} .mainAside .menuLeftShare .sharedAnalyisList .sharedAnalyisLink:hover .sharedAnalyisTitle{color:#777d82} .mainAside .menuLeftShare .sharedAnalyisList .sharedAnalyisText{display:block; font-size:10px; color:#bec6cd;padding-top:4px} .mainAside .menuLeftShare .sharedAnalyisList .sharedAnalyisText span{font-weight:600} .mainAside .menuLeftShare .sharedAnalyisList .sharedAnalyisButton{position:absolute; top:3px; right:5px;background-color:transparent; border:none; color:#bec3c7; font-size:14px;opacity:0.5; display:block;height:20px; width:20px; cursor:pointer} .mainAside .menuLeftShare .sharedAnalyisList .sharedAnalyisButton.deleteAnalysis{top:25px; right:5px; font-size:13px} .mainAside .menuLeftShare .sharedAnalyisList .sharedAnalyisButton:hover{opacity:1} .mainAside .menuLeftShare .sharedAnalyisList li.menu-list-active{ background-color:#ededed} .mainAside .menuLeftShare .sharedAnalyisList li.menu-list-active .sharedAnalyisLink i{color:#fd9c8c!important} .mainAside .menuLeftShare .sharedAnalyisList li.menu-list-active .sharedAnalyisLink .sharedAnalyisTitle, .mainAside .menuLeftShare .sharedAnalyisList li.menu-list-active .sharedAnalyisText, .mainAside .menuLeftShare .sharedAnalyisList li.menu-list-active .sharedAnalyisButton{color:#555f68!important} .analysisControlBox .formTitle, .analysisControlBox .formKeyWord{padding-top:5px} .formTitleTop{padding-top:25px!important} .analysisControlBox .icon_ListAnalysis, .analysisControlBox .icon_TimescaleAnalysis, .analysisControlBox .icon_GridAnalysis{color:#46586d; font-size:12px; font-weight:600; padding:5px 0} .analysisControlBox .icon_ListAnalysis:focus, .analysisControlBox .icon_TimescaleAnalysis:focus, .analysisControlBox .icon_GridAnalysis:focus{color:#46586d} .analysisControlBox .icon_ListAnalysis i, .analysisControlBox .icon_TimescaleAnalysis i, .analysisControlBox .icon_GridAnalysis i{vertical-align:-1px!important; padding-right:5px; width:25px} .analysisControlBox .icon_ListAnalysis:hover, .analysisControlBox .icon_TimescaleAnalysis:hover, .analysisControlBox .icon_GridAnalysis:hover{color:#778692} .analysisControlBoxForm {position:relative; padding-right:25px} .analysisControlBoxForm input{border:none; background-color:#f4f4f4; height:28px; padding:0 4px; color:#818181; font-size:11px; width:100%} .analysisControlBoxForm input::-ms-clear{display:none} .analysisControlBoxForm button{background:#e8e9ea; border:none; position:absolute;right:-5px; top:4px; font-size:18px; text-align:right; height:28px; line-height:26px; color:#9da9b3} .analysisControlBoxForm button.fa-search{ font-size:16px} .menuLeftSearch .analysisControlBox{right:10px; left:auto!important} .menuLeftSearch .analysisControlBox:before{right:10px;top:-7px; left:auto!important} .mainAside nav>ul>li .submenu{background-color:#2f4054; position:relative;padding:0; display:block} .mainAside nav>ul>li .submenu:before{display:none} .mainAside nav>ul>li .submenu li{margin:0; position:relative; background-color:#2f4054; transition:background-color 150ms ease; padding:0} .mainAside nav>ul>li .submenu li:hover{background-color:#46586d} .mainAside nav>ul>li .submenu li:before{display:none} .mainAside nav>ul>li .submenu li span {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display:block} .mainAside nav>ul>li .submenu .listFolder>li>i{height:20px;display:inline-block;position:absolute;left:14px;top:12px;width:20px; cursor:pointer} .mainAside nav>ul>li .submenu .listFolder>li>i:before{content:"\e92a"; font-size:16px; color:#7f8d9a; opacity:0} .mainAside nav>ul>li .submenu .listFolder>li:hover>i:before{opacity:1} .mainAside nav>ul>li .submenu li a{color:#b3bfc8;padding:9px 30px 9px 40px; position:relative; font-weight:600; font-size:13px; z-index:10} .mainAside nav>ul>li .submenu li a:hover{background-color:transparent} .mainAside nav>ul>li .submenu li a:after, .listFolder:after{position:absolute; top:-1px; content:"";width:100%; left:0; right:0; margin:0 auto} .mainAside nav>ul>li .submenu li:first-child a:after{display:none} .mainAside nav>ul>li .submenu li a:hover:after{border-bottom-color:#46586d} .mainAside nav>ul>li .submenu li a i.fa-list-ul, .mainAside nav>ul>li .submenu li a i.icon-folder-open, .mainAside nav>ul>li .submenu li a i.icon-time, .mainAside nav>ul>li .submenu li a i.fa-th-large{position:absolute; top:11px; left:13px} .mainAside nav>ul>li .submenuMore{position:absolute; top:3px; right:0;width:30px; height:30px; text-align:center; line-height:30px; color:#73818e; cursor:pointer} .mainAside nav>ul>li .submenuMore:hover{color:#b3bfc8} .mainAside nav>ul>li .submenuMore .icon-menu-options{position:relative;z-index:20; height:30px; display:block;line-height:29px; font-size:11px} .mainAside nav>ul>li .submenuMoreBox{position:absolute; background-color:#fff; width:120px; top:33px; right:100%; border:1px solid #e2e6ea;box-shadow: 0 0 8px rgba(0,0,0, 0.075); padding:6px 10px 0;visibility:hidden;opacity:0;-webkit-transition:opacity 200ms ease 100ms;transition:opacity 200ms ease 100ms; display:block; z-index:99;} .mainAside nav>ul>li .submenuMoreBox.showMenu{visibility:visible;transition-delay:0s;opacity:1; right:5px} .mainAside nav>ul>li .analysisScroll ~ .submenuMoreBox.showMenu{right:10px} .mainAside nav>ul>li .submenuMoreBox:before{position:absolute; width:0; height:0; content:"";border-bottom:7px #fff solid;border-right:7px transparent solid;border-left:7px transparent solid; right:2px; top:-7px} .mainAside nav>ul>li .submenuMoreBox li, .mainAside nav>ul>li .submenuMoreBox li a{padding:5px 0; cursor:pointer;color:#46586d; font-size:12px; font-weight:600; display:block; text-align: left; background-color:transparent; border:none} .mainAside nav>ul>li .submenuMoreBox li:before{display:none} .mainAside nav>ul>li .submenuMoreBox li:hover, .mainAside nav>ul>li .submenuMoreBox li a:hover{background-color:transparent!important;color:#778692} .mainAside nav>ul>li .submenuMoreBox li i{padding-right:5px; width:22px!important; margin:0; display:inline-block; vertical-align:middle;color:#778692} .mainAside nav>ul>li .submenuMoreBox li i.fa-trash-o{font-size:15px} .mainAside nav>ul>li .submenuMoreBox li.itemFolderAnalysis{border-bottom:1px solid #e0e2e4; margin-bottom:4px} .mainAside nav>ul>li .submenuMoreBox li.itemFolderAnalysis .formTitle{padding-bottom:5px!important; line-height:11px!important} .mainAside nav>ul>li .submenuMoreBox li.itemFolderAnalysis a{padding:4px 0px 2px 0; color:#46586d;font-size:12px;line-height:14px} .mainAside nav>ul>li .submenuMoreBox li.itemFolderAnalysis a:hover{color:#778692} .mainAside nav>ul>li .submenuMoreBox li.itemFolderAnalysis a i.fa-list-ul, .mainAside nav>ul>li .submenuMoreBox li.itemFolderAnalysis a i.icon-time{top:5px; left:0; font-size:13px;color:#778692} .listFolder{display:block} .mainAside nav>ul>li .submenu li.menu-list-active a>i{color:#fd9c8c} .listFolder>li:not(:first-of-type) {padding-left:27px!important} .listFolder{position:relative} .listFolder.folder-close .icon-folder-open:before{content:"\e91e"} span.unsaved-analysis:after, span.edited-analysis:after{ content:""; width:6px; height:6px; display:inline-block; border-radius:50%; vertical-align:3px; margin-left:3px} span.unsaved-analysis:after { background-color: #fd9c8c } span.edited-analysis:after {background-color:#b2c0c3 } .mainAside nav>ul>li .submenu .listFolder li>i.fa-trash-o:before {font-family:'FontAwesome'!important} .analysisArea .listFolder.hovered>li{background-color:#3d5065!important} .analysisArea .listFolder.hovered>li .icon_Folder{padding-bottom:20px!important} .mainAside nav>ul>li .submenu li.menu-list-active a{color:#fff} .mainAside nav>ul>li .submenu li.ui-draggable-dragging{-webkit-box-shadow: 0px 3px 4px 0px rgba(16,33,51,0.4);-moz-box-shadow: 0px 3px 4px 0px rgba(16,33,51,0.4);box-shadow: 0px 3px 4px 0px rgba(16,33,51,0.4)} .mainAside .minifyme{margin-top: 50px; border-bottom:none;width:30px; height:30px;transition:all 200ms ease 0s!important; background-color:#f6f6f6; color:#3d5065; border-radius:50% 0 0 50%; right:-15px;bottom:30px} .mainAside .minifyme:hover{background-color:#f6f6f6; color:#3d5065; width:30px; right:-10px} .mainAside .minifyme i{font-size:18px; font-weight:700; position:absolute; right:15px; top:6px; transition:transform 200ms ease} .minified .mainAside .minifyme .fa:before{content:"\f104"} .minified .mainAside nav{padding-top:0} .minified .mainAside nav>ul>li{border-top:none; border-bottom-color:#46586d; margin-bottom:0} .minified .mainAside nav>ul>li>a:hover, .minified .mainAside nav>ul>li:hover>a{background-color:#2f4054} .minified .mainAside .minifyme {color:#fff; font-size:18px; position:absolute; background-color:#f6f6f6;margin-top:330px;color: #3d5065; right:-15px;width:30px; height:30px;border-radius:50% 0 0 50%} .minified .mainAside .minifyme:hover{background-color:#f6f6f6; width:30px; padding-right:0;transition:all 200ms ease 0s!important; right:-15px} .minified .mainAside .minifyme i{padding-top:0; display:block;-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg)} .minified .userName, .minified .mainAside nav .navArrow{display:none!important} .minified .mainHeader{padding:0!important;width:45px;height:53px!important} .minified .mainHeader .mainLogo, .minified .mainHeader .mainLogo a{width:45px!important;height:53px!important; margin-top:0; display:block} .minified .mainHeader .mainLogo span img{display:none} .minified .mainHeader .mainLogo span {background: url('/content/img/eurodata/logo_mediametrie_white.svg') no-repeat 5px 10px} .minified .userArea{padding-bottom:0!important;position:relative; cursor:pointer; transition:background-color 200ms ease; height:42px} .minified .login-info{height:auto!important;border-bottom:none!important; padding:0} .minified .userArea .login-info span.icon-user{font-size:20px;margin: 10px 0;color:#ececec;} .minified .userArea>ul{position:absolute; background-color:#2f4054!important; left:100%; top:0;box-shadow: 0 0 6px rgba(0,0,0, 0.075);min-height:40px; width:78px;text-align:left; padding-top:8px; display:none;padding-right:4px} .minified .userArea .login-info span.icon-user{top:3px; left:8px} .minified .userArea>ul>li{border-left-color:#415369} .minified .userArea>ul>li a, .minified .btn-header>:first-child>a:hover{color:#ececec!important} .minified .userArea>ul>li:nth-child(2){border-left:none} .myEurodata .minified nav > ul > li > a > .menu-item-parent, .myEurodata .minified nav > ul > li > a:hover > .menu-item-parent, .myEurodata .minified nav > ul > li:hover > a > .menu-item-parent{display:none!important} .minified .userArea:hover{cursor:pointer;background-color:#2f4054} .minified .userArea:hover>ul{display:block} .minified .mainAside nav>ul>li .analysisArea{position:absolute;background-color:#46586d!important; left:100%; top:0;box-shadow: 0 0 6px rgba(0,0,0, 0.075);min-height:40px; width:220px} .minified .mainAside nav>ul>li .analysisControl, .minified .mainAside nav ul > li > a{height:40px; border-top:none} .minified .mainAside nav>ul>li>a>i{padding-top:0} .minified .mainAside nav>ul>li .analysisControl li, .minified .mainAside nav>ul>li .analysisControl li .analysisControlItem{height:40px; line-height:40px} .minified .mainAside nav>ul>li.active>a:hover{background-color:#2f4054!important} .minified .mainAside nav>ul>li .submenu li .submenuMoreBox li a{height:auto} /*HIGHLIGHT*/ .mainAside .ui-sortable-placeholder{border-top:1px dashed #697883;visibility:visible!important;position:relative;height:20px; margin:20px 20px 0!important} .mainAside .ui-sortable-placeholder:before, .mainAside .ui-sortable-placeholder:after{display:block!important;content:"";width:10px;height:10px;position:absolute;top:-6px;border-top:5px solid transparent;border-bottom:5px solid transparent} .mainAside .ui-sortable-placeholder:before{left:-10px;border-left:5px solid #697883} .mainAside .ui-sortable-placeholder:after{right:-10px;border-right:5px solid #697883} [draggable]{-moz-user-select:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:element} .itemBeingHovered{opacity:0.4} ul.listFolder li[data-type="List"], ul.listFolder li[data-type="Timescale"]{padding-left:25px !important} /*********************************/ /* Content */ /*********************************/ .myEurodata, .myEurodata body{height:100%;overflow:hidden; -moz-user-select:none;-webkit-user-select:none; user-select:none; } .myEurodata .main{height:100%;padding-bottom:0!important; overflow:hidden; min-height:0!important} .myEurodata .main .mainContent{padding:0!important;overflow:hidden;height:100%; background-color:#f6f6f6} /********************************/ /* HOME */ /********************************/ .myEurodata .mainSection{height:100%; padding:9px 0 20px} .myEurodata .mainSection .row{margin:0!important; height:100%} .myEurodata .mainSection .row>article{height:100%;padding:0 10px} .myEurodata .mainSection .row>article>div{height:100%;position:relative; padding:44px 10px 0} .myEurodata .mainSection .row>article>div header, .adminPage > header{position:absolute; top:0; left:0; width:100%; height:44px; padding:0 10px; margin:0} .myEurodata .mainSection .row>article>div>div{height:100%!important;border:none} .myEurodata .mainSection h2.title{ font-weight:700; color:#3d5065; font-size:16px!important; display:inline-block;height:44px;padding:9px 0 0 15px; margin:0; letter-spacing:-0.05em} .iconTitleInfo{display:inline-block; margin-left:10px; cursor:default} .iconInfo{font-size:16px; color: #8999A8; letter-spacing:0} .searchRegion, .searchChannel, searchTarget, .searchGenre{height:40px; width:10%; position:relative;margin:0;transition:width 250ms ease} .searchRegion input, .searchChannel input, .searchTarget input, .searchGenre input{display:none; height:100%; border:none; padding-right:30px} .searchRegion input::-ms-clear, .searchChannel input::-ms-clear, .searchTarget input::-ms-clear, .searchChannel input::-ms-clear{display:none} .searchRegionOn, .searchChannelOn, .searchTargetOn{background-color:#fff;width:40%} .searchRegionOn input, .searchChannelOn input, .searchTargetOn input{display:block!important} .myEurodata .searchRegionOn input:focus, .myEurodata .searchChannelOn input:focus, .myEurodata .searchTargetOn input:focus{/*box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.05)!important*/} .searchRegion .fa-search, .searchChannel .fa-search, .searchTarget .fa-search ,.searchGenre .fa-search{font-size:16px; color:#8999a6; position:absolute; right:10px; top:13px; cursor:pointer} .searchRegion .fa-times, .searchChannel .fa-times, .searchTarget .fa-times, .searchGenre .fa-times{font-size:16px; color:#8999a6; position:absolute; right:10px; top:13px; cursor:pointer} .homeTabs {height:100%; position:relative; padding-top:40px} .homeTabs ul{ position:absolute; top:0; left:0; width:100%; height:40px} .homeTabs .globalContentTab{height:100%} .homeTabs .globalContentTab .accordion{ height:100%; overflow-y:auto; margin:0;-webkit-overflow-scrolling:touch} .homeTabs .globalContentTab .accordion .measurements{position:relative} .homeTabs .globalContentTab .accordion .measurements .loading{position:absolute; top:0; left:0} .homeTabs .globalContentTab .accordion .measurements .loading .loading-gif{top:30%} .globalTabs{background-color:#fbfbfb!important} .globalTabs ul li{background-color:#fbfbfb;font-family:"Open Sans",Arial,Helvetica,Sans-Serif; margin-right:5px; font-size:13px} .globalTabs ul li.ui-tabs-active{background-color:#fff;border:none!important;box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.085)} .globalTabs ul li a.ui-tabs-anchor{position:relative;color:#666; letter-spacing:-0.020em;padding:1em 15px 5px 15px!important; height:40px} .globalTabs ul li.ui-tabs-active a.ui-tabs-anchor{color:#333} .globalTabs ul li a.ui-tabs-anchor:before{position:absolute;height:0; top:0;left:0; background-color:#fd9c8c; content:""; width:100%;opacity:0;transition:all 200ms ease} .globalTabs ul li.ui-tabs-active a.ui-tabs-anchor:before{opacity:1;height:3px} .globalTabs ul li a.ui-tabs-anchor .badge{ font-size:10px; font-weight:500; vertical-align:1px; padding:2px 5px 3px} .globalTabs ul li a.ui-tabs-anchor .badge.bg-color-gray{background-color:#b3bfc8} .globalTabs ul li.ui-tabs-active a.ui-tabs-anchor .badge{background-color:#FD9C8C!important} .globalTabs .globalContentTab {padding:15px!important;background-color:#fff!important} .globalTabs .globalContentTab .ui-accordion-header{height: 30px;margin:2px 0 0!important;padding:6px 15px 0;font-size:13px; border:0!important;border-radius:0!important; color:#3d5065!important;font-weight:bold!important ;font-family:"Open Sans",Arial,Helvetica,Sans-Serif; letter-spacing:-0.025em;background-color:#f6f6f6} .globalTabs .globalContentTab .ui-accordion-header:first-child{margin-top:0!important} .globalTabs .globalContentTab .ui-accordion-header .ui-accordion-header-icon{display:none} .globalTabs .globalContentTab .ui-accordion-header .fa-chevron-down{position:absolute; right:15px; top:9px; font-size:10px; color:#b3bfc8;transition:transform 250ms ease} .globalTabs .globalContentTab .ui-accordion-header-active{background-color:#78b8d9; color:#fff!important} .globalTabs .globalContentTab .ui-accordion-header-active .fa-chevron-down{color:#fff;-ms-transform:rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg)} .globalTabs .globalContentTab .ui-accordion-header .flag{margin-right:10px; margin-top:0} .globalTabs .globalContentTab .ui-accordion-header .country{max-width:100%} .globalTabs .globalContentTab .ui-accordion-header .country .badge{font-size:10px;font-weight:500;vertical-align:1px;padding:2px 5px 3px; margin-left:10px;background-color: #b3bfc8;} .globalTabs .globalContentTab .ui-accordion-header-active .country .badge {color:#3d5065; background-color:rgba(255, 255, 255, 0.9)} .globalTabs .globalContentTab .ui-accordion-content{font-family:"Open Sans",Arial,Helvetica,sans-serif; background-color:#fbfbfb; font-size:12px; font-weight:500;color:#3d5065} .globalTabs .globalContentTab .ui-accordion-content p{margin:0 -2.2em 3px; padding:0 15px} .subscriptioLink{color:#509bcd; cursor:pointer} .subscriptioLink:hover{text-decoration:underline} #dt_measurements{min-height:100px} .targetList, .channelsList{font-size:12px; color:#3d5065; padding:15px;height:100%; overflow-y:auto; margin:0;-webkit-overflow-scrolling:touch; background-color:#fff} .targetList ul, .channelsList ul{list-style:none; display:block; padding:0; margin:0;position:relative} .targetList ul li, .channelsList ul li{padding:0 0 15px 15px;position:relative} .targetList ul li:before, .channelsList ul li:before{position:absolute; top:5px; left:0; background-color:#fd9c8c; content:""; height:7px; width:7px; display:block; border-radius:50%} .channelsList ul li span, .targetList ul li span{display:block} .ui-widget-content{border:none!important} /********************************/ /* Administration */ /********************************/ .myEurodata .adminPage{position:relative;padding:44px 20px 0!important} .myEurodata .adminPage h2.title{padding-left:25px} .myEurodata .adminTabs{padding:40px 0 0!important} .adminTabs .globalContentTab{padding:0; overflow-y:auto} /*DataTable*/ .myEurodata .dataTableEurodata{font-family:"Open Sans",Arial,Helvetica,sans-seri; } .myEurodata .dataTableEurodata .dataTables_length{float:right; color:#b3bfc8; padding:0 10px; margin-bottom:10px; border-left:1px solid #e8e8e8; margin-top:2px} .myEurodata .dataTableEurodata .dataTables_length label, .myEurodata .dataTableEurodata .dataTables_filter label{font-size:11px} .myEurodata .dataTableEurodata .dataTables_length select, .myEurodata .dataTableEurodata .dataTables_filter input{display:inline-block;width:50px;height:27px;background-color:#f6f6f6;color: #b3bfc8;font-size: 11px;border: none;padding-left:4px;margin:0 10px} .myEurodata .dataTableEurodata .dataTables_filter{float:right; margin:2px 10px 0;color:#b3bfc8;} .myEurodata .dataTableEurodata .dataTables_filter input{width:130px!important;padding: 0 6px} .myEurodata .dataTableEurodata .exportButton{border:none; background-color:none;width:25px;height:25px;font-size:18px;color:#b3bfc8;float:right; background-color:#fff; margin:4px 20px 0 15px; border-left: 1px solid #e8e8e8;padding-left:20px} .myEurodata .dataTableEurodata .exportButton:hover{color:#7a8994!important;} .myEurodata .dataTableEurodata .dataTable{width:100%!important} .myEurodata .dataTableEurodata .dataTables_scrollHeadInner{background-color:#e4e9ea;} .myEurodata .dataTableEurodata .tableW_200{width:200px} .myEurodata .dataTableEurodata .dataTable thead th{border:1px solid #d3dbdd;background-color:#e4e9ea;padding:5px;color:#8999a6; font-size:11px; font-weight:600; text-transform:uppercase} .myEurodata .dataTableEurodata .dataTable thead tr:first-child th{padding:5px 10px} .myEurodata .dataTableEurodata .dataTable thead th input{background-color:#fff; width:100%; border:none; height:22px;padding:0 5px} .myEurodata .dataTableEurodata .dataTable thead th.sorting_desc{background: url(/content/img/eurodata/img_sort_acs.png) no-repeat 98% 50%} .myEurodata .dataTableEurodata .dataTable thead th.sorting_asc{background: url(/content/img/eurodata/img_sort_des.png) no-repeat 98% 50%} .myEurodata .dataTableEurodata .dataTable tbody td{padding:8px 10px;color:#5b6c7e;font-size:11px;font-weight:600} .myEurodata .dataTableEurodata .dataTable tbody tr:nth-child(2n+1){ background-color:#f8f8f8} .myEurodata .dataTableEurodata .dataTable tbody td.alignCenter{text-align:center} .myEurodata .dataTableEurodata .dataTable tbody td .fa-sign-out{font-size:20px;color:#8997a1; height:20px;display:inline-block; line-height:20px} .myEurodata .dataTableEurodata .dataTable tbody td .icon-connection-expired{font-size:19px; vertical-align:middle; height:20px;display:inline-block;line-height:20px} .myEurodata .dataTableEurodata .dataTable tbody td .icon-user-online{font-size:18px; vertical-align:middle; height:20px;display:inline-block;line-height:20px} .myEurodata .dataTableEurodata .dataTable tbody tr:hover td{background-color:#dee1e3!important} .myEurodata .dataTableEurodata .dataTables_info{display:none} .myEurodata .dataTableEurodata .dataTables_paginate{border-top:1px solid #edecec; text-align:right; padding:30px 10px 0; height:70px; background-color:#fff; width:100%;font: 12px Tahoma, Geneva, sans-serif;color:#b3bfc8} .myEurodata .dataTableEurodata .paginate_button{color:#8999a6;font-size:11px;padding:3px 2px;margin-left:4px; min-width:20px; display:inline-block; text-align:center; border-radius:2px; cursor:pointer} .myEurodata .dataTableEurodata .paginate_button.current{color:#fff; background-color:#78b8d9} .myEurodata .dataTableEurodata .paginate_button.next, .myEurodata .dataTableEurodata .paginate_button.previous{min-width:0} /********************************/ /* LOADING CONTENT */ /********************************/ .loading {position:relative;height:100%;width:100%;display:none;z-index:100000} .loading-background{position:relative;height:100%;width:100%;background-color:#f6f6f6;opacity:0.7} #global-loading .loading-gif {position: absolute;height: 100px;width: 100px;top: 45%;left: 50%} .loading-gif{position:absolute;height:40px;width:40px;top:45%;left:45%} .widgetContent .loading-gif{top:40%} .widgetContent .loading{position:absolute; width:380px; height:222px} .openQuickFilter .widgetContent .loading{height:250px} /********************************/ /* Analysis */ /********************************/ .myEurodata .main .listFilter{padding:0!important; transition:padding 150ms ease} .myEurodata .main .listFilter.startsFilterDrag{padding:52px 64px 0 0!important} .myEurodata .main .listFilter.filterOnTop{padding-top:53px!important} .myEurodata .main .listFilter.filterOnRight{padding-right:65px!important} .myEurodata .main .listFilter.filterOnTop.hideFilterMenu{padding-top:7px!important} .myEurodata .main .listFilter.filterOnRight.hideFilterMenu{padding-right:7px!important} /********************************/ /* Analysis - Filters Menu */ /********************************/ /*Drag*/ .filterDropTop, .filterDropRight{position:absolute; background-color:#fbefea; border:#f8c7bd dashed 1px; opacity:0; transition:opacity 200ms ease, background-color 200ms ease; z-index:1000} .filterDropTop{right:0; height:0; width:100%;top:0} .filterDropRight{right:0; height:100%;width:0; top:0} .filterDropRight:before{background-color:#f6f6f6; width:66px; height:54px; content:""; top:-1px; right:-1px; position:absolute;border-left:#f8c7bd dashed 1px;border-bottom:#f8c7bd dashed 1px} .startsFilterDrag .filterDropTop{opacity:1;height:52px} .startsFilterDrag .filterDropRight {opacity:1;width:64px} .hideFilterMenu .filterDropRight:before{display:none} /*Filters*/ .selectionContainer{position:absolute; top:0; left:0; width:100%; height:100%} .filters{background-color:#506379; position:absolute; top:0;z-index:9991;transition:transform 150ms cubic-bezier(0.1, 0.57, 0.1, 1); transform:translate(0px, 0px); width:100%} .filterOnTop .filters{left:0; height:53px; width:100%} .filterOnRight .filters{height:100%;right:0; width:65px} .filterOnTop .filtersTS{left:0!important} .filterOnRight .filtersLS{left:auto!important} .dragArea{display:block; height:18px; font-size:30px; text-align:center; line-height:10px; padding-top:5px; cursor:move; color:#4a6079;background-color:#657588;opacity:0; transition:opacity 100ms ease; z-index:99} .dragArea:hover{opacity:1} .filterOnTop .dragArea{position:absolute; top:18px; left:-18px; width:52px; -ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg)} .filters.ui-draggable-dragging{box-shadow:0px 0px 9px rgba(0,0,0, 0.4)} .filterOnTop .filters.ui-draggable-dragging{border-radius:2px 0px 0px 2px} .filterOnRight .filters.ui-draggable-dragging, .filterOnRight .filters.ui-draggable-dragging .dragArea{border-radius:2px 2px 0px 0px} .filterOnTop .filters.ui-draggable-dragging .dragArea{border-radius: 0px 0px 2px 2px} /*Links*/ .filters ul{margin:0; padding:0} .filters ul li{display:inline-block; list-style:none; position:relative} .filters ul li:after{position:absolute; left:0; bottom:0; height:3px;background-color:#ef9d8f; width:100%; content:""; opacity:0; transition:opacity 150ms ease} .filters ul li.linkQuickActive:after{opacity:1} .filters ul li a {display:block; text-align:center; color:#b3bfc8; padding:4px 15px 0; transition:color 150ms ease; position:relative; line-height:1.1em} .filters ul li a .filtersIcon {display:block; height:26px; padding-top:7px; font-size:16px} .filters ul li a .filtersName{font-weight:600; letter-spacing:-0.05em; font-size:11px} .filters ul li a .filtersIcon.icon-television, .filters ul li a .filtersIcon.icon-time-period, .filters ul li a .filtersIcon.icon-timeband{font-size:18px} .filters ul li a .filtersIcon.icon-calendar, .filters ul li a .filtersIcon.icon-title, .filters ul li a .filtersIcon.icon-levels{padding-top:9px} .filters ul li a .filtersIcon.icon-targets, .filters ul li a .filtersIcon.icon-indicatores{font-size:23px} .filters ul li a .filtersIcon.icon-genre, .filters ul li a .filtersIcon.icon-key-word{font-size:20px; padding-top:8px} .filters ul li a .filtersIcon.icon-time-slot, .filters ul li a .filtersIcon.icon-settings{font-size:18px; padding-top:9px} .filters ul li a:hover{color:#ef9d8f} .filters ul li.linkQuickActive a{color:#ef9d8f!important} .filterOnTop .filters>ul>li:nth-child(2)>a:after, .filterOnTop .analysisTimescaleFrame .filters>ul>li:nth-child(3)>a:after{position:absolute; border-right:1px solid #62758b;height:32px;content:""; right:-3px; top:10px; width:0} .filterOnTop .analysisTimescaleFrame .filters>ul>li:nth-child(2)>a:after{display:none} .filterOnTop .filters>ul>li:last-child>a:after{right:-12px} .filterOnTop .filters ul{margin-left:10px; height:100%;float:left} .filterOnTop .filters ul li{height:100%} .filterOnRight .filters ul li{display:block; border-bottom:1px solid #5b6c80} .filterOnRight .filters ul li:after{ left:0; bottom:0; width:3px; height:100%} .filterOnRight .filters ul li a{padding:5px 6px 10px} .filterOnRight .filters ul li:first-child a{padding-top:0} .filterOnTop.hideFilterMenu .selectionContainer.widgetOverTop .filters>ul>li:last-child>a:after{display:none} /*menu status*/ .filters ul li .alertIcon:before{display:none} .filters ul li.filterAlert a .alertIcon:before{display:block; right:35px; background-color:#fed16c; border-radius:50%; content:"!"; position:absolute; top:4px; width:18px; height:18px; color:#876c33;font-size:14px; font-weight:700; border:2px solid #2F4054; line-height:14px} .filters ul li:first-child a .alertIcon:before{right:15px} .filters ul li:nth-child(2) a .alertIcon:before{right:35px} .filters ul li.filterDisable a, .filters ul li.filterDisable a:hover{opacity:0.4; color:#b3bfc8} .filters ul li.filterOpened a{color:#bb8787} .filters ul li.filterClosed a{color:#5a9bbd} .filterOnTop.hideFilterMenu .filters ul li .alertIcon:before{right:5px; top:8px} .filterOnRight.hideFilterMenu .filters ul li:nth-child(2) a .alertIcon:before{right:12px;display:block!important} .filters .loading{position:absolute; top:0; right:0;z-index:99;background:rgba(80, 99, 121, 0.85) url(/Content/img/loading_white.svg) center center no-repeat; background-size:20px} .multiRegionButton{float:left; width:145px; text-shadow:none!important;padding-top:25px; margin-left:35px;position:relative} .multiRegionButton:before{position:absolute; border-right:1px solid #62758b;height:32px;content:""; left:-23px; top:10px; width:0} .multiRegionButton.switchButton .switch i{top:-12px; right:78px; background-color:#8f9ea9} .multiRegionButton.switchButton .switch:hover{color:#b3bfc8} .multiRegionButton.switchButton:hover .switch i{background-color:#b3bfc8} .filterOnRight .multiRegionButton{width:65px;margin:0; padding-top:34px} .filterOnRight .multiRegionButton.switchButton .switch{line-height:16px; width:100%;text-align:center;padding:0} .filterOnRight .multiRegionButton.switchButton .switch i{right:14px; top:-20px} .premiereButton{float:left; width:120px; text-shadow:none!important;padding-top:25px; margin-left:35px;position:relative} .premiereButton:before{position:absolute; border-right:1px solid #62758b;height:32px;content:""; left:-23px; top:10px; width:0} .premiereButton.switchButton .switch i{top:-12px; right:78px; background-color:#8f9ea9} .premiereButton.switchButton .switch:hover{color:#b3bfc8} .premiereButton.switchButton:hover .switch i{background-color:#b3bfc8} .filterOnRight .premiereButton{width:65px;margin:0; padding-top:34px} .filterOnRight .premiereButton.switchButton .switch{line-height:16px; width:100%;text-align:center;padding:0} .filterOnRight .premiereButton.switchButton .switch i{right:14px; top:-20px} /*minimize/maximize menu*/ .barControl{position:absolute;color:#8293a6; width:200px; height:53px; line-height:53px; text-align:center;right:0} .barControl a{color:#8293a6;transition:color 150ms ease;font-size:18px;float:right;text-shadow:1px 1px 2px #404f61} .barControl a:hover{color:#b3bfc8} .barControl a.closeFilterMenu, .barControl a.analysisInfoBtn, .barControl a.fixFilterMenu{font-size:21px; width:48px; margin-top:10px; height:32px; border-left:1px solid #5b7283; line-height:32px} .barControl a.analysisInfoBtn {border-left: 1px solid #5b7283;border-right: 1px solid #5b7283} .barControl a.unpin {transform: rotate(45deg);opacity: .6;border: none !important;} .startAnalysisBtn{background-color:#78b8d9; height:53px; border:none; float:right; width:53px; position:relative; border-radius:0} .startAnalysisBtn span.icon-play{color:#fff; font-size:20px;display:block; padding-left:3px} .startAnalysisBtn .loading{background-size:33px; background-image:url(/Content/img/loading_white.svg); background-color:transparent} .filterOnTop .barControl{top:0px} .filterOnRight .barControl{bottom:0; height:160px; width:65px} .filterOnRight .barControl a, .filterOnRight .barControl button{float:none; position:absolute; left:0; top:0;width:65px;text-align:center} .filterOnRight .barControl .closeFilterMenu{-ms-transform: rotate(90deg);-webkit-transform:rotate(90deg);transform: rotate(90deg);bottom:10px; top:auto;border:none} .filterOnRight .barControl .fixFilterMenu{bottom:10px; top:auto} .filterOnRight .barControl .analysisInfoBtn{top:60px} .filterOnTop .fixFilterMenu{margin-top:5px; line-height:45px} .hideFilterMenu .dragArea, .barControl .fixFilterMenu, .overFilterMenu .filtersName, .hideFilterMenu .overFilterMenu .closeFilterMenu{display:none} .filterOnRight.hideFilterMenu .filters{transform:translateX(58px)} .filterOnTop.hideFilterMenu .filters{transform:translateY(-46px)} .filterOnRight.hideFilterMenu .overFilterMenu:hover, .filterOnTop.hideFilterMenu .overFilterMenu:hover{transform:translate(0px, 0px)} .filterOnTop.hideFilterMenu .overFilterMenu ul{height:100%;margin:0} .filterOnTop.hideFilterMenu .overFilterMenu ul li{height:100%;border-right:1px solid #5b6c80; float:left} .filterOnTop.hideFilterMenu .overFilterMenu ul li a{padding:10px 15px 10px} .filterOnTop.hideFilterMenu .filters>ul>li:nth-child(2)>a:after{display:none} .hideFilterMenu .overFilterMenu .barControl a.fixFilterMenu{display:inline-block} .filterOnTop .alert{top:53px;left:auto; position:absolute!important} .filterOnRight .alert{top:0;right:65px;left:auto; padding-left:75px!important;position:absolute!important} /********************************/ /* Analysis - Share */ /********************************/ .myEurodata .modal.shareAnalysis .modal-dialog{margin-top:5%; width:440px; background-color:#fff} .myEurodata .modal.shareAnalysis .modal-dialog .modal-body{padding-bottom:0} .formLineBtns{margin:0 0 20px -10px} .formLineBtns .btn{margin-left:10px; width:30.1%; background-color:#f0f2f4;color:#9da6ad} .formLineBtns .btn:hover{background-color:#b3bfc8; color:#fff} .formLineBtns .btn.btnSelected{background-color:#78b8d9; color:#fff} .formLineBtns .btn i{font-size:13px; margin:0 10px 0 -10px} .shareAnalysis .analysisName{margin:-10px 0 15px; display:block; font-size:11px; font-weight:600;color:#fd9c8c;font-style:italic} .shareAnalysis .analysisName i{color:#fd9c8c; margin-right:10px;font-style:italic} .sendToList{background-color:#f0f2f4; display:block;margin:20px 0 0; padding:10px; font-size:12px; max-height:140px; min-height:35px; overflow-y:auto} .sendToList li{list-style:none;padding:4px 30px ; position:relative; color:#9da6ad} .sendToList li:before, .sendToList li:after{content:""; width:10px; position:absolute; top:0; height:100%} .sendToList li:before{left:-10px} .sendToList li:after{right:-10px} .sendToList li:hover:before, .sendToList li:hover:after{background-color:#78b8d9} .sendToList li:hover{color:#fff;background-color:#78b8d9} .sendToListIconItem{position:absolute; top:7px; left:0} .sendToListDelete{position:absolute; top:7px; right:0; cursor:pointer;opacity:0.5; transition: opacity 200ms ease} .sendToListDelete:hover{opacity:1} .sendToLisContent{display:inline-block; vertical-align:top; width:48%} /********************************/ /* Analysis - Widgets */ /********************************/ .widgetGridContainer{height:0; transition:all 400ms ease;min-height:0} .widgetGrid{height:100%; width:100%} .openWidgetArea .widgetGridContainer{height:32%;min-height:290px} .openWidgetArea .listArea{height:68%; padding-top:6px; position:relative; z-index:30} .listFilter .row{width:100%;height:100%;padding:15px 0 0 15px!important;margin:0!important} .listFilter .widgetGrid>.row{margin-right:-15px!important; position:relative} .listFilter .widgetGrid>.row:before{width:17px; height:102%; background-color:#f6f6f6; right:0; top:1px; position:absolute;z-index:999} .listFilter .row .widgetFrame{width:100%;height:100%; position:static!important} .listFilter .row .widgetFrame>article.widgetClmn{height:100%;width:100%;padding-bottom:9px} .listFilter .jarviswidget{height:100%; background-color:#fff; border:none; width:400px; margin:0 15px 0 0; padding:0; z-index:20;display:none} .listFilter .jarviswidget.widgetOpened{left:0; top:0; height:100%!important} .listFilter .row .widgetFrame .ui-sortable-helper{width:400px!important; height:300px!important; left:auto; top:auto} .ui-sortable .jarviswidget-sortable>header{box-shadow:none!important; background:transparent; border:none} .listFilter .jarviswidget header{position:absolute; top:0; left:0;z-index:101; height:31px; width:100%; border:none; border-top:2px solid #c6cbcf;cursor:move} .listFilter .jarviswidget header .title{text-transform:uppercase; font-size:11px!important; color:#8999a6!important; letter-spacing:-0.05em; font-weight:600!important; line-height:11px;margin:10px 10px; padding:0; float:left} .listFilter .jarviswidget .jarviswidget-ctrls{margin-right:29px; float:right} .listFilter .jarviswidget .jarviswidget-ctrls .button-icon{border:none; color:#b3bfc8; height:26px; min-width:26px; display:inline-block; line-height:26px; text-align:center; margin-top:3px; transition:color 200ms ease} .listFilter .jarviswidget .jarviswidget-ctrls .button-icon:hover{background-color:transparent;color:#8999a6} .listFilter .jarviswidget .jarviswidget-ctrls .button-icon.jarviswidget-toggle-btn{display:none!important} .closeWidget{color:#b3bfc8;min-width: 26px;height: 26px;text-align: center;line-height: 26px;font-size:16px; position:absolute; top:4px; right:6px; transition:color 200ms ease} .closeWidget:hover{color:#8999a6} .listFilter .jarviswidget header .fa-refresh{display:none!important} .listFilter .jarviswidget .widgetContent{padding:34px 10px 10px; height:100%; border:none} .listFilter .jarviswidget .widget-body{height:100%} #jarviswidget-fullscreen-mode{background-color:rgba(87, 110, 127, 0.5); width:100%; height:100%; position:fixed; top:0; left:0;z-index:99999;min-width:480px} #jarviswidget-fullscreen-mode .jarviswidget{transition:all 2s ease;width:80%!important; height:70%!important; margin:0 auto!important; position:absolute!important;left:0!important; right:0!important; top:4%!important; padding-top:34px} #jarviswidget-fullscreen-mode .jarviswidget .widgetContent{height:100%!important; padding-top:0; overflow:hidden} .listFilter #jarviswidget-fullscreen-mode .jarviswidget header{border-top:3px solid #576e80; cursor:auto} .listFilter #jarviswidget-fullscreen-mode .jarviswidget-ctrls{margin-right:10px} .listFilter #jarviswidget-fullscreen-mode .jarviswidget .jarviswidget-ctrls .button-icon, .listFilter #jarviswidget-fullscreen-mode .controlSelectAll, .listFilter #jarviswidget-fullscreen-mode .controlViewAll{min-width:30px} .listFilter #jarviswidget-fullscreen-mode .widget-toolbar{margin-right:5px;padding:0 8px} .listFilter #jarviswidget-fullscreen-mode .jarviswidget .closeWidget{display:none} .stopSortable>header{cursor:default!important} .ui-state-highlight, .jarviswidget-placeholder{background-color:#fbefea!important; width:80px!important; float:left; clear:none; border:#f8c7bd dashed 1px; margin-right:15px; height:100%} .widgetInfo{color:#3d5065;font-weight:600;font-size:12px; line-height:18px; padding:20px;display: block;text-align:center} /*Right click - open widgets*/ .listFilter .jarviswidget.openQuickFilter{position:absolute!important; z-index:1000!important;box-shadow:0px 0px 10px rgba(0,0,0, 0.2);transform:translate(0px , 0px)} .listFilter.filterOnRight .jarviswidget.openQuickFilter{right:-15px!important;border-left: 2px solid #c6cbcf} .listFilter.filterOnTop .jarviswidget.openQuickFilter{top:0px!important;border-bottom: 2px solid #c6cbcf} .filterOnTop.hideFilterMenu .jarviswidget.openQuickFilter{top:0!important} .filterOnRight.hideFilterMenu .jarviswidget.openQuickFilter{right:0!important; margin:0} .filterOnTop.hideFilterMenu .selectionContainer.widgetOverTop ~ .widgetGridContainer .widgetFrame .jarviswidget.openQuickFilter{top:46px!important} .filterOnRight.hideFilterMenu .selectionContainer.widgetOverTop ~ .widgetGridContainer .widgetFrame .jarviswidget.openQuickFilter{right:50px!important} .listFilter .jarviswidget.openQuickFilter .jarviswidget-ctrls{display:none} .listFilter .jarviswidget.openQuickFilter .controlSelectAll{margin-right:30px} .listFilter .jarviswidget.openQuickFilter .closeWidget{padding-top:2px} .listFilter .jarviswidget.openQuickFilter header{border:none; padding-top:2px; cursor:auto} /*FORM WIDGETS*/ .widgetClmn input.form-control{border:none; background-color:#f6f6f6; height:27px; font-size:12px; color:#8999a6; padding-left:10px; padding-right:10px} .widgetClmn div.form-group{padding:8px 0 12px 10px;margin:0} .widgetClmn div.formLine{padding:8px 0 12px 10px;margin:0} .widgetClmn .form .col-md-6, .widgetClmn .form .col-sm-3, .widgetClmn .form .col-sm-4, .widgetClmn .form .col-sm-2, .widgetClmn .form .col-md-4, .widgetClmn .form .col-sm-5, .widgetClmn .form .col-md-5, .widgetClmn .form .col-md-2{padding-left:0;padding-right:10px} .widgetClmn .form .col{padding-left:10px;padding-right:0} .myEurodata .widgetClmn fieldset{padding:0; margin:0; border:none} .widgetClmn label.control-label, .formTitle, .formKeyWord{text-transform:uppercase;letter-spacing:0.05em; font-size:11px; font-weight:700; line-height:11px; color:#8999a6} .formTitle, .formKeyWord{display:block; padding-bottom:10px!important} .formText{display:block; padding-bottom:5px!important; color:#b3bfc8;font-size:11px; font-weight:600} .widgetClmn .input-file{overflow:hidden;position:relative;background-color:#c3cdd4; cursor: pointer;padding:5px 20px;line-height:10px; display:inline-block; color:#fff; font-weight:600; font-size:10px; letter-spacing:0.05em; text-transform:uppercase; border-radius:2px; transition:background-color 200ms ease} .widgetClmn .input-file i{font-size:18px; vertical-align:middle; margin:0 5px 0 -5px} .widgetClmn .input-file [type=file]{display:block;font-size:1px;min-height:100%;min-width:100%;opacity:0;position:absolute; right:0;top:0;cursor:pointer} .widgetClmn .input-file:hover{background-color:#78b8d9} .widgetClmn .smart-form .checkbox, .widgetClmn .smart-form .radio{color:#b3bfc8} .widgetClmn .disabledCheck{opacity:0.4; cursor:default!important} .widgetClmn select.form-control{border:none;height:22px; padding:0 4px; color:#b3bfc8; font-size:11px; height:27px} .myEurodata .smart-form .radio input+i, .myEurodata .smart-form .toggle input+i{border-width:0!important; border-color:transparent!important;margin-top:0!important; box-shadow:none!important;-webkit-box-shadow:none!important;background-color:#b3bfc8; color:#fff; transition:background-color 150ms ease} .myEurodata .smart-form .radio input+i{background-color:#dde1e4; border:2px #dde1e4 solid!important; height:12px; width:12px} .myEurodata .smart-form .radio:hover{color:#393939!important} .myEurodata .smart-form .checkbox input+i{border-width:0!important; border-color:transparent!important;margin-top:0!important; box-shadow:none!important;-webkit-box-shadow:none!important;background-color:#dde1e4; color:#fff; transition:background-color 150ms ease;height:18px; width:18px; border-radius:2px} .myEurodata .smart-form .checkbox input + i:after{color:#fff} .myEurodata .smart-form .radio input + i:after{top:3px;left:3px;width:6px;height:6px} .myEurodata .smart-form .checkbox input:checked+i{background-color:#78b8d9} .myEurodata .smart-form .radio input:checked+i{background-color:#fff; border:2px #78b8d9 solid!important; height:12px; width:12px} .myEurodata .smart-form .radio input:checked+i:after{background-color:#78b8d9} .widget-toolbar .switchButton .toggle{float:right} /*Tabs*/ .widgetTabs.tab-content{height:100%;background-color:#fff; padding-top:35px; position:relative} .widgetTabs .tab-pane{height:100%} .widgetTabsMenu{margin-left:6px;width:380px; height:25px;position:absolute; top:0} .widgetTabsMenuContent{ overflow-x: auto;position: relative;overflow-y: hidden;height:35px} .widgetTabs .nav-tabs{width:100%; height:25px; border-bottom:none;display:flex;flex-direction:row;flex-wrap:nowrap} .widgetTabs .nav-tabs > li{margin:0!important;white-space:nowrap} .widgetTabs .nav-tabs > li.active{box-shadow:0px -3px 5px 0px rgba(0,0,0,0.085);z-index:1} .widgetTabs .nav-tabs > li > a{padding:0 25px; line-height:29px;font-size:12px;font-weight:600;font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#8999a6;border:none!important; box-shadow:none!important; margin:0 1px 0 0; height:26px; background-color:#ededed} .widgetTabs .nav-tabs > li > a:hover{background-color:transparent} .widgetTabs .nav-tabs > li.active > a{border:none!important; box-shadow:none!important; position:relative;color:#3d5065;font-weight:600;background-color:#fff; margin-right:0} .widgetTabs .nav-tabs > li.active > a:hover{background-color:#fff} .widgetTabs .nav-tabs > li > a:before{position:absolute;height:0; top:0;left:0; background-color:#fd9c8c; content:""; width:100%;opacity:0;transition:all 200ms ease} .widgetTabs .nav-tabs > li.active > a:before{opacity:1;height:3px} #jarviswidget-fullscreen-mode .loading{width:100%;height:100%;margin:0} #jarviswidget-fullscreen-mode .wid_Metadata .widgetContent, #jarviswidget-fullscreen-mode .wid_Genre .widgetContent, #jarviswidget-fullscreen-mode .wid_Title .widgetContent{position:relative} /*Analysis Info*/ .myEurodata .modal#modal-analysis-info .modal-dialog{margin:6% auto 0; width:500px} .myEurodata .modal#modal-analysis-info .modal-dialog .modal-body{max-height:480px;overflow-y:auto; margin:0 20px;border-bottom: 1px solid #e8ecee;padding:0} .myEurodata .modal#modal-analysis-info .modal-dialog .modal-body ul{margin:0 0 20px; padding:0; list-style:none} .myEurodata .modal#modal-analysis-info .modal-dialog .modal-body ul li{padding:0; margin:0; color:#5e6e7f} .myEurodata .modal#modal-analysis-info .modal-dialog .modal-body>ul>li{font-size:14px; font-weight:700;color:#5abad7; text-transform:uppercase;margin-top:15px} .myEurodata .modal#modal-analysis-info .modal-dialog .modal-body>ul>li ul{margin-bottom:5px} .myEurodata .modal#modal-analysis-info .modal-dialog .modal-body>ul>li ul li{font-weight:700; font-size:13px; padding-left:20px; line-height:20px;padding-top:4px; color:#5e6e7f; text-transform:none} .myEurodata .modal#modal-analysis-info .modal-dialog .modal-body>ul>li ul li ul li, .myEurodata .modal#modal-analysis-info .modal-dialog .modal-body>ul>li.analysisInfoDates ul li{font-weight:500;padding-top:0} .myEurodata .modal#modal-analysis-info .modal-dialog .modal-body>ul>li ul li span{font-weight:normal} .myEurodata .modal#modal-analysis-info .modal-dialog .modal-body>ul>li.analysisInfoTimePeriods ul li{padding-bottom:5px} .myEurodata .modal#modal-analysis-info .modal-dialog .modal-body>ul>li.analysisInfoGenres ul li .iconTree i{color:#ccc!important} .myEurodata .modal#modal-analysis-info .modal-dialog .modal-body>ul>li.analysisInfoGenres ul li .selectionListItem{padding-left:5px} /*Analysis Info*/ .myEurodata .modal#modal-programs-link .modal-dialog { margin: 6% auto 0; width: 1200px } .myEurodata .modal#modal-programs-link .modal-dialog .modal-body { max-height: 480px; overflow-y: auto; margin: 0 20px; border-bottom: 1px solid #e8ecee; padding: 0 } .myEurodata .modal#modal-programs-link .modal-dialog .modal-body .options-name { font-weight: 500; background-color: #f6f6f6 !important; border: 0 !important; width: 100%; height: 28px; margin-top: 5px; } .myEurodata .modal#modal-programs-link .modal-dialog .modal-footer .btnRemove { background-color: #fd9c8c; } /********************************/ /* Widget Channels */ /********************************/ .listFilter .globalTabs .globalContentTab { padding: 0 !important } .listFilter .globalTabs .globalContentTab .ui-accordion-header{height:26px; margin:1px 0 0!important;padding:4px 10px 0;font-size:12px} .listFilter .globalTabs .globalContentTab .ui-accordion-header .flag{vertical-align:middle} .listFilter .globalTabs .globalContentTab .ui-accordion-header .country{font-weight:600!important;margin:0; vertical-align:middle} .listFilter .globalTabs .selectRegionChannels, .listFilter .globalTabs .viewRegionChannels{color:#e6e1e1; font-size:16px; margin-right:10px; vertical-align:middle; display:inline-block;float:left} .listFilter .globalTabs .selectedregion .selectRegionChannels.itemActive, .listFilter .globalTabs .selectedregion span.viewRegionChannels.itemActive, .listFilter .globalTabs .selectedregion .fa-chevron-down, .listFilter .globalTabs .selectedregion .country{color:#fff!important} .listFilter .globalTabs .itemActive, .viewAll .viewRegionChannels, .listFilter .globalTabs .listChannel li .selectRegionChannels.itemActive{color:#78b8d9!important} .listFilter .globalTabs .globalContentTab .ui-accordion-content{margin:0; padding:10px 10px 4px 10px;background-color:#fff} .listChannel{display:block; padding:0; margin:0; list-style:none} .listChannel li{padding-bottom:6px;background-color:#fff!important; font-weight:600; } .listChannel li .channelItem{font-size:11px} .listChannel li .channelTypeItem {font-size: 11px;float:right} .listFilter .globalTabs .globalContentTab .ui-accordion-header-active{background-color:#f6f6f6;color:#3d5065!important} .listFilter .globalTabs .globalContentTab .ui-accordion-header-active .fa-chevron-down{color:#b3bfc8} .listFilter .globalTabs .globalContentTab .selectedregion{background-color:#78b8d9!important} .listFilter .globalTabs .globalContentTab li.selectedregion{background-color:#fff!important} .listFilter .jarviswidget-ctrls{margin-right:5px} .controlSelectAll, .controlViewAll{float:right; font-size:16px; color:#b3bfc8; min-width:26px; height:26px; text-align:center; line-height:26px; margin-top:3px; transition:color 200ms ease} .controlSelectAll{font-size:17px;margin-top:4px} .controlViewAll{margin-right:4px; width:26px} .controlRefTarget{background-color:#b3bfc8;color:#fff;font-size:11px;border-radius:50%; float:right; width:16px; height:16px; font-weight:bold; text-align:center; line-height:16px; margin:9px 8px 0 0} .controlRefTarget:hover{background-color:#8999a6; color:#fff} .controlSelectAll:hover, .controlViewAll:hover{color:#8999a6} .controlSelectAll.itemActive, .controlViewAll.itemActive{color:#78b8d9} .listFilter .widget-toolbar{height:25px;line-height:25px;border-right: 1px solid #e8e8e8; border-left: 1px solid #e8e8e8;margin:4px 3px 0 0;padding:0 9px 0 6px; float:right; width:128px} .listFilter .widget-toolbar>.smart-form{margin-top:0} .listFilter .searchChannel, .listFilter .searchGenre, .listFilter .searchTarget{height:29px; float:right; cursor:pointer} #bt_back_original_search{display:none} #bt_backToGenres{display:none} .searchChannel .fa-search, .searchGenre .fa-search, .searchTarget .fa-search{top:8px; color:#b3bfc8; transition:color 200ms ease} .searchChannel .fa-search:hover, .searchGenre .fa-search:hover, .searchTarget .fa-search:hover{color:#8999a6} .searchChannelOn, .searchTargetOn{width:auto} .listFilter .searchChannel input, .listFilter .searchGenre input, .listFilter .searchTarget input{position:absolute; right:2px;width:0;display:block!important;top:3px; z-index:10; background-color:#f6f6f6; transition:width 300ms ease; padding:0; font-size:12px} .listFilter .searchChannelOn input, .listFilter .searchTargetOn input{width:176px; padding:6px 22px 6px 10px} .listFilter .searchChannelOn #bt_back_original_search, .listFilter .searchTargetOn #bt_back_original_search{display:block; z-index:12;position:absolute; top:-4px; color:#b3bfc8} .listFilter .searchChannelOn #bt_backToGenres, .listFilter .searchTargetOn #bt_backToGenres{display:block; z-index:12;position:absolute; top:-4px; color:#b3bfc8} /*Timescale*/ .channelTimeband{overflow:hidden;position:absolute;top:34px; left:10px} .channelTimeband select{display:inline-block;width:148px;height:27px;background-color:#f6f6f6;color:#a0aeb9;font-size:11px;border:none;vertical-align:top; padding-left:5px} .channelTimeband .icon-time{background-color:#f6f6f6;color:#a0aeb9;float:left; width:27px; height:27px; line-height:27px; text-align:center; margin-right:1px} .listFilter .widgetGridTimescale .jarviswidget.wid_Channels .widgetContent .wrapScroll_channels { padding-top: 30px } /********************************/ /* Widget Genres */ /********************************/ .genreContainerArea{height:100%} .listGenres ul {display:block; list-style:none; margin:0;padding:0;list-style:none} .listGenres ul li{display:none;font-weight:600; font-size:11px; color:#8999a6; position:relative;list-style:none; margin:0; padding:0} .listGenres ul>li{display:block} .listGenres ul li ul{margin-left:25px} .listGenres ul li .selectionListItem{border-bottom:1px solid #fff;padding:5px 15px 5px 35px;background-color:#f6f6f6; display:block; cursor:pointer; position:relative;transition:all 250ms ease} .listGenres ul li .selectionListItem.lastItem{padding-left:20px} .listGenres ul li .selectionListItem:hover{color:#75828e} .listGenres ul li .selectionListItem:before{position:absolute; content:"";height:100%; width:3px; top:0; left:0;transition:all 250ms ease} .listGenres ul li .selectionListItem:hover{color:#75828e} .listGenres ul li .selectionListItem:hover:before{background-color:#8999a6} .listGenres ul li .iconTree{position:absolute;top:0; left:0; height:28px; width:28px; line-height:27px; text-align:center; font-size:11px; color:#b3bfc8;transition:all 250ms ease; z-index:20;display: block; cursor:pointer; padding-left:6px} .listGenres ul li:hover>.iconTree{color:#8999a6} .listGenres ul li.itemSelected>.iconTree{color:#78b8d9} .listGenres ul li.itemSelected>.selectionListItem{color:#3d5065} .listGenres ul li.itemSelected>.selectionListItem:before{background-color:#78b8d9} .wid_Genre .widgetTabsMenu{margin-left:0} .listGenres ul li>.iconTree i{vertical-align:0} /********************************/ /* Widget DATE PICKER */ /********************************/ .widCalendar .flatpickr-calendar{border:none; box-shadow:none; float:left; width:230px!important; z-index:98} .widCalendar .flatpickr-calendar:before, .widCalendar .flatpickr-calendar:after{display:none} /*Topo*/ .widCalendar .flatpickr-month{height:20px} .widCalendar .flatpickr-prev-month, .widCalendar .flatpickr-next-month{top:0;height:20px;line-height:20px; width:20px} .widCalendar .flatpickr-prev-month{left:0} .widCalendar .flatpickr-next-month{right:0} .widCalendar .flatpickr-prev-month svg, .widCalendar .flatpickr-next-month svg{display:none} .widCalendar .flatpickr-prev-month:before, .widCalendar .flatpickr-next-month:before{font-family:'FontAwesome'; color:#aed4e8; font-size:16px} .widCalendar .flatpickr-prev-month:before{left:0;content:"\f137"} .widCalendar .flatpickr-next-month:before{right:0;content:"\f138"} .widCalendar .flatpickr-prev-month:hover:before, .widCalendar .flatpickr-next-month:hover:before{color:#78b8d9} .widCalendar .flatpickr-current-month{ top:0; height:20px; line-height:20px} .widCalendar .flatpickr-current-month span.cur-month{font-weight:600; font-size:12px; line-height:20px; vertical-align:top} .widCalendar .flatpickr-current-month span.cur-month:hover{background-color:transparent} .widCalendar .flatpickr-current-month .numInputWrapper{ font-size:12px;font-weight:600;vertical-align:top;width:52px; margin-left:3px; padding-left:2px} .widCalendar .flatpickr-current-month .numInputWrapper:hover{background-color:#fff;box-shadow: 1px 1px 4px rgba(0,0,0, 0.25)} .widCalendar .flatpickr-current-month input.cur-year{font-size:12px;font-weight:600} .widCalendar .flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#78b8d9} .widCalendar .flatpickr-current-month .numInputWrapper span.arrowUp:after{ border-bottom-color:#78b8d9} .widCalendar .flatpickr-current-month .numInputWrapper span{border:none} .widCalendar .flatpickr-current-month .numInputWrapper span:hover{background:none} /*Semana*/ .widCalendar .flatpickr-weekdays .flatpickr-weekday{position:relative; cursor:pointer;color:#91a8b0; font-weight:400;font-size:10px;text-transform:uppercase;user-select:none} .widCalendar .flatpickr-weekdays .flatpickr-weekday:before{border-top:4px solid #aed4e8;border-left:4px solid transparent ;border-right:4px solid transparent; content:""; position:absolute; bottom:0; left:0; right:0; margin:0 auto; width:5px; opacity:0; transition:opacity 200ms ease} .widCalendar .flatpickr-weekwrapper .flatpickr-weekday{color:#91a8b0; font-weight:400;font-size:10px; text-transform:uppercase} .widCalendar .flatpickr-weekwrapper .flatpickr-weeks {padding: 1px 0 0; width:30px;text-align:center;box-shadow:1px 0 0 #f2f2f2} .widCalendar .flatpickr-weekwrapper .flatpickr-day{color:#91a8b0; position:relative} .widCalendar .flatpickr-weekwrapper .flatpickr-day:hover{background-color:transparent; border-color:#fff} .widCalendar .flatpickr-weekwrapper .flatpickr-day:before{border-left:4px solid #aed4e8;border-top:4px solid transparent ;border-bottom:4px solid transparent; content:""; position:absolute; top:8px; right:0px; width:5px; opacity:0; transition:opacity 200ms ease} .widCalendar .flatpickr-weekdays .flatpickr-weekday:hover:before, .widCalendar .flatpickr-weekwrapper .flatpickr-day:hover:before{opacity:1} /*Dias*/ .widCalendar .flatpickr-days{width:100%} .widCalendar .flatpickr-day{height:26px; border-radius:0; line-height:26px; font-size:12px; font-weight:400; width:26px;user-select:none} .widCalendar .flatpickr-days .flatpickr-day:hover{background:#f6f6f6; border-color:#f6f6f6} .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{background:#78b8d9 !important;color: #fff;border-color: #fff;border-top:none; border-left:none} .widCalendar .flatpickr-day.selected:hover{background-color:#aed4e8} .flatpickr-weekwrapper span.week-selected,.flatpickr-weekdays span.day-selected, .flatpickr-weekday.day-selected{font-weight:bold!important} .flatpickr-days span.preliminary-day{color: #fff;border-color: #fff;border-top: none;border-left: none;background:orange} .flatpickr-days span.preliminary-day:hover{background-color:#78b8d9!important;color:#fff} .orange{background-color:orange!important} .black{background-color:black!important} /*help tooltip*/ .helpCalendar{color:#b3bfc8; font-size:16px; margin-top:4px;height:24px; width:24px; line-height:24px; text-align:center; cursor:pointer} .calendarTooltip{float:left; position:relative; z-index:100} .calendarTooltip i:hover{color:#8999a6} .calendarTooltipContent{position:absolute; background-color:#fff; width:150px; top:5px; left:30px; border:1px solid #e2e6ea;box-shadow: 0 0 8px rgba(0,0,0, 0.075); padding:8px 10px 10px;visibility:hidden;opacity:0;-webkit-transition:all 200ms ease 100ms;transition:all 200ms ease 100ms} .calendarTooltipContent:before{position:absolute; width:0; height:0; content:"";border-right:7px #d7dce0 solid;border-top:5px #fff solid;border-bottom:5px #fff solid; left:-7px; top:4px} .calendarTooltipContent:after{position:absolute; width:0; height:0; content:"";border-right:7px #fff solid;border-top:4px transparent solid;border-bottom:4px transparent solid; left:-6px; top:5px} .calendarLegendTxt{display:block;color:#3e5066; font-size:11px;font-weight:700; text-transform:uppercase} .calendarLegendList{display:block; list-style:none; padding:0; margin:6px 0 0 0; color:#8999a6} .calendarLegendList li{display:block; padding:4px 0 0 20px;position:relative} .calendarLegendList .iconLegend{ position:absolute; left:0; top:7px} .calendarTooltip:hover .calendarTooltipContent{visibility:visible;transition-delay:0s;opacity:1} .availableDates { float: right; width: 120px; font-size: 10px; color: #3d5065; overflow: hidden; position: relative; padding-top: 2px } .availableDates:before{position:absolute; height:18px; top:0; left:0; background-color:#f7f8f9; width:100%; content:""; z-index:0} .availableDates_Prev, .availableDates_Next, .scrollIndicator_Prev, .scrollIndicator_Next { position: absolute; top: 0px; height: 18px; width: 20px; line-height: 20px; text-align: center; cursor: pointer; font-size: 9px; color: #b3bfc8 } .availableDates_Prev, .scrollIndicator_Prev { left: 0px; z-index: 2 } .availableDates_Next, .scrollIndicator_Next { right: 0; z-index: 2 } .availableDates_Month{list-style:none; padding:0; margin:0; text-align:center; width:20px; float:left; padding-top:18px} .availableDates_Month li{display:block;color:#91a8b0;font-weight:400;font-size:10px;text-transform:uppercase; padding-bottom:3px; line-height:13px} .availableDates_Box{float:left;width:80px; position:relative; z-index:1; overflow:hidden} .availableDates table{max-width:100%;display:block; padding-left: 15px} .availableDates tr th{text-align:center;color: #91a8b0; font-weight:500; font-size:10px} .availableDates tr th:first-child{padding:0 4px 0 0} .availableDates tr:first-child th{padding:0 3px 3px} .availableDates tr:first-child td{color:#91a8b0} .availableDates tr td {text-align:center; padding:1px 2px 2px; cursor:pointer;user-select:none; line-height:13px;} .availableDates tr td span, .iconLegend{ display:inline-block;height:12px; background-color:#eaeaea; width:12px; border-radius:50%; vertical-align:middle; line-height:13px} .availableDates tr td.dateAvailable span, .availableLegend{background-color:#8999a6;cursor:pointer} .availableDates tr td span.all-selected, .all-selected{background-color:#78b8d9!important} .availableDates tr td span.datePreliminary, .datePreliminary{background-color:#f7cf8f} .availableDates tr td span.partial-selected, .partial-selected{background-color:#eaeaea; position:relative; -ms-transform: rotate(-50deg);-webkit-transform: rotate(-50deg);transform: rotate(-50deg)} .availableDates tr td span.partial-selected:before, .partial-selected:before{position:absolute;content:""; top:0; left:0; display:block; width: 0; height: 0; border-top: 6px solid #78b8d9; border-right: 6px solid transparent;border-radius: 12px 0px 0px} .availableDates tr td span.partial-selected:after, .partial-selected:after{position:absolute;content:""; top:0; left:5px; display:block; width: 0; height: 0; border-right: 7px solid #78b8d9; border-bottom: 6px solid transparent;border-radius: 0px 12px 0px 0} .controlClearAll{margin:10px 36px 0 0;color:#b3bfc8;font-size:15px; float:right} .controlClearAll:hover{color:#8999a6} .availableDates_Box .yearToSelect.all-selected{background-color:transparent!important;font-weight:700} /*Analysis Schedule*/ .automaticDate{position:relative; z-index:100;float:right;padding:4px; margin:4px 8px 0; cursor:default} .automaticDate:before{position:absolute; width:0; height:0; content:"";border-bottom:9px #d7dce0 solid;border-right:8px #fff solid;border-left:8px #fff solid; left:4px; top:22px; opacity:0;transition:all 200ms ease 100ms;} .automaticDate:after{position:absolute; width:0; height:0; content:"";border-bottom:8px #fff solid;border-right:7px transparent solid;border-left:7px transparent solid; left:5px; top:23px;opacity:0;transition:all 200ms ease 100ms;} .automaticDate .icon-automatic-date{font-size:18px;color:#b3bfc8; cursor:pointer} .automaticDate .icon-automatic-date:hover{color:#8999a6} .automaticDateBox{position:absolute; background-color:#fff; width:150px; top:100%;right:-55px; border:1px solid #e2e6ea;box-shadow: 0 0 8px rgba(0,0,0, 0.075); padding:8px 10px 10px;visibility:hidden;opacity:0;-webkit-transition:all 200ms ease 100ms;transition:all 200ms ease 100ms; max-height:220px; overflow-y:auto} .automaticDate:hover .automaticDateBox{visibility:visible;opacity:1} .automaticDate:hover:before, .automaticDate:hover:after{opacity:1} .automaticDateBox .smart-form{padding:0!important} .automaticDateBox .smart-form .radio {margin-bottom:0;padding-left:25px;line-height: 20px;cursor: pointer;font-size: 11px; margin-bottom:2px} .automaticDateBox .smart-form .formText{padding:10px 0 2px!important} .automaticDateBox .smart-form .formTitle{padding:0!important} /********************************/ /* Widget Title */ /********************************/ .listFilter .wid_Title .widget-toolbar{border-left:none} .titleSearch{position:absolute; background-color:#f6f6f6; width:380px; z-index:99} #tb_searchTitle{padding-right:55px} #bt_searchTitle, #bt_advanceSearchTitle{position:absolute; width:27px; height:27px; line-height:27px; text-align:center; top:0; color:#b3bfc8; padding-top:2px; transition:color 200ms ease} #bt_searchTitle:hover, #bt_advanceSearchTitle:hover{color:#8999a6} #bt_searchTitle{right:28px; font-size:16px} #bt_advanceSearchTitle{right:0; border-left:1px solid #fff} .titleAdvanceSearch, .metadataAdvanceSearch, .metadataShowSources{position:absolute; background-color:#fff; width:380px; top:35px; right:0; border:1px solid #e2e6ea;box-shadow: 0 0 8px rgba(0,0,0, 0.075);max-height:187px; text-align:left; color:#8999a6; z-index:998} .titleAdvanceSearch:before, .metadataAdvanceSearch:before, .metadataShowSources:before{position:absolute; width:0; height:0; content:"";border-left:8px transparent solid;border-right:8px transparent solid;border-bottom:7px #e2e6ea solid; right:5px; top:-7px} .titleAdvanceSearch:after, .metadataAdvanceSearch:after, .metadataShowSources:after{position:absolute; width:0; height:0; content:"";border-left:7px transparent solid;border-right:7px transparent solid;border-bottom:6px #fff solid; right:6px; top:-5px} .titleAdvanceSearch .freeTitleText{height:32px} .titleAdvanceSearch .freeTitleText .switch{margin-bottom:0;padding-right:0px; float:none} .titleAdvanceSearch .freeTitleText.switchButton .switch i{right:auto; left:0; top:7px} .wid_Title .widget-body{padding-top:26px;border-top:1px solid #fff} .wid_Title .titleSearch.hide ~ .widget-body{padding-top:0} .wid_Title .widget-body .wrapScroll_title{height:100%;background-color:#fff!important; overflow-x:hidden!important} .listFilter .globalTabs h3.selectedRegionHeader{background-color:#78b8d9!important} .listFilter .globalTabs h3.selectedRegionHeader>span.fa-check{color:#e6e1e1;font-size:16px;margin-right:10px; vertical-align:middle;display:inline-block;float:left} .listFilter .globalTabs h3.selectedRegionHeader>span.fa-check.itemActive{color:#fff!important} .wid_Title .selectRegion, .wid_Title .selectProgram, .wid_Metadata .selectProgram{font-size:16px;margin-right:10px;vertical-align:middle;display:inline-block;float:left; color:#e6e1e1} .accordionTable{width:380px; padding:0!important;table-layout:fixed;border-collapse:collapse;border-spacing:0} .accordionTable td, .accordionTable th{padding:6px 7px; overflow:hidden; background-color:#fff} .accordionTable th:nth-child(1), .accordionTable td:nth-child(1){width:36px} .accordionTable th:nth-child(2), .accordionTable td:nth-child(2){width:152px} .accordionTable th:nth-child(3), .accordionTable td:nth-child(3){width:61px} .accordionTable th:nth-child(4), .accordionTable td:nth-child(4){width:100px} .accordionTable th:nth-child(5), .accordionTable td:nth-child(5){width:31px} .accordionTable td:first-child, .accordionTable th:first-child{padding-right:0; width:36px;padding-left:10px} .accordionTable td.tableTooltip{text-align:left; padding:0 4px 0 0; width:31px} .accordionTable .tableTooltip span{display: block; width:16px; text-align:center; height:20px; padding-top:7px; float:right} .accordionTable td:nth-child(2), .accordionTable th:nth-child(2){padding-left:0} .accordionTable td{border-top:1px solid #f7f7f7; font-size:11px;font-weight:600; vertical-align:top} .accordionTable th{color:#b3bfc8; text-transform:uppercase; font-size:10px; font-weight:600; padding-top:7px} .accordionTable .icon-menu-more{color:#b3bfc8; font-size:13px; float:left!important} .accordionTable .icon-menu-more:hover{color:#8999a6} .moreInfoTitleRow td{border-top:none} .moreInfoTitleBox{max-height:0;overflow:hidden; transition:max-height 500ms ease-out;position:relative} .moreInfoTitleBox:first-child:before, .moreInfoMetadataBox:first-child:before{position:absolute; content:""; top:1px; right:16px; width:0; height:0; border-top:8px solid #f1f1f1; border-left:7px solid transparent; border-right:7px solid transparent} .moreInfoTitleBox:first-child:after, .moreInfoMetadataBox:first-child:after{position:absolute; content:""; top:-1px; right:16px; width:0; height:0; border-top:8px solid #fff; border-left:7px solid transparent; border-right:7px solid transparent} .openMoreInfoTitle.moreInfoTitleRow{display:table-row} .openMoreInfoTitle .moreInfoTitleBox{max-height:250px} .moreInfoTitleRow td{width:100%; padding:0!important} .moreInfoTitle{background-color:#fbfbfb; padding:8px!important;-webkit-box-shadow: inset 0px 2px 18px -9px rgba(0,0,0,0.2);-moz-box-shadow: inset 0px 2px 18px -9px rgba(0,0,0,0.2);box-shadow: inset 0px 2px 18px -9px rgba(0,0,0,0.2)} .moreInfoTitleLine{margin:5px 10px} .moreInfoTitleLine:first-child{margin-top:10px} .moreInfoTitleLine:last-child{margin-bottom:10px} .moreInfoTitle .title{color:#b3bfc8; text-transform:uppercase; font-weight:600; font-size:11px; display:inline-block; width:28%; padding:5px 10px 5px 5px; border-right:1px solid #e8e8e8} .moreInfoTitle p{color:#3d5065;font-size:12px; margin:0!important; font-weight:600; display:inline-block; width:65%; padding:5px 0 5px 7px!important} .hideValue{display:none} #jarviswidget-fullscreen-mode .titleSearch{width:100%;padding-right:0; background:transparent} #jarviswidget-fullscreen-mode #bt_searchTitle{right:46px; background-color:#f6f6f6} #jarviswidget-fullscreen-mode #tb_searchTitle{padding-right:0; width:96%} #jarviswidget-fullscreen-mode #bt_advanceSearchTitle{right:20px; background-color:#f6f6f6} #jarviswidget-fullscreen-mode .titleAdvanceSearch, #jarviswidget-fullscreen-mode .metadataAdvanceSearch{right:19px} #jarviswidget-fullscreen-mode .hideValue{display:table-cell} #jarviswidget-fullscreen-mode .tableTooltip, #jarviswidget-fullscreen-mode .moreInfoTitleRow{display:none!important} #jarviswidget-fullscreen-mode .accordionTable{width:100%} #jarviswidget-fullscreen-mode .accordionTable th, #jarviswidget-fullscreen-mode .accordionTable td{width:auto} #jarviswidget-fullscreen-mode .accordionTable th:first-child{ width:36px} .listFilter .jarviswidget.openQuickFilter.wid_Title .widget-toolbar{margin-right:35px} .free-text-option .titleAdvanceSearch{border-color:#fff;box-shadow:none} .free-text-option #bt_searchTitle, .free-text-option .titleAdvanceSearch:before, .free-text-option .titleAdvanceSearch:after, .free-text-option .titleAdvanceSearch .uploadFile, .free-text-option #bt_advanceSearchTitle, .free-text-option .widget-toolbar, .listFilter .free-text-option .jarviswidget-fullscreen-btn, .free-text-option .globalContentTab{display:none!important} .free-text-option #bt_searchTitle{right:0} .free-text-option #tb_searchTitle{padding-right:30px} /********************************/ /* Widget Targets */ /********************************/ .listFilter .wid_Targets.jarviswidget .widgetContent{padding:34px 4px 10px} .viewAllBox, .refTargetBox{position:relative; width:26px;float:right} .viewAllTool, .refTargetTool{position:absolute; width:300px; height:212px; background-color:#fff; right:-7px; top:34px;border:1px solid #e2e6ea;box-shadow: 0 0 8px rgba(0,0,0, 0.075); z-index:998;visibility:hidden;opacity:0;-webkit-transition:all 200ms ease 100ms;transition:all 200ms ease 100ms} .viewAllTool:before, .refTargetTool:before{position:absolute; width:0; height:0; content:"";border-left:8px transparent solid;border-right:8px transparent solid;border-bottom:7px #e2e6ea solid; right:15px; top:-7px} .viewAllTool:after, .refTargetTool:after{position:absolute; width:0; height:0; content:"";border-left:7px transparent solid;border-right:7px transparent solid;border-bottom:6px #fff solid; right:16px; top:-5px} .viewAllBox:hover .viewAllTool, .refTargetBox:hover .refTargetTool{visibility:visible;transition-delay:0s;opacity:1} .wid_Targets .widgetContent{position:relative} .targetContainerArea {height:100%} .wid_Targets .widget-body{padding:6px 0px 0} .wid_Targets .widgetTabs .targetRegionList {padding-top:6px} .wid_Targets .loading{margin-left:6px} .listTargets{list-style:none;margin:0; padding:0; display:flex;flex-direction: row;flex-wrap: wrap;align-items:stretch} .listTargets>li{width:30.33%; margin:0 1.4% 1.5%; text-align:center; display: inline-block; padding-bottom:6px; position:relative} .listTargetsItem{background-color:#f6f6f6; height:100%;padding:12px 5px 32px; min-height:34px;display:flex;align-items:center; cursor:pointer; position:relative;word-wrap: break-word; transition: all 80ms ease} .listTargetsItem:after{width:100%;position:absolute;bottom:0px; left:0; /*background-color:#eee;*/ height:20px; display:block;content:""; border-top:1px solid #e6e6e6} .targetName{color:#3d5065; font-size:11px; font-weight:600; display:block; margin:0 auto; transition:color 200ms ease;word-wrap: break-word} .targetSelected{outline:3px solid #78b8d9;box-shadow: 0 0 4px 0px rgba(0,0,0,0.175)} .targetSelected .targetName{color:#3d5065} .targetSelected:before{content:"\e91b"; color:#78b8d9; top:-9px; right:-7px; position:absolute; font-size:18px; background-color:#fff;border:3px solid #fff; border-radius:50%;box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.15)} .refTarget{display:block; background-color:#b0bcc6;border-radius:50%; content:"R";width:14px; height:14px; color:#fcfbfb;font-size:9px; font-weight:600; line-height:14px;position:relative;float:right;margin-right:5px; cursor:pointer;margin-top:-16px;padding-right:1px} .refTargetTool{width:180px; height:auto} .refTargetTool .form-group{height:auto;max-height:212px; overflow-y:auto} .refTargetTool div.formLine{padding: 0 0 6px 0!important} .refTargetTool .radio{font-size:11px!important;line-height:22px!important} .editSearchTargest{color:#d4dadf; position:absolute; left:0; bottom:0; width:20px; height:20px; transition:color 250ms ease;line-height:22px; font-size:10px; z-index:10} .editSearchTargest:hover, .targetItemOpened .editSearchTargest{color:#949ea6} .indicatorSelected{color:#78b8d9} .targetItemOpened .indicatorSelected{z-index:82} .listTargetsItemBox{width:375px; position:absolute; top:100%;z-index:80; left:0; display:none; background-color:#eee;text-align:left} .listTargets li:nth-child(3n+2) .listTargetsItemBox{left:-128px} .listTargets li:nth-child(3n+3) .listTargetsItemBox{left:-256px} .listTargets li:nth-last-child(-n+3) .listTargetsItemBox{top:auto; bottom:105%} .listTargets li:nth-child(-n+3) .listTargetsItemBox{top:100%; bottom:auto} .targetItemOpened:after{background-color:#e9e9e9} .targetItemOpened .listTargetsItemBox{display:block;box-shadow: 0px 1px 5px rgba(0,0,0,0.2);padding-top:18px; background-color:#e9e9e9} .targetForm{position:relative; max-height:200px; overflow-y:auto} .targetForm .form-group{padding:0 0 10px!important} .targetForm .form-group label{font-size:10px} .targetForm .form-group label, .targetForm .form-group:first-child .icon-trash{display:none} .targetForm .form-group:first-child label{display:block} .targetForm .targetFormValue{width:47px} .targetForm .form-group .icon-trash{font-size:13px} .targetForm .targetFormAddLine, .targetForm .targetFormIcon{margin:5px 0 0 0;border:none; background-color:transparent;display:inline-block;color:#78b8d9 ; font-size:16px; line-height:20px; height:20px; width:20px; text-align:center;padding:0;transition:color 200ms ease} .targetForm .targetFormAddLine{font-size:18px; margin-top:18px!important} .targetForm .targetFormIcon:hover, .targetForm .targetFormAddLine:hover{color:#8999a6} .targetForm .form-group:first-child label{display:block} .targetForm .form-group:first-child .targetFormIcon, .targetForm .form-group:first-child .targetFormAddLine{margin-top:20px} .widgetClmn .targetForm input.form-control{background-color:#fff} .targetFormClose{position:absolute; right:2px; top:-7px;border:none; background-color:#fff; color:#b3bfc8; font-size:20px; display:inline-block; margin:0;width:20px; height:20px; padding:0; margin:0; border-radius:50%;box-shadow: -1px 1px 4px 0px rgba(0,0,0,0.15)} .iconsClmn{position:relative;padding-left:35px!important} .colorChooser{position:absolute; right:30px; top:14px; width:26px; text-align:right; height:32px;box-shadow: 0 0 0 0px rgba(0,0,0,0); transition:all 200ms ease; overflow:hidden; display:none} .targetForm .form-group:first-child .colorChooser{display:block} .colorChooserOpen{width:170px;box-shadow: -1px 1px 8px 0px rgba(0,0,0,0.15);background-color:#fff} .addColorIcon{font-size:16px; color:#b3bfc8; margin:8px 6px 8px 0; float:right} .addColorIcon:focus, .addColorIcon:active{color:#b3bfc8} .addColorIcon:hover{color:#8999a6} .colorChooserOpen .addColorIcon{color:#78b8d9} .colorChooser ul{display:inline-block; padding:8px 14px 0 0; width:140px; opacity:0; transition:opacity 60ms ease 150ms;overflow:hidden} .colorChooser ul li{display:inline-block; width:17px; height:17px;border-radius:5px} .colorChooser.colorChooserOpen ul{opacity:1} .colorYellow{background-color:#f3e47b !important} .colorRed{background-color:#f65f5f !important} .colorGreen{background-color:#8dce96 !important} .colorViolet{background-color:#c995df !important} .colorOrange{background-color:#f8af75 !important} .colorSelected{position:absolute; right:27px; top:6px; width:26px} .colorSelected .icon-no-color{font-size:16px; color:#c0cad1; display:none} .colorSelected .colorSelectedIcon{width:17px; height:17px; display:inline-block;border-radius:5px} .targetForm .form-group:first-child .colorSelected{display:none; top:22px} .listFilter .searchTarget{border-right: 1px solid #e8e8e8;margin:4px 8px 0 0!important; padding-top:0px!important; height:25px} .listFilter .searchTarget .fa-search{top:4px} .listFilter .searchTarget input{top:-1px} .listFilter .searchTarget .fa-times{top:9px} #jarviswidget-fullscreen-mode .listTargets li{width:22%} #jarviswidget-fullscreen-mode .listTargets li:nth-child(4n+1) .listTargetsItemBox, #jarviswidget-fullscreen-mode .listTargets li:nth-child(4n+2) .listTargetsItemBox{left:-3px} #jarviswidget-fullscreen-mode .listTargets li:nth-child(4n+3) .listTargetsItemBox, #jarviswidget-fullscreen-mode .listTargets li:nth-child(4n+4) .listTargetsItemBox{left:auto; right:-3px} #jarviswidget-fullscreen-mode .listTargetsItemBox{max-height:1000px} /*targetClassificationSelectd*/ .targetClassification{background-color:#d4dadf; display:inline-block; width:11px; height:11px; border-radius:50%;position:absolute; bottom:4px; left:22px; padding:4px; z-index:10} .targetClassification:hover{background-color:#949ea6} .targetClassificationSelected{background-color:#78b8d9} .targetClassIndicator{position:absolute; bottom:0; z-index:10;left:40px; display:none; height:20px; line-height:19px} .targetClassificationSelected ~ .targetClassIndicator{display:block} .targetClassIndicatorSelected{font-size:9px; color:#a0acb5} .targetClassIndicator ul{position:absolute; background-color:#fff;z-index:99; left:0; top:85%;list-style:none; width:55px;border:1px solid #f1f3f5;box-shadow: 3px 3px 8px rgba(0,0,0, 0.080);visibility:hidden;opacity:0;transition:all 200ms ease 100ms; padding:2px 0 0; margin:0} .targetClassIndicator ul li{padding:0 0 2px 20px; display:block; margin:0;font-size:9px; color:#a0acb5; text-align:left; line-height:15px} .targetClassIndicator ul li.selected{background:url(/content/img/eurodata/sprite_myeurodatatv.png) -13px -57px no-repeat} .targetClassIndicator.targetClassOpened ul{visibility:visible; opacity:1} /********************************/ /* Widget Time Periods */ /********************************/ .timePeriod .form div.form-group:first-child{padding-top:0} .widgetClmn .timePeriod div.form-group{padding-left:0; padding-bottom:5px} .widgetClmn .timePeriod div.form-group > div:last-child{padding-right:0} .widgetClmn .timePeriod select.form-control{height:27px; background-color:#f6f6f6} .widgetClmn .timePeriod input{padding-left:5px; padding-right:5px} .rangePeriod{width:64px; display:inline-block} .timePeriodInput{width:60px; display:inline-block} .timePeriod .formText{padding-bottom:10px!important} .timePeriodSep{color:#b3bfc8; display:inline-block;vertical-align:top; padding:4px} .timePedriodMinSec{text-indent:-9px} .timePedriodMinSec::first-letter{color:red!important} .timePeriodAdd, .timePeriodRemove{margin:5px 0 0 5px;border:none; background-color:transparent;display:inline-block;color:#78b8d9 ; font-size:16px; line-height:20px; height:20px; width:20px; text-align:center;padding:0;transition:color 200ms ease; vertical-align:top} .timePeriodRemove{font-size:13px; margin:3px 0 0 0} .timePeriodBox{background-color:#F6F6F6; height:100px; padding:10px; margin-top:4px; overflow-y:auto} .timePeriodBox ul{list-style:none; padding:0; margin:0} .timePeriodBox ul li{position:relative;display:block; height:27px; padding-left:20px} .timePeriodBox ul li:before{ width:7px; height:7px; position:absolute;left:8px; top:10px; content:""; border-radius:50%; background-color:#e3e3e3} .timePeriodBox ul li:after{position:absolute;left:11px; width:1px; background-color:#e3e3e3; height:27px; top:-12px; content:""} .timePeriodBox ul li:first-child:after{display:none} .bootstrap-timepicker-widget.dropdown-menu.open{border-radius:0; border-color:#e2e6ea;box-shadow: 0 0 8px rgba(0,0,0, 0.075); min-width:140px; padding:2px} .bootstrap-timepicker-widget.dropdown-menu:before {border-bottom-color:#d7dce0} .bootstrap-timepicker-widget table td{height:20px; min-height:20px} .bootstrap-timepicker-widget input{border:none; border-radius:0;color:#8999a6;background-color:#f6f6f6;height:27px;font-size:13px} .bootstrap-timepicker-widget table td a{padding:2px 0;border:none!important; border-radius:0!important; opacity:0.5} .bootstrap-timepicker-widget table td a:hover{background-color:transparent; opacity:1} .bootstrap-timepicker-widget table td span{color:#78b8d9!important; font-family:FontAwesome!important; font-size:14px} .bootstrap-timepicker-widget table td span.glyphicon-chevron-up:before{content:"\f106"!important} .bootstrap-timepicker-widget table td span.glyphicon-chevron-down:before{content: "\f107"!important} .timePeriodSlider{position:relative; padding:0!important} .timePeriodSlider label{display:block} .timePeriodSliderInput{display:inline-block} .timePeriodSliderMin, .timePeriodSliderMax{position:absolute; top:45px; color:#b3bfc8; font-size:10px} .timePeriodSliderMin{left:0px} .timePeriodSliderMax{right:40px} .timePeriodSlider .ui-slider{margin:5px 15px 0;display:inline-block;width:222px; vertical-align:bottom} .ui-slider{background-color:#f2f4f5!important; border-radius:0!important; height:2px!important} .ui-slider .ui-slider-range{box-shadow:none!important; border:none!important; background-color:#78b8d9!important} .ui-slider .ui-slider-handle {background-color:#78b8d9!important; border-radius:50%; border:2px solid #fff!important;box-shadow: 1px 1px 4px rgba(0,0,0, 0.13); top:-7px!important} .ui-slider .ui-slider-handle:after{display:none} /*Timescale*/ .widgetGridTimescale .timePeriodTime{width:100%!important} .widgetGridTimescale .timePeriodBox{margin-top:25px;height:137px} /********************************/ /* Widget Metadata */ /********************************/ .listFilter .wid_Metadata .widget-toolbar{border-left:none} .metadataSearch{position:absolute; background-color:#f6f6f6; width:380px; z-index:99} #tb_searchMetadata{padding-right:60px} #bt_searchMetadata, #bt_advanceSearchMetadata, #bt_showSources{position:absolute; width:27px; height:27px; line-height:27px; text-align:center; top:0; color:#b3bfc8; padding-top:2px; transition:color 200ms ease} #bt_searchMetadata:hover, #bt_advanceSearchMetadata:hover, #bt_showSources:hover{color:#8999a6} #bt_searchMetadata{right:28px; font-size:16px} #bt_advanceSearchMetadata{right:0; border-left:1px solid #fff} #bt_showSources{right:28px; border-left:1px solid #fff;font-size:16px} .wid_Metadata .widget-body .wrapScroll_metadata{height:100%;background-color:#fff!important;overflow-x:hidden!important} .wid_Metadata .metadataSearch.hide ~ .widget-body{padding-top:0} .wid_Metadata .widget-body{padding-top:26px;border-top: 1px solid #fff} .listFilter .wid_Metadata .globalTabs .globalContentTab .ui-accordion-content{padding:0;overflow:visible} .wid_Metadata .selectRegion{font-size:16px;margin-right:10px;vertical-align:middle;display:inline-block;float:left; color:#e6e1e1} .metadataContent .accordionTable th, .metadataContent .accordionTable td{padding:5px; vertical-align:middle} .metadataContent .accordionTable td:first-child, .metadataContent .accordionTable th:first-child{width:45px} .metadataContent .accordionTable th:nth-child(2), .metadataContent .accordionTable td:nth-child(2){width:auto} .metadataContent .accordionTable th:nth-child(3), .metadataContent .accordionTable td:nth-child(3){width:80px} .metadataContent .accordionTable th:nth-child(4), .metadataContent .accordionTable td:nth-child(4){width:60px} .metadataContent .accordionTable th:nth-child(5), .metadataContent .accordionTable td:nth-child(5){width:40px; text-align:left} .metadataContent .accordionTable td:first-child, .metadataContent .accordionTable td:nth-child(4){text-align:center} .wrapScroll_metadata .badge.badgeNum{font-weight:500; font-size:11px; padding:2px 5px 3px;vertical-align:-4px;background-color:#FD9C8C} .wrapScroll_metadata .ui-accordion-header .badge.badgeNum{vertical-align:0} .metadataContent .accordionTable td.noCount span{display:none} .metadataContent .moreInfoMetadataRow .moreInfoMetadata{padding:0!important; width:380px!important;-webkit-box-shadow: inset 0px 2px 18px -9px rgba(0,0,0,0.2);-moz-box-shadow: inset 0px 2px 18px -9px rgba(0,0,0,0.2);box-shadow: inset 0px 2px 18px -9px rgba(0,0,0,0.2);border-top:none!important} .metadataContent .moreInfoMetadataRow .moreInfoMetadata ul.moreInfoMetadataBox{list-style:none; padding:0; margin:0;position:relative;max-height:0;transition: max-height 800ms ease-out} .moreInfoMetadataBox:first-child:before{right:18px} .moreInfoMetadataBox:first-child:after{right:18px} .metadataContent .moreInfoMetadataRow .moreInfoMetadata ul li.metadataDescription{font-size:11px; font-weight:600; color:#8999a6; margin:0;overflow:hidden;color: #3d5065;padding:4px 0; background-color:transparent; text-align:left; position:relative; display:none; z-index:10} .metadataContent .moreInfoMetadataRow .moreInfoMetadata ul li.metadataDescription .selectProgram{position:absolute; top:7px; left:49px} .metadataContent .tableTooltip span{padding-top:3px} .metadataContent .moreInfoMetadataRow .moreInfoMetadata ul li.metadataDescription .metadataResult{display:inline-block;padding:2px 10px 2px 75px} .metadataContent .openMoreInfoMetadata.moreInfoMetadataRow{display:table-row} .metadataContent .openMoreInfoMetadata .moreInfoMetadata ul.moreInfoMetadataBox{max-height:500px; overflow-y:auto} .metadataContent .openMoreInfoMetadata .moreInfoMetadata ul.moreInfoMetadataBox li{display:block} .metadataContent .selectMetadataResults{cursor:pointer;} .metadataShowSources{right:27px;width:200px} .metadataVisibilitySwitch{padding-top:5px;color:#e6e1e1;font-size:18px; display:block; cursor:pointer} span.metadataVisibilitySwitch i.icon-show[data-is-visible="true"]::before{color:#78b8d9} .metadataContent .controlSelectAll{margin-top:-2px;margin-left:0px;} .listFilter .jarviswidget.openQuickFilter.wid_Metadata .widget-toolbar{margin-right:35px} #jarviswidget-fullscreen-mode .metadataSearch{width:100%;padding-right:0; background:transparent} #jarviswidget-fullscreen-mode #bt_searchMetadata{right:46px; background-color:#f6f6f6} #jarviswidget-fullscreen-mode #tb_searchMetadata{padding-right:0; width:96%} #jarviswidget-fullscreen-mode #bt_advanceSearchMetadata{right:20px; background-color:#f6f6f6} #jarviswidget-fullscreen-mode .wid_Metadata .tableTooltip, #jarviswidget-fullscreen-mode .wid_Metadata .moreInfoTitleRow{display:block!important} #jarviswidget-fullscreen-mode .accordionTable .tableTooltip span{float:right} #jarviswidget-fullscreen-mode .metadataContent .accordionTable td:first-child, #jarviswidget-fullscreen-mode .metadataContent .accordionTable th:first-child{width:80px; text-align:center} #jarviswidget-fullscreen-mode .metadataContent .accordionTable th:nth-child(2), #jarviswidget-fullscreen-mode .metadataContent .accordionTable td:nth-child(2){width:auto} #jarviswidget-fullscreen-mode .metadataContent .accordionTable th:nth-child(3), #jarviswidget-fullscreen-mode .metadataContent .accordionTable td:nth-child(3){width:auto} #jarviswidget-fullscreen-mode .metadataContent .accordionTable th:nth-child(4), #jarviswidget-fullscreen-mode .metadataContent .accordionTable td:nth-child(4){width:100px} #jarviswidget-fullscreen-mode .metadataContent .accordionTable th:nth-child(5), #jarviswidget-fullscreen-mode .metadataContent .accordionTable td:nth-child(5){width:auto} #jarviswidget-fullscreen-mode .metadataContent .moreInfoMetadataRow .moreInfoMetadata ul li.metadataDescription .selectProgram{left:85px} #jarviswidget-fullscreen-mode .metadataContent .moreInfoMetadataRow .moreInfoMetadata ul li.metadataDescription .metadataResult{display:inline-block;padding-left:110px} .itemPartial{color:#c3ebff!important} .wid_Metadata .widgetContent.catalogOnly .metadataContent .accordionTable tr[data-is-catalog="false"] { display: none; } /********************************/ /* Widget Programmes Details */ /********************************/ .wid_ProgramsLevel div.form-group{padding: 8px 0 0} /********************************/ /* Widget Average Timebands */ /********************************/ .widgetTimebandInfo{position:absolute; top:7px; right:60px; color:#78b8d9; font-size:12px; font-weight:600; padding-right:15px;border-right:1px solid #e8e8e8} .widgetTimebandInfo i{vertical-align:-1px;padding-right:4px; font-size:13px} .wrapScroll_avarageTimeband{height:100%;overflow-x:hidden!important} .avarageTimebandContent{background-color:#fbfbfb!important; border-top:1px solid #fff;padding:0!important} .avarageTimebandContent .col{padding:10px!important} .avarageTimebandContent select{background-color:#f6f6f6} #jarviswidget-fullscreen-mode .widgetTimebandInfo{right:45px} /********************************/ /* Analysis - List */ /********************************/ .listArea { height: 100%; padding: 15px; transition: height 400ms ease } .listFilter .listArea .row{padding:0!important;position:relative;background:url('/content/img/eurodata/bg_logo.png') no-repeat center 30%} .listFilter .listArea .analysisContainer{height:100%; position:relative; padding:104px 0 35px;background-color:#fff} .listFilter .listArea .analysisContainer .analysisGridFrame{height:100%; padding-bottom:58px} .listFilter .listArea .analysisContainer .analysisGridFrame:before{position:absolute; bottom:0; background-color:#fff; width:100%; height:31px; content:"";z-index:0} .listArea .loading, .gridArea .loading{height:110%; position:fixed!important;z-index:99999; width:100%; top:0; left:0} .listArea .loading .loading-gif, .gridArea .loading .loading-gif{position: absolute;margin: 0 auto;top:38%;left:0;right:0; height:90px; width:90px} /*Estrutura da GRID*/ .listArea .analysisMenu{position:absolute; top:0; right:0; background-color:#ededed; width:50%; z-index:2; text-align:right; height:29px; padding:0 10px; display:none} .listArea.hasContent .analysisMenu{display:block} .listArea .analysisGridContainer{color:#3d5065; height:100%} .listArea .analysisGridContainer > table.dxgvControl, .listArea .analysisContainer > table.dxgvControl{min-width:100%;height:100%;border:none; background-color:#fff;font-family:"Open Sans",Arial,Helvetica,sans-serif} .listArea .analysisGridContainer > table.dxgvControl .dxgvGroupPanel, .listArea .analysisContainer > table.dxgvControl .dxgvGroupPanel, .listArea .dxpgFilterArea{position:absolute; top:0; width:100%; left:0; border:none;background-color:#ededed;color:#b0b7bd; font-size:10px; height:29px; padding:5px; line-height:19px} .listArea .dxgvGroupPanel>table>tbody>tr>td.dxgvHeader.headerIndicatorTop1, .listArea .dxgvGroupPanel>table>tbody>tr>td.dxgvHeader.headerIndicatorTop2{background-color:#78b8d9!important} .listArea .analysisGridContainer > table .dxgvHSDC, .listArea .analysisContainer > table .dxgvHSDC{position:absolute; left:0; width:100%; height:75px; border-top:1px solid #f6f6f6; background-color:#e4e9ea;top:29px; padding-right:0} .listArea .analysisGridContainer > table .dxgvHSDC>div, .listArea .analysisContainer > table .dxgvHSDC>div{min-width:100%!important;width:100%!important} .listArea .analysisContainer > table .dxgvCSD{min-height:90%; height:90%!important} /*.listArea .analysisGridContainer > table .dxgvCSD{overflow:auto!important; width: auto !important;}*/ .listArea .analysisGridContainer > table td, .listArea .analysisContainer > table td{vertical-align:top} .listArea .analysisGridContainer > table td td, .listArea .analysisContainer > table td td{vertical-align:middle} .listArea .analysisContainer > table .dxgvHSDC .dxgvArm td.dxgvGI, .listArea .analysisGridContainer > table .dxgvHSDC .dxgvArm td.dxgvGI, .listArea .analysisContainer > table .dxgvCSD .dxgvArm td.dxgvGI, .listArea .analysisGridContainer > table .dxgvCSD .dxgvArm td.dxgvGI, .listArea .analysisContainer > table .dxgvFSDC .dxgvArm td.dxgvGI, .listArea .analysisGridContainer > table .dxgvFSDC .dxgvArm td.dxgvGI{width:40px!important} .listArea .timescaleAnalysis .analysisGridContainer{overflow: auto} /*Estilos da listagem*/ /*------------top*/ .listArea .dxgvGroupPanel > table > tbody > tr > td.dxgvHeader, .listArea .dxpcLite .dxpc-content .dxgvHeader{border:none;background-color:#78b8d9;height:20px;padding:0 5px} .listArea .dxpcLite .dxpc-content .dxgvHeader{height:24px} .listArea .dxgvGroupPanel table td, .listArea .dxpcLite .dxpc-content .dxgvHeader table td{color:#fff; text-transform:uppercase; font-size:10px; font-weight:600; border-radius:2px; text-align:left!important} .listArea .dxGridView_gvDragAndDropArrowDown, .listArea .dxGridView_gvDragAndDropArrowUp, .listArea .dxPivotGrid_pgDragArrowDown, .listArea .dxPivotGrid_pgDragArrowUp{background:url('/content/img/eurodata/sprite_myeurodatatv.png') no-repeat 0 0; width:9px;height:6px;z-index:10 !important;} .listArea .dxGridView_gvDragAndDropArrowUp, .listArea .dxPivotGrid_pgDragArrowUp{background-position:0 -9px} .listArea .dxGridView_gvDragAndDropArrowLeft, .listArea .dxGridView_gvDragAndDropArrowRight, .listArea .dxPivotGrid_pgDragArrowRight, .listArea .dxPivotGrid_pgDragArrowLeft{background:url('/content/img/eurodata/sprite_myeurodatatv.png') no-repeat -15px 0; width:6px;height:9px} .listArea .dxGridView_gvDragAndDropArrowRight, .listArea .dxPivotGrid_pgDragArrowRight{background-position:-27px 0} .listArea .dxGridView_gvDragAndDropHideColumn, .listArea .dxPivotGrid_pgDragHideField{background:url('/content/img/eurodata/sprite_myeurodatatv.png') no-repeat -39px -3px;width:9px;height:10px} .listArea .dxGridView_gvHeaderSortUp, .listArea .dxGridView_gvHeaderSortDown, div.dxgvControl.dxgv * .dxGridView_gvHeaderSortUp, div.dxgvControl.dxgv * .dxGridView_gvHeaderSortDown, .listArea .dxpgControl.timescale .dxPivotGrid_pgSortUpButton, .listArea .dxpgControl.timescale .dxPivotGrid_pgSortDownButton, body> div.dxpgControl.timescale .dxPivotGrid_pgSortUpButton, body> div.dxpgControl.timescale .dxPivotGrid_pgSortDownButton{background:url('/content/img/eurodata/sprite_myeurodatatv.png') no-repeat -13px -13px;width:7px;height:4px} .listArea .dxGridView_gvHeaderSortDown, div.dxgvControl.dxgv * .dxGridView_gvHeaderSortDown{background-position:-27px -13px} .listArea .dxgvHSDC .dxGridView_gvHeaderSortUp, .listArea .dxpgControl.timescale .dxPivotGrid_pgSortUpButton, body> div.dxpgControl.timescale .dxPivotGrid_pgSortUpButton{background-position:-33px -46px!important} .listArea .dxgvHSDC .dxGridView_gvHeaderSortDown, .listArea .dxpgControl.timescale .dxPivotGrid_pgSortDownButton, body> div.dxpgControl.timescale .dxPivotGrid_pgSortDownButton{background-position:-49px -46px!important} .dxpgControl.timescale .lastLevel {min-width: 60px;} div.dxgvControl.dxgv *{border:none; background-color:#78b8d9;height:20px; text-transform:uppercase; padding:0 5px;color: #fff;font-family:"Open Sans",Arial,Helvetica,sans-serif;font-size: 10px;font-weight: 600;border-radius:2px} .listArea .analysisMenuItem{color:#b3bfc8; font-size:16px; margin:7px 0 0 10px; cursor:pointer;float:right; transition:color 200ms ease} .listArea .analysisMenuItem:hover{color:#8999a6} .listArea .icon-export.analysisMenuItem{margin-top:6px} .listArea .analysisMenu .switchButton{float:right; margin:5px 10px 0 0; padding-right:15px; border-right:1px solid #dbdfe2; height:20px; vertical-align:middle} .listArea .analysisMenu .switchButton .switch{line-height:20px; margin:0; text-transform:uppercase; font-size:10px; font-weight:600} .listArea .analysisMenu .switchButton .switch i{top:3px} /*---------header*/ .listArea .analysisGridContainer > table .dxgvHSDC table, .listArea .analysisContainer > table .dxgvHSDC table{color:#8999a6!important} .listArea .analysisContainer .dxgvHSDC .dxgvHeader{background-color:#e4e9ea; color:#8999a6!important; font-weight:600; font-size:11px; text-transform:uppercase; padding:4px 12px 4px 6px;border:none;border-bottom:1px solid #d3dbdd; border-right:1px solid #d3dbdd} .listArea .analysisContainer .dxgvHSDC .dxgvFilterRow td{background-color:#e4e9ea;border:none;border-bottom:1px solid #d3dbdd; border-right:1px solid #d3dbdd} .listArea .analysisContainer .dxgvHSDC .dxgvFilterRow .dxeTextBox {background-color:transparent;border:none;font-family:"Open Sans",Arial,Helvetica,sans-serif} .listArea .analysisContainer .dxgvHSDC .dxgvFilterRow .dxeTextBox td{border:1px solid #e4e9ea!important; background-color:#fff} .listArea .analysisContainer .dxgvHSDC .dxgvFilterRow .dxeTextBox td input{ background-color: #fff;color:#8999a6; font-size:11px; } /*-------Loading*/ .listArea .dxgvLoadingDiv{border:none;height:105%!important; width:100%; top:0!important; left:0!important; background:rgba(255, 255, 255, 0.85) url('/Content/img/loading.svg') no-repeat center; background-size:90px; margin-left:0} .listArea .dxgvLoadingPanel{display:none!important} /*----------body*/ .analysisContainer .dxgvCSD .dxgvDataRow td.dxgv{border:none;font-weight:600; font-size:11px;color:#5b6c7e;user-select:none} .analysisContainer .dxgvCSD>table>tbody>tr:nth-child(2n+3){background-color:#f8f8f8} .analysisContainer .dxgvCSD .dxgvSelectedRow{background-color: #78b8d9!important; color: #fff!important;} .analysisContainer .dxgvCSD .dxgvSelectedRow td.dxgv {color: white;} .listArea .dxgvGroupRow{background-color:#fff} .listArea .dxgvGroupRow:nth-child(2n+3){background-color:#fff!important} .listArea .dxgvGroupRow>td{padding:7px 6px!important; color:#2d3e53; font-weight:700; font-size:12px; border-top:none; letter-spacing:-0.05em} .listArea .dxgvGroupRow td.dxgv, .listArea .dxgvFocusedGroupRow td.dxgv{border-bottom:1px solid #ececec!important} .listArea .dxGridView_gvCollapsedButton, .listArea .dxGridView_gvExpandedButton, .listArea .dxPivotGrid_pgCollapsedButton, .listArea .dxPivotGrid_pgExpandedButton{background:url('/content/img/eurodata/sprite_myeurodatatv.png') no-repeat 4px -22px;width:15px;height:15px} .listArea .dxGridView_gvExpandedButton, .listArea .dxPivotGrid_pgExpandedButton{background-position:-8px -22px} .listArea .dxGridView_gvParentGroupRows{display:block;background:url('/content/img/eurodata/sprite_myeurodatatv.png') no-repeat -23px -22px} .listArea .dxgvGroupRow td.dxgvIndentCell{border-right:none} .listArea .dxgvDataRow td.dxgvIndentCell{background-color:#ececec} .listArea .dxgvDataRow td.dxgv{padding:5px 6px 6px} .listArea .dxgvFSDC{border-top:1px solid #edecec; height:40px; line-height:12px; padding-top:5px} .listArea .dxgvFSDC .dxgvFooter td.dxgv{background-color:#fff; color:#5b6c7e; font-size:11px; font-weight:700; padding-bottom:0; height:40px;overflow:hidden;text-overflow:ellipsis;padding:0 6px 0; vertical-align:top} .listArea .dxgvRBB .dxgvEmptyDataRow.dxgvLVR > td.dxgv{border-bottom:none; color:#b4c1c4; font-size:12px; font-weight:600; padding-top:80px; letter-spacing:0.05em} .listArea .dxgvRBB .dxgvEmptyDataRow.dxgvLVR > td.dxgv>div{position:relative; padding-top:45px} .listArea .dxgvRBB .dxgvEmptyDataRow.dxgvLVR > td.dxgv>div:before{position:absolute; top:0; left:0; right:0;content:"\e917";margin: 0 auto; font-size:30px} .listArea .column75{width:75px} .listArea .column40{width:40px} .listArea .column0{width:0px!important;border:none!important; cursor:default!important; font-size:0} .listArea .column0 table{display:none} .listArea .column0 + td:hover, .listArea .column0 + td td:hover{cursor:default!important} .groupInfo{margin-left:10px;background:none;border:none;color:#b3bfc8;font-size:16px;vertical-align:0px} .dxgv .tooltip .tooltip-arrow{border-right-color:#e2e6ea} .dxgv .tooltip .tooltip-inner{background-color:#fff!important; text-align:left; padding-top:0!important;color:#8999a6!important;border:1px solid #e2e6ea;letter-spacing:0; font-size:12px; font-weight:600; line-height:20px;box-shadow:1px 1px 4px rgba(0,0,0, 0.2); padding:0px 20px 18px!important} .dxgv .tooltip.in{opacity:1;filter: alpha(opacity=100)} .listArea .dxgvHSDC .dxGridView_gvFilterRowButton, .listArea .timescaleAnalysis .dxPivotGrid_pgFilterButton, body> div.dxpgControl.timescale .dxPivotGrid_pgFilterButton{background-position:2px -60px ; background-image: url('/content/img/eurodata/sprite_myeurodatatv.png')} .listArea .dxgvFilterRow td.dxgv table tbody tr td{border:none!important} .listArea .dxmLite.dxm-ltr .dxm-popup{border:none; padding:0;font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#5b6c7e} .listArea .dxmLite.dxm-ltr .dxm-popup .dxm-gutter{background-image:none} .listArea .dxmLite.dxm-ltr .dxm-popup .dxm-gutter .dxWeb_mSubMenuItemChecked{background-position:-15px -57px; background-image: url('/content/img/eurodata/sprite_myeurodatatv.png')} .listArea .dxmLite.dxm-ltr .dxm-popup .dxm-gutter .dxm-item.dxm-hovered{border-color:#fff} /*-------Targets*/ .listArea .headerTargetsTop1, .listArea .headerIndicatorTop1{background-color:#dae3e4!important;border-right:1px solid #d0d8da!important; border-bottom:1px solid #d0d8da!important} .listArea .headerTargetsTop2, .listArea .headerIndicatorTop2{background-color:#d6ddde!important; border-right:1px solid #c6d0d1!important; border-bottom:1px solid #c6d0d1!important} .listArea .headerIndicatorTop1, .listArea .headerIndicatorTop2{text-transform:none!important; font-size:11px!important} .listArea .contentTargets1, .listArea .contentTargets2, .listArea .targetSummary{color:#2c3136!important; padding-right:15px!important} .listArea .dxgvCSD>table>tbody>tr:nth-child(1n+1) .contentTargets1{background-color:#f7f6f6} .listArea .dxgvCSD>table>tbody>tr:nth-child(2n+3) .contentTargets1{background-color:#f0f0f0} .listArea .dxgvCSD>table>tbody>tr:nth-child(1n+1) .contentTargets2{background-color:#eaeaea} .listArea .dxgvCSD>table>tbody>tr:nth-child(2n+3) .contentTargets2{background-color:#e5e4e4} .analysisContainer .dxgvCSD .dxgvDataRow:hover, .analysisContainer .dxgvCSD .dxgvDataRow:hover .contentTargets1, .analysisContainer .dxgvCSD .dxgvDataRow:hover .contentTargets2{background-color:#dee1e3!important} /*.analysisContainer .dxgvCSD .dxgvDataRow:hover td.dxgv, .analysisContainer .dxgvCSD .dxgvDataRow:hover td.dxgv .contentTargets1, .analysisContainer .dxgvCSD .dxgvDataRow:hover td.dxgv .contentTargets2{color:#2f4054!important}*/ .analysisContainer .dxgvCSD>table>tbody>tr.colorYellow, .analysisContainer .dxgvCSD>table>tbody>tr.colorYellow td, .analysisContainer .dxgvCSD .dxgvDataRow.colorYellow:hover td.dxgv, .analysisContainer .dxgvCSD .dxgvDataRow.colorYellow:hover .contentTargets1, .analysisContainer .dxgvCSD .dxgvDataRow.colorYellow:hover .contentTargets2{background-color:#f7efbb!important} .analysisContainer .dxgvCSD>table>tbody>tr.colorRed, .analysisContainer .dxgvCSD>table>tbody>tr.colorRed td, .analysisContainer .dxgvCSD .dxgvDataRow.colorRed:hover td.dxgv, .analysisContainer .dxgvCSD .dxgvDataRow.colorRed:hover .contentTargets1, .analysisContainer .dxgvCSD .dxgvDataRow.colorRed:hover .contentTargets2{background-color:#fcc5c5!important} .analysisContainer .dxgvCSD>table>tbody>tr.colorGreen, .analysisContainer .dxgvCSD>table>tbody>tr.colorGreen td, .analysisContainer .dxgvCSD .dxgvDataRow.colorGreen:hover td.dxgv, .analysisContainer .dxgvCSD .dxgvDataRow.colorGreen:hover .contentTargets1, .analysisContainer .dxgvCSD .dxgvDataRow.colorGreen:hover .contentTargets2{background-color:#cae3cd!important} .analysisContainer .dxgvCSD>table>tbody>tr.colorViolet, .analysisContainer .dxgvCSD>table>tbody>tr.colorViolet td, .analysisContainer .dxgvCSD .dxgvDataRow.colorViolet:hover td.dxgv, .analysisContainer .dxgvCSD .dxgvDataRow.colorViolet:hover .contentTargets1, .analysisContainer .dxgvCSD .dxgvDataRow.colorViolet:hover .contentTargets2{background-color:#f2d6fd!important} .analysisContainer .dxgvCSD>table>tbody>tr.colorOrange, .analysisContainer .dxgvCSD>table>tbody>tr.colorOrange td, .analysisContainer .dxgvCSD .dxgvDataRow.colorOrange:hover td.dxgv, .analysisContainer .dxgvCSD .dxgvDataRow.colorOrange:hover .contentTargets1, .analysisContainer .dxgvCSD .dxgvDataRow.colorOrange:hover .contentTargets2{background-color:#f2d7c2!important} .analysisContainer .dxgvCSD .dxgvSelectedRow td, .analysisContainer .dxgvCSD .dxgvSelectedRow.colorYellow td, .analysisContainer .dxgvCSD .dxgvSelectedRow.colorRed td, .analysisContainer .dxgvCSD .dxgvSelectedRow.colorGreen td, .analysisContainer .dxgvCSD .dxgvSelectedRow.colorViolet td, .analysisContainer .dxgvCSD .dxgvSelectedRow.colorOrange td, .analysisContainer .dxgvCSD .dxgvSelectedRow .contentTargets1, .analysisContainer .dxgvCSD .dxgvSelectedRow .contentTargets2, .analysisContainer .dxgvCSD .dxgvSelectedRow:hover .contentTargets1, .analysisContainer .dxgvCSD .dxgvSelectedRow:hover .contentTargets2{background-color: #78b8d9!important; color: #fff!important} .analysisContainer .dxgvHSDC .dx-vam{margin:0; padding:0} .listArea .headerIndicatorTop1, .listArea .headerIndicatorTop2{padding-right:14px!important} .listArea .headerIndicatorTop1 img.dx-vam, .listArea .headerIndicatorTop2 img.dx-vam{margin-right:-10px!important} /*-----------Pag*/ .listArea .analysisContainer .dxgvPagerBottomPanel{text-align:right; background-color:#fff; padding-right:15px; height:30px;font-family:"Open Sans",Arial,Helvetica,sans-serif;position:relative; z-index:10;padding-top:2px;padding-bottom:6px} .listArea .analysisContainer .dxpLite{color:#b3bfc8; padding-top:2px} .listArea .analysisContainer .dxgvPagerBottomPanel .dxp-num, .listArea .analysisContainer .dxpgBottomPager .dxp-num{text-decoration:none;color:#8999a6; font-size:11px;padding:3px} .listArea .analysisContainer .dxp-button .dxWeb_pPrev, .listArea .analysisContainer .dxp-button .dxWeb_pPrevDisabled{background:url('/content/img/eurodata/sprite_myeurodatatv.png') no-repeat -8px -36px} .listArea .analysisContainer .dxp-button .dxWeb_pNext, .listArea .analysisContainer .dxp-button .dxWeb_pNextDisabled{background:url('/content/img/eurodata/sprite_myeurodatatv.png') no-repeat 6px -36px} .listArea .analysisContainer .dxp-button.dxp-disabledButton, .listArea .analysisContainer .dxp-button.dxp-disabledButton{opacity:0.5} .listArea .analysisContainer .dxp-current{color:#fff!important; background-color:#78b8d9; border-radius:2px; font-weight:500!important; position:relative} .listArea .analysisContainer .dxp-current:before, .listArea .analysisContainer .dxp-current:after{position:absolute; height:100%; width:5px; left:3px; display:block; content:""; background-color:#78b8d9; top:0} .listArea .analysisContainer .dxp-current:after{left:auto; right:3px} .analysisContainer .dxp-lead.dxp-summary{font-size:11px} /*-----------Tabs*/ .analysisTabs{display:block; width:100%; height:25px; list-style:none; padding:0; margin:0; background-color:#f6f6f6} .analysisTabs li{padding:0 30px; line-height:23px;font-size:12px;font-weight:600;font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#3d5065; margin:0; height:25px; float:left; cursor:pointer;background-color:transparent; margin-right:2px; position:relative} .analysisTabs li.active{position:relative;-webkit-box-shadow:-1px 4px 5px 0px rgba(0,0,0,0.075)!important;-moz-box-shadow:-1px 4px 5px 0px rgba(0,0,0,0.075)!important;box-shadow:-1px 4px 5px 0px rgba(0,0,0,0.075)!important;background-color:#fff} .analysisTabs li:hover{ background-color:#ededed} .analysisTabs li.active:hover{ background-color:#fff} .analysisTabs li:before{position:absolute;height:0; bottom:0;left:0; background-color:#fd9c8c; content:""; width:100%;opacity:1;transition:all 200ms ease} .analysisTabs li.active:before{opacity:1;height:3px} .deleteRegionTab{float:right; margin:6px -20px 0 20px; color:#c7d2da; transition:color 250ms ease} .deleteRegionTab:hover{color:#8999a6} /*table levels*/ .listArea .level_2{padding-left:20px!important} .listArea .level_3{padding-left:35px!important} /*--------Grid Tool devexpress*/ .listArea .dxmLite {position:absolute!important; top:0; right:41px;z-index:80} .listArea .dxmLite .dxctToolbar, .listArea .dxmLite .dxm-main .dxm-hovered{border:none; background-color:transparent!important} .listArea .dxmLite .dxctToolbar .dxm-item {width:25px!important; height:25px!important; min-width:25px!important; border-width:0!important} .listArea .dxmLite .dxctToolbar .dxm-item:before{content:"\e92e"; font-size:18px; color:#b3bfc8!important; margin-top:4px!important; display:block} .listArea .dxmLite .dxctToolbar .dxm-item:hover:before{color:#7a8994!important} .listArea .dxmLite .dxctToolbar .dxm-item .dx-vam{display:none!important} /*-----------Export View*/ .exportBox{ width:100%;background-color:#f6f6f6; text-align:center;top:0px; position:absolute; height:180%} .exportBox .icon-export{ background-color:#e5e3e0; border-radius:50%; font-size:50px;color:#fcfcfb;display:inline-block; margin-top:8%;height:100px; width:100px; line-height:95px; padding-left:10px} .exportBox p{font-size:18px; line-height:28px; font-weight:600; color:#3d5065; margin:30px} /*-----------Toolbar*/ .toolbarGrid, .editGrid{position:absolute; top:0; right:0;z-index:70; width:40px; height:29px; text-align:right;border-left:1px #f6f6f6 solid} .editGrid{z-index:71} .toolbarGridButton, .editGridButton{width:40px; float:right; height:29px; line-height:28px; text-align:center; color:#b3bfc8; font-size:16px; cursor:pointer; padding-top:1px} .toolbarGridButton:hover, .editGridButton:hover, .toolbarOpen .toolbarGridButton, .toolbarOpen .editGridButton{color:#7a8994} .toolbarGridBox, .editGridBox{user-select:none; background-color:#ededed; width:250px; position:absolute; right:0; top:100%;-webkit-transition:all 200ms ease 80ms;transition:all 200ms ease 80ms;box-shadow: 0 2px 8px rgba(0,0,0, 0.175); padding:10px; overflow-y:auto;opacity:0;visibility:hidden} .toolbarOpen .toolbarGridBox, .toolbarOpen .editGridBox{visibility:visible;opacity:1;background-color:#ededed} .toolbarGridItem:before, .toolbarGridItem:after{content:''; display:table} .toolbarGridItem:after{clear:both} .toolbarGridItem{text-align:left; padding:10px 0; border-top: 1px solid #dbdee0} .toolbarGridItem:first-child{padding-top:0;border:none} .toolbarGridBox .formTitle{margin-bottom:0; color:#72828f} .toolbarGridBox .btn{ width:28px; height:28px; padding:0; margin-right:10px; font-weight:500; font-size:16px; vertical-align:top; color:#f4f4f4} .toolbarGridBox .icon-choose-column{font-size:20px} .toolbarGridBox .icon-percentage{font-size:14px} .toolbarGridBox .icon-collapse, .toolbarGridBox .icon-expand{font-size:20px} .toolbarGridBox input{border:none; background-color:#f9f9f9; height:28px; padding:0 4px; color:#818181; font-size:11px} .toolbarGridBox input.textbox-top{width:84px} .toolbarGrid .formText{color:#b5bdc3!important; font-size:12px!important; font-weight:600!important; display:block} .myEurodata .toolbarGrid .smart-form .checkbox i{background-color:#b3bfc8} .toolbarGrid .btn:focus, .toolbarGrid .btn.focus{color:#fff!important} .toolbarGrid .col .formText{padding-top:4px} .toolbarGrid .col-md-4, .toolbarGrid .col-md-6, .toolbarGrid .col-md-3{padding:0} .toolbarGridBox .separator{position:absolute; top:0; left:38px; color:#b5bdc3; font-size:18px} .toolbarGridItem .switchButton{height:28px} .toolbarGridItem .switchButton label{ padding-right:30px; margin:0} .toolbarGridItem .switchButton input{padding:0} .toolbarGridItem .switchButton i{top:0; left:0; right:auto} .duplicateOption{width:28px;height:28px;padding:0;margin-right:10px;font-weight:500;font-size:16px;line-height:28px} .duplicateOption input{display:none} .pressButton{-webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.37)!important;-moz-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.37)!important;box-shadow:1px 1px 3px 0px rgba(0,0,0,0.37)!important} .pressButton:active{top:0!important;left:0!important} .btnSelected{background-color:#78b8d9;-webkit-box-shadow:inset 1px 1px 2px 0px rgba(98,159,190,0.85)!important;-moz-box-shadow:inset 1px 1px 2px 0px rgba(98,159,190,0.85)!important;box-shadow:inset 1px 1px 2px 0px rgba(98,159,190,0.85)!important} .btn.disabled, .btn[disabled], fieldset[disabled] .btn{opacity:0.45!important} .btn.disabled ~ .formText, .btn[disabled] ~ .formText, fieldset[disabled] .btn ~ .formText{opacity:0.6!important} .toolbarGridOptions{clear:both; position:relative} .toolbarGridOptions i{position:absolute; right:0; top:2px; font-size:9px; color:#72828f;transition:transform 250ms ease} .optionLink .formTitle{text-transform:none} .toolbarGridOptions .col-md-8{padding-left:0!important; margin-top:5px;width:142px; letter-spacing:-0.02em} .toolbarGridOptions .col-md-4{margin-top:5px; width:80px} .toolbarGridOptions label, .labelOption{color:#b5bdc3;font-size:12px!important;font-weight:600!important;display:block;min-height:22px; padding-top:6px} .toolbarGridItem select, .editGrid select{display:inline-block;width:60px;height:28px;background-color:#f9f9f9;color: #b3bfc8;font-size:11px!important;border: none;padding-left:4px;font-family:"Open Sans",Arial,Helvetica,sans-serif} .toolbarGridOptions input, .toolbarInput{width:80px} .toolbarGridOptions input.timeband{width:45px; height:29px} .toolbarGridOptions .btn{margin:0} .myEurodata .dataTableEurodata .dataTables_length select, .myEurodata .dataTableEurodata .dataTables_filter input{display:inline-block;width:50px;height:27px;background-color:#f6f6f6;color: #b3bfc8;font-size: 11px;border: none;padding-left:4px;margin:0 10px} .tollbarOptionsOpen i{-ms-transform:rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg)} /*-------Column Chooser*/ .listArea .dxpcLite{font-family:"Open Sans",Arial,Helvetica,sans-serif; width:250px!important} .listArea .dxpcLite .dxgvCustomization{width:250px!important} .listArea .dxpcLite .dxpc-mainDiv{border:none;background-color:#fff!important;border-top:2px solid #c6cbcf;color:#8999a6;box-shadow:1px 1px 4px rgba(0,0,0, 0.2)} .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv.dxpc-shadow{padding:0;border-top:2px solid #c6cbcf} .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv.dxpc-shadow .dxpgCustomizationFieldsContent{padding:10px!important} .listArea .dxpcLite .dxpc-header{background-color:#fff!important; border:none; padding-left:4px; background-image:none!important} .listArea .dxpcLite .dxpc-headerContent{text-transform: uppercase;font-size:11px;color:#8999a6;font-weight:600;line-height: 11px; padding:4px 6px 6px!important} .listArea .dxpcLite .dxpc-content{background-color:#f6f6f6; margin:10px!important} .listArea .dxpcLite .dxpc-contentWrapper{padding:10px} .listArea .dxpcLite .dxpc-closeBtn{color:#b3bfc8;padding:6px 10px 0 0 } .listArea .dxpcLite .dxpc-closeBtn:before{content: "\f00d";font-family:'FontAwesome'!important} .listArea .dxpcLite .dxpc-closeBtn img{display:none} .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv.dxpc-shadow .dxpgCustomizationFieldsContent .dxpgHeader.dxpgHeaderText{background-color:#78b8d9} .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv.dxpc-shadow .dxpgCustomizationFieldsContent .dxpgHeader.dxpgHeaderText .dxpgHeader{color: #fff;text-transform: uppercase;font-size:10px;font-weight:600;border-radius:2px;text-align: left!important} /*-------Lead In/Out*/ .leadModal{width:320px; top:0px; left:36%; height:290px;background-color:#fff;border-top:2px solid #c6cbcf;color:#8999a6;box-shadow:1px 1px 4px rgba(0,0,0, 0.2); padding-bottom:10px; position: absolute;} .leadModal h2{text-transform: uppercase;font-size:11px;color:#8999a6;font-weight:600;line-height:11px; padding:10px 10px 15px!important; letter-spacing:0;display:inline-block; margin:0} .leadModal .controlViewAll, .leadModal .controlSelectAll, .leadModal .widget-toolbar, .leadModal .searchChannel{display:none!important} .leadModal .closeWidget{font-size:14px} .leadModal .widgetContent{margin:0 10px;overflow-y:auto;height:197px} .leadModal .leadModalFooter{text-align:right; margin:10px 10px 0} /*-------Row Selected*/ .analysisContainer .to-hide, .analysisContainer .to-hide:hover, .analysisContainer .to-hide:hover .contentTargets1, .analysisContainer .to-hide:hover .contentTargets2, .analysisContainer .to-hide td, .analysisContainer .to-hide:hover td, .analysisContainer .dxgvCSD .to-hide.dxgvDataRow:hover .contentTargets1, .analysisContainer .dxgvCSD .to-hide.dxgvDataRow:hover .contentTargets2, .analysisContainer .dxgvCSD .to-hide.dxgvDataRow:hover td, .analysisContainer .dxgvCSD .to-hide.dxgvDataRow .contentTargets1, .analysisContainer .dxgvCSD .to-hide.dxgvDataRow .contentTargets2, .analysisContainer .dxgvCSD .to-hide.dxgvDataRow td{background-color:#78b8d9!important;color:#fff!important} div#analysisDisabledOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:white;z-index:100000;opacity:0.5} .disabled{pointer-events:none;opacity:0.4} .analysisInfoGrid {position:absolute; top:6px; right:114px; width:20px; height:20px;color:#b3bfc8;z-index:80} .gridArea .analysisInfoGrid { position: absolute; right: 140px; width: 20px; height: 20px; color: #b3bfc8; z-index: 80 } .analysisTimescaleFrame .analysisInfoGrid { right:84px; } .na-button { font-size: 13px; cursor: pointer; display: block; position: absolute; top: 5px; right: 280px; height: 20px; color: #b3bfc8; z-index: 80; border: 0; background-color: transparent; } .na-button.active { background-color: #dae3e4} .na-button:hover {color: #7a8994;} .summary-totals-button { font-size: 19px; cursor: pointer; display: block; position: absolute; top: 7px; right: 155px; height: 20px; color: #b3bfc8; z-index: 80; border: 0; background-color: transparent; } .summary-totals-button.active { color: #7a8994; } .summary-totals-button:hover {color: #7a8994;} .save-template-button { font-size: 19px; cursor: pointer; display: block; position: absolute; top: 7px; right: 190px; height: 20px; color: #b3bfc8; z-index: 80; border: 0; background-color: transparent; } .save-template-button:hover {color: #7a8994;} .save-template-button-grid { font-size: 19px; cursor: pointer; display: block; position: absolute; top: 7px; right: 115px; height: 20px; color: #b3bfc8; z-index: 80; border: 0; background-color: transparent; } .save-template-button:hover {color: #7a8994;} .analysisInfoGrid .iconComplementarInfo { font-size: 18px; cursor: pointer } .analysisInfoGrid .iconComplementarInfo:hover{color:#7a8994} .analysisInfoGrid .analysisInfoGridBox { max-height: 300px; overflow: auto; position: absolute; width: 400px; background-color: #fff; right: -12px; top: 30px; border: 1px solid #e2e6ea; box-shadow: 0 0 8px rgba(0,0,0, 0.075); z-index: 998; visibility: hidden; opacity: 0; -webkit-transition: all 200ms ease 100ms; transition: all 200ms ease 100ms; padding: 20px; font-size: 11px } .analysisInfoGridBox:before{position:absolute; width:0; height:0; content:"";border-left:8px transparent solid;border-right:8px transparent solid;border-bottom:7px #e2e6ea solid; right:15px; top:-7px} .analysisInfoGridBox:after{position:absolute; width:0; height:0; content:"";border-left:7px transparent solid;border-right:7px transparent solid;border-bottom:6px #fff solid; right:16px; top:-5px} .analysisInfoGrid:hover .analysisInfoGridBox{visibility:visible;transition-delay:0s;opacity:1} /*Group By Footer*/ .listArea .analysisGridContainer > table.dxgvControl table.dxgvTable .dxgvGroupFooter{display:none!important} /********************************/ /* Analysis - Timescale */ /********************************/ .listArea .timescaleAnalysis{padding:30px 0 27px!important} .listArea .timescaleAnalysis .dxpgControl, body> div.dxpgControl.timescale{border:none;font-weight:600;font-size: 11px;color:#5b6c7e;font-family:"Open Sans",Arial,Helvetica,sans-serif; height:100%} .listArea .analysisContainer.timescaleAnalysis .analysisGridFrame{padding-bottom:0;} .listArea .timescaleAnalysis .exportButton{position:absolute;right:50px;top:6px;z-index:2;font-size:18px;color:#b3bfc8!important; cursor:pointer} /*-----------Header Filter Area----*/ .listArea .timescaleAnalysis .dxpgControl .dxpgFilterArea{background-color:#ededed!important; padding:3px 3px 0} .listArea .timescaleAnalysis .dxpgControl .dxpgFilterArea table td{color:#8999a6;padding:0 2px!important;font-size:10px} .listArea .timescaleAnalysis .dxpgControl .dxpgFilterArea .dxpgHeader.dxpgHeaderTable{border:1px solid #d4dadb!important} .listArea .timescaleAnalysis .dxpgControl .dxpgFilterArea .dxpgHeader.dxpgHeaderTable td{padding:2px 5px 0!important} .timescale .dxpgMainTable .dxpgPTContainerDiv .dxpgMainTable:first-child { table-layout: auto !important} /*#Timescale_11_31_PT {table-layout: auto !important}*/ body > div.dxpgControl.timescale table {border: none} body> div.dxpgControl.timescale table td{background-color:#c3d0d9!important; padding:4px!important; text-transform:uppercase;color:#8999a6;padding:0 2px!important;font-size:10px} .listArea .timescaleAnalysis .dxPivotGrid_pgFilterButton, body> div.dxpgControl.timescale .dxPivotGrid_pgFilterButton{width:18px;height:18px; background-position:5px -57px; cursor:pointer!important} /*-----------Header Area-----*/ .listArea .timescaleAnalysis .dxpgControl .dxpgArea{border:none;/*background-color: #e4e9ea;*/} .listArea .timescaleAnalysis .dxpgControl .dxpgHeader{background-color:#d9dedf;color:#87949f;font-weight:600;font-size:11px;text-transform: uppercase; border:none} .listArea .timescaleAnalysis .dxpgControl .dxpgEmptyArea{color: #b0b7bd!important; font-weight:500;; font-size:10px; line-height:22px} /*-----------Data Area Cell-------*/ .listArea .timescaleAnalysis .dxpgControl .dxpgCellsArea{border-bottom:1px solid #e3e7e8} .listArea .timescaleAnalysis .dxpgControl .dxpgCellsArea .dxpgCell{text-align: right;font-weight:600;font-size: 11px;color: #5b6c7e;border-color: #e3e7e8;padding:6px} .listArea .timescaleAnalysis .dxpgControl .dxpgCellsArea .dxpgTotalCell{background-color:#fff;font-weight:700; border-color:#d1d9dd; color:#f7664e} .listArea .timescaleAnalysis .dxpgControl .dxpgCellsArea .dxpgGrandTotalCell{background-color:#fff0ee;font-weight:700; border-color:#d1d9dd; color:#f7664e} /*-----------Data Area Column Field-------*/ .listArea .timescaleAnalysis .dxpgControl .dxpgColumnFieldValuesArea>div{border-color:#d0d8da!important; border-top:1px solid #d0d8da!important} .listArea .timescaleAnalysis .dxpgControl .dxpgColumnFieldValuesArea .dxpgColumnFieldValue{background-color:#dae3e4; border-color:#d0d8da;color:#98a7b3;font-weight:600;font-size:11px} .listArea .timescaleAnalysis .dxpgControl .dxpgColumnSCContentTable tbody tr:first-child td{text-transform:uppercase; font-weight:700!important;color:#8999a6;} .listArea .timescaleAnalysis .dxpgControl .dxPivotGrid_pgSortByColumn{background: url(/content/img/eurodata/sprite_myeurodatatv.png) no-repeat 0px -87px} /*-----------Data Area Row Field-------*/ .listArea .timescaleAnalysis .dxpgControl .dxpgRowFieldValuesArea{} .listArea .timescaleAnalysis .dxpgControl .dxpgRowFieldValue{background-color:#f4f8f8;color:#8999a6;font-weight:600;font-size:11px;text-transform: uppercase;padding:6px;border:none;border-top:1px solid #d3dbdd;border-right: 1px solid #d3dbdd; vertical-align:top} .listArea .timescaleAnalysis .dxpgControl .dxpgRowTotalFieldValue{background-color:#fff;font-weight:700; border-color:#d1d9dd; color:#f7664e} .listArea .timescaleAnalysis .dxpgControl .dxpgRowGrandTotalFieldValue {background-color:#fff0ee;font-weight:700; border-color:#d1d9dd; color:#f7664e; border-bottom:1px solid #d1d9dd} /*-----------Expand Button --------*/ .listArea .dxPivotGrid_pgCollapsedButton{background-position:4px -19px} .listArea .dxPivotGrid_pgExpandedButton{background-position:-8px -19px} /*-----------Dropbox filter --------*/ .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv{border-top:none; padding:10px; margin:0!important} .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv .dxpc-contentWrapper{width:100%!important; padding:0!important} .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv .dxpc-contentWrapper .dxpc-content{margin:0!important; background-color:#fff!important} .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv .dxpc-contentWrapper .dxpc-content table{width:100%;color: #5b6c7e;} .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv .dxpc-contentWrapper .dxpc-content table tr:hover{background-color:#f2f2f2; cursor:pointer} .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv .dxpc-contentWrapper .dxpc-content .dxpgFilterItem{height:18px!important; line-height:18px; white-space:normal; padding:2px 0} .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv .dxpc-contentWrapper .dxpc-content .dxpgFilterItem input{display:none } .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv .dxpc-contentWrapper .dxpc-content .dxpgFilterItem label {margin-bottom:0; padding-left:22px} .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv .dxpc-contentWrapper .dxpc-content .dxpgFilterItem input[type=checkbox]:checked + label{background: url(/content/img/eurodata/sprite_myeurodatatv.png) -15px -55px no-repeat} .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv .dxpc-footer{background-color:#fff;border-top: 1px solid #e8ecee} .listArea .timescaleAnalysis .dxpcLite .dxpc-footerContent{padding:10px 0!important} .listArea .timescaleAnalysis .dxbButton{color:#fff;font-family:"Open Sans",Arial,Helvetica,sans-serif;background-color: #b3bfc8; background-image:none; text-transform: uppercase;border-radius:2px;border:0;font-weight:600;font-size:11px;padding:4px 10px;transition: background-color 250ms ease; width:auto!important} .listArea .timescaleAnalysis .dxbButton:hover{background-color:#9ea7ae;color:#fff} .listArea .timescaleAnalysis .dxpc-footerContent table tbody tr td:first-child .dxbButton{background-color: #78b8d9;} .listArea .timescaleAnalysis .dxpc-footerContent table tbody tr td:first-child .dxbButton:hover{background-color: #5797b8;} /*-----------Pag*/ .listArea .dxpgControl.timescale .dxpgBottomPager{border:none; background-color:#fff; padding: 0; position: absolute; bottom:0;right:15px; text-align:right!important} /*-----------Loading*/ .listArea .timescaleAnalysis .dxpgLoadingPanel{font-family:"Open Sans",Arial,Helvetica,sans-serif;left:0!important; right:0!important; top:0!important; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.85); border:none; position:absolute!important} .listArea .timescaleAnalysis .dxpgLoadingPanel .dxlp-loadingImage{ background:transparent url('/Content/img/loading.svg') no-repeat center; background-size:90px; margin:0 auto; position:absolute; top:40%; left:0; right:0; height:90px; width:90px} .listArea .timescaleAnalysis .dxpcLite .dxpc-mainDiv .dxpgLoadingPanel .dxlp-loadingImage{height:35px; width:35px;background-size:35px; top:25%} .listArea .timescaleAnalysis .dxpgLoadingPanel span{display:none} /********************************/ /* Analysis - Grid */ /********************************/ .gridArea{height:99%;padding:45px 15px 25px 15px;transition:height 400ms ease;width:100%;position:relative} .gridArea .row { background: url(/content/img/eurodata/bg_logo.png) no-repeat center 30%; } .openWidgetArea .gridArea{height:66%; padding-top:36px} .gridArea .analysisContainer, .gridArea .analysisGridFrame, .gridArea .analysisGridContainer { height: 100%; width: 100%; } .gridArea .analysisContainer{padding-bottom:10px; background-color:#fff} .grid_Channels { display: inline-block; min-width: 10px; padding: 3px 4px; font-size: 9px; font-weight: 600; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; border-radius: 10px; background-color: #fd9c8c; margin-top: 8.1px; color: #fff } .grid_TopBar{width:100%;height:29px; position:absolute; top:15px; left:0; padding:0 15px} .openWidgetArea .gridArea .grid_TopBar{top:6px} .grid_TopBarBox{height:29px; width:100%; background-color:#ededed; position:relative} .grid_TopSelect{height:29px;position:relative; float:left; margin:4px 20px 0 5px} .grid_TopSelectResult{ background-color:#fff; text-align:center;height:21px; line-height:21px; padding:0 25px; color:#a0acb4; font-size:11px; font-weight:600; display:inline-block; min-width:130px;cursor:pointer} .grid_TopSelect_Prev, .grid_TopSelect_Next { border: none; background-color: transparent; color:#aed4e8; font-size: 14px; cursor: pointer } .grid_TopSelect_Prev:hover, .grid_TopSelect_Next:hover{color:#78b8d9} .grid_TopSelect ul{overflow:auto; max-height: 200px; position:absolute; background-color:#fff;z-index:99; left:27px; top:25px; list-style:none; padding:4px 0; margin:0; min-width:134px;border:1px solid #e2e6ea;box-shadow: 3px 3px 8px rgba(0,0,0, 0.080);visibility:hidden;opacity:0;-webkit-transition:all 200ms ease 100ms;transition:all 200ms ease 100ms;border-top:none} .topSelect_Open ul{visibility:visible;opacity:1} .grid_TopSelect:before{position:absolute; width:0; height:0; content:"";border-left:8px transparent solid;border-right:8px transparent solid;border-bottom:7px #dee2e6 solid; left:35px; top:18px;opacity:0;transition:opacity 200ms ease 100ms} .grid_TopSelect:after{position:absolute; width:0; height:0; content:"";border-left:7px transparent solid;border-right:7px transparent solid;border-bottom:6px #fff solid; left:36px; top:19px; opacity:0;transition:opacity 200ms ease 100ms} .topSelect_Open.grid_TopSelect:before, .topSelect_Open.grid_TopSelect:after{opacity:1} .grid_TopSelect ul li{font-size:11px; font-weight:600; display:block; padding:4px 25px; color:#a0acb4; font-size:11px; font-weight:600; color:#a0acb4; font-size:11px; font-weight:600} .grid_TopSelect ul li:hover{background-color:#78b8d9; color:#fff; cursor:pointer} .grid_TopSelect ul li.selected{background:url(/content/img/eurodata/sprite_myeurodatatv.png) -10px -52px no-repeat;} .grid_TopSelect ul li.selected:hover{color:#a0acb4} .scale { display: block; margin: 0 auto; } .scale .color { padding: 5px; width: 70px; margin-left: -3px; border-left: 1px dashed #000; background-color: white; display: inline-block; } .scale .color .value { display: inline-block; display: inline-block; font-family: "Open Sans", Arial, Helvetica, sans-serif; color: #a0acb4; font-size: 11px; font-weight: bold; } .exportGrid{font-size:18px;color:#b3bfc8!important;margin-top:4px!important;display:block; position:absolute; top:-1px; right:88px; border:none; background-color:transparent} .exportGrid i:hover{color:#7a8994} .grid_TopBarBox .analysisInfoGrid{right:126px} .grid_Frame{height:100%;width:100%; position:relative;overflow:scroll; background-color:#f6f6f6;transform: translate3d(0, 0, 0)} .grid_Headers{position:absolute; top:0; left:0;z-index:20} .grid_Title{position:fixed; height:31px; width:81px; text-align:center; background-color:#e4e9ea; line-height:30px;z-index:30; font-weight:600; color:#8999a6; text-transform:uppercase; font-size:12px;border-bottom:1px solid #d3dbdd;border-right:1px solid #d3dbdd; } .grid_leftHeader, .grid_TopHeader{list-style:none; margin:0; padding:0;position:absolute} .grid_leftHeader{top:30px; left:0; width:80px} .grid_leftHeader li{display:block; height:42px;text-align:center; border-top:1px solid #d3dbdd; background-color:#e4e9ea; font-weight:600; color:#8999a6; text-transform:uppercase; font-size:12px;line-height:42px} .grid_TopHeader{top:0; left:80px; height:30px; min-width:100%;box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.075)} .grid_TopHeader li{float:left; width:250px;height:30px;border-left:1px solid #d3dbdd; background-color:#e4e9ea; text-align:center; line-height:30px; font-weight:600; color:#8999a6;font-size:12px; box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0); transition:background ease 300ms, box-shadow ease 200ms} .grid_TopHeader li.ui-droppable.ui-state-hover{background-color:#d4dddf; border:none;border-left:1px solid #d3dbdd;} .grid_TopHeader li.ui-droppable.ui-state-active{box-shadow: inset 0px 0px 10px 2px rgba(0,0,0,0.085);background-color:#ccd8da} .grid_Content{ position:relative;padding:30px 0 0 80px;z-index:10} .grid_Column{width:250px;float:left; background-color:#f6f6f6; /*background: url(/content/img/eurodata/bg_grid_clmn.png) repeat;*/box-shadow: inset 0px 0px 22px 11px rgba(0,0,0,0.055);position:relative} .grid_ContentData{text-align:center; padding-top:150px;} .grid_ContentData > span{color:#b4c1c4; display: block; font-size: 13px; font-weight: bold;} .grid_ContentData i.icon-info { display: block; margin-bottom: 13px; font-size: 35px; color: #b4c1c4;} .grid_Item{background-color:#fff; border: 1px solid #e5e4e4; border-radius: 3px; font-size: 11px; position: absolute; overflow: hidden; transform: translate3d(0, 0, 0); transition: width ease-out 100ms; cursor: pointer; box-shadow: 0px 0px 0px rgba(0,0,0, 0); padding:10px 10px 10px 15px; width:250px} .grid_ItemContent {margin:5px; overflow:hidden} .grid_Item:after{content:""; width:100%; height:10px; background-color:#fff; bottom:0; left:0; position:absolute; z-index:20} .grid_Item_LocalName{color:#576b82; text-transform:uppercase; font-weight:700;display:block; letter-spacing:0.01em; line-height:10px; font-size:10px; padding-right:10px;transform:scaleY(1);transition:transform ease 250ms} .grid_Item_SecondaryName{display:block; color:#708399; font-weight:700; letter-spacing:0.01em; font-size:10px; line-height:10px; padding:4px 10px 0 0;transform:scaleY(1); transition:transform ease 250ms} .grid_Item_alternativename{display:block; color:#708399; font-weight:500; letter-spacing:0.01em; font-style:italic; line-height:10px;font-size:10px; padding:4px 10px 0 0;transform:scaleY(1); transition:transform ease 250ms} .grid_Item_alternativename:empty, .grid_Item_SecondaryName:empty{padding:0} .grid_Item_Metadatas{display:block; letter-spacing:0.01em;transform:scaleY(1); transition:transform ease 250ms} .grid_Item_BeginTime, .grid_Item_Duration, .grid_Item_Genre, .grid_Item_Metadatas{display:block; font-size:10px; font-weight:600;color:#516e82; overflow:hidden; letter-spacing:0.05em; line-height:11px; padding:3px 10px 0 0;transform:scaleY(1); transition:transform ease 250ms} .grid_Item_Metadatas > .labelProgram{width: auto;margin-right: 5px;} .grid_Item_BeginTime, .grid_Item_Duration{display:inline-block;padding-top:8px; font-weight:700} .grid_Item_Genre span{transform:scaleY(1); transition:transform ease 250ms; display:inline-block} .grid_Item .hideField{transform:scaleY(0);height:0; width:0; overflow:hidden; margin:0; padding:0; display:none;} .labelProgram{float:left; width:15px; font-weight:500; opacity:0.7; vertical-align:middle; display:inline-block} .gridOpacity .grid_Item{opacity:0.5} .grid_ItemOpen{z-index:99; width:280px; box-shadow: 1px 1px 18px rgba(0,0,0, 0.2); height:auto!important; opacity:1!important} .grid_Column:last-child .grid_ItemOpen{left:auto; right:0} .grid_Column:first-child .grid_ItemOpen{left:0;right:auto} /*Levels*/ .grid_Item.level_2{width:210px; margin-left:35px;box-shadow: 0px 0px 10px rgba(0,0,0, 0.075);} .grid_Item.level_3{width:180px; margin-left:65px;box-shadow: 0px 0px 10px rgba(0,0,0, 0.075);} .grid_Item.level_4{width:150px; margin-left:95px;box-shadow: 0px 0px 10px rgba(0,0,0, 0.075);} .grid_Item.level_5{width:120px; margin-left:125px;box-shadow: 0px 0px 10px rgba(0,0,0, 0.075);} /*Target colors default*/ .target_audiencelevel_1, .target_audiencelevel_1:after{background-color:#fff} .target_audiencelevel_2, .target_audiencelevel_2:after, .target_audiencelevel_2 .scrollIndicator_Prev, .target_audiencelevel_2 .scrollIndicator_Next{background-color:#e2f6ff} .target_audiencelevel_3, .target_audiencelevel_3:after, .target_audiencelevel_3 .scrollIndicator_Prev, .target_audiencelevel_3 .scrollIndicator_Next{background-color:#b5dff5} .target_audiencelevel_4, .target_audiencelevel_4:after, .target_audiencelevel_4 .scrollIndicator_Prev, .target_audiencelevel_4 .scrollIndicator_Next{background-color:#85cdf2} .target_audiencelevel_5, .target_audiencelevel_5:after, .target_audiencelevel_5 .scrollIndicator_Prev, .target_audiencelevel_5 .scrollIndicator_Next{background-color:#449dca} .target_audiencelevel_4 .scrollIndicator_Prev, .target_audiencelevel_4 .scrollIndicator_Next{color:#516e82!important} .target_audiencelevel_5 .grid_Item_LocalName, .target_audiencelevel_5 .grid_Item_SecondaryName, .target_audiencelevel_5 .grid_Item_alternativename, .target_audiencelevel_5 .grid_Item_Metadatas, .target_audiencelevel_5 .grid_Item_BeginTime, .target_audiencelevel_5 .grid_Item_Duration, .target_audiencelevel_5 .grid_Item_Genre, .target_audiencelevel_5 .grid_targetName, .target_audiencelevel_5 .grid_IndicatorHeader, .target_audiencelevel_5 .grid_ItemTargetVal span, .target_audiencelevel_5 .scrollIndicator_Prev, .target_audiencelevel_5 .scrollIndicator_Next{color:#fff!important} /*Grid Indicators*/ .availableIndicator_Box {float: right; position: relative; z-index:1; overflow:hidden;width: 85%;} .availableIndicator_Box .tb_AvailableIndicators {float: left; overflow: auto; display: inline-flex;} .grid_Item_targetsBox .availableIndicator { float: right; width: 59%; font-size: 10px; color: #3d5065; overflow: visible; position: relative; padding: 0; height: 16px; } .availableIndicator:before { position: absolute; height: 18px; top: 0; left: 0; background-color: #f7f8f9; width: 100%; content: ""; z-index: 0 } .grid_Item_targetsBox .availableIndicator:before { display: none } .availableIndicator_Box #tb_AvailableDates{float:right} .grid_Item_targetsBox{position:relative; overflow:hidden} .grid_Indicator{text-align:right;font-size:10px; line-height:10px;width:50px;} .grid_IndicatorHeader { text-align: right; font-size: 10px; line-height: 14px; width: 37px; float: left; font-weight: 600; height: 14px; letter-spacing: -0.05em ; text-align: center; } .grid_ItemTargetList{width:100%; display:block; margin:0; padding:1px 0 0; clear:both} .grid_ItemTargetList li{display:block; overflow:auto; margin-bottom:5px; overflow:hidden} .grid_targetName{float:left; width:41%} .grid_ItemTargetVal{float:right; overflow:hidden;height:10px!important; width: 50%;} .grid_ItemTargetVal span{float:left;width:37px; text-align: center;} .grid_Indicators, .tb_AvailableDates{transform:translateX(0);transition:transform 0ms ease-in-out} .scrollIndicator_Prev, .scrollIndicator_Next{background-color:#fff; line-height:15px;height:14px; width:14px} .scrollIndicator_Prev{left:2.5px} .scrollIndicator_Next{right:-14px} .grid_Item_targetsBox{margin-top:10px; padding-right:14px} .grid_targetName{font-weight:700; letter-spacing:0.01em; font-size:10px; line-height:10px;color:#576b82} /*-----------Edit Grid*/ .editGrid{right:40px;text-align:left} .editGridButton{font-size:18px} .editGridBox{width:320px;padding-bottom:57px} .editGridBoxContent {height:100%} .editGrid .ui-accordion-header.editGridTitle{display:block;text-transform:uppercase;letter-spacing:0.05em;font-size:11px;font-weight:700;line-height:11px;color:#72828f!important; padding:10px 20px 10px 2px; border-top:1px solid #dbdee0!important; overflow:hidden;margin:0;background-color: #ededed;height:auto;font-family:"Open Sans",Arial,Helvetica,sans-serif; position:relative} .editGrid .ui-accordion-header.editGridTitle:first-child{border-top:none!important; padding-top:5px} .editGrid .ui-accordion-header.editGridTitle .ui-icon{display:none!important} .editGrid .ui-accordion-header.editGridTitle .fa-chevron-down{position:absolute; right:10px; top:12px; font-size:7px; color:#b3bfc8;transition:transform 250ms ease} .editGrid .ui-accordion-header.editGridTitle:first-child .fa-chevron-down{top:7px} .editGrid .ui-accordion-header.editGridTitle.ui-accordion-header-active .fa-chevron-down{color:#72828f;-ms-transform:rotate(180deg); -webkit-transform: rotate(180deg)} .editGrid .ui-widget-content{background-color:transparent!important; margin:0!important; padding:0!important;font-family:"Open Sans",Arial,Helvetica,sans-serif; max-height:300px; padding-top:4px} .editGridOptions{list-style:none; padding:0; margin:0} .editGridOptions{padding:5px 0; margin:0; display:block} .editGridOptions li{ color: #8999a6; font-size: 11px; font-weight: 600; padding: 1px 0; position: relative; cursor: pointer; } .editGridOptions li:hover { color: #596471;} .editGridOptions li:last-child { padding-bottom: 5px } .editGridOptions .showInGrid, .editGridOptions .colorInGrid, .genreGridKit .showInGrid, .genreGridKit .colorInGrid{border:none; background-color:transparent; display:inline-block; height:22px; width:22px;margin-right:6px; font-size:16px; padding:0; color:#b3bfc8; vertical-align:middle; cursor:pointer} .genreGridKit .colorInGrid, .editGridOptions .colorInGrid{position:relative;z-index:2;background-color:#ededed} .editGridOptions li .colorInGrid{position:absolute; left:31px; top:0} .editGridOptionsText{padding-left:35px} .editGridOptions button:nth-child(2){margin-right:10px} .editGridColor{width:17px;height:17px;display:inline-block;border-radius:5px; border:2px solid #fff; vertical-align:-4px; margin:0 10px 0 2px;box-shadow: 1px 0px 5px rgba(0,0,0, 0.1)} .editGridOptions .showSelected{color:#78b8d9} .editGridBox div [class*=" col-"]{margin:0 0 0 2px!important; padding:0!important} .editGridBox .col-md-8{width:170px} .editGridBox .col-md-2{width:80px;margin-left:10px!important} .editGridOptionsTitle{color:#8999a6; font-size:10px; font-weight:700; text-transform:uppercase; padding:5px 0 10px!important; display:block} .editGridBox .formLine{padding-bottom:5px} .myEurodata .editGridBox .smart-form .radio input:checked+i{background-color:#ededed} .myEurodata .editGridBox .smart-form .radio input+i{top:5px} .editGridBox .smart-form .radio{color:#8999a6;font-size:11px; font-weight:600} .editGridBox .refTarget{position:static; float:none; display:inline-block; text-align:center; vertical-align:2px; margin-left:2px} .editGrid select{background-color:#fff} .editGridBox .form-control[disabled]{background-color:#f6f6f6} .widgetGridContainer .genreGridKit{display:none !important} .editGridBox .genreGridKit{position:absolute; height:25px; width:60px; top:0; left:0; z-index:20} .editGridBox .listGenres ul li>.iconTree i{vertical-align:1px} .editGridBox .listGenres ul li .iconTree{left:55px; padding-left:0} .editGridBox .listGenres ul li .selectionListItem{background-color:transparent;border-color:#ededed;padding: 5px 5px 5px 85px; pointer-events:none; cursor:none; overflow:hidden} .editGridBox .listGenres ul li .selectionListItem:before{display:none} .editGridBox .listGenres ul li .selectionListItem:after{content:""; width:250px;height:20px; top:0; left:55px; position:absolute; display:block; z-index:0; height:100%;border-bottom:1px solid #dbdee0} .editGridBox .listGenres ul li ul{margin-left:0} .editGridBox .listGenres ul li ul li .selectionListItem{padding-left:105px} .editGridBox .listGenres ul li ul li ul li .selectionListItem{padding-left:125px} .editGridBox .listGenres ul li ul li ul li ul li .selectionListItem{padding-left:145px} .editGridBox .listGenres ul li ul li .iconTree{left:75px} .editGridBox .listGenres ul li ul li ul li .iconTree{left:95px} .editGridBox .listGenres ul li ul li ul li ul li .iconTree{left:115px} .editGridBox .listGenres ul li ul li .selectionListItem:after{left:80px} .editGridBox .listGenres ul li ul li ul li .selectionListItem:after{left:100px} .editGridBox .listGenres ul li ul li ul li ul li .selectionListItem:after{left:120px} .editGridBoxFooter{position:absolute; bottom:0; left:0; width:100%; padding:10px;border-top:1px solid #dbdee0; text-align:right;background-color:#ededed} .editGridBoxFooter .tooltip{top:15px} .saveOptions{float:left; border:none; background-color:transparent; color:#a9b4bd; font-size:17px;padding:8px 0 0 10px} .saveOptions:hover{color:#7a8994} .grid_ItemSelectedColor{background-color:transparent; position:absolute; border-right:1px solid #fff; top:0; left:0; height:100%; width:7px; z-index:25} /*color picker*/ .myEurodata .sp-replacer.sp-light{top:2px;position:absolute;left:0px;z-index:1} .myEurodata .sp-container{border:none;background-color:#fff!important;color:#8999a6;box-shadow:1px 1px 4px rgba(0,0,0, 0.2)} .myEurodata .sp-container .sp-clear, .myEurodata .sp-container .sp-color, .myEurodata .sp-container .sp-hue{border:1px solid #e8e8e8} .myEurodata .sp-container .sp-input{border:none; border-radius:0;background-color:#f6f6f6;height:27px;font-size:12px;color:#8999a6;padding-left:10px;font-family:"Open Sans",Arial,Helvetica,sans-serif} .myEurodata .sp-container .sp-button-container{padding-top:10px} .myEurodata .sp-container .sp-choose, .myEurodata .sp-container .sp-cancel{color:#fff!important;font-family:"Open Sans",Arial,Helvetica,sans-serif;background-color:#b3bfc8;background-image:none;text-transform:uppercase;border-radius:2px;border:0;font-weight:600;font-size:10px;padding:8px 10px;transition:background-color 250ms ease;text-shadow:none;height:30px} .myEurodata .sp-container .sp-choose{background-color:#78b8d9} .myEurodata .sp-container .sp-choose:hover{background-color:#5797b8} .myEurodata .sp-container .sp-cancel:hover{background-color:#9ea7ae; text-decoration:none} .myEurodata .sp-clear-display, .myEurodata .sp-preview{background-image:none} .myEurodata .sp-top-inner .sp-clear{border:none} .myEurodata .sp-top-inner .sp-clear:before{content:"\e926";font-size:16px;line-height:26px;text-align:center;display:block} .table-input-file .input-file { overflow: hidden; position: relative; background-color: #c3cdd4; cursor: pointer; padding: 5px 20px; line-height: 10px; display: inline-block; color: #fff; font-weight: 600; font-size: 10px; letter-spacing: 0.05em; text-transform: uppercase; border-radius: 2px; transition: background-color 200ms ease; margin-top: 13px; } .table-input-file .input-file i { font-size: 18px; vertical-align: middle; margin: 0 5px 0 -5px } .table-input-file .input-file [type=file] { display: block; font-size: 1px; min-height: 100%; min-width: 100%; opacity: 0; position: absolute; right: 0; top: 0; cursor: pointer } .table-input-file .input-file:hover { background-color: #78b8d9 } /********************************/ /* MEDIA QUERIES */ /********************************/ /*----Adjust Grid Height*/ @media only screen and (max-height:980px) { .openWidgetArea .listArea{height:66%} .openWidgetArea.hideFilterMenu .listArea{height:67%} .myEurodata .flag + span{max-width:none!important} } @media only screen and (max-height:900px){ .openWidgetArea .listArea{height:65%} .openWidgetArea.hideFilterMenu .listArea{height:67%} .openWidgetArea .gridArea{height:64%} .editGrid .ui-widget-content{max-height:270px} } @media only screen and (max-height:880px){ .openWidgetArea .listArea{height:64%} .openWidgetArea.hideFilterMenu .listArea{height:66%} .openWidgetArea .gridArea{height:63%} } @media only screen and (max-height:850px){ .openWidgetArea .listArea{height:63%} .openWidgetArea.hideFilterMenu .listArea{height:65%} .openWidgetArea .gridArea{height:62%} .editGrid .ui-widget-content{max-height:220px} } @media only screen and (max-height:830px){ .openWidgetArea .listArea{height:61%} .openWidgetArea.hideFilterMenu .listArea{height:63%} .openWidgetArea .gridArea{height:60%} .editGrid .ui-widget-content{max-height:180px} } @media only screen and (max-height:785px){ .openWidgetArea .listArea{height:60%} .openWidgetArea.hideFilterMenu .listArea{height:62%} .openWidgetArea .gridArea{height:59%} } @media only screen and (max-height:770px){ .openWidgetArea .listArea{height:59%} .openWidgetArea.hideFilterMenu .listArea{height:59%} .openWidgetArea .gridArea{height:58%} .editGrid .ui-widget-content{max-height:150px} } @media only screen and (max-height:750px) { /*Remove 100% height and add a scroll */ .myEurodata .mainContent{height:100%!important; overflow-y:auto!important;min-height:100%!important} .myEurodata .listFilter .jarviswidget{height:266px!important} .myEurodata .listArea .analysisGridContainer > table .dxgvCSD, .myEurodata .listArea .analysisContainer > table .dxgvCSD, .openWidgetArea .gridArea{min-height:400px;height:400px!important} .myEurodata .listArea, .openWidgetArea .gridArea{min-height:180px; /*height:auto*/} .myEurodata .listArea .row{min-height:180px; background-size: 176px 120px; background-position:center bottom} .myEurodata .listArea.hasContent{min-height:300px} .myEurodata .listArea .loading .loading-gif{top:100px;height:60px; width:60px} .myEurodata .listFilter .listArea .analysisContainer .analysisGridFrame{padding-bottom:0} .myEurodata .listArea .dxgvLoadingDiv{height:620px!important} /*Selection Criteria Minimize Right Menu*/ .listFilter.filterOnRight .filtersName{display:none} .listFilter.filterOnRight .barControl{height:130px} .listFilter.filterOnRight .analysisInfoBtn{top:42px} .listFilter.filterOnRight .startAnalysisBtn{height:45px} .filterOnRight .selectionContainer{position:fixed} .myEurodata .modal#modal-analysis-info .modal-dialog{margin-top:3%} .myEurodata .modal#modal-analysis-info .modal-dialog .modal-body{max-height:280px} .exportBox .icon-export{margin-top:2%;font-size:28px;height:60px;width:60px;line-height:59px} .exportBox p{font-size:14px;line-height:20px;font-weight:600;margin:20px} /*grid*/ .grid_Title{position:absolute; top:0; left:0} } @media only screen and (max-height:550px){ /*Fixa altura min*/ .filterOnRight .filters{height:550px} } /*----Adjust Grid width*/ @media only screen and (max-width:1180px){ /*Selection Criteria TOP Width Adjust*/ .filters ul li a{padding: 4px 7px 0} .multiRegionButton{margin-left:25px} .myEurodata .filterOnTop .startAnalysisBtn{width:47px!important} .myEurodata .filterOnTop .barControl a.analysisInfoBtn, .myEurodata .filterOnTop .barControl a.fixFilterMenu, .myEurodata .filterOnTop .barControl a.closeFilterMenu{width:38px!important} .filters ul li:nth-child(1) a .alertIcon:before{right:8px} .filters ul li:nth-child(2) a .alertIcon:before{right:29px} } @media only screen and (max-width:1024px){ .minifyme, .myEurodata .closeFilterMenu, .myEurodata .dragArea{display:none!important} .myEurodata .minified #main{margin-left:0; padding-left:45px} .myEurodata .mainSection .row>article>div{padding:44px 5px 0} .myEurodata .mainSection .row>article>div header{padding: 0 5px} .myEurodata .minified .userArea>ul{width:100px} .myEurodata .minified .userArea>ul>li:first-child a{margin-top:-7px!important} .myEurodata .filterOnTop .filters{left:0!important} .myEurodata .jarviswidget header h2{width:auto!important} } @media only screen and (max-width:860px){ .myEurodata .filtersName{display:none} /*Selection Criteria Minimize Menu*/ .filterOnTop .filters ul{margin-left:0} .filters ul li{height:100%;border-right:1px solid #5b6c80;float:left} .filters ul li a {display:block; text-align:center; color:#b3bfc8; padding:4px 15px 0; position:relative; line-height:1.1em} .filters ul li a .filtersIcon {display:block; height:26px; padding-top:7px; font-size:16px} .filters ul li a{padding:10px 15px 10px} .filters>ul>li:nth-child(2)>a:after, .filters>ul>li:last-child>a:after{display:none} .myEurodata .barControl a.analysisInfoBtn{width:50px!important} .filters ul li:nth-child(1) a .alertIcon:before, .filters ul li:nth-child(2) a .alertIcon:before{right:5px; top:10px} } @media only screen and (max-width:768px) { .myEurodata .mainContent{height:100%!important; overflow-y:scroll!important;min-height:100%!important; width:100%!important} .myEurodata .mainSection .row>article>div{height:auto; margin-bottom:40px} .myEurodata .mainSection .row, .myEurodata .mainSection{height:auto} .myEurodata .mainSection .row>article>div>div{min-height:70px} .multiRegionButton{position:absolute; float:none; top:53px; background-color:#506379; margin-left:0; width:100%; text-align:right; border-top:1px solid #5b6c80; padding:4px 24px 2px 0} .multiRegionButton.switchButton .switch i{right:-10px; top:6px} .myEurodata .main .listFilter.filterOnTop{padding-top:90px!important} .myEurodata .main .listFilter .filters{height:90px!important} .myEurodata .flag + span{max-width:none!important} /*Login Page*/ .loginPage{width:100%} #extr-page.myEurodata #main{margin-left:0!important; padding-left:0!important} .helpPassword{margin:0 auto} .helpPasswordBox{left:0; right:0; margin:0 auto} .mediametrieLogo {position: static;margin:20px auto; width:36px} /*Modals*/ .myEurodata .modal#modal-analysis-info .modal-dialog{width:80%} } @media only screen and (max-width:540px) { /*Fixa largura min*/ .myEurodata {min-width:540px} #extr-page.myEurodata{min-width:330px} } .hideWidget { display: none !important; }