/* should be under access plugin */

.group-tab-body
{
margin-top:8px;
}
.group-popup-tab > div
{
font-size:11px;
padding:1px 2px;
margin:0;
border-top-left-radius:2px;
border-top-right-radius:2px;
}

/*
.group-popup-tab
{
border-bottom:#01598F solid 10px;
}*/


#access-sidebar
{
width:334px;
position:fixed;
top:0px;
right:0;
bottom:0;
color:#000;
z-index:400;

}

/*
.access-sidebar > h3
{
background:#01598F;
color:#FFF;
height:17px;
margin:0;
padding:12px;
}*/

.access-sidebar .tab-body
{
background:#FFF;
}

/*
.access-sidebar .tab-body h4
{
margin-top:0px;
margin-bottom:0px;
background:#01598F; 
color:#FFF;
padding:5px;
}
*/

.access-sidebar > div
{
padding:10px;
}

#group-sidebar
{
overflow-y:hidden;
overflow-x:hidden;
padding:3px;
padding-right:15px;
margin-top:10px;
}

#contact-sidebar
{
margin-top:10px;
padding:3px;
overflow-y:auto;
overflow-x:hidden;
}
.sidebar-contact
{
cursor:default;
min-height:40px;
/*white-space:nowrap;*/
padding:3px;
margin-top:10px;
}

/*
.sidebar-contact:hover
{
background:rgba(0,40,100,0.2);
color:#222;
}*/

.sidebar-contact-details
{
display:inline-block;
}


#sidebar-group-part,
#sidebar-contact-part
{
background:#222;
padding-top:10px;
padding-left:5px;
}

.contact-expand-form
{
/*
padding:5px;
background:#FFF;
width:184px;
border:#bbb solid 1px;
color:#000;

background:#ccc;*/
background:#fff;
margin-top:5px;
margin-bottom:5px;
padding:7px;
border-radius:3px;
}

.contact-expand-form a
{
/*color:#58a !important;*/
}


/*
#access-sidebar .tab-head > div
{
border-top-left-radius:16px !important;
border-top-right-radius:16px !important;
}*/


.nvt-access-setting
{
padding:10px;
border:#BBB solid 1px;
}

.access-sidebar td > img
{
background:#000;
margin-top:3px;
margin-right:3px;
}

.chat-message-form
{
background:#eee;
display:block;
}

.chat-message-form > img
{
max-width:16px;
display:inline-block;
vertical-align:top;
border:#bbb double 3px;
}

.chat-message-form > div
{
display:inline-block;
vertical-align:top;
max-width:100px;
margin-top:-1px;
margin-left:2px;
}

/*
.chat-message-form > div:before
{
content:"says: ";
font-size:9px;
color:#777;
vertical-align:top;
display:inline-block;
margin-right:2px;
}*/


.user-permission-edit-form
{
width:800px;
min-height:180px;
max-height:300px;
overflow:hidden;
}


.user-permission-edit-form .tab-head
{
border-bottom:#888 solid 2px;
}

.user-permission-edit-form > div
{
display:inline-block;
vertical-align:top;
}

.user-permission-edit-form-set{min-width:550px;max-width:550px}
.user-permission-edit-form-current{min-width:200px}
.user-permission-list
{
padding-top:20px;
}

.user-permission-list > div > div
{
display:inline-block;
width:230px;
height:80px;
overflow:hidden;
border-top:#bbb solid 1px;
padding-left:10px;
margin-right:10px;
}


.permission-control
{
/*background:#01598F;*/
font-weight:bold;
font-size:8px;
width:130px;
border-radius:1px;
}

.permission-control > div
{
border-radius:2px;
text-align:center;
display:inline-block;
padding:3px !important;
}

.permission-control > div.selected{border:none !important}

.permission-control > div.selected:nth-child(1),
.permission-control > div:nth-child(1):hover
{background-color:rgba(1, 89, 143, 0.3)}

.permission-control > div.selected:nth-child(2),
.permission-control > div:nth-child(2):hover
{background-color:rgba(1, 89, 143, 0.5)}

.permission-control > div.selected:nth-child(3),
.permission-control > div:nth-child(3):hover
{background-color:rgba(1, 89, 143, 0.75)}

.permission-control > div.selected:nth-child(4),
.permission-control > div:nth-child(4):hover
{background-color:rgba(1, 89, 143, 1)}

.group-inbox > div
{
padding-top:5px;
margin-bottom:5px;
padding-left:10px;
/*background:#CBD3DF;*/
border-radius:2px;
}

.group-member-sidebar
{
width:16px;
border-right:#bbb solid 1px;
padding-left:6px;
}

.group-member-sidebar img
{
width:20px !important;
}

.group-content
{
padding-left:6px;
}