.management-company .search-grid .results .default ul li{grid-template-areas:"id name headquarter type city province phone active";grid-template-columns:40px minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 80px}.management-company .search-grid .results .default ul li .id{grid-area:id}.management-company .search-grid .results .default ul li .name{grid-area:name}.management-company .search-grid .results .default ul li .headquarter{grid-area:headquarter}.management-company .search-grid .results .default ul li .type{grid-area:type}.management-company .search-grid .results .default ul li .city{grid-area:city}.management-company .search-grid .results .default ul li .province{grid-area:province}.management-company .search-grid .results .default ul li .c{grid-area:phone}.management-company .search-grid .results .default ul li .active{grid-area:active;text-align:center}.management-company .search-grid .results .default ul li .inactive{color:#ccc}.management-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}.management-company .search-grid .results .default .head ul li .active{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.management-company .company-details .sections{display:grid;grid-template-areas:"navigation" "company" "options" "settings";grid-template-columns:minmax(0,1fr);grid-row-gap:15px}.management-company .company-details .sections .navigation{grid-area:navigation}.management-company .company-details .sections .company{grid-area:company}.management-company .company-details .sections .options{grid-area:options}.management-company .company-details .sections .settings{grid-area:settings}.management-company .company-details .navigation{position:relative}.management-company .company-details .navigation .close{float:left}.management-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}.management-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}.management-company .company-details .sections .options .container .groups{grid-area:groups}.management-company .company-details .sections .options .container .data{grid-area:data}.management-company .company-details .sections .options .container .groups{background:#f9f9f9;border-radius:4px;padding:10px 15px 10px 15px}.management-company .company-details .sections .options .container .groups ul{list-style:none;padding:0 0 0 0;margin:0 0 0 0}.management-company .company-details .sections .options .container .groups ul li{padding:0 0 0 0;margin:0 0 0 0}.management-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}.management-company .company-details .sections .options .container .groups ul li.current a{font-weight:700}.management-company .company-details .sections .options .container .data{padding:15px 0 15px 0}@media (max-width:1599px){.management-company .search-grid .results .default .head ul li{grid-template-areas:"id name";grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.management-company .search-grid .results .default .head .active,.management-company .search-grid .results .default .head .city,.management-company .search-grid .results .default .head .headquarter,.management-company .search-grid .results .default .head .phone,.management-company .search-grid .results .default .head .province,.management-company .search-grid .results .default .head .type{display:none}.management-company .search-grid .results .default ul li div.active,.management-company .search-grid .results .default ul li div.city,.management-company .search-grid .results .default ul li div.headquarter,.management-company .search-grid .results .default ul li div.id,.management-company .search-grid .results .default ul li div.name,.management-company .search-grid .results .default ul li div.phone,.management-company .search-grid .results .default ul li div.province,.management-company .search-grid .results .default ul li div.type{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:left}.management-company .search-grid .results .default .body ul li .active:before,.management-company .search-grid .results .default .body ul li .city:before,.management-company .search-grid .results .default .body ul li .headquarter:before,.management-company .search-grid .results .default .body ul li .id:before,.management-company .search-grid .results .default .body ul li .name:before,.management-company .search-grid .results .default .body ul li .phone:before,.management-company .search-grid .results .default .body ul li .province:before,.management-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}.management-company .search-grid .results .default .body ul li{grid-template-areas:"id name" "headquarter type" "city province" "phone active";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-row-gap:2px}.management-company .search-grid .results .default ul li div.active .check{display:inline-block;padding-left:5px}}@media (max-width:999px){.management-company .search-grid .results .default .body ul li .active:before,.management-company .search-grid .results .default .body ul li .city:before,.management-company .search-grid .results .default .body ul li .headquarter:before,.management-company .search-grid .results .default .body ul li .id:before,.management-company .search-grid .results .default .body ul li .name:before,.management-company .search-grid .results .default .body ul li .phone:before,.management-company .search-grid .results .default .body ul li .province:before,.management-company .search-grid .results .default .body ul li .type:before{width:120px}.management-company .search-grid .results .default .head ul li{grid-template-areas:"id name";grid-template-columns:115px minmax(0,1fr)}.management-company .search-grid .results .default .body ul li{grid-template-areas:"id" "name" "headquarter" "city" "province" "type" "phone" "active";grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.management-company .search-grid .results .default .head ul li div{padding-left:15px;padding-right:15px}.management-company .company-details .sections{grid-row-gap:10px}}@media (max-width:699px){.management-company .company-details .sections .options .container{grid-template-columns:180px 1fr}}@media (max-width:599px){.management-company .company-details .sections .options .container{grid-template-areas:"groups" "data";grid-template-columns:1fr}}