﻿.obfuscation-CST .switcher-block { height: 270px; max-height: 270px; }
.obfuscation-CST .switcher-block md-checkbox { margin: 20px 15px 20px 0px; }
.obfuscation-CST .switcher-block .users-grid-example { max-width: 575px; height: 160px; }
.obfuscation-CST .switcher-block .users-grid-example .grid { width: 445px; max-width: 445px; background-repeat: no-repeat; background-size: 445px auto; background-image: url('../../../bundle/i/settings/obfuscationCST/grid-normal.png') }
.obfuscation-CST .switcher-block .users-grid-example .obfuscated-grid { width: 445px; max-width: 445px; background-repeat: no-repeat; background-size: 445px auto; background-image: url('../../../bundle/i/settings/obfuscationCST/grid-obfuscated.png') }

.obfuscation-CST .switcher-block .note { margin: 15px 0px 0 0; padding: 0 0 0 15px; border-left: solid 2px lightgray; }
.obfuscation-CST .switcher-block .note p { margin: 2px 0 2px 0; color: #757575; font-size: 15px; }
.obfuscation-CST .switcher-block .note.warning .icon { background: url("../../i/alert-yellow-tooltip.svg") no-repeat; margin-top: 7px; min-width: 40px; height: 40px; margin-right: 10px; }

.obfuscation-CST .title { font-size: 17px; color: #757575; margin: 20px 0 10px 0; }
.obfuscation-CST .headers-block { font-weight: bold; }
.obfuscation-CST .headers-block .header_name { margin-right: 30px; }
.obfuscation-CST .members_with_access { max-height: 250px; overflow-x: hidden; overflow-y: auto; }
.obfuscation-CST .item_info { padding: 5px; padding-left: 15px !important; padding-right: 15px !important; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 96%; }
.obfuscation-CST .item_info.selected { background: #EEEEEE; }
.obfuscation-CST .item_info .item_personal_info { min-width: 275px; max-width: 275px; height: 50px; margin-left: 10px; }
.obfuscation-CST .item_info .item_personal_info .name { line-height: 24px; height: 24px; font-size: 16px; font-weight: bold; }
.obfuscation-CST .item_info .item_personal_info .email { line-height: 24px; height: 24px; font-size: 15px; color: #9A9A9A; }
.obfuscation-CST .item_info .item_icon { width: 50px; height: 50px; background-position: center center; background-repeat: no-repeat; background-size: 50px 50px; }
.obfuscation-CST .item_info .item_icon.user { background-image: url('../../../bundle/i/gal/gal_item_user.svg'); }
.obfuscation-CST .item_info:hover { background-color: #EEEEEE; }
.obfuscation-CST .item_info .image_border_radius { border-radius: 25px; overflow: hidden; height: 50px; width: 50px; }
.obfuscation-CST .item_info .access_granted { min-width: 145px; }
.obfuscation-CST .item_info .expires_in { max-width: 110px; }

.obfuscation-CST .item_info .actions { margin-left: 50px; }
.obfuscation-CST .item_info .actions .icon { position: relative; height: 30px; width: 30px; margin-left: 10px; }
.obfuscation-CST .item_info .actions .icon.close { cursor: pointer; }
.obfuscation-CST .item_info .actions .icon.close:after { content: ""; position: absolute; left: 100%; width: 30px; height: 30px; margin-left: -30px; background: url('../../../bundle/i/_controls-sprite.svg'); background-repeat: no-repeat; background-position: 0px -750px; background-size: 30px auto; cursor: pointer; }
.obfuscation-CST .item_info .actions .icon.close:hover:after { opacity: 0.8; }

.obfuscation-CST .item_info .actions .item_name { color: white; padding-left: 110px; font-weight: bold; min-width: 55px; }
.obfuscation-CST .item_info .actions .item_add_day { display: block; cursor: pointer; width: 80px; line-height: 24px; height: 24px; font-size: 15px; font-weight: normal; background-color: #33BCAA; border-radius: 3px; padding-left: 8px; padding-right: 5px; padding-top: 1px; padding-bottom: 1px; color: white; }
.obfuscation-CST .menu-collection-item {
    height: 30px;
    width: 30px;
    cursor: pointer;
    border-radius: 8px;
    margin-left: 6px;
    background-color: #FFFFFF;
    border: 1px solid;
    border-color: #d3d3d3bd;
    cursor: pointer;
}

    .obfuscation-CST .menu-collection-item:hover {
        background-color: #EFF8FF;
    }