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