.sap-body, .sap-body * {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size: 14px;line-height: 18px;}

.sap-perms-sel {float:left;width: 100%;}
.sap-perms-sel h2 {font-size:20px;margin: 15px 0 5px 0;}
.sap-perms-sel .sap-sec {float:left;width: 33.33%;height: auto;margin: 0 0 10px 0;padding: 7px;}
.sap-perms-sel .sap-sec label.seclab {font-weight:bold;color:#222;font-size: 15px;/* line-height:18px; */float:left;width:100%;clear:both;text-align:left;}
.sap-perms-sel .sap-sec .sap-ps {float:left;display: flex;flex-direction: column;width:100%;clear:both;border-top:1px solid #ddd;margin-top: 9px;padding-top: 1px;}
.sap-perms-sel .sap-sec .sap-ps label {display: block;float: left;position: relative;align-items: center;width:auto;padding:0;font-weight: normal;margin: 0 0 5px 0;font-size: 14px;cursor: pointer;}
.sap-perms-sel .sap-sec input {width: 19px;height: 19px;position: relative;top: 5px;}

.sap-user-img {z-index:1;position: relative;width:60px;height:60px;border-radius: 100px;}
.sap-user-img > img {transition:0.2s;border: 2px solid #3b49df;padding: 2px;position:absolute;width:100%;height:100%;top:0;left:0;max-width:inherit;max-height:inherit;object-fit:cover;border-radius: 100px;}
.products .sap-user-img {position: absolute;right: 15px;bottom: 50px;}

.sap-create h2 {font-size:20px;margin: 0 0 15px 0;}
.sap-create {float:left;display:block;clear:both;width:100%;margin: 0px 0 30px 0;border: 1px solid #ccc;border-radius: 8px;padding:20px;background: #fff;}
.sap-create .sap-row {float:left;display: block;clear:both;width:100%;margin: 0;}
.sap-create .sap-row-clr {width: calc(27% - 12px);margin: 0 12px 0 0;float: left;clear: none;}
.sap-create .sap-inputs {margin:0;}
.sap-create input {width: 100%;padding: 6px 12px;float: left;border: 1px solid #ccc;border-radius: 6px;height: 40px;}

.sap-btn {float: left;clear: none;margin: 0;width: 19%;height: 40px;line-height: 14px;font-size: 14px;font-weight:bold;color:#fff;background: #3b49df;padding: 2px 8px;border:none;border-radius: 6px;}
.sap-btn:not(.sap-disabled):hover {/* background:#0695d6; *//* color:#fff; *//* text-decoration:none; */}
.sap-btn.sap-disabled {opacity:0.6;cursor:not-allowed;}

.sap-comp {float:left;width:23%;margin: 0 1% 20px 1%;padding:0 0 20px 0;border: 1px solid #ccc;box-shadow: 2px 2px 10px rgba(0,0,0,0.15);border-radius: 10px;background:#fff;text-align:center;}
.sap-comp:hover {border-color:rgba(0,0,0,0.15);box-shadow:3px 3px 20px rgba(0,0,0,0.2);}
.sap-comp .sap-icon-wrap {float:left;width:100%;z-index:4;margin: 25px 0 5px 0;}
.sap-comp .sap-info {float:left;clear:both;width:100%;padding:0 15px;}
.sap-comp .sap-name {max-width:100%;display:inline-block;clear:both;font-size:18px;color:#111;text-decoration:none;font-weight:bold;margin:0 0 8px 0;line-height:20px;height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break: break-all; word-wrap: break-word;}
.sap-comp .sap-phone {max-width:100%;display:inline-block;clear:both;font-size: 16px;color: #3b49df;width:100%;margin:0 0 12px 0;white-space:nowrap;height:18px;overflow:hidden;text-overflow:ellipsis;word-break: break-all;word-wrap: break-word;}
.sap-comp .sap-labels {display:inline-block;clear:both;width:auto;margin:0 auto;}
.sap-comp .sap-count {float:left;width:auto;clear:none;font-size: 12px; margin:0; background: #eee; color: #777; padding: 0 4px; border-radius: 4px; line-height: 20px;}
.sap-comp .sap-user-img {position: relative;width: 130px;height: 130px;margin: 0 auto;}

/* USER PROFILE */
.sap-profile {margin:0px 0 40px 0;}
#user-main .sap-profile.alt h2 {margin:0 0 10px 0;font-size:22px;font-weight:bold;}
#user-main .right-block h2 {margin:0 0 10px 0;font-size:18px;font-weight:bold;}
.sap-profile.alt {padding-top:30px;border-top:2px solid #ccc;}
.sap-profile select {width:100%;max-width:240px;}
.sap-profile input {width:100%;max-width:320px;}
.sap-profile textarea {width:100%;max-width:100%;min-width:100%;margin-bottom:0;}
.sap-profile form.profile > .wrap {display:flex;flex-direction: row; justify-content: space-between; align-items: flex-start;}
.sap-profile .left-block {padding-right:25px;}
.sap-profile .right-block {min-width:280px;max-width:280px;background:#f0f0f0;padding:16px;border-radius:4px;position: sticky;top: 72px;}
.sap-profile .tabberlive .tabbertab, .sap-profile .tabberlive {margin-bottom:0;padding-bottom:0;} 
.sap-profile label {font-size:14px;margin:0 0 3px 0;display:block;}
.sap-profile label a.change-email {font-size:13px;margin-left:6px;}
.sap-profile .profile-img {padding-bottom: 50px;margin-bottom:25px;border-bottom:1px solid #ccc;}
.sap-profile .profile-img .btn {padding: 6px 8px; height: auto; font-size: 14px;margin-right:5px;}
.sap-profile input#zip {width:120px;}
.sap-profile input#s_name {max-width:240px;}
.sap-profile .row {display:block;width:100%;}
.sap-profile.prim .row.user-buttons {margin:20px 0 10px 0;display:flex;}
.sap-profile.prim .row.user-buttons .btn-secondary {margin-left:auto;}
.sap-profile.alt .input-box {max-width:320px;float: none;width: 100%;display: inline-block;margin: 0 0 20px 0;position: relative;}
.sap-profile a.toggle-pass {position: absolute;width: 30px;height: 30px;top: calc(50% - 9px);right: 5px;font-size: 16px;text-align: center;}
.sap-profile .img-container {position:initial;left:auto;top:auto;width:initial;height:initial;border-radius:0;overflow:visible;box-shadow:none!important;}
.sap-profile .img-container img {width:initial;height:initial;max-width:100%;max-height:initial;object-fit:unset;}
.sap-profile .img-preview {border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.25);}


/* SIMPLE SAP SELECT */
.sap-select {float:left;width:100%;clear:both;position:relative;}
.sap-select .sap-text {cursor:pointer;float:left;width:100%;clear:both;background:#fff;padding: 10px 12px;font-size: 13px;line-height: 18px;border: 1px solid #ccc;border-radius: 3px;box-shadow: none;outline: none;}
.sap-select .sap-text span {display: flex;align-items: center;}
.sap-select:hover .sap-text, .sap-select.opened .sap-text {border-color:#bbb;}
.sap-select.opened {z-index:20;}
.sap-select .sap-list-btn {margin-top: 15px;}
.sap-select .sap-list {display:none;max-height:320px;overflow-y:auto!important;z-index:3;position:absolute;width:100%;top: calc(100% + 5px);left:0;background:#fff;border: 1px solid #ccc;padding:0px;border-radius: 5px;}
.sap-select .sap-list-empty {display: inline-block;padding: 20px;}
.sap-select .sap-option {cursor:pointer;display: flex;align-items: center;width:100%;padding: 8px 12px;}
.sap-select .sap-option:hover {background: #eeedee; color: #000;}
.sap-select .sap-text .sap-user-img {position: relative;width: 60px;height: 60px;}
.sap-select .sap-list .sap-user-img {position: relative;width: 44px;height: 44px;}
.sap-select .sap-user-info {margin-left:12px;display: flex;flex-direction: row;flex: auto;}
.sap-select .sap-user-info p {font-size: 15px;padding-right: 20px;}
.sap-select .sap-user-name {font-size: 15px;font-weight:600;}
.sap-select .sap-arrow-icon {position: absolute;right: 10px;top: calc(50% - 13px);}

.sap-items {float:left;clear:both;width:100%;margin:0 0 10px 0;}
.sap-empty {float:left;clear:both;width:100%;padding:25px 10px;border-bottom: 1px solid #ccc !important;background:rgba(0,0,0,0.05);margin: 10px 0;font-size: 14px;color:rgba(0,0,0,0.5);text-align:center;border-radius:3px;}

.sap-user-box {display: block;float: left;width: 100%;padding: 20px;background: #f0f0f0;}
.sap-user-box .user-img {z-index:1;position: relative;width: 62px;height: 62px;border-radius: 100px;}
.sap-user-box .user-img > img {transition:0.2s;border: 2px solid #3b49df;padding: 2px;position:absolute;width:100%;height:100%;top:0;left:0;max-width:inherit;max-height:inherit;object-fit:cover;border-radius: 100px;}
.sap-user-box .user-top {display: flex;flex-direction: row;align-items: center;margin-bottom: 10px;}
.sap-user-box .user-info {display: flex;flex-direction: column;margin-left: 12px;}
.sap-user-box .user-info .user-name {font-size: 17px;font-weight:600;}
.sap-user-box .user-info .user-email {font-size: 14px;}
.sap-user-box .user-phone {width: 100%;text-align: center;font-size: 18px;line-height: 25px;}

/* TABLE */
.sap-table-row {display: inline-block;width:100%;border:1px solid #ccc;color:#222;position:relative;border-bottom:none;}
.sap-table-row:first-child, .sap-table-row:first-child .sap-user {border-top-left-radius:8px;border-top-right-radius:8px;}
.sap-table-row:last-child {border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
.sap-table-row:not(.opened):last-child .sap-user {border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:1px solid #ccc;}
.sap-table-row.opened:last-child .sap-perms {border-bottom-left-radius:8px;border-bottom-right-radius:8px;border-bottom:1px solid #ccc;}
.sap-table-row .sap-user {display: flex;align-items: center;cursor: pointer;width:100%;font-size:16px;font-weight:bolder;color:#222;text-decoration:none;transition:0.1s;padding: 16px 68px 16px 16px;}
.sap-table-row:not(.opened) .sap-user:hover {background:#f0f0f0;text-decoration:none;color:#000;}
.sap-table-row .sap-arrow-icon {position: absolute;right: 30px;top: 34px;}
.sap-user-details .sap-email {font-weight: normal;}
.sap-item-count {margin-left: auto;padding-right: 100px;}
.sap-table-row .sap-perms {display:inline-block;width:100%;line-height:26px;font-size:15px;padding:16px;background:#f0f0f0;}
.sap-table-row .sap-buttons {display: block;background: #fff;width: 100%;padding: 20px 20px 10px 20px;margin-bottom: 20px;border-radius: 6px;}
.sap-table-row .sap-buttons > a {display: inline-block;color: #111;padding: 8px 16px;background: #ddd;border-radius: 4px;margin: 0 10px 10px 0;}
.sap-table-row .sap-buttons > a:hover {text-decoration:none;}
.sap-table-row .sap-user-img {margin: 0 12px 0 0;}
.sap-row-empty {text-align:center;padding:30px 25px 20px 25px;}
.sap-row-empty i {color: #dedede; display: block; clear: both; font-size: 80px; text-shadow: #fff 1px 1px 0;}
.sap-row-empty span {text-align: center; display: block; color: #999;font-size:14px;}

.sap-arrow-icon svg {width: 30px;height: 30px;fill:#1a73e8;display:block;}
.sap-arrow-icon svg.sap-up {display:none;}
.opened .sap-arrow-icon svg.sap-up {display:block;} 
.opened .sap-arrow-icon svg.sap-down {display:none;} 

/* BASE STYLES */
.sap-row {width:100%;display:inline-block;margin:5px 0;clear:both;}
.sap-body {box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;font-size:14px;line-height:18px;}


@media screen and (max-width: 1024px) {
  .sap-comp {width: 31.333%;}
}

@media screen and (max-width: 767px) {
  .sap-select .user-info {margin-left:12px;display: flex;flex-direction: column;flex: unset;}
  .sap-select .user-info p {font-size: 13px;line-height: 16px;padding-right: 0;}
  .sap-comp {width: 48%;}
}

@media screen and (max-width: 540px) {
  .sap-item-count {display:none;}
  .sap-perms-sel .sap-sec {width:100%;}
}