.administration-commercialization{display:grid;grid-template-areas:"controls controls" "overview overview" "sources-campaigns sources-campaigns" "chart-source chart-source" "chart-type chart-division";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-column-gap:15px;grid-row-gap:15px;position:relative;background:#f6f6f6}.administration-commercialization .controls{grid-area:controls}.administration-commercialization .overview{grid-area:overview}.administration-commercialization .sources-campaigns{grid-area:sources-campaigns}.administration-commercialization .chart-source{grid-area:chart-source}.administration-commercialization .chart-type{grid-area:chart-type}.administration-commercialization .chart-division{grid-area:chart-division}.administration-commercialization .controls{display:grid;grid-template-areas:"date-start date-end company type division";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-column-gap:10px;grid-row-gap:10px}.administration-commercialization .controls .search{grid-area:search}.administration-commercialization .controls .date-start{grid-area:date-start}.administration-commercialization .controls .date-end{grid-area:date-end}.administration-commercialization .controls .company{grid-area:company}.administration-commercialization .controls .type{grid-area:type}.administration-commercialization .controls .division{grid-area:division}.administration-commercialization .controls .source{grid-area:source}.administration-commercialization .controls.hidden .date-start .administration-commercialization .controls.hidden .date-end .administration-commercialization .controls.hidden .company .administration-commercialization .controls.hidden .type .administration-commercialization .controls.hidden .division .administration-commercialization .controls.hidden .source,.administration-commercialization .controls .search{display:none}.administration-commercialization .controls .search a{color:#444;text-transform:uppercase;font-size:16px;background:#fff;display:block;padding:18px 15px 18px 15px;border-radius:4px;position:relative}.administration-commercialization .controls .search a .icon{position:absolute;top:0;right:0;color:#ccc;line-height:63px;width:60px;text-align:center}.administration-commercialization .controls .form-control{line-height:40px;background:#ededed;border:none;color:#555}.administration-commercialization .overview{display:grid;grid-template-areas:"all phone internet sms";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-column-gap:15px;grid-row-gap:15px}.administration-commercialization .overview .all{grid-area:all}.administration-commercialization .overview .phone{grid-area:phone}.administration-commercialization .overview .internet{grid-area:internet}.administration-commercialization .overview .sms{grid-area:sms}.administration-commercialization .overview .item{padding:15px 15px 15px 15px;color:#fff;border-radius:4px 4px 4px 4px;position:relative}.administration-commercialization .overview .item .text{text-align:left;font-size:18px;font-weight:300;margin:0 0 0 0}.administration-commercialization .overview .item .text i{opacity:.4}.administration-commercialization .overview .item .value{font-weight:600;font-size:24px}.administration-commercialization .overview .item .icon{font-size:30px;opacity:.4;position:absolute;top:0;right:25px;line-height:93px}.administration-commercialization .overview .all{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)}.administration-commercialization .overview .phone{background-image:-webkit-gradient(linear,left top,right top,from(#57c8f2),to(#57c8f2));background-image:linear-gradient(90deg,#57c8f2,#57c8f2)}.administration-commercialization .overview .internet{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)}.administration-commercialization .overview .sms{background-image:-webkit-gradient(linear,left top,right top,from(rgba(255,108,96,.85)),to(#ff6c60));background-image:linear-gradient(90deg,rgba(255,108,96,.85),#ff6c60)}.administration-commercialization .sources-campaigns{background:#fff;border-radius:4px;padding:15px;position:relative}.administration-commercialization .sources-campaigns .budget-dates-strict{top:20px;right:30px;position:absolute}.administration-commercialization .sources-campaigns .sources-campaigns-title{font-weight:300;font-size:20px;padding:5px 0 20px 0}.administration-commercialization .sources-campaigns .sources-campaigns-title span{color:#999;font-size:16px;display:block}.administration-commercialization .sources-campaigns .summary{display:grid;grid-template-areas:"budget cost requests cost-request";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-column-gap:15px;grid-row-gap:15px}.administration-commercialization .sources-campaigns .summary .budget{grid-area:budget}.administration-commercialization .sources-campaigns .summary .requests{grid-area:requests}.administration-commercialization .sources-campaigns .summary .cost{grid-area:cost}.administration-commercialization .sources-campaigns .summary .cost-request{grid-area:cost-request}.administration-commercialization .sources-campaigns .summary{text-align:center}.administration-commercialization .sources-campaigns .summary .budget,.administration-commercialization .sources-campaigns .summary .cost,.administration-commercialization .sources-campaigns .summary .cost-request,.administration-commercialization .sources-campaigns .summary .requests{position:relative;background:#f6f6f6;padding:15px 15px 15px 75px;border-radius:4px}.administration-commercialization .sources-campaigns .summary .icon{position:absolute;top:10px;left:10px;width:73px;height:73px;line-height:73px;text-align:center;font-size:24px;background:#00abf0;color:#fff;border-radius:4px}.administration-commercialization .sources-campaigns .summary .title{font-weight:300;font-size:18px;color:#aaa}.administration-commercialization .sources-campaigns .summary .total{font-size:22px;font-weight:600}.administration-commercialization .sources-campaigns .grid{margin:20px 0 0 0}.administration-commercialization .sources-campaigns .grid .head{font-weight:600}.administration-commercialization .sources-campaigns .grid .items{display:grid;grid-template-areas:"source budget cost requests cost-request";grid-template-columns:1fr 120px 120px 120px 120px;grid-column-gap:5px;grid-row-gap:5px}.administration-commercialization .sources-campaigns .grid .items:nth-child(2){border-radius:4px 4px 0 0}.administration-commercialization .sources-campaigns .grid .items:last-child{border-radius:0 0 4px 4px}.administration-commercialization .sources-campaigns .grid .items .source{grid-area:source}.administration-commercialization .sources-campaigns .grid .items .budget{grid-area:budget}.administration-commercialization .sources-campaigns .grid .items .requests{grid-area:requests}.administration-commercialization .sources-campaigns .grid .items .cost{grid-area:cost}.administration-commercialization .sources-campaigns .grid .items .cost-request{grid-area:cost-request}.administration-commercialization .sources-campaigns .grid .items:nth-child(2n){background:#f6f6f6}.administration-commercialization .sources-campaigns .grid .items .percentage{color:#aaa}.administration-commercialization .sources-campaigns .grid .items{padding:12px}.administration-commercialization .sources-campaigns .grid .items div{text-align:right;overflow:hidden;white-space:nowrap}.administration-commercialization .sources-campaigns .grid .items div .caption{display:none}.administration-commercialization .sources-campaigns .grid .items div.source{text-align:left}.administration-commercialization .sources-campaigns .grid .items div.requests{text-align:center}.administration-commercialization .sources-campaigns .grid .items div.budget,.administration-commercialization .sources-campaigns .grid .items div.cost,.administration-commercialization .sources-campaigns .grid .items div.cost-request,.administration-commercialization .sources-campaigns .grid .items div.requests{text-align:right}.administration-commercialization .sources-campaigns .grid .items .cost-request{font-weight:600}.administration-commercialization .sources-campaigns .grid .items .is-campaign{font-weight:600;color:#00abf0}.administration-commercialization .charts{background:#fff;border-radius:4px;padding:15px;position:relative}.administration-commercialization .charts .title{padding:0 0 0 0;margin:0 0 0 0;text-align:left;font-size:20px;font-weight:300}.administration-commercialization .charts .title-sub{padding:0 0 0 0;margin:0 0 20px 0;text-align:left;font-size:16px;font-weight:300;color:#bbb}.administration-commercialization .charts .total{position:absolute;top:20px;right:20px;font-size:24px;line-height:24px;font-weight:400;text-align:right;word-spacing:0}.administration-commercialization .charts .chart{padding:20px 0 20px 0}.administration-commercialization .charts .chart>div{height:400px}@media (max-width:1399px){.administration-commercialization{display:grid;grid-template-areas:"controls" "overview" "sources-campaigns" "chart-source" "chart-type" "chart-division";grid-template-columns:minmax(0,1fr)}.administration-commercialization .overview{grid-template-areas:"all phone" "internet sms";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.administration-commercialization .sources-campaigns .summary{grid-template-areas:"budget cost" "requests cost-request";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width:1199px){.administration-commercialization{padding:10px}.administration-commercialization,.administration-commercialization .overview{grid-column-gap:10px;grid-row-gap:10px}.administration-commercialization .sources-campaigns{padding:10px}.administration-commercialization .sources-campaigns .summary{grid-column-gap:10px;grid-row-gap:10px}.administration-commercialization .sources-campaigns .summary .icon{top:10px;left:10px;width:73px;height:73px;line-height:73px}}@media (max-width:1099px){.administration-commercialization .sources-campaigns .grid{margin:10px 0 0 0}.administration-commercialization .sources-campaigns .grid .head{display:none}.administration-commercialization .sources-campaigns .grid .items{grid-template-areas:"source" "budget" "cost" "requests" "cost-request";grid-template-columns:1fr;grid-column-gap:0;grid-row-gap:0}.administration-commercialization .sources-campaigns .grid .items div.source{text-transform:uppercase;font-weight:600;margin-bottom:2px;font-size:15px}.administration-commercialization .sources-campaigns .grid .items div.budget,.administration-commercialization .sources-campaigns .grid .items div.cost,.administration-commercialization .sources-campaigns .grid .items div.cost-request,.administration-commercialization .sources-campaigns .grid .items div.requests{text-align:right}.administration-commercialization .sources-campaigns .grid .items div .caption{display:block;float:left}}@media (max-width:899px){.administration-commercialization .controls{grid-template-areas:"search search" "company company" "date-start date-end" "type division";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.administration-commercialization .controls .search{display:block}.administration-commercialization .hidden{grid-template-areas:"search";grid-template-columns:minmax(0,1fr)}.administration-commercialization .hidden .company,.administration-commercialization .hidden .date-end,.administration-commercialization .hidden .date-start,.administration-commercialization .hidden .division,.administration-commercialization .hidden .source,.administration-commercialization .hidden .type{display:none}}@media (max-width:699px){.administration-commercialization .overview{grid-template-areas:"all" "phone" "internet" "sms";grid-template-columns:minmax(0,1fr)}.administration-commercialization .charts .chart{padding:0 0 0 0}.administration-commercialization .charts .chart>div{height:300px}}@media (max-width:599px){.administration-commercialization .sources-campaigns .summary{grid-template-areas:"budget" "cost" "requests" "cost-request";grid-template-columns:minmax(0,1fr)}}@media (max-width:499px){.administration-commercialization .charts .chart>div{height:250px}}