.administration-company .search-grid .results .default ul li{grid-template-areas:"id name headquarter agency type city province phone priority active";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 80px}.administration-company .search-grid .results .default ul li .id{grid-area:id}.administration-company .search-grid .results .default ul li .name{grid-area:name}.administration-company .search-grid .results .default ul li .headquarter{grid-area:headquarter}.administration-company .search-grid .results .default ul li .agency{grid-area:agency}.administration-company .search-grid .results .default ul li .type{grid-area:type}.administration-company .search-grid .results .default ul li .city{grid-area:city}.administration-company .search-grid .results .default ul li .province{grid-area:province}.administration-company .search-grid .results .default ul li .phone{grid-area:phone}.administration-company .search-grid .results .default ul li .priority{grid-area:priority}.administration-company .search-grid .results .default ul li .active{grid-area:active;text-align:center}.administration-company .search-grid .results .default ul li .inactive{color:#ccc}.administration-company .search-grid .results .default .head ul li>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;white-space:normal;overflow:visible}.administration-company .search-grid .results .default .head ul li .active{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.administration-company .company-details .sections{display:grid;grid-template-areas:"navigation" "company" "location" "contact" "hostnames" "bridge-settings" "options" "comments" "images" "state";grid-template-columns:minmax(0,1fr);grid-row-gap:15px}.administration-company .company-details .sections .navigation{grid-area:navigation}.administration-company .company-details .sections .company{grid-area:company}.administration-company .company-details .sections .location{grid-area:location}.administration-company .company-details .sections .contact{grid-area:contact}.administration-company .company-details .sections .options{grid-area:options}.administration-company .company-details .sections .comments{grid-area:comments}.administration-company .company-details .sections .hostnames{grid-area:hostnames}.administration-company .company-details .sections .bridge-settings{grid-area:bridge-settings}.administration-company .company-details .sections .state{grid-area:state}.administration-company .company-details-agency .sections{display:grid;grid-template-areas:"navigation" "company" "location" "contact" "comments" "state";grid-template-columns:minmax(0,1fr);grid-row-gap:15px}.administration-company .company-details-agency .sections .bridge-setting,.administration-company .company-details-agency .sections .images,.administration-company .company-details-agency .sections .options{display:none}.administration-company .company-details .navigation{position:relative}.administration-company .company-details .navigation .close{float:left}.administration-company .company-details .navigation .close a{display:block;line-height:40px;color:#333;background:none;text-align:center;border-radius:4px;font-size:20px;line-height:36px;font-weight:400;padding:0 12px 0 12px;margin:0 0 0 0;text-transform:uppercase}.administration-company .company-details .sections .options .container{display:grid;grid-template-areas:"groups data";grid-template-columns:220px 1fr;grid-column-gap:15px;grid-row-gap:15px}.administration-company .company-details .sections .options .container .groups{grid-area:groups}.administration-company .company-details .sections .options .container .data{grid-area:data}.administration-company .company-details .sections .options .container .groups{background:#f9f9f9;border-radius:4px;padding:10px 15px 10px 15px}.administration-company .company-details .sections .options .container .groups ul{list-style:none;padding:0 0 0 0;margin:0 0 0 0}.administration-company .company-details .sections .options .container .groups ul li{padding:0 0 0 0;margin:0 0 0 0}.administration-company .company-details .sections .options .container .groups ul li a{display:block;padding:2px 0 2px 0;margin:0 0 0 0;color:#2c2c2c;white-space:nowrap;overflow:hidden}.administration-company .company-details .sections .options .container .groups ul li.current a{font-weight:700}.administration-company .company-details .sections .options .container .data{padding:15px 0 15px 0}.administration-company .company-details .sections .hostnames .results .head,.administration-company .company-details .sections .hostnames .results .items .item{display:grid;grid-template-areas:"hostname site type server";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);grid-row-gap:15px}.administration-company .company-details .sections .hostnames .results .head>div,.administration-company .company-details .sections .hostnames .results .items .item>div{white-space:nowrap;overflow:hidden;padding:15px 15px 15px 15px}.administration-company .company-details .sections .hostnames .results .items .item:hover{cursor:pointer}.administration-company .company-details .sections .hostnames .results .head>div{padding-top:0}.administration-company .company-details .sections .hostnames .results .head{color:#333;font-weight:600;padding:0 0 0 0;margin:0 0 0 0}.administration-company .company-details .sections .hostnames .results .items{padding:0 0 0 0;margin:0 0 0 0}.administration-company .company-details .sections .hostnames .results .items .item a{color:#00abf0}.administration-company .company-details .sections .hostnames .results .items .item{padding:0 0 0 0;margin:0 0 0 0}.administration-company .company-details .sections .hostnames .results .items .item:nth-of-type(odd){background-color:#f9f9f9}.administration-company .company-details .sections .hostnames .details{padding:20px 0 0 0;margin:0 0 0 0;border-top:1px solid #eee}.administration-company .company-details .sections .hostnames .add{padding:15px 0 0 0}.administration-company .company-details .sections .images .images-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-7px;margin-left:-7px}.administration-company .company-details .sections .images .images-container .col{position:relative;width:100%;min-height:1px;padding-right:7px;padding-left:7px;-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%;margin-bottom:15px}.administration-company .company-details .sections .images .image-wrapper-1{background:#eee;padding:4px;border-radius:4px 4px 0 0}.administration-company .company-details .sections .images .image-wrapper-2{width:100%;display:block;position:relative;overflow:hidden}.administration-company .company-details .sections .images .image-wrapper-2:after{padding-top:70%;display:block;content:""}.administration-company .company-details .sections .images .image-wrapper-2 .image{position:absolute;top:0;bottom:0;right:0;left:0;background-size:cover;background-repeat:no-repeat;background-position-x:50%;background-position-y:50%;display:block}.administration-company .company-details .sections .images .data{background:#eee;border-radius:0 0 4px 4px;padding:6px 15px 13px 15px;font-weight:500}.administration-company .company-details .sections .images .delete{text-align:right}.administration-company .company-details .sections .images .delete a{font-weight:300}.administration-company .company-details .location .region label{display:-webkit-box;display:-ms-flexbox;display:flex}.administration-company .company-details .location .region label span:first-child{-webkit-box-flex:1;-ms-flex:1;flex:1}.administration-company .company-details .location .region label a{color:#999}.administration-company .company-details .location .region label .save{margin-left:10px}@media (max-width:1599px){.administration-company .search-grid .results .default .head ul li{grid-template-areas:"id name priority";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.administration-company .search-grid .results .default .head .active,.administration-company .search-grid .results .default .head .agency,.administration-company .search-grid .results .default .head .city,.administration-company .search-grid .results .default .head .headquarter,.administration-company .search-grid .results .default .head .phone,.administration-company .search-grid .results .default .head .province,.administration-company .search-grid .results .default .head .type{display:none}.administration-company .search-grid .results .default .head .priority{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.administration-company .search-grid .results .default ul li div.active,.administration-company .search-grid .results .default ul li div.agency,.administration-company .search-grid .results .default ul li div.city,.administration-company .search-grid .results .default ul li div.headquarter,.administration-company .search-grid .results .default ul li div.id,.administration-company .search-grid .results .default ul li div.name,.administration-company .search-grid .results .default ul li div.phone,.administration-company .search-grid .results .default ul li div.priority,.administration-company .search-grid .results .default ul li div.province,.administration-company .search-grid .results .default ul li div.type{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}.administration-company .search-grid .results .default .body ul li .active:before,.administration-company .search-grid .results .default .body ul li .agency:before,.administration-company .search-grid .results .default .body ul li .city:before,.administration-company .search-grid .results .default .body ul li .headquarter:before,.administration-company .search-grid .results .default .body ul li .id:before,.administration-company .search-grid .results .default .body ul li .name:before,.administration-company .search-grid .results .default .body ul li .phone:before,.administration-company .search-grid .results .default .body ul li .priority:before,.administration-company .search-grid .results .default .body ul li .province:before,.administration-company .search-grid .results .default .body ul li .type:before{content:attr(data-field) ":";display:inline-block;font-weight:600;margin-right:5px;width:100px}.administration-company .search-grid .results .default .body ul li{grid-template-areas:"id name" "headquarter type" "city province" "phone priority" "agency active";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-row-gap:2px}.administration-company .search-grid .results .default ul li div.active .check{display:inline-block;padding-left:5px}}@media (max-width:999px){.administration-company .search-grid .results .default .body ul li .active:before,.administration-company .search-grid .results .default .body ul li .agency:before,.administration-company .search-grid .results .default .body ul li .city:before,.administration-company .search-grid .results .default .body ul li .headquarter:before,.administration-company .search-grid .results .default .body ul li .id:before,.administration-company .search-grid .results .default .body ul li .name:before,.administration-company .search-grid .results .default .body ul li .phone:before,.administration-company .search-grid .results .default .body ul li .priority:before,.administration-company .search-grid .results .default .body ul li .province:before,.administration-company .search-grid .results .default .body ul li .type:before{width:120px}.administration-company .search-grid .results .default .body ul li{grid-template-areas:"id" "name" "headquarter" "city" "province" "type" "phone" "priority" "agency" "active";grid-template-columns:minmax(0,1fr)}.administration-company .company-details .sections .hostnames .results .head{grid-template-areas:"hostname site";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.administration-company .company-details .sections .hostnames .results .head .server,.administration-company .company-details .sections .hostnames .results .head .type{display:none}.administration-company .company-details .sections .hostnames .results .items .item{grid-template-areas:"hostname site" "type server";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-row-gap:10px;padding:13px 0 13px 0}.administration-company .company-details .sections .hostnames .results .items .item>div{padding:0 15px 0 15px}}@media (max-width:767px){.administration-company .search-grid .results .default .head ul li div{padding-left:15px;padding-right:15px}.administration-company .company-details .sections{grid-row-gap:10px}}@media (max-width:699px){.administration-company .company-details .sections .options .container{grid-template-columns:180px 1fr}.administration-company .company-details .sections .hostnames .content .btn-site{display:block;width:100%}.administration-company .company-details .sections .hostnames .content .space{display:block;width:100%;line-height:10px}}@media (max-width:599px){.administration-company .company-details .sections .options .container{grid-template-areas:"groups" "data";grid-template-columns:1fr}.administration-company .company-details .sections .hostnames .results .head{grid-template-areas:"hostname";grid-template-columns:minmax(0,1fr)}.administration-company .company-details .sections .hostnames .results .head .site{display:none}.administration-company .company-details .sections .hostnames .results .items .item{grid-template-areas:"hostname" "site" "type" "server";grid-template-columns:minmax(0,1fr)}}