.phonebook-usage-header{
    cursor:pointer;
    height:130px;    
}
    .phonebook-usage-header .alert:hover {
        border-style: solid;
        border-color: #31708f;
    }

    .phonebook-usage-header > div {
        background-color: #3BAFDA;
        color:white;
    }

.phonebook-usage-image {
    height: 60px;    
    border:solid 10px white;
    background-color:white;
}

.phonebook-copy-link{
    margin-left:20px;
    cursor:pointer;
}

#phonebookRootItems {
    cursor: pointer;
}

#phonebookRootItems:hover {
    text-decoration: underline;
}

#tabPhonebookEntries{
    overflow-y:hidden;
}

#phonebookTreeViewContainer {
    width: 30%;
    height: 85%;
    display: inline-table;
    border-right-style: solid;
    border-width: 1px;
    border-color: lightgray;
    padding: 0 10px !important;
    margin-right: 0px !important;
}

#phonebookListViewContainer {
    width: 67%;
    height: 85%;
    position: absolute;
    display: inline;
    padding: 0 !important;
    margin-left: 20px !important;
    overflow-y: auto;
}

#listPhonebookEntryContainer {
    padding:0 !important;
}

/* tree view */
#phonebooksGroupsContainer{
    height:90%;
    overflow-y:auto;
}

#phonebookAddRootNode {
    margin: 5px;
}

#noPhonebookGroups {
    text-align: center;
    width: 75%;
    margin: 100px auto;
}

#phonebookGroups ul
{
    list-style-type: none;
    padding:0px 15px 0px 15px;
}
/* tree view end */

#phoneboookTreeViewContainer ul,
#phoneboookTreeViewContainer {
    list-style-type: none;
}

#btnPhonbookSearch{
    display:none;
}

/* Remove margins and padding from the parent ul */
#phoneboookTreeViewContainer {
    margin: 0;
    padding: 0;
}

.pb-tree-view-node{
    cursor:pointer;
}

.pb-tree-view-node-image,
.pb-tree-view-node-image-network {
    padding: 5px;
}

    .pb-tree-view-node-image:hover {
        xbackground-color: #2B88D8;
        background-color: #00aaf0;
        color:white;
        transition: 0.5s;
    }

.pb-tree-view-node-description{
    margin-right:20px;
}

.pb-tree-view-node-description:hover{
    text-decoration:underline;
}

.pb-tree-view-menu .glyphicon{
    margin-right:10px;
}

.pb-tree-view-network-node > .pb-tree-view-node-description {
    cursor:grab;
}

.pb-tree-view-highlighted {
    xbackground-color: #2B88D8;
    background-color: #00aaf0;
    color: white;
    transition: 0.3s;
}

.pb-nested {
    display: none;
}


/*
    START OF IMPORT
*/

#phonebookImportStage1Body label,
#phonebookImportStage1Body input{
    cursor:pointer;
}

.phonebook-import-button-container{
    padding:10px;
    text-align:right;
}

.phonebook-import-button-container-button{
    min-width:200px !important;
}



#phonebookImportCSVContainer input[type="file"] {
    display: none;
}

.phonebook-custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.phonebook-import-delimiter {
    width: 50px;
}

#phonebookImportRawDataContainer {
    width: 100%;
}

#txtPhonebookImportRawData {
    width: 100%;
    height: 200px;
    overflow: auto;
    font-family: 'Courier New';
    resize:none;
}

#phonebookImportFormatFieldContainer {
    width: 100%;
    height: 90px;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
    border-radius: 5px;
    overflow-x:auto;
}

.phonebook-import-field-container {
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    border-color: lightgray;
    display: inline-block;
    width: 180px;
    text-align: center;
    margin-left: 10px;
}

.phonebook-import-field-body {
    width: 60%;
    height:100%;
    display: inline-block;
    padding-top:10px;
}

.phonebook-import-field-move-image {
    display: inline-block;
    padding: 5px;
    height: 50%;
    width: 15%;
    margin:auto;
}

.phonebook-import-field-move-left {
}

.phonebook-import-field-move-right {
}

.phonebook-import-field-remove {
    padding: 5px;
}

.phonebook-import-field-move-left:hover,
.phonebook-import-field-move-right:hover,
.phonebook-import-field-remove:hover{
    background-color: lightgray;
    cursor: pointer;
}

/* Dropdown Button */
.phonebook-import-dropbtn {
    xbackground-color: #2B88D8;
    background-color: #00aaf0;
    color: white;
    padding: 8px;
    font-size: 16px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.phonebook-import-dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.phonebook-import-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

    /* Links inside the dropdown */
    .phonebook-import-dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align:left;
    }

        /* Change color of dropdown links on hover */
        .phonebook-import-dropdown-content a:hover {
            background-color: #ddd;
        }

/* Show the dropdown menu on hover */
.phonebook-import-dropdown:hover .phonebook-import-dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.phonebook-import-dropdown:hover .phonebook-import-dropbtn {
    background-color: #3e8e41;
}

/*
    END OF IMPORT
*/