/*
 * Copyright (C) 2016 eco2net, Azuris
 *
 * This file is part of Azuris\ContactBundle.
 * 
 * Azuris\ContactBundle is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Lesser General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * Azuris\ContactBundle is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Lesser General Public License for more details.
 * 
 * You should have received a copy of the GNU Lesser General Public License
 * along with Azuris\ContactBundle.  If not, see <http://www.gnu.org/licenses/>.
 */

.addressbook_list {
    margin: 20px;
}

#addressBookModal .modal-dialog {
    width: 1280px;
}

#addressBookModal .modal-body {
    padding: 0px;
}

#addressBookModal .modal-content {
    height: 582px;
    width: 100%;
    padding: 0px;
}

.addressbook_list ul {
    border: none;
    list-style-type: none;
    padding: 0px;
    float:left;
    max-height: 490px;
    width: 400px;
    overflow: scroll;
    margin-top: 10px;
}

.addressbook_list li {
    margin: 0px;
    padding: 0px;
    padding-top: 3px;
    padding-bottom: 3px;
    border: none;
    position: relative;
}

.addressbook_list li.entry {
    padding-left: 30px;
}

.addressbook_list li.header {
    text-width: bold;
    border-bottom: solid 1px gray;
    margin-left: 1px;
    margin-right: 10px;
}

.addressbook_list .search_group {
    width: 391px;
    line-height: 11px;
    font-size: 11px;
}

.addressbook_list .form-control {
    font-size: 11px;
    height: 24px;
}
.addressbook_list .btn {
    font-size: 11px;
    line-height: 11px;
    height: 24px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.azuris_addressbook_close {
    margin-right: 5px;
}

.new_contact_element {
    text-align: center;
    padding: 5px;
    margin-right: 35px;
}

.ajax_contact_fields {
    margin-top: 15px;
}

.azuris_contact_chooser_action {
    margin-right: 5px;
    color: #999999;
}
.azuris_contact_chooser_action_block {
    position: absolute;
    top: 3px;
    right: 0px;
    z-index: 1000;
    color: #999999;
    margin-right: -5px;
    padding-left: 5px;
    width: 50px;
    background-color: #fff;
}

.azuris_contact_chooser_showhide_hover {
    display: none;
}

.azuris_contact_chooser_additionalinfo_block {
    color: #999999;
}

.azuris_contact_chooser_type_icon {
    color: #999999;
    margin-right: 5px;
}

#addressBookModal {
    font-weight: 300;
}

#addressBookModal .groups_col {
    padding: 0px;
    height: 580px;
    background-color: #e4e6e8;
    border-right: 1px solid #c2c4c5;
}

#addressBookModal .groups_panel {
    max-height: 539px;
    padding: 0px;
}

#addressBookModal .groups_panel ul {
    padding: 0px;
    list-style-type: none;
}
#addressBookModal .groups_panel li {
    border-bottom: 1px solid #d4d4d4;
    box-shadow: 0px 1px 0px #ebecee;
    font-size: 14px;
    line-height: 40px;
    padding: 0px;
    padding-left: 10px;
}

#addressBookModal .groups_panel li:hover {
    cursor: pointer;
}

#addressBookModal .groups_panel li.group_selected {
    background-color: #d6d8db;
    box-shadow: 0px 1px 0px #ebecee;
}

#addressBookModal .groups_panel li div.group_count {
    float: right;
    font-size: 11px;
    font-weight: 600;
    padding-right: 10px;
    color: #a9a9a9;
}

#addressBookModal .groups_panel li div.new_contacts_group_count {
    color: #fff;
    margin-top: 12px;
    margin-right: 5px;
}

#addressBookModal .contacts_panel {
    background-color: #f9f9f9;
    height: 580px;
    border-right: 1px solid #c2c4c5;
    padding: 0px;
}

