@charset "UTF-8";
/*+++++++++++++ CONTACTS PAGE +++++++++++++*/
.contacts_filters {
    width:100%;
    height:auto;
    border-top:1px solid #ccc;
    padding-top:2px;
}
.contacts_filter {
    float:left;
    width:auto;
    margin-right:10px;
    font-size:10px;
    color: #595a5d;
    line-height:1.1;
    text-align:left;
    padding:3px 3px 3px 3px;
    cursor:pointer;
}
.contacts_filter:active, .contacts_filter_active {
    opacity:0.666;
}
.contacts_filter_selected {
    color:#ed1c24;
}
.contacts_view {
    width:auto;
    float:right;
}
.contacts_view_icons {
    height:32px;
    padding:3px 3px 3px 3px;
    cursor:pointer;
}
.contacts_view_icons:active, .contacts_view_icons_active {
    opacity:0.666;
}
.contacts_summary {
    float:left;
    width:auto;
    font-size:9px;
    color: #595a5d;
    text-align:left;
    position:relative;
    left:5px;
    /*top:-30px; VA -- making it go down in mobile. and setting it as 30 for desktop*/
    top:-15px;
}
.contacts_view {
    width:auto;
    float:right;
}
.contacts_view_icons {
    height:32px;
    padding:3px 3px 3px 3px;
}
.contacts_view_icons:active, .contacts_view_icons_active {
    opacity:0.666;
}
.contacts_alpha_group {
    width:100%;
    height:auto;
    padding:4px 4px 4px 4px;
    margin:6px 2px 2px 2px;
    background-color:#ecedee;
    /*overflow:hidden;*/
    /*cursor:pointer;*/ /*---Defect ID: 2059---Albert---*/
    position:relative;
    left:-2px;
    font-family: nhg-text-bold , arial, sans-serif;
}
.contacts_alpha_subgroup {
    width:40px;
    border-left: none;
    float:left;
    display:inline-block;
}
.contacts_alpha_subgroup_name {
    float:left;
    width:50%;
    border-left:1px solid #d2d3d4;
    padding-left:2px;
    padding-top:4px;
    font-size:12px;
}
.contacts_alpha_subgroup_group {
    float:left;
    width:10%;
    border-left:1px solid #d2d3d4;
    padding-left:2px;
    padding-top:4px;
    display:none;
    font-size:12px;
}

.contacts_alpha_group:hover  .contacts_viewlist_control_show
{
    display:block;
}

.contacts_alpha_subgroup_phone {
    float:left;
    width:10%;
    border-left:1px solid #d2d3d4;
    padding-left:2px;
    padding-top:4px;
    display:none;
    font-size:12px;
}
.contacts_alpha_subgroup_email {
    float:left;
    width:10%;
    border-left:1px solid #d2d3d4;
    padding-left:2px;
    padding-top:4px;
    display:none;
    font-size:12px;
}
.contacts_alpha_subgroup_upload {
    float:left;
    width:10%;
    border-left:1px solid #d2d3d4;
    padding-left:2px;
    padding-top:4px;
    display:none;
    font-size:12px;
}
.contacts_alpha_list {
    padding-right:44px;
}
.contacts_alpha_ul {
    list-style-type:none;
}
.contacts_viewlist_set {
    width:100%;
}
.contacts_viewlist_ul {
    list-style-type:none;
    background-color:#ecedee;
    height:auto;
}
.contacts_viewlist_li {
    width:100%;
    height:auto;
    clear:both;
    background-color:#fff;
    /*overflow:hidden;*/
    position:relative;
    border:1px solid rgba(0,0,0,0.0);   
    cursor: pointer; /*---Defect ID: 2059---Albert---*/
}
.contacts_viewlist_li:hover {
    background-color:#ecedee;
}

