.management-roles .search-grid .results .default ul li{grid-template-areas:"role active id";grid-template-columns:minmax(0,1fr) 100px 80px}.management-roles .search-grid .results .default ul li .role{grid-area:role}.management-roles .search-grid .results .default ul li .active{grid-area:active}.management-roles .search-grid .results .default ul li .id{grid-area:id}.management-roles .search-grid .results .default ul li .active{text-align:center}.management-roles .search-grid .results .default ul li .active .checkbox{padding-left:30px}.management-roles .search-grid .results .default ul li .active label{text-align:left}.management-roles .search-grid .results .default ul li .id{text-align:right}.management-roles .roles-details .sections{display:grid;grid-template-areas:"navigation" "role" "forms" "users" "state";grid-template-columns:minmax(0,1fr);grid-row-gap:15px}.management-roles .roles-details .sections .navigation{grid-area:navigation}.management-roles .roles-details .sections .role{grid-area:role}.management-roles .roles-details .sections .forms{grid-area:forms}.management-roles .roles-details .sections .state{grid-area:state}.management-roles .item-add .sections{grid-template-areas:"navigation" "role";grid-template-columns:minmax(0,1fr)}.management-roles .item-add .sections .forms,.management-roles .item-add .sections .state{display:none}.management-roles .roles-details .navigation{position:relative}.management-roles .roles-details .navigation .close{float:left}.management-roles .roles-details .navigation .close a{display:block;line-height:40px;color:#333;background:none;text-align:center;border-radius:4px;font-size:20px;line-height:43px;font-weight:400;padding:0 12px 0 12px;margin:0 0 0 0;text-transform:uppercase}.management-roles .roles-details .navigation .add{float:right;margin:0 15px 0 0}.management-roles .roles-details .navigation .add .btn-add{-webkit-box-shadow:0 1px 2px 0 #e5e5e5;box-shadow:0 1px 2px 0 #e5e5e5}.management-roles .roles-details .navigation .toggle{float:right}.management-roles .roles-details .navigation .toggle a{display:block;width:44px;line-height:44px;background:#fff;color:#333;text-align:center;border-radius:4px;font-size:16px;font-weight:400;padding:0 0 0 0;margin:0 0 0 0;text-transform:uppercase;-webkit-box-shadow:0 1px 2px 0 #e5e5e5;box-shadow:0 1px 2px 0 #e5e5e5}@media (max-width:999px){.management-roles .search-grid .results .content{padding-top:0}.management-roles .search-grid .results .default ul li{padding:10px 12px 10px 12px;grid-template-areas:"role id";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-row-gap:2px}.management-roles .search-grid .results .default ul li .id{text-align:right}.management-roles .search-grid .results .default ul li .active{display:none}.management-roles .search-grid .results .default .head{padding:5px 0 0 0}.management-roles .search-grid .results .default .head .active{display:none}}@media (max-width:767px){.management-roles .search-grid .results .default .head{padding:3px 0 0 0}.management-roles .roles-details .sections{grid-row-gap:10px}.management-roles .roles-details .navigation .add{margin:0 10px 0 0}}