#addressBookModal .contacts_panel ul {
    padding: 0px;
    list-style-type: none;
    float: left;
    width: 100%;
    overflow: scroll;
    max-height: 539px;
    width: 95%;
}
#addressBookModal .contacts_panel li {
    border-bottom: 1px solid #e7e7e7;
    box-shadow: 0px 1px 0px #ffffff;
    font-size: 14px;
    line-height: 24px;
    padding: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

#addressBookModal .contacts_panel li:hover {
    cursor: pointer;
}

#addressBookModal .contacts_panel li.title {
    background-color: #ececec;
    line-height: 20px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#addressBookModal .contacts_panel li.contact_selected {
    background-color: #dceef9;
}

#addressBookModal .addressbookname_box {
    border-bottom: 1px solid #a9c2d9;
    font-size: 14px;
    line-height: 40px;
    padding: 0px;
    padding-left: 10px;
    color: #333;
    font-weight: 700;
}

#addressBookModal .search_box {
    border-bottom: 1px solid #a9c2d9;
    font-size: 14px;
    line-height: 40px;
    padding: 0px;
    padding-left: 10px;
    color: #bfbfbf;
    font-weight: 200;
}

#addressBookModal .search_box input {
    width: 80%;
    margin-left: 10px;
    line-height: 18px;
    background-color: #f9f9f9;
    border: none;
}

#addressBookModal .addressbook_alpha {
    position: float;
    float: right;
    text-align: center;
    padding: 2px;
    padding-right: 2px;
    margin: 3px 3px;
    margin-left: 0px;
    z-index: 1000;
}

#addressBookModal .addressbook_alpha:hover {
    background-color: rgba(207, 208, 209, 0.35); 
    border-radius: 15px;  
}

#addressBookModal .addressbook_alpha p {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
    line-height: 14px;
    padding: 3px 0px;
}

#addressBookModal .wait_loading {
    font-size: 22px;
    line-height: 40px;
    width: 100%;
    text-align: center;
}

#addressBookModal .contact_panel {
    font-size: 14px;
    color: #333;
    line-height: 24px;
    overflow: visible;
    overflow-y: scroll;
    padding: 0px;
}

#addressBookModal .contact_panel .col.places {
    text-align: right;
    font-size: 12px;
    font-weight: 200;
    color: #999;
    padding-right: 12px;
}

#addressBookModal .contact_panel .col.places span {
    margin-right: 15px;
}

#addressBookModal section {
    padding-top: 7px;
}

#addressBookModal section.name {
    margin-top: 20px;
    font-size: 24px;
    height: 100px;
    font-weight: 300;
    vertical-align: middle;
    margin-bottom: 20px;
}

#addressBookModal section .row {
    margin-bottom: 5px;
}

#addressBookModal section .address_row {
    line-height: 16px;
    margin-top: 4px;
    padding-left: 13px;
}

#addressBookModal section .row:last-of-type .value {
    border-bottom: 1px solid #ededed;
    padding-bottom: 7px;
}

#addressBookModal section.name .photo {
    text-align: right;
    padding-right: 10px;
    line-height: 100px;
}

#addressBookModal section.name .value {
    line-height: 30px;
    display: table;
    height: 100px;
}
#addressBookModal section.name .row:last-of-type .value {
    border: none;
}
#addressBookModal section:last-of-type .row:last-of-type .value {
    border: none;
}
#addressBookModal section.name .value span {
    display: table-cell;
    vertical-align: middle;
}

#addressBookModal .contact_action_button_box {
    border-bottom: 1px solid #a9c2d9;
    font-size: 14px;
    line-height: 40px;
    padding: 0px;
    padding-left: 10px;
    color: #bfbfbf;
    font-weight: 200;
}

#addressBookModal .contact_footer {
    border-top: 1px solid #ededed;
    font-size: 14px;
    line-height: 40px;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    color: #bfbfbf;
    font-weight: 200;
    position: fixed;
    bottom: 0px;
    width: inherit;
    margin-right: 1px;
}

#addressBookModal .contact_footer .left_action {
    float: left;
}

#addressBookModal .contact_footer .right_action {
    float: right;
}

