.reports-bridge{background:#f6f6f6}.reports-bridge .wrapper{display:grid;grid-template-areas:"controls" "summary" "statictics" "dates" "search";grid-template-columns:minmax(0,1fr);grid-column-gap:15px;grid-row-gap:15px;position:relative}.reports-bridge .wrapper .controls{grid-area:controls}.reports-bridge .wrapper .summary{grid-area:summary}.reports-bridge .wrapper .dates{grid-area:dates}.reports-bridge .controls{display:grid;grid-template-areas:"company date-start date-end destokage";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-column-gap:10px;grid-row-gap:10px}.reports-bridge .controls .toggle{grid-area:toggle}.reports-bridge .controls .date-start{grid-area:date-start}.reports-bridge .controls .date-end{grid-area:date-end}.reports-bridge .controls .company{grid-area:company}.reports-bridge .controls .destokage{grid-area:destokage}.reports-bridge .controls .toggle{display:none}.reports-bridge .controls .toggle a{color:#444;text-transform:uppercase;font-size:16px;background:#fff;display:block;padding:18px 15px 18px 15px;border-radius:4px;position:relative}.reports-bridge .controls .toggle a .icon{position:absolute;top:0;right:0;color:#ccc;line-height:63px;width:60px;text-align:center}.reports-bridge .controls .form-control{line-height:40px;background:#ededed;border:none;color:#555}.reports-bridge .controls .company .symbol{display:none}.reports-bridge .summary{display:grid;grid-template-areas:"views bridge-clicks bridge-unique ctr";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-column-gap:15px;grid-row-gap:15px}.reports-bridge .summary .monthly{grid-area:monthly}.reports-bridge .summary .budget{grid-area:budget}.reports-bridge .summary .views{grid-area:views}.reports-bridge .summary .bridge-clicks{grid-area:bridge-clicks}.reports-bridge .summary .bridge-unique{grid-area:bridge-unique}.reports-bridge .summary .ctr{grid-area:ctr}.reports-bridge .summary .item{padding:15px 15px 15px 15px;color:#fff;border-radius:4px 4px 4px 4px;position:relative}.reports-bridge .summary .item .text{text-align:left;font-size:18px;font-weight:300;margin:0 0 0 0}.reports-bridge .summary .item .text i{opacity:.6}.reports-bridge .summary .item .icon{font-weight:300;font-size:15px}.reports-bridge .summary .item .icon i{opacity:.6}.reports-bridge .summary .item .icon span{opacity:1;display:inline-block;margin-left:5px}.reports-bridge .summary .item .value{font-size:26px;font-weight:600;position:absolute;top:-4px;right:25px;line-height:93px}.reports-bridge .summary .views{background-image:-webkit-gradient(linear,left top,right top,from(rgba(108,202,201,.85)),to(#6ccac9));background-image:linear-gradient(90deg,rgba(108,202,201,.85),#6ccac9)}.reports-bridge .summary .bridge-clicks{background-image:-webkit-gradient(linear,left top,right top,from(rgba(169,216,110,.85)),to(#a9d86e));background-image:linear-gradient(90deg,rgba(169,216,110,.85),#a9d86e)}.reports-bridge .summary .bridge-unique{background-image:-webkit-gradient(linear,left top,right top,from(rgba(126,118,195,.85)),to(#7e76c3));background-image:linear-gradient(90deg,rgba(126,118,195,.85),#7e76c3)}.reports-bridge .summary .ctr{background-image:-webkit-gradient(linear,left top,right top,from(rgba(242,210,97,.85)),to(#f2d261));background-image:linear-gradient(90deg,rgba(242,210,97,.85),#f2d261)}.reports-bridge .statistics{display:grid;grid-template-areas:"views credit" "bridge trade" "campaigns online-sales";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-column-gap:15px;grid-row-gap:0;background:#fff;border-radius:4px;padding:5px 15px 5px 15px;font-size:17px;font-weight:500;line-height:20px}.reports-bridge .statistics .bridge{grid-area:bridge}.reports-bridge .statistics .credit{grid-area:credit}.reports-bridge .statistics .campaigns{grid-area:campaigns}.reports-bridge .statistics .trade{grid-area:trade}.reports-bridge .statistics .views{grid-area:views}.reports-bridge .statistics .online-sales{grid-area:online-sales}.reports-bridge .statistics .item{display:grid;grid-template-columns:30px minmax(0,1fr) 60px 60px;grid-column-gap:10px;grid-row-gap:0;padding:17px 12px 17px 12px}.reports-bridge .statistics .item div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.reports-bridge .statistics .item:first-child,.reports-bridge .statistics .item:nth-child(2),.reports-bridge .statistics .item:nth-child(4),.reports-bridge .statistics .item:nth-child(5){border-bottom:1px solid #eee}.reports-bridge .statistics .item .icon{color:#ccc}.reports-bridge .statistics .item .total{text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.reports-bridge .statistics .item .percentage{text-align:center}.reports-bridge .statistics .item .percentage span{display:block;background:#82c8c8;border-radius:15px;color:#fff;font-weight:600;font-size:14px;width:100%}.reports-bridge .statistics .views .percentage span{background:#76c5ee}.reports-bridge .statistics .bridge .percentage span{background:#82c8c8}.reports-bridge .statistics .campaigns .percentage span{background:#7e76c3}.reports-bridge .statistics .credit .percentage span{background:#ccc}.reports-bridge .statistics .trade .percentage span{background:#f2d261}.reports-bridge .statistics .online-sales .percentage span{background:#e07445}.reports-bridge .search{background:#fff;border-radius:4px;padding:20px 15px 20px 15px}.reports-bridge .search .title{padding:0 0 10px 0;margin:0 0 0 0;text-align:left;font-size:20px;font-weight:500}.reports-bridge .search .content .default ul{list-style:none;margin:0 0 0 0;padding:0 0 0 0}.reports-bridge .search .content .default ul li{margin:0 0 0 0;padding:12px 15px 12px 15px;display:grid;grid-column-gap:15px;grid-template-areas:"id date company type make model year stock";grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.reports-bridge .search .content .default ul li>div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reports-bridge .search .content .default .head ul li>div{font-weight:700;background-color:#fff;border-top:none}.reports-bridge .search .content .default .body ul li:nth-of-type(odd){background-color:#f9f9f9}.reports-bridge .search .content .default .body ul li:first-child{border-top:1px solid #eee}.reports-bridge .search .content .default .body ul li{border-bottom:1px solid #eee}.reports-bridge .search .content .default .body ul li:hover{background:#eee;cursor:pointer}.reports-bridge .search .content .more{margin:10px 0 0 0;padding:0 0 0 0}.reports-bridge .search .content .more a{display:block;padding:13px 0 13px 0;text-align:center;background:#fff;border:1px solid #efefef;color:#333;border-radius:4px;text-transform:uppercase;font-size:14px}.reports-bridge .title{display:grid;grid-template-columns:minmax(0,1fr) 160px;padding:0 10px 20px 10px;margin:0 0 0 0;text-align:left;font-size:20px;font-weight:500}.reports-bridge .title .caption{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:28px}.reports-bridge .title .form-control{line-height:28px;font-size:14px}.reports-bridge .charts{background:#fff;border-radius:4px;padding:20px 5px 20px 5px;position:relative}.reports-bridge .charts .chart{padding:0 0 0 0}@media (max-width:1599px){.reports-bridge .search .content .default .head ul li{grid-template-areas:"id";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reports-bridge .search .content .default .head .company,.reports-bridge .search .content .default .head .date,.reports-bridge .search .content .default .head .make,.reports-bridge .search .content .default .head .model,.reports-bridge .search .content .default .head .stock,.reports-bridge .search .content .default .head .type,.reports-bridge .search .content .default .head .year{display:none}.reports-bridge .search .content .default ul li div.company,.reports-bridge .search .content .default ul li div.date,.reports-bridge .search .content .default ul li div.id,.reports-bridge .search .content .default ul li div.make,.reports-bridge .search .content .default ul li div.model,.reports-bridge .search .content .default ul li div.stock,.reports-bridge .search .content .default ul li div.type,.reports-bridge .search .content .default ul li div.year{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}.reports-bridge .search .content .default .body ul li .company:before,.reports-bridge .search .content .default .body ul li .date:before,.reports-bridge .search .content .default .body ul li .id:before,.reports-bridge .search .content .default .body ul li .make:before,.reports-bridge .search .content .default .body ul li .model:before,.reports-bridge .search .content .default .body ul li .stock:before,.reports-bridge .search .content .default .body ul li .type:before,.reports-bridge .search .content .default .body ul li .year:before{content:attr(data-field) ":";display:inline-block;font-weight:600;margin-right:5px;width:120px}.reports-bridge .search .content .default .body ul li{grid-template-areas:"id date" "company type" "make model" "year stock";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-row-gap:2px}}@media (max-width:1199px){.reports-bridge .summary,.reports-bridge .wrapper{grid-column-gap:10px;grid-row-gap:10px}.reports-bridge .summary{grid-template-areas:"views bridge-clicks" "bridge-unique ctr";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:999px){.reports-bridge .statistics{grid-template-areas:"views" "bridge" "campaigns" "credit" "trade" "online-sales";grid-template-columns:minmax(0,1fr)}.reports-bridge .statistics .item:nth-child(3){border-bottom:1px solid #eee}.reports-bridge .search .content .default .body ul li .company:before,.reports-bridge .search .content .default .body ul li .date:before,.reports-bridge .search .content .default .body ul li .id:before,.reports-bridge .search .content .default .body ul li .make:before,.reports-bridge .search .content .default .body ul li .model:before,.reports-bridge .search .content .default .body ul li .stock:before,.reports-bridge .search .content .default .body ul li .type:before,.reports-bridge .search .content .default .body ul li .year:before{width:120px}.reports-bridge .search .content .default .head ul li{grid-template-areas:"id date";grid-template-columns:115px minmax(0,1fr)}.reports-bridge .search .content .default .body ul li{grid-template-areas:"id" "date" "type" "company" "make" "model" "year" "stock";grid-template-columns:minmax(0,1fr)}}@media (max-width:899px){.reports-bridge .controls{grid-template-areas:"toggle toggle" "date-start date-end" "company destokage";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.reports-bridge .controls .toggle{display:block}.reports-bridge .hidden{grid-template-areas:"toggle";grid-template-columns:minmax(0,1fr)}.reports-bridge .hidden .company,.reports-bridge .hidden .date-end,.reports-bridge .hidden .date-start,.reports-bridge .hidden .destokage,.reports-bridge .hidden .division,.reports-bridge .hidden .source,.reports-bridge .hidden .type{display:none}}@media (min-width:900px){.reports-bridge .modal-dialog{max-width:850px}}@media (max-width:599px){.reports-bridge .summary{grid-template-areas:"views" "bridge-clicks" "bridge-unique" "ctr";grid-template-columns:minmax(0,1fr)}.reports-bridge .statistics{font-size:15px;font-weight:400;line-height:20px}.reports-bridge .statistics .item{padding:17px 8px 17px 8px}.reports-bridge .statistics .item .percentage span{font-weight:500}}