/*
 * This file is generated. Every change gets lost after rebuild.
 */


input[type=text].dwPhone-input {
    border-left: 0;
}

.dwPhone-wrapper {
    display: flex;
}

.dwPhone-selected-wrapper-wrapper {
    padding: 2px 0px;
    z-index: 100;
}

.dwPhone-selection-wrapper {
    background-color: white;
    max-height: 200px;
    overflow: auto;
    position: fixed;
}

.dwPhone-selection-entry > div {
    display: flex;
    justify-content: space-between;
    border: 1px solid darkgray;
    border-bottom: 0;
}


.dwPhone-selection-entry {
    cursor: pointer;
}

.dwPhone-selection-entry:hover {
    background-color: lightgray;
}

.dwPhone-label {
    width: 40px;
    background-color: white;
    padding: 3px 0px 3px 3px;
    border: 1px solid darkgray;
    color: #1e9fb4;
    cursor: pointer;
}

.dwPhone-selected-wrapper {
    display: flex;
    position: relative;
    cursor: pointer;
    min-height: 24px;
}

.dwPhone-triangle-wrapper {
    position: absolute;
    right: .5rem;
    top: .5rem;
    cursor: pointer;
}

.dwPhone-triangle-down {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 8px solid #1e9fb4;
}

.dwPhone-triangle-up {
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 8px solid #1e9fb4;
}

input[type="text"]:disabled.dwPhone-area-code-input {
    width: 40px;
    background-color: white;
    border: 1px solid #bcbcbc;
    border-right: 0;
    pointer-events: none;
}