/*********************************************
* Author: Klemen Olaj
* Description: Starting HTML + css grid system
* Author URI: http://arm-design.com
* Date modified: 29.07.2016
* Version: 1.5.3
**********************************************/

/* Normalize */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{/*border-collapse:collapse;*/border-spacing:0}td,th{padding:0}

body { min-height: 100%; }
img { max-width: 100%; height: auto; vertical-align: top;}

input:focus,
select:focus,
textarea:focus,
button:focus { outline: none; }


::-webkit-input-placeholder { color: #AFAEAE;}
:-moz-placeholder { color: #AFAEAE; }
::-moz-placeholder { color: #AFAEAE; }
:-ms-input-placeholder {  color: #AFAEAE; }
/**********
  KO GRID
**********/

*,
*:before,
*:after {box-sizing: border-box;}

.row { width: 100%; margin: 0 auto; max-width: 1200px;}

.row:after,
.columns:after{content: ""; display: table; clear: both;}

[class^="col-"] {float:left; margin-left:1.6%;}
[class*='col-']:first-child {margin-left:0;}

.col-1-2, .col-2-4 {width:49.2%;}
.col-1-3  {width:32.26666666663333%;}
.col-2-3  {width:65.8666666667%;}
.col-1-4  {width:23.8%;}
.col-3-4  {width:74.2%;}

@media (max-width: 960px) {
	[class^="col-"] {width:100%; margin-left:0; padding:25px 0;}
}


body {font-family: Arial; font-size:14px; min-width:1280px;}

.page-loader, .content-loader { position: fixed; left:0; top:0; width: 100%; height: 100%; z-index:9999; background: rgba(0,0,0,0.8); -webkit-transition: 350ms all ease; transition:350ms all ease;}
.page-loader img, .content-loader img { position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.content-loader {-webkit-transition:none;transition:none; position: absolute;}

body.loaded .page-loader {opacity:0;}

._pageContainer {position: absolute; left:0; top:0; width:100%; min-width:1280px; height:100%; min-height:100%;}

/* Links */
a {color:#000; text-decoration: none;}
a:hover {text-decoration: underline;}
a[href^="mailto"] {text-decoration: underline; color:#1486c1;}
a[href^="mailto"]:hover {text-decoration: none;}

/* Aligns */
.tal {text-align:left;}
.tar {text-align: right;}
.tac {text-align: center!important;}
.vat {vertical-align: top!important;}

/* Floats */
.fn {float:none;}
.fl {float:left;}
.fr {float:right;}

/* Paddings */
.padding-right-10   {padding-right:10px; }
.padding-left-10    {padding-left:10px;  }
.padding-top-10     {padding-top:10px;   }
.padding-bottom-10  {padding-bottom:10px;}
.padding-0          {padding:0!important;}

/* Flex */
.flex {display:-webkit-box;display:-ms-flexbox;display:flex; -ms-flex-direction:row;}
.flex-1 {-webkit-box-flex:1;-ms-flex:1;flex:1}
.flex-2 {-webkit-box-flex:2;-ms-flex:2;flex:2}
.flex-48 {width:48%;}

.align-center {-webkit-box-align: center;-ms-flex-align: center;-ms-grid-row-align: center;align-items: center;}
.align-start {-webkit-box-align: start;-ms-flex-align: start;-ms-grid-row-align: flex-start;align-items: flex-start;}

.space-between {-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.space-around {-ms-flex-pack:distribute;justify-content:space-around;}
.flex-end {-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
.justify-center {-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}

.direction-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.direction-row {-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}

/* Buttons */
button.btn {border:none; height:50px; padding:12px 20px 10px; background: rgba(177,192,201,0.5);  color:#fff; text-align: center; /*font-size:18px;*/ position: relative;}
button.btn:not(:disabled):hover,
button.btn.active:not(:disabled){background: rgba(177,192,201,1);}
button.btn:disabled {background: rgba(177,192,201,0.5); color:#e5edf0;}
button.btn:disabled i {color:#e5edf0!important;}

button.btn:disabled {cursor: default;}

button.btn ~ button.btn {margin-left:10px;}

button.btn.nh {background: rgba(177,192,201,1); cursor: default;}

button.btn.reversed {background: none;}
button.btn.reversed i {color:#333;}
button.btn.reversed:not(:disabled):hover {background: rgba(177,192,201,0.5); }
button.btn.reversed.black,
button.btn.reversed.black i{color:#000;}
button.btn.reversed.black:hover {background: none;}

button.btn.red {background: rgba(140,7,49,.8);}
button.btn.red:disabled {background: rgba(140,7,49,.8);}
button.btn.red:not(:disabled):hover,
button.btn.red.active:not(:disabled) {background: rgba(140,7,49,1);}

button.btn.medium {font-size:15px; height:40px; padding:5px 15px!important;}
button.btn.medium span + i[class^="icon-"] {margin-left:10px;}
button.btn.medium i[class^="icon-"] + span {margin-left:10px;}
button.btn.medium i{color:#fff;}
button.btn.medium i.rotate{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}

button.btn.small {font-size:12px; padding:7px 10px 5px; height:30px; min-width:60px;}

button.btn.large {height:125px; width:125px;}
button.btn.large span {font-size:15px; display: block; margin-top:12px;}
button.btn.large i {color:#fff; font-size:37px;}

button.btn.flex {float:left; text-align:left; -webkit-box-align:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center; padding:3px 10px;}
button.btn:not(.medium) .flex i {color:#fff; font-size:30px; margin:0 10px 0 0;}
button.btn:not(.medium) .flex i.icon-sort-2 {font-size:25px;}
button.btn:not(.medium) .flex span {font-size:13px; line-height: 14px; display: block; width:100%;}
button.btn:not(.medium) .flex span.small {font-size:12px; line-height:12px;}
button.btn.flex ~ button.btn.flex {margin-left:8px;}

button.btn.frame {width:100%; border:solid 1px #B1C0C9; margin:0!important; }
button.btn.frame:disabled {opacity:0.5;}
button.btn.frame:disabled span,
button.btn.frame:disabled i {color:#333333!important;}

button.btn.mw {min-width:100px;}

button.default {padding:0; background: none!important;}

/* Backgrounds */
body{background-repeat:no-repeat; background-position: center center; background-attachment:fixed; background-size: cover;}
body{background-image:url(/static/images/customer_background.jpg);}
body[data-page^="adAnalyser"] {background-image:url(/static/images/background-2.jpg);}
body[data-page^="spotManager"] {background-image:url(/static/images/background-3.jpg);}
body[data-page^="spotManagerSuper"] {background-image:url(/static/images/background-3.jpg);}

body[data-page="adAnalyser/index"] #view_body,
body[data-page="spotManagerSuper/index"] #view_body,
body[data-page="spotManager/index"] #view_body{background: none;}

body[data-page="ppt"] {
    background: none;
}
/* Module block - hover title */
[data-hover-title] {position: relative;}
div.hover-title {position: absolute; z-index:99; background: #999999; color:#fff; font-size:12px; padding: 5px 10px; white-space:nowrap;}

/* Lists */
ul.clear-ul {list-style:none; margin:0; padding:0;}
ul.clear-ul li {margin:2px 0;}

/* Images */
.img-db {display: block; margin:0 auto;}
.img-db.full {width:100%;}

.height-100 {height:100%;}

.spot-summary-block .img-db.full{ max-height: 110px; min-height: 110px; }

/* Frames */
.frame {padding:10px; border:solid 1px #B1C0C9; position: relative; height:100%;}

.checkbox {display:-webkit-box;display:-ms-flexbox;display:flex; cursor: pointer; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.checkbox > input {display: none;}
.checkbox > input:checked + i {background-position: right top;}
.checkbox > i{width:30px; height:30px; background: url(/static/images/checkbox.png) left top; display: block;}
.checkbox > span {margin-right:15px;}
.checkbox ~ .checkbox {margin-top:10px;}

.checkbox-small {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
.checkbox-small i.cb-bg {background:url(/static/images/checkbox-table.png) no-repeat left top; display:inline-block; width:11px; height:12px; margin-right:5px;}
.checkbox-small input {display: none;}
.checkbox-small input:checked + i.cb-bg {background-position: right top;}

#spot_title {margin:5px 0 15px; text-indent:10px; display: block;}


.spot-actions {height:100%;}
.spot-actions button.btn.frame {height:100%; height: calc(33.333% - 5px); padding-left:50px;}
.spot-actions button.btn.frame span {font-size:15px;}
.spot-actions button.btn.frame i {margin-right:15px; color:#000}
.spot-actions button.btn.frame i.icon-poster {font-size: 37px; margin-left: 12px;}
.spot-actions button.btn.frame i.icon-music {font-size: 29px;}


/* Tables */
.popup table {border-collapse: collapse;}

.table-1 {color:#fff; width:100%;}
.table-1 th {background: rgba(2,75,125,.7);}
.table-1 td {background: rgba(2,75,125,.5);}
.table-1 th,
.table-1 td {padding:10px; border:solid 1px #B1C0C9; height:50px;}

.table-1.small th,
.table-1.small td {height:35px;}

.table * {font-size:11px;}
.table .webix_view {font-family:Arial; color:#000;}
.table .webix_column>div, .table .webix_table_cell {padding:5px; border-color:#b6c4cd; /*height: 24px!important; line-height: 15px!important;*/}
.table .webix_hcell {padding:5px;}
.table .webix_dd_drag_column, .table .webix_ss_header, .table .webix_ss_header TD, .table .webix_ss_vscroll_header {background: #5380a2; color:#fff;}
.table .webix_ss_header td {border-color:#b6c4cd; border-bottom:none;}

.table-container.all-spots-10 {height:550px;}

.table-container,
.table-blue {width:100%;}
.table-container.wside {width: calc(100% - 50px);}
.table-blue th,
.table-blue td {vertical-align: middle; font-size:15px; color:#fff; border:solid 1px #c8d7df; text-align:left; height:50px; padding:8px 10px;}
.table-blue tr.td-cell-white td:not(.def-bg) {background: #fff; color:#000}
.table-blue tr.td-cell-l-blue td:not(.def-bg) {background: #e1eff5; color:#000}
.table-blue tr.td-cell-blue td:not(.def-bg) {background: #c7e1ec; color:#000}
.table-blue th {background: #5b80a3; z-index:20;}
.table-blue td {background: #89a4bd;}
.table-blue select {width:100%; background: none; border:none; outline:none; position: relative; left: -5px;}
.table-blue select option {color:#000;}
.table-blue.with-select tr:hover td {background: #7f9ab3; cursor: pointer;}
.table-blue.with-select tr th a { width: 20px; height: 20px; float: right; cursor: pointer; background: url(/static/images/SortOff.svg) }
.table-blue.with-select tr th a:hover { width: 20px; height: 20px; float: right; cursor: pointer; background: url(/static/images/SortHoverKlik.svg) }
.table-blue.edit td{color:#8C0731;}

.table-blue tr.blank th,
.table-blue tr.blank td {background: none; border: none; height: 10px; padding: 0;}

.table-blue.organize {table-layout: fixed}
.table-blue.organize th {font-weight:normal; font-size:15px;}
.table-blue.organize th strong {font-size:15px;}
.table-blue.organize th i.icon-arrow {color:#fff; font-size:16px;}
.table-blue.organize td {font-size:11px; padding:4px 10px; height:auto;}
.table-blue.organize td:not(.def-width),
.table-blue.organize th:not(.def-width){text-align: center;}

.input-with-counter {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.input-with-counter input {width:calc(100% - 65px); background: none; padding:4px 5px; border:solid 1px #c8d7df; margin-left:-5px;}
.input-with-counter span.count {width: 60px; background: rgba(177,192,201,0.5); color: #fff; padding: 5px; text-align: center;}

/* Fixed tables */
#parent {height:auto;  padding-top:57px; position: relative;}

.parent-cont {position: relative;}
.parent-cont:not(.no-blank-block):before {content:""; position: absolute; left:0; top:0; width:100%; height:57px; background: #fff; z-index:10}
/*.parent-cont:not(.no-blank-block):after {content:""; position: absolute; left:0; top:0; width:315px; height:57px; background: #fff; z-index:20}*/

.no-blank-block #parent {padding-top:0}

table.table {border-collapse: separate; width:100%;}
table.table td {padding:3px 8px; }

table.table th {background: #5b80a3; padding:8px; color:#fff; font-size:15px; font-weight:normal; text-align:left;}
table.table th.tal {z-index:90!important}
table.table th, table.table td {border:solid 1px #cdd7de; white-space:nowrap; background-clip: padding-box; position: static;    border-width: 1px 1px 0 0;}

table.table .td-bg {background-color: #89a4bd; color:#fff;}
table.table .td-w {width:30px; position: relative; z-index:20}

table.table .th-vert { position: absolute; left: 0; top: -9px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); height: 46px; width:57px; left: -8px; padding: 5px 10px; -webkit-transform-origin: 0 0; transform-origin: 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size:11px; color:#000;}

table.table th.table-col-current .th-vert {background: rgba(106,156,54,.5)}
table.table th.table-col-next .th-vert {background: rgba(137,4,49,.5)}

table.table th.table-col-current {background: #6a9c36}
table.table th.table-col-next {background: #890431;}

table.table td.table-col-current {background: rgba(106,156,54,.5);}
table.table td.table-col-next {background: rgba(137,4,49,.5)}

/*table.table tr td {background: #f7fafc; font-size:11px; line-height: 14px; text-align: center;}
table.table tr:nth-child(3n+2) td {background: #e2eff4;}
table.table tr:nth-child(3n) td {background: #c9e1eb;}*/

table.table td:not(.tal):hover {background: #b5c2ca;}

.table-chart {overflow:hidden; width: 95%;max-width: 1200px; margin: 0 auto;}
.table-chart td,
.table-chart th {padding:15px 10px; border:none;}
.table-chart th.tar:first-child {padding-right:0;}
.table-chart td {height:30px;}

.table-chart th {border:none; font-size:15px; font-weight:normal;}
.table-chart th:not(:first-child) {width:70px;}

.table-chart th > div {position: relative;}
.table-chart th > div:not(.text-relative):after {content:""; position: absolute; left:50%; top:105%; height:1300px; margin-left:-.5px; width:1px; background: #d3dce2;}

.text-relative {position: relative; right:-12px; white-space:nowrap;}

.chart-data-line {background: #375F83; background: rgba(55,95,131,.8); color:#fff; padding:5px; width:0; height:25px; position: relative;}
.chart-data-line span {display: none;}
.chart-data-line span.out {margin-left: 15px; color: #000; }
.chart-data-line.red {background: rgba(198,96,94,1);}

.group-1 {background: rgba(196,223,235,.1);}
.group-2 {background: #eaf3f7}
.group-3 {background: #dfedf3;}
.group-4 {background: #d5e8f0;}
.group-5 {background: #cee3ed;}
.group-6 {background: #c9e1eb;}

.table-chart td.grouped-cells {padding:0 33px 0 35px;}
.table-chart td.tar {padding-right:0;}

.rotated-text {font-size:12px; text-align: center; height: 100%; position: relative; width: 25px;}
.rotated-text strong {position: absolute; -webkit-transform: rotate(-90deg) translate(-50%,-50%); transform: rotate(-90deg) translate(-50%,-50%); left: 50%; top: 50%; -webkit-transform-origin: 0 0; transform-origin: 0 0; padding-bottom: 2px;}

.table-chart tbody.group-1 > tr:first-child td {border-top:solid 1px #ced9e0;}
.table-chart tbody > tr:first-child > td:first-child {border-bottom:solid 1px #ced9e0;}
.table-chart tbody > tr:last-child > td {border-bottom:solid 1px #ced9e0;}
.table-chart tbody > tr > td:not(.tar):first-child {border-left:solid 1px #ced9e0;}
.table-chart tbody > tr > td:not(.tar):last-child {border-right:solid 1px #ced9e0;}

.table-chart tbody.group-1 > tr:first-child td.tar {padding-top:25px;}
.table-chart tbody.group-1 > tr:first-child td.grouped-cells {padding-top:10px;}
.table-chart tbody:last-child > tr:first-child td.tar {padding-bottom:25px;}
.table-chart tbody:last-child > tr:first-child td.grouped-cells {padding-bottom:10px;}

.comparison-chart-container {width:calc(100% - 150px); margin-top:90px;}
.comparison-chart-container table {width:100%; max-width:none}
.comparison-table-container {display:-webkit-box;display:-ms-flexbox;display:flex; height:100%; width:130px; margin-top:60px;}

.comparison-table-container > div:last-child table {border-right:solid 1px #ced9e0}
.comparison-table-container table {border: solid 1px #ced9e0; margin-top: -44px; margin-left:-1px;}
.comparison-table-container table thead td {height: 120px;  white-space: nowrap;}
.comparison-table-container table thead td > div {-webkit-transform: rotate(-90deg);transform: rotate(-90deg); width: 30px;}
.comparison-table-container table thead td > div span {padding: 5px 10px; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 110px; text-align: left;}
.comparison-table-container table td {height:30px; text-align: center;}
.comparison-table-container table tbody tr:last-child td {border-bottom:solid 1px #ced9e0}

.description-box {margin-top: 10px;}
.description-box ._title {background: rgba(2,75,125,.7); color: #fff; height: 35px;  padding-left:10px; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center;}
.description-box ._title .db-count-cont {background: #83a4bd; color:#fff; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px;}
.description-box textarea {width:100%; height:140px; resize:none; border:solid 1px #B1C0C9; color:#999999; padding:10px;}

.description-box + button.btn {margin:7px 0 10px 0;}

.rbgwf {color:#fff; margin-right:5px; background: #A71E22; display:inline-block; padding:2px 5px;}

/* Intro page */
.home-module {position: absolute; width:calc(100% - 80px); min-width:1000px; left:80px; top:100px; margin-bottom:30px; padding-bottom:150px;}
.home-module.loggedIn {padding-bottom:270px;}

.home-module .logo {margin:0 0 35px 60px}

.home-module ._main {position: relative; padding-left:155px; min-height:90px;}
.home-module ._main i.user-bg {position: absolute; left:35px; top:15px; font-size:78px; color: #FFF}
.home-module ._main i.user-bg.dis {color:#B1C0C9;}

.home-module ._main .user-info {padding:20px 0 20px; color:#FFF; font-size:20px; line-height:24px;}

.home-module .login-form ul {list-style:none; margin:0; padding:0; width:310px;}
.home-module .login-form ul li {margin:0 0 12px; position: relative;}
.home-module .login-form ul li:last-child {margin-bottom:0;}
.home-module .login-form ul li button {margin-top:15px; width:150px;}

.home-module .login-form input {background: #B1C0C9; color:#fff; font-size:18px; height:50px; width:100%; padding:11px 10px 10px 110px; border:none;}
.home-module .login-form input.chrome-input-pw-fix {width:0; height:0; visibility:hidden; opacity:0; padding:0;}
.home-module .login-form .input-label {position: absolute; left:15px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); margin-top: 1px; color:#fff; font-size:18px;}

.home-module .change-password-form ul {list-style:none; margin:0; padding:0; width:310px;}
.home-module .change-password-form ul li {margin:0 0 12px; position: relative;}
.home-module .change-password-form ul li:last-child {margin-bottom:0;}
.home-module .change-password-form ul li button {margin-top:15px; width:150px;}

.home-module .change-password-form input {background: #B1C0C9; color:#fff; font-size:18px; height:50px; width:100%; padding:11px 10px 10px 170px; border:none;}
.home-module .change-password-form input.chrome-input-pw-fix {width:0; height:0; visibility:hidden; opacity:0; padding:0;}
.home-module .change-password-form .input-label {position: absolute; left:15px; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); margin-top: 1px; color:#fff; font-size:18px;}

.home-module ._modules {position: absolute; left:0; bottom:95px; white-space:nowrap;}
.home-module ._modules button {width:150px; height:150px; text-align: center; vertical-align: top; padding:5px; }
.home-module ._modules button ~ button {margin-left:15px;}
.home-module ._modules i {color:#fff; font-size:60px}
.home-module ._modules i.icon-open-spots {font-size:52px;}
.home-module ._modules span {display: block; font-size:15px; position: absolute; left:0; bottom:25px; width:100%; padding:0 5px;}

.home-module ._modules:not(.top) button {padding-bottom:35px;}

.home-module ._modules.top {left: auto; bottom:auto; right:50px; top:-45px;}
.home-module ._modules.top button {width:100px; height:100px;}
.home-module ._modules.top button ~ button {margin-left:5px;}
.home-module ._modules.top i {font-size:38px;}

.home-module ._actions {position: absolute; left:155px; bottom:0;}
.home-module ._actions button {width:50px; padding:5px;}
.home-module ._actions button i {color:#fff; font-size:30px;}
.home-module ._actions button ~ button {margin-left:5px;}

/* ViewContainer */
#view_header {background: #E2EFF5; border-bottom:solid 1px #B1C0C9; height:50px; width:100%; position: absolute!important; z-index:100; left:0; top:0; min-width:1280px;}
#view_header #viewTitle {position: absolute; left:50%; top:50%; white-space:nowrap; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%)}
#view_header #viewUser {margin: 0 15px 0 5px;}
#view_header div.last {margin-right:10px; }
#view_header .logo {vertical-align: middle; width:193px; height:31px; background:url(/static/images/logo.png) no-repeat center; display:inline-block;}
#view_header .btn {padding:5px 8px; font-size:21px; background: transparent;}
#view_header .btn i:not(.icon-user) {color:rgba(51,51,51,0.5)}
#view_header .btn i.icon-home {position: relative; top:-2px;}
#view_header .btn i.icon-minimize {position: relative; top:-3px;}
#view_header .btn:hover i {color:#000;}

#view_body {position: absolute; top:50px; left:0; width:100%; height:calc(100% - 50px); z-index:150; background: #fff; overflow:auto; min-width:1280px;}
#view_body #viewContainer {position: absolute; left:0; top:0; bottom:0; right:0;}

.view-container {min-width:1280px; position: absolute!important;}

.__ViewActionRow {padding:10px; height:86px;}
.__ViewActionRow > .blue-cont {height:100%;}

.__ViewActionRow button.btn {line-height:15px;}

.__ViewActionRow .search-container {height:100%; width:200px;}
.__ViewActionRow .search-container input {background: none; border:none; font-size:13px; color:#333333; text-indent:25px;}
.__ViewActionRow .search-container button {background:none!important; padding:0; padding-right: 5px;}
.__ViewActionRow .search-container button i { color: rgba(51,51,51,0.5); font-size:25px;}

.__ViewContent {position: absolute; left:0; top:86px; width:100%; height:calc(100% - 86px); padding:0 10px 10px;}
.__ViewContent .__ViewActionRow {padding:10px 0; margin-top:-10px}

.blue-cont {display:inline-block; vertical-align: top; background: rgba(196,223,235,0.5); border:solid 1px #B1C0C9; padding:7px 8px;}
.blue-cont.full {width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.blue-cont.right {float:right; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.blue-cont:not(:last-child) {margin-right:-.25em;}
.blue-cont ~ .blue-cont {margin-left:10px;}

.dropdown-container {height:100%; text-align:left; position: relative;}
.dropdown-container ._display {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; height:100%; padding:5px 20px; text-align: center; cursor: pointer;}
.dropdown-container ._display i.icon-arrow {font-size:20px; -webkit-transform:rotate(90deg); transform:rotate(90deg)}
.dropdown-container ._display + ._hidden {display: none; border:solid 1px #B1C0C9; background: #fff; position: absolute; left:-1px; top:100%; width:calc(100% + 2px); z-index:9999;}
.dropdown-container ._display + ._hidden ul {list-style:none; margin:0; padding:0;}
.dropdown-container ._display + ._hidden ul li {padding:7px 5px; cursor: pointer;}
.dropdown-container ._display + ._hidden ul li:hover {background: rgba(177,192,201,.5);}
.dropdown-container ._display + ._hidden ul li.selected {font-weight:bold}

.dropdown-container.show ._display + ._hidden {display: block;}
.dropdown-container.show ._display .icon-arrow  {-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}

.dropdown-container.new {float:left;}
.dropdown-container.new ~ .dropdown-container.new {margin-left:-12px;}
.dropdown-container.new ._display { padding:6px 12px;}
.dropdown-container.new ._display ._bg {background: #4d7ca0; color:#fff; width:100%; height:100%; padding:5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.dropdown-container.new ._display ._bg i[class^="icon-"] {color:#fff; display: block;}
.dropdown-container.new ._display + ._hidden {width:200px; left:12px; margin-top:7px; max-height: 300px;  overflow: auto;}


/* Add compare items */
.add-compare-block-wrapper {float:left;}
.add-compare-block-wrapper button.default {margin-right:-5px;}
.add-compare-block-wrapper button.default i{color: rgba(51,51,51,0.5); font-size:30px;}
.add-compare-block-wrapper button.default:hover i{color:#000}
.add-compare-block-wrapper button.red {font-size:15px; padding:10px 20px;}
.add-compare-block-container {float:left; height:100%;}
.add-compare-block-container .compare-miniblock {margin-left:10px; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding:5px; width:113px; height:100%; color:#B1C0C9; text-align: center;  border: solid 1px #B1C0C9;}
.add-compare-block-container .compare-miniblock:not(:last-child):after {content:":"; position: absolute; right: -8.5px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #B1C0C9; font-size: 20px;}
.add-compare-block-container .compare-miniblock img {height:100%;}
.add-compare-block-container .compare-miniblock.selected {color:#000;}

.current-week {margin-right:12px;}

.add-compare-block-wrapper .complex-analysis {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; width:100% ;}
.add-compare-block-wrapper .complex-analysis .compare-miniblock {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; font-size:12px; cursor: pointer;}
.add-compare-block-wrapper [class*="-analysis"] .compare-miniblock:after {display: none;}
.add-compare-block-wrapper .complex-analysis .compare-miniblock:hover {color:#000;}
.add-compare-block-wrapper .complex-analysis .compare-miniblock:hover i.icon-definition,
.add-compare-block-wrapper .complex-analysis .compare-miniblock.selected i.icon-definition {background:#5380a2;color: #fff;}
.add-compare-block-wrapper .complex-analysis .compare-miniblock > i.icon-definition {color:#fff!important; background:#769cb7; font-size:28px; pointer-events:none;}
.add-compare-block-wrapper .complex-analysis .compare-miniblock > div {margin:-2px 0 2px;}

.add-compare-block-wrapper .btn.tac {cursor: auto; background: rgba(177,192,201,1);}

.accordion-dropdown-container {display:none;}
.accordion-abs-trigger {position: absolute; left:0; top:0; width:100%; height:100%;}


.add-compare-block-wrapper .ranking-analysis {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between; width:100% ;}
.add-compare-block-wrapper .ranking-analysis .compare-miniblock {-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size:14px; cursor: pointer; text-align: center; color:#fff; background: #769cb7;}
.add-compare-block-wrapper .ranking-analysis .compare-miniblock i.icon-arrow{color:#fff!important; font-size:16px; -webkit-transform:rotate(90deg); transform:rotate(90deg)}
.add-compare-block-wrapper .ranking-analysis .compare-miniblock.selected {background: #4d7ca0;}
.add-compare-block-wrapper .ranking-analysis .compare-miniblock.selected i.icon-arrow {-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
.add-compare-block-wrapper .ranking-analysis .compare-miniblock.selected .dropdown {display: block;}
.add-compare-block-wrapper .ranking-analysis .compare-miniblock.hide-selected .dropdown {display: none;}
.add-compare-block-wrapper .ranking-analysis .compare-miniblock .dropdown {display: none; z-index:999; position: absolute; left:50%; top:calc(100% + 15px); -webkit-transform:translateX(-50%); transform:translateX(-50%); width:200px; background: #fff; border:solid 1px #b2c0c8; color:#000; font-size:11px; text-align:left;}
.add-compare-block-wrapper .ranking-analysis .compare-miniblock .dropdown ul {list-style:none; margin:0; padding:0;}
.add-compare-block-wrapper .ranking-analysis .compare-miniblock .dropdown ul li{padding:4px 10px;}
.add-compare-block-wrapper .ranking-analysis .compare-miniblock .dropdown ul li.selected {font-weight:bold;}
.add-compare-block-wrapper .ranking-analysis .compare-miniblock .dropdown ul li:hover {background: #d8dfe4;}
.add-compare-block-wrapper .ranking-analysis .compare-miniblock .dropdown ul li.active {font-weight:bold;}

/* Popup */
.popup-wrapper {position: fixed; left:0; top:0; width:100%; height:100%; z-index:99999; background: rgba(157, 174, 192, 0.75); opacity:1; -webkit-transition: 350ms all ease-in-out; transition:350ms all ease-in-out;}

/*
.popup-wrapper.show {opacity:1;}
.popup-wrapper.show .popup-container {opacity:1; -webkit-transform:translateY(0%); transform:translateY(0%); -webkit-transition-delay:100ms; transition-delay:100ms}
*/

.popup-container {position: absolute; z-index: 9999; width: 100%; height: 100%; left: 0; top: 0; /*-webkit-transform:translateY(-100%); transform:translateY(-100%);*/ text-align: center; overflow:auto; opacity:1; -webkit-transition: 350ms all ease-in-out; transition:350ms all ease-in-out;}
.popup-container:before {content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right:-.25em;}
.popup {width: 98%; width:calc(100% - 20px); border:solid 1px #b2c0c8; max-width:1050px; position: relative; padding:0; background-color: #fff; box-shadow: 0 4px 15px 1px rgba(0,0,0,.13); display: inline-block; vertical-align: middle; margin: 10px auto; text-align: left; z-index: 1055;}
.popup.small {max-width:550px;}

.popup ._header .btn.popup-close {position: absolute; right:0; top:0; font-size:15px; padding-top: 10px;}
.popup ._header .btn.popup-close i {color:#333333;}

.popup ._header {position: relative; height:50px; background: #c6dfea; border-bottom:solid 1px #b2c0c8;}
.popup ._header ._title {padding:0 55px 0 10px; height:100%;}
.popup ._header ._title i[class^="icon-"] {font-size:24px; margin-right:10px;}

.popup.warning {border:solid 1px #c93a41}
.popup.warning ._header {background: #f0565d; border-color:#c93a41; color:#fff;}
.popup.warning ._header i[class^="icon-"] {color:#fff!important;}
.popup.warning .btn.popup-close:hover {background: #c93a41!important;}

.popup ._body {padding:10px; display:inline-block; width:100%; vertical-align: top; }

/* Charts */
.chart-container {position: absolute; width:100%; min-height: 100%; top:0; left:0; /*padding:50px 0;*/ overflow:auto;}
.chart {width:100%; height:95%;/* max-height:500px; position: absolute; left:0; -webkit-transform:TranslateY(-50%); transform:TranslateY(-50%); top:50%; z-index:10;*/}
.chart.noTables {max-height:500px; position: absolute; left:0; -webkit-transform:TranslateY(-50%); transform:TranslateY(-50%); top:50%; z-index:10;}
.chart,
.chart * {font-family: Arial!important;}

.recall-data-label {color:#000; font-size:14px;}
.recall-data-label.rdl-branded {position: relative; top:24px;}
.recall-data-label.rdl-ad {color:#cc3f50;}

.recall-tooltip {font-size:14px; padding:10px; background: #fff; position: relative; z-index:100; border-radius:5px;}
.recall-tooltip + .recall-tooltip {margin-top:-10px;}

.highcharts-xaxis-labels,
.highcharts-xaxis-labels *,
.highcharts-yaxis-labels,
.highcharts-yaxis-labels *, tspan{font-size:15px!important; line-height: 18px;}


.chart + #chart_table {margin-left:15px;}
.chart-table.recall-comparison + .chart {margin-top:25px;}
.chart + .chart-table.recall-comparison {margin-top:25px; margin-bottom:0;}

#chart_table {height:100%;}
#chart_table table {height:calc(100% - 17px); border:solid 1px #c3ced4; text-align: center;}
#chart_table table th {position: relative; padding: 5px 0; height: 69px; -webkit-transform:rotate(-90deg); transform:rotate(-90deg); white-space:nowrap; font-weight:normal;}

#chart_table table tr.border-top td {border-top:solid 1px #c3ced4;}

#chart_table div ~ div table {border-left:none;}

.chart-table.recall-comparison {width:100%; padding-right: 12px; padding-left: 43px;}
.chart-table.recall-comparison table {width: 280px; border:solid 1px #c3ced4;}
.chart-table.recall-comparison table th {padding:8px;}
.chart-table.recall-comparison table td {border:solid 1px #c3ced4; /*width:50%;*/ padding:8px;}
.chart-table.recall-comparison table td:last-child {text-align: center;}
.chart-table.recall-comparison table.blue th {background: #bed8f4;}
.chart-table.recall-comparison table.gray th {background: #d6d6d6;}

.chart-table.recall-comparison.line table {width:100%;}
/*.chart-table.recall-comparison.line table td {width:auto}*/
/*.chart-table.recall-comparison.line table td:first-child{width:300px}*/


.vertical-title-container {position: relative; width: 40px;}
.vertical-title-container.lg {font-size:15px;}
.vertical-title-container.br span {text-align:right; line-height: normal; line-height:initial;}
.vertical-title-container span {right: 32px; height: 40px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg);-webkit-transform-origin: 100% 0; transform-origin: 100% 0;position: absolute;  line-height: 40px;white-space: nowrap; }


.data-label-1 {font-size:15px; font-weight:bold!important; }
.data-label-2 {font-size:15px; font-weight:bold!important; display:inline-block; text-align:center; width:350px; color:#333333!important; position: relative;}
.data-label-3 span,
.data-label-2 span  {position: absolute; left:0; top:0;  color:#333333!important; text-align:right; width:60px;}
.data-label-3 {font-size:15px; font-weight:bold!important; display:inline-block; text-align:center; width:350px; }

/* Webix */
.webix_fmanager_toolbar {border-top:none!important;}
.webix_fmanager_toolbar input {border-radius:0!important;}

.webix_fmanager_table .webix_dd_drag_column, .webix_fmanager_table .webix_ss_header, .webix_fmanager_table .webix_ss_header TD, .webix_fmanager_table .webix_ss_vscroll_header {background-color: #E2EFF5!important;}


.webix_fmanager_tree .webix_selected, .webix_blur .webix_column>div.webix_cell_select, .webix_blur .webix_column>div.webix_column_select, .webix_blur .webix_column>div.webix_row_select,
.webix_column>div.webix_cell_select, .webix_column>div.webix_column_select, .webix_column>div.webix_row_select,
.webix_fmanager_files .webix_selected .webix_fmanager_file {background-color: rgba(177,192,201,.5)!important; color:#666!important;}

.webix_blur.webix_fmanager_tree .webix_selected {background: rgba(177,192,201,.3)!important; border: 1px solid rgba(177,192,201,.8)!important;}

.webix_tree_item:focus, .webix_cell:focus,
.webix_fmanager_files .webix_dataview_item:focus,
.webix_fmanager_table .webix_ss_header td:focus, .webix_hcell:focus {outline:none!important}

.webix_fmanager_table .webix_row_select .webix_fmanager_icon,
.webix_fmanager_tree .webix_selected .webix_fmanager_icon, .webix_tree_item.webix_selected span,
.webix_fmanager_files .webix_selected .webix_fmanager_icon {color:#666!important;}

.analyse-grid .main-col {width: calc(100% - 235px)!important;}
.analyse-grid.col-6 .main-col {width: calc(100% - 335px)!important;}
.analyse-grid.col-5 .main-col {width: calc(100% - 310px)!important;}
.analyse-grid.col-4 .main-col {width: calc(100% - 285px)!important;}
.analyse-grid.col-3 .main-col {width: calc(100% - 260px)!important;}

/* IE 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.add-compare-block-wrapper .complex-analysis,
	.add-compare-block-wrapper .ranking-analysis {width:auto;}
	.add-compare-block-wrapper .complex-analysis .compare-miniblock + .compare-miniblock {margin-left:80px;}

	.add-compare-block-wrapper [class*="-analysis"] .compare-miniblock >div {width:100%; display: block;}

	.recall--chart-container > div {-webkit-box-flex:1;-ms-flex:1;flex:1;}

	#chart {max-height:400px;}

	.__ViewActionRow button.btn {overflow:hidden;}

	.both-videos-outerContainer {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; width:100%;}

	.__ViewContent.addSpot .table-container {-webkit-box-flex:1;-ms-flex:1;flex:1;}
}

/* Responsive */
@media (max-width:1540px){
	.__ViewContent {top:70px; height: calc(100% - 70px); padding:0 5px;}

	.__ViewActionRow {padding:5px; height:70px; position: relative;}
	.__ViewActionRow .search-container {width:153px;}
	.__ViewActionRow .search-container input {text-indent:5px; width:calc(100% - 25px);}
	.__ViewActionRow .search-container button {width:25px;}

	.admin-module .button-row {top:55px!important;}
	.admin-module .button-row + .__ViewContent {top: 80px; height: calc(100% - 80px);}

	.blue-cont {padding:5px;}
	.blue-cont:first-child {margin-right:0;}
	.blue-cont button.btn {height:100%;}
	.blue-cont:not([style*="display: none"]) ~ .blue-cont {margin-left:5px;}
	.blue-cont[style*="display: none"]~ .blue-cont:nth-child(2) {margin-left:0;}

	.add-compare-block-container .compare-miniblock {width:83.5px;}
	.add-compare-block-container .compare-miniblock:first-child {margin-left:5px;}
	.add-compare-block-wrapper .ranking-analysis {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
	.add-compare-block-wrapper .ranking-analysis .compare-miniblock {margin-left:5px; width:auto; min-width:70px; font-size:13px}

	button.btn ~ button.btn,
	button.btn.flex ~ button.btn.flex {margin-left:5px;}

	.chart-container {padding:0; margin-bottom:5px;}

	.table-chart th:first-child {padding-left:0;}


	.spot-summary-block {margin-bottom: 5px;}

	.timeline-wr {margin-left:-5px!important; width:calc(100% + 10px)!important}

	.table-container, .table-blue {margin-bottom: 5px;}
}
/*
@media (max-height:860px){
	.tick:not(.same-year):nth-child(3n+3) {height: calc(100% - 340px)!important;}
	.tick:not(.same-year):nth-child(3n+3):before {top: 340px!important;}
	.tick:not(.same-year):nth-child(3n+3) > div {top: 340px!important;}
}
*/
@media (max-height:790px){
	.organize-table-container {max-height:550px!important;}
}