.contacts_viewlist_li:hover  .contacts_viewlist_control_show
{
    display:block;
}
.contacts_viewlist_li:hover  .overflowBtn
{
    display:none;
}
.contacts_viewlist_selected_li {
    background-color:#ecedee;
}
.contacts_viewlist_cell {
    float:left;
    width:40px;
    height:40px;
    background-position:center center;
    background-size:cover;
    margin:2px 2px 2px 2px;
    padding:1px 1px 1px 1px;
}
.contacts_viewlist_badge {
    float:left;
    width:20px;
    height:20px;
    background-position:center center;
    background-size:cover;
    margin:2px 2px 2px 2px;
    padding:1px 1px 1px 1px;
    position:relative;
    top:-5px;
}
.contacts_viewlist_group:hover .contacts_group_help
{
    display:block;
}
.contacts_viewlist_cloud {
    position:absolute;
    left:110px;
    width:15px;
    display:none;
}
.contacts_viewlist_name {
    float:left;
    padding-left:3px;
    font-size:10px;
    padding-top:15px;
    width:34%;
    overflow:hidden;
}
.contacts_viewlist_group {
    float:left;
    padding-left:3px;
    font-size:10px;
    padding-top:15px;
    width:34%;
    overflow-x:visible;
    overflow-y:hidden;
    display:none;
}
.contacts_viewlist_phone {
    float:left;
    padding-left:3px;
    font-size:10px;
    padding-top:15px;
    width:34%;
    overflow:hidden;
    display:none;
}
.contacts_viewlist_email {
    float:left;
    padding-left:3px;
    font-size:10px;
    padding-top:15px;
    width:34%;
    overflow:hidden;
    display:none;
}
.contacts_viewlist_date {
    float:left;
    padding-left:3px;
    font-size:10px;
    padding-top:15px;
    width:34%;
    overflow:hidden;
    display:none;
}
.contacts_btn_img {
    height:36px;
    background-color:rgba(0,0,0,0.0);
    opacity:0.666;
}
.contacts_btn_img:active, .contacts_btn_img_active {
    opacity:0.666;
}
.contacts_btn {
    width:40px;
    height:40px;
    float:left;
    position:relative;
    left:-80px;
}
.contacts_option_btn {
    width:36px;
    height:36px;
    float:right;
    color:inherit;
    background-color:inherit;
    position:relative;
    top:2px;
    padding-left:2px;
    padding-right:2px;
    cursor:pointer;
}
.contacts_option_btn:active, .contacts_option_btn_active {
    opacity:0.666;
}
.contacts_option_btn_img {
    width:28px;
    margin:4px 4px 4px 4px;
}
.contacts_viewlist_control {
    clear: both;
    color: rgba(0, 0, 0, 0);
    height: 38px;
    position:absolute;
    margin-top:4px;
    right:0px;
    width: 165px; /*changed to fix QA bug 1275*/
    background-color:none;
}
.contacts_viewlist_control_btns {
    color:rgba(0,0,0,0.0);
    width:160px;
    height:38px;
    float:right;
    position:relative;
    top:-2px;
    /*overflow:hidden;*/
    background-color:none;
}

.contacts_viewlist_control_hide {
    display:none;
}
.contacts_multi_icon {
    display:inline-block;
    position:relative;
    left:-114px;
    top:-7px;
    padding-left:5px;
    padding-right:5px;
    cursor:pointer;
}
.contacts_multi_icon:active, .contacts_multi_icon_active {
    opacity:0.666;
}
.contacts_multiview {
    float:right;
    width:100px;
    margin-right:30px;
    height:80px;
}
.contacts_red_cloud {
    width:15px;
    height:15px;
    margin-right:2px;
    position:relative;
    top:4px;
}
.contacts_details {
    width:98%;
    float:left;
    font-size:10px;
    font-weight:900;
    border-top:1px solid #e0e0e0;
    margin-top:5px;
    color:#404040;
}
.contacts_details_info {
    font-size:10px;
}
.contacts_photo {
    background-position: center center;
    background-size: cover;
    display: inline-block;
    height: 0;
    margin-left: 1%;
    padding-bottom: 50px;
    width: 50px;
    float:left;
}
.contacts_group_help {
    position:absolute;
    display:none;
}
.contacts_group_text {
    border-radius:5px 5px 5px 5px;
    background-color:rgba(0,0,0,0.05);
    font-size: 8px;
    overflow: hidden;
    padding: 0;
    text-overflow: ellipsis;
    max-width: 90px;
    width: auto;
    color:#747474;
    padding:1px 4px 1px 4px;
    position:relative;
    left:0px;
    top:-14px;
    white-space:nowrap;
    -moz-box-shadow:    1px 1px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:         1px 1px 1px 1px rgba(0,0,0,0.2);
}

