﻿.service-account { }
    .service-account .serviceAdmin-container .container-progress {
        width: calc(617px - 2rem) !important;
        height: 450px;
    }
.service-account .serviceAdmin-container { width: 745px; height: 450px; background-color: #fafafa; margin-top: 10px; }
.service-account .serviceAdmin-container.transparent { background-color: transparent; }
.service-account .serviceAdmin-container .serviceAdmin-group { background-color: #fafafa; margin: 10px; margin-top: 15px !important; border: 1px #9A9A9A solid; border-radius: 3px; width: 700px; height: 400px; margin-bottom: 0; }
.service-account .serviceAdmin-container .serviceAdmin-group .group-header { height: 30px; line-height: 30px; position: relative; padding: 0 5px 0 5px; top: -16px; left: 20px; background-color: #fafafa; width: 200px; font-size: 16px; }
.service-account .serviceAdmin-container .serviceAdmin-group .active-header { height: 20px; margin-left: 475px; margin-top: 0px; color: #9a9a9a; position: relative; right: 25px; }
.service-account .serviceAdmin-container .serviceAdmin-group .admins-container { background-color: #fafafa; height: 370px; overflow-x: hidden; overflow-y: auto; }
.service-account .serviceAdmin-container .serviceAdmin-group .admins-container .user-info { padding: 5px; padding-left: 15px !important; width: auto; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; }
.service-account .serviceAdmin-container .serviceAdmin-group .admins-container .user-info .user-personal-info { width: 370px; height: 50px; margin-left: 16px; }
.service-account .serviceAdmin-container .serviceAdmin-group .admins-container .user-info .user-personal-info .name { line-height: 24px; height: 24px; font-size: 15px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.service-account .serviceAdmin-container .serviceAdmin-group .admins-container .user-info .user-personal-info .none-item { line-height: 24px; height: 50px; font-size: 15px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; padding-top: 12px; }
.service-account .serviceAdmin-container .serviceAdmin-group .admins-container .user-info .user-personal-info .email { line-height: 24px; height: 24px; font-size: 15px; color: #9A9A9A; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.service-account .serviceAdmin-container .serviceAdmin-group .admins-container .user-info .user-last-active { width: 180px; margin-left: 20px; height: 20px; line-height: 20px; margin-top: 16px; color: #9a9a9a; }
.service-account .serviceAdmin-container .serviceAdmin-group .admins-container .user-info .user-last-active .ng-binding { text-align: left !important; }
.service-account .serviceAdmin-container .serviceAdmin-group .admins-container .user-info .user-icon { border-radius: 25px; border: 2px solid #FFF; float: left; background-repeat: no-repeat; margin-bottom: 3px; margin-top: -2px; background: url("../../../bundle/i/_info-sprite.svg") no-repeat; background-size: 50px auto; cursor: pointer; background-position: 0 -46px; width: 50px; height: 50px; background-color: #f2f8fa; }
.service-account .serviceAdmin-container .serviceAdmin-group .admins-container .user-info:hover { background-color: #EEEEEE; }
.service-account .serviceAdmin-container .serviceAdmin-group .admins-container.disabled .user-info:hover { }
.service-account .serviceAdmin-container .serviceAdmin-group .admins-container .user-info .image-border-radius { border: 2px solid #FFF; border-radius: 25px; overflow: hidden; height: 50px; width: 50px; margin-top: -2px; }
.service-account .serviceAdmin-container .serviceAdmin-group .admins-container .user-info .image-border-radius.disabled { opacity: 0.5; }
.service-account .serviceAdmin-container .serviceAdmin-group .admins-container .edit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.service-account .serviceAdmin-container md-radio-button { margin-bottom: 0 !important; }
.service-account .serviceAdmin-container md-checkbox { margin-top: 10px !important; }

.service-account .add-service-acccount-container { }
.service-account .add-service-acccount-container .add-service-acccount-button { margin-top: 15px; background-color: rgba(49,189,166,0.87); color: #fff; width: 170px; margin-right: 10px; font-size: 13px; }
.service-account .add-service-acccount-container .add-service-acccount-button:hover { background-color: rgba(49,189,166,0.87); color: #fff; opacity: .9; }

.service-account .container-progress { width: 742px; height: 480px; }
.service-account .info-container { border-radius: 2px; min-width: 400px; height: 350px; margin-top: 30px; margin-left: 20px; }
.service-account .info-container .message { line-height: 19px; font-size: 14px; margin-left: 10px; margin-top: 10px; margin-right: 10px; color: #696969; border: 0; height: 100%; }
.service-account .info-container .message .item { margin-top: 5px; margin-bottom: 10px; }
.service-account .info-container .message .link { color: #3FA9F5; text-decoration-line: none; white-space: nowrap; }
.service-account .info-container .message .notification { margin-top: 30px; margin-bottom: 10px; }
.service-account .info-container .message .notification .icon { background: url("../../../bundle/i/_info-sprite.svg") no-repeat; }
.service-account .info-container .message .notification .info { background-position: -3px -3px; width: 40px; min-width: 40px; height: 37px; margin-right: 10px; opacity: 0.9; }
.service-account .info-container .message .notification .note { font-style: italic; }
.service-account .info-container .message .note .bold { font-weight: bold; }