#addressBookModal .contact_panel .contact_sections {
    height: 540px;
    overflow: visible;
    overflow-y: scroll;
}
#addressBookModal .contact_panel form {
    height: 500px;
    overflow: visible;
    overflow-y: scroll;
}

#addressBookModal a.delete {
    color: #fc3d39;
}

#addressBookModal a.submit {
    font-weight: 500;
}

#addressBookModal .icon-prepend {
    display: none;
}

#addressBookModal .select {
    text-align: right;
}

#addressBookModal select {
   -webkit-appearance: none; 
   -moz-appearance: none;
   background-color: #fff;
   appearance: none;       /* remove default arrow */
   background-image: url(../img/select_arrow.png);   /* add custom arrow */
   background-position: 97% center;
   background-repeat: no-repeat;
   border: none;
   font-size: 12px;
   font-weight: 200;
   text-align: right;
   width: 85px;
   direction: rtl;
   padding-right: 17px;
}

#addressBookModal select.short {
    width: 150px;
    direction: ltr;
    border: 1px solid #ededed;
    padding: 2px 4px;
    font-weight: 200;
    font-size: 14px;
    height: 25px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

#addressBookModal form .col.action_col, 
#addressBookModal form .col.delete_col,
#addressBookModal form .col.places {
    line-height: 24px;
}

#addressBookModal .value select {
    direction: ltr;
}

#addressBookModal input[type="text"],#addressBookModal input[type="tel"] {
    width: 304px;
    border: 1px solid #ededed;
    padding: 2px 4px;
    font-weight: 200;
    font-size: 14px;
    line-height: 24px;
    height: 25px;
}

#addressBookModal input[type="text"][readonly="readonly"] {
    border: none;
}

#addressBookModal .subname {
    margin: 0px;
    margin-top: -5px;
    padding: 0px;
}
#addressBookModal .subname input {
    line-height: 18px;
    height: 20px;
}
#addressBookModal .subname input[type="text"] {
    padding: 2px 4px;
    font-weight: 200;
    font-size: 10px;
    line-height: 18px;
    height: 20px;
}


#addressBookModal input[type="tel"] {
    padding-left: 40px;
}


#addressBookModal .intl-tel-input {
    margin-left: 0px;
}

#addressBookModal input[type="text"].short,#addressBookModal input[type="tel"].short {
    width: 150px;
}

#addressBookModal i.extended {
    color: #dadada;
    margin-left: 5px;
    font-size: 14px;
    line-height: 14px;
}
#addressBookModal i.extended:hover {
    cursor: pointer;
}

#addressBookModal section.name input[type="text"] {
    margin-left: -7px;
}

#addressBookModal section.name .row {
    margin: 0px;
    padding: 0px;
    line-height: 24px;
}

#addressBookModal section.name .subname {
    font-size: 14px;
    line-height: 16px;
    margin-top: 1px;
    margin-bottom: 5px;
}
#addressBookModal section.name .row.name_2 {
    margin-top: 10px;
}

#addressBookModal section.name .row.title {
    margin-top: -20px;
}

#addressBookModal form section.name {
    margin-bottom: 45px;
}

#addressBookModal section.name .row.isorganization {
    font-size: 12px;
    line-height: 12px;
}

#addressBookModal section.name .row.organization {
}

#addressBookModal section.name input[type="checkbox"] {
    height: inherit;
    margin-right: 5px;
}

#addressBookModal .labelcol {
    display: none;
}

#addressBookModal div.note {
    margin-top: 0px;
}

#addressBookModal div.note ul {
    margin: 0px;
    padding: 0px;
}

#addressBookModal div.note ul li {
    margin: 0px;
    padding: 0px;
}

#addressBookModal .input.state-error input {
    border: 1px solid #A90329;
}

#addressBookModal .row.newelement_row {
    margin-top: -10px;
}

#addressBookModal .generic_element_row {
    line-height: 14px;
}

#addressBookModal .generic_add_element_row {
    text-align: left;
}

#addressBookModal .row.newelement_row .col.value {
    padding-left: 30px;
}

