#preference .users-container{padding:10px;background-color:#fff}#preference .users-container .users-content-body-panel .panel-heading{padding:10px 15px;color:#37424b;font-weight:700}#preference .users-container .users-content-body-panel .panel-body{padding:15px}#preference .users-container .users-content-body-panel .panel-body .contrast-grid{display:grid;grid-template-columns:1fr 1fr}#preference .users-container .users-content-body-panel .panel-body .contrast-grid .custom-control,#preference .users-container .users-content-body-panel .panel-body .contrast-grid .custom-control input{cursor:pointer}#preference .users-container .users-content-body-panel .panel-body .font-grid{margin-top:20px;display:grid;grid-template-columns:1fr 1fr}#preference .users-container .users-content-body-panel .panel-body .font-grid .icons{margin-left:50px;text-align:center;cursor:pointer}#preference .users-container .users-content-body-panel .panel-body .demo-container{border:1px solid #e3e5ea;margin-top:10px}#preference .users-container .users-content-body-panel .panel-body .demo-container .demo-header{padding:10px;font-size:14px;font-weight:700;background-color:#e3e5ea}#preference .users-container .users-content-body-panel .panel-body .demo-container .demo-text{padding:10px}#preference .users-container .users-content-body-panel .panel-body .button-container{margin-top:20px}#preference.hc-mode .users-container .users-content-body-panel .panel-body .button-container button{background-color:#00793e!important;border-color:#00793e!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:1s}.slide-enter{transform:translate(100%)}.slide-leave-to{transform:translate(-100%)}.pace{-webkit-pointer-events:none;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pace-inactive{display:none}.pace .pace-progress{background-color:#0072bc;position:fixed;z-index:2;top:0;right:100%;width:100%;height:2px}.grade-range-not-started{background-color:#e3e5ea!important}.grade-range-0-59{background-color:#f46360!important}.grade-range-60-69{background-color:#ed8e36!important}.grade-range-70-79{background-color:#faba36!important}.grade-range-80-89{background-color:#a8c99c!important}.grade-range-90-100{background-color:#4b9740!important}.fill-range-not-started{fill:#e3e5ea}.fill-range-0-59{fill:#f46360}.fill-range-60-69{fill:#ed8e36}.fill-range-70-79{fill:#faba36}.fill-range-80-89{fill:#a8c99c}.fill-range-90-100{fill:#4b9740}.competency-status-0{background-color:#dcdfe0!important}.competency-status-1{background-color:#1aa9eb!important}.competency-status-2,.competency-status-3,.competency-status-4,.competency-status-5{background-color:#1d7dc2!important}.competency-color-0{color:#dcdfe0!important}.competency-color-1{color:#1aa9eb!important}.competency-color-2,.competency-color-3,.competency-color-4,.competency-color-5{color:#1d7dc2!important}.competency-status-fill-0{fill:#dcdfe0}.competency-status-fill-1{fill:#1aa9eb}.competency-status-fill-2,.competency-status-fill-3,.competency-status-fill-4,.competency-status-fill-5{fill:#1d7dc2}.hidden{display:none!important}.disable-event{pointer-events:none!important}.bold-text{font-weight:700}.margin-left-20px{margin-left:20px}.margin-top-10px{margin-top:10px}.disable-div{z-index:99;cursor:not-allowed;opacity:.5;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;pointer-events:none;border-style:none!important}.pointer{cursor:pointer}.center-text{text-align:center}.relative-position{position:relative}#profile{width:600px;background-color:#fff;margin:5% auto}#profile .users-container .users-content-panel{display:grid;grid-template-columns:60px 1fr;align-items:center;padding:10px;border-bottom:1px solid #cdd2d6}#profile .users-container .users-menu-profile{display:block;width:40px;height:40px}#profile .users-container .users-menu-profile img{width:100%;height:100%;border-radius:50%}#profile .users-container .profile-details{display:grid}#profile .users-container .profile-details div{font-size:16px}#profile .users-container .profile-details div.user-name{font-weight:700}#profile .users-container .profile-details div.role{font-size:12px}#profile .users-container .users-menu-body-section{padding:10px}#profile .users-container .users-menu-body-section .menu-header-item{padding:10px;font-weight:700;color:#37424b;text-transform:uppercase;margin:10px 0}