.management-users .search-grid .results .default ul li{grid-template-areas:"name phone email active id";grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 100px 80px}.management-users .search-grid .results .default ul li .id{grid-area:id}.management-users .search-grid .results .default ul li .name{grid-area:name}.management-users .search-grid .results .default ul li .phone{grid-area:phone}.management-users .search-grid .results .default ul li .email{grid-area:email}.management-users .search-grid .results .default ul li .active{grid-area:active;text-align:center}.management-users .search-grid .results .default ul li .active .checkbox{padding-left:30px}.management-users .search-grid .results .default ul li .active label{text-align:left}.management-users .search-grid .results .default ul li .id{text-align:right}.management-users .users-details .sections{display:grid;grid-template-areas:"navigation" "user" "location" "credentials" "settings" "roles" "positions" "state";grid-template-columns:minmax(0,1fr);grid-row-gap:15px}.management-users .users-details .sections .navigation{grid-area:navigation}.management-users .users-details .sections .user{grid-area:user}.management-users .users-details .sections .location{grid-area:location}.management-users .users-details .sections .credentials{grid-area:credentials}.management-users .users-details .sections .settings{grid-area:settings}.management-users .users-details .sections .roles{grid-area:roles}.management-users .users-details .sections .positions{grid-area:positions}.management-users .users-details .sections .state{grid-area:state}.management-users .item-add .sections{grid-template-areas:"navigation" "user";grid-template-columns:minmax(0,1fr)}.management-users .item-add .sections .credentials,.management-users .item-add .sections .location,.management-users .item-add .sections .positions,.management-users .item-add .sections .roles,.management-users .item-add .sections .settings{display:none}.management-users .users-details .navigation{position:relative}.management-users .users-details .navigation .close{float:left}.management-users .users-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-users .users-details .navigation .add{float:right;margin:0 15px 0 0}.management-users .users-details .navigation .add .btn-add{-webkit-box-shadow:0 1px 2px 0 #e5e5e5;box-shadow:0 1px 2px 0 #e5e5e5}.management-users .users-details .navigation .toggle{float:right}.management-users .users-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}.management-users .users-details .sections .user .details{display:grid;grid-template-areas:"side data";grid-template-columns:300px 1fr;grid-column-gap:15px;grid-row-gap:15px}.management-users .users-details .sections .user .details .side{grid-area:side}.management-users .users-details .sections .user .details .data{grid-area:data}.management-users .item-add .sections .user .details{grid-template-areas:"data";grid-template-columns:1fr}.management-users .item-add .sections .user .details .side{display:none}.management-users .users-details .sections .user .details .side{background:#00abf0;border-radius:4px 4px 4px 4px;-webkit-box-shadow:0 .5px 0 0 #fff inset,0 1px 2px 0 #e5e5e5;box-shadow:inset 0 .5px 0 0 #fff,0 1px 2px 0 #e5e5e5}.auto123 .management-users .users-details .sections .user .details .side{background:#60ab56}.wixcar .management-users .users-details .sections .user .details .side{background:#a0c466}.automoto .management-users .users-details .sections .user .details .side{background:#e11924}.evsimple .management-users .users-details .sections .user .details .side{background:#185a55}.fincar .management-users .users-details .sections .user .details .side{background:#52b944}.management-users .users-details .sections .user .details .side .user{padding:40px 20px 40px 20px}.management-users .users-details .sections .user .details .side .user .name{margin:0 0 0 0;padding:0 0 0 0;color:#fff;text-align:center;font-size:24px;font-weight:300;overflow:hidden}.management-users .users-details .sections .user .details .side .user .email-phone{margin:3px 0 0 0;padding:0 0 0 0;color:#fff;text-align:center;font-size:16px;font-weight:300}.management-users .users-details .sections .user .details .side .user .image{margin:30px 0 0 0;padding:0 0 0 0}.management-users .users-details .sections .user .details .side .user .image .inner{width:160px;margin:auto}.management-users .users-details .sections .user .details .side .user .image .inner a{width:160px;height:160px;position:relative;overflow:hidden;border-radius:50%;display:block;border:8px solid hsla(0,0%,100%,.3)}.management-users .users-details .sections .user .details .side .user .image .inner a span{width:152px;height:152px;background-size:cover;background-repeat:no-repeat;background-position-x:50%;background-position-y:50%;display:block}.management-users .users-details .sections .user .details .side .user .actions{margin:30px 0 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.management-users .users-details .sections .user .details .side .user .actions .button{width:110px;margin:5px}.management-users .users-details .sections .user .details .side .user .actions .button .btn-site{font-size:13px;border-radius:20px}.management-users .users-details .sections .user .details .data{background:#fff;border-radius:4px 4px 4px 4px;-webkit-box-shadow:0 .5px 0 0 #fff inset,0 1px 2px 0 #e5e5e5;box-shadow:inset 0 .5px 0 0 #fff,0 1px 2px 0 #e5e5e5}.management-users .users-details .sections .user .details .data .title{background:#fff;border-radius:4px 4px 4px 4px;padding:18px 15px 18px 15px;font-weight:300;font-size:18px}.management-users .users-details .sections .user .details .data .content{border-top:1px solid #eee;padding:15px 15px 15px 15px}@media (max-width:1099px){.management-users .users-details .sections .navigation .close a{line-height:40px}.management-users .users-details .sections{grid-row-gap:10px}.management-users .users-details .sections .user .details{display:grid;grid-template-areas:"side" "data";grid-template-columns:1fr;grid-row-gap:10px}}@media (max-width:999px){.management-users .search-grid .results .content{padding-top:0}.management-users .search-grid .results .default ul li{padding:10px 12px 10px 12px;grid-template-areas:"name id" "phone email";grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-row-gap:2px}.management-users .search-grid .results .default ul li .id{font-weight:700;text-align:right}.management-users .search-grid .results .default ul li .name{font-weight:700}.management-users .search-grid .results .default ul li .email{text-align:right}.management-users .search-grid .results .default ul li .active{display:none}.management-users .search-grid .results .default .head{padding:5px 0 0 0}.management-users .search-grid .results .default .head .active,.management-users .search-grid .results .default .head .email,.management-users .search-grid .results .default .head .phone{display:none}}@media (max-width:767px){.management-users .search-grid .results .default .head{padding:3px 0 0 0}.management-users .item-add .sections .user .details{grid-template-areas:"data"}.management-users .users-details .navigation .add{margin:0 10px 0 0}}