#addressBookModal .col.delete_col {
    text-align: right;
    right:auto;
    padding-right: 0px;
    font-size: 11px;
}

#addressBookModal .col.action_col {
    text-align: right;
    right:auto;
    padding-right: 0px;
    font-size: 11px;
}

#addressBookModal .col.action_col i.delete_icon {
    color: red;
}

#addressBookModal .col.action_col i {
    margin-right: 5px;
}
#addressBookModal .col.action_col i:last-of-type {
    margin-right: 0px;
}

#addressBookModal .addaction_box {
    font-size: 14px;
    line-height: 38px;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: 200;
}

#addressBookModal div.contact_action_button_box .addaction_box {
    float: right;    
}

#addressBookModal div.groups_col .addaction_box {
    border-top: 1px solid #c2c4c5;
    position: fixed;
    bottom: 0px;
    width: inherit;
    margin-right: 1px;
}

#addressBookModal .addaction_box a {
    float: right;
    font-size: 30px;
    color: #c2c4c5;
    font-weight: 100;
}

#addressBookModal div.contact_action_button_box .addaction_box a {
    float: right;
    font-size: 14px;
    color: #c2c4c5;
    font-weight: 100;
}

#addressBookModal a.export {
    float: left;
    font-size: 15px;
    color: #c2c4c5;
    font-weight: 100;
}

#addressBookModal .direct_relations {
    display: block;
    font-size: 12px;
    color: #c2c4c5;
    font-weight: 200;
    line-height: 14px;
}

#addressBookModal section.contacts .col.value .relation i {
    color: #b2b4b5;
    width: 16px;
    font-size: 11px;
}

#addressBookModal section.contacts .col.value .relation b {
    font-weight: 400;
}

#addressBookModal div.address_usage {
    color: #b2b4b5;
    font-size: 11px;
}

#addressBookModal div.address_usage i.lite_selecteable {
    color: #b2b4b5;
}

#addressBookModal div.address_usage i {
    margin-left: 7px;
}

#addressBookModal div.contact_action_button_box ul.dropdown-menu {
    padding: 0px;
    margin: 0px;
}
#addressBookModal div.contact_action_button_box .dropdown-menu>li>a {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-weight: 200;
    padding: 5px;
    width: 100%;
}
#addressBookModal div.contact_action_button_box .dropdown-menu>li>a:hover {
    background-color: #dceef9;
}

ul.address_usage {
    list-style-type: none;
    padding-left: 5px;
}

ul.address_usage li i {
    margin-right: 10px;
}

row.archived_address {
    display: none;
}

i.contact_archive_address {
    color: #b2b4b5;
}


i.contact_archive_address.archived {
    color: #333;
}

#addressBookModal .row.archived,
.contact_address_row.archived,
.smart-form .contact_address_row.archived input,
.smart-form .contact_address_row.archived select
 {
    font-style: italic;
    color: #e4e7e8;
}

.smart-form .contact_address_row.archived i {
    color: #e4e7e8;
}

#addressBookModal .contact_panel .row.archived .col.places {
    font-style: italic;
    color: #e4e7e8;
    font-weight: 200;
}

#addressBookModal .row.archived div.address_usage i.lite_selecteable,
#addressBookModal .row.archived i.contact_archive_address {
    color: #e4e7e8;
}

#addressBookModal div.showhide_archived {
    padding-left: 20px;
    line-height: 0px;
}
#addressBookModal div.showhide_archived i {
    float: left;
}

#addressBookModal div.export_title {
    border-bottom: 1px solid #a9c2d9;
    font-size: 14px;
    line-height: 40px;
    padding: 0px;
    padding-left: 10px;
    font-weight: 200;
}

#addressBookModal div.filters_title {
    font-size: 16px;
    font-weight: 400;
    line-height: 86px;
    margin-left: 25%;
}

#addressBookModal div.filters_to_export {
    margin-left: 25%;
}
#addressBookModal label {
    margin-left: 8px;
}