/** VA -- Adding  classes for pagination **/

.contact_progress{
    float: right;
    position: relative;
    right: 46px;
    width: 150px;
    background-color: #ecedee;
    height: 8px;
}

.contact_progress .contact_progress_indicator{
    background-color: green;
    height: 100%;
    width: 40%;
    transition : width 700ms;
}

.contact_progress .contact_progress_text{
    position: absolute;
    bottom: 8px;
}

.contact_progress .contact_progress_spinner{
  position: absolute;
  bottom: 8px;
  right: 0;
}

/*+++++++++++++++++++ START OF RESPONSIVE LOGIC ++++++++++++++++++++++*/
/*---- device is laptop ----*/
@media screen and (min-width: 1025px) {
}
/*---- device is tablet or desktop, so scale up and re-arange ----*/
@media screen and (min-width: 768px) {
.contacts_filter {
    font-size: 14px;
    padding-top: 10px;
}
.contacts_summary {
    font-size:13px;
}
.contacts_details {
    width:49%;
}
.contacts_group_text {
    max-width: 300px;
}
.contacts_viewlist_name {
    width:22%;
    font-size:12px;
}
.contacts_viewlist_group {
    width:10%;
    font-size:12px;
    display:inline-block;
}
.contacts_viewlist_phone {
    width:15%;
    font-size:12px;
    display:inline-block;
}
.contacts_viewlist_email {
    width:22%;
    font-size:12px;
    display:inline-block;
}
.contacts_viewlist_date {
    width:16%;
    display:inline-block;
    font-size:12px;
}
.contacts_alpha_subgroup_name {
    width:22%;
}
.contacts_alpha_subgroup_group {
    width:10%;
    display:inline-block;
}
.contacts_alpha_subgroup_phone {
    width:15%;
    display:inline-block;
}
.contacts_alpha_subgroup_email {
    width:22%;
    display:inline-block;
}
.contacts_alpha_subgroup_upload {
    width:16%;
    display:inline-block;
}
.contacts_option_btn {
    display:inline-block;
}
.contacts_viewlist_control {
    background-color:inherit;
}
.contacts_viewlist_control_btns {
    background-color:inherit;
}

.contact_progress{
    width: 200px;
}
}
/*---- firefox only hacks ----*/
@-moz-document url-prefix() {
.contacts_viewlist_control_btns {
 //top:-28px;
}
}

.contacts_loader
{
    /*z-index:100000;*/
}

/*Added by VA*/
.selected_group{
    background-color: #D2D3D4;  
}
/*Added by Mithun*/
input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.contacts_multiview_on {
    float: right;
    height:80px;
}

.alphasort_bar
{
    right:0px;
}
.clearfix:after
{
    content:"";
    clear:both;
    display:block;
    width:1px;
    height:1px;
}

.dialog_trim_height
{
    max-height:500px;
}
.dialogTransBack
{
    background:transparent;
}
.highZindex
{
    z-index:150000;
}

.highZindex1
{
    z-index:99989;
}
    
.highZindex2
{
    z-index:99999;
}

#contacts_cont ul
{
    list-style-type: none;
}

/*---Defect ID: 2059---Albert---*/
.dialog_export_list input[type="radio"], .dialog_radio {
    cursor: pointer;
}

.dialog_export_list input[type="checkbox"] {
    cursor: pointer;
} 

.dialog_export_list input[type="text"] {
    cursor: text;
}

.dialog_export_list input[type="url"] {
    cursor: text;
}

.dialog_export_list input[type="number"] {
    cursor: text;
}

#leave_edit_mode {
    cursor: pointer;
}
/*------------------------------*/

#contacts_cont input,#contacts_cont select,#contacts_cont textarea
{
    border:1px solid darkgrey;
}

.disable_multi{
    opacity: .3;
}
/** VA :- progress bar changes;  **/
#contacts_all_div .music_alpha_list{
    top : -15px;
}

#contacts_group_div .music_alpha_list{
    top : -15px;
}

.dialog_popup_minheight180{
    min-height: 180px !important;
}