.view-side-form .side-form {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.view-side-form .side-form .content {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    width: 80%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    border-left: 1px solid #333;
    background: #252526;
    padding: 20px;

}

.view-side-form .side-form .background {
    background: #000;
    opacity: .7;
    width: 100%;
    height: 100%;
}

.view-side-form.ng-enter,
.view-side-form.ng-leave {
    transition: .5s;
}

.view-side-form.ng-enter .side-form .content {
    right: -80%;
}

.view-side-form.ng-enter .side-form .background {
    opacity: 0;
}

.view-side-form.ng-enter-active .side-form .content {
    transition: right .5s;
    right: 0;
}

.view-side-form.ng-enter-active .side-form .background {
    transition: right .5s;
    opacity: .7;
}

.view-side-form.ng-leave-active .side-form .content {
    transition: right .5s;
    right: -100%;
}

.view-side-form.ng-leave-active .side-form .background {
    transition: right .5s;
    opacity: 0;
}

.customer-details-form .input-group:not(:last-child) {
    margin-bottom: 5px;
}

.customer-details-form .input-group .input-group-addon {
    min-width: 130px;
}

.customer-details-form .group-header {
    font-size: 22px;
    margin: 15px 2px 5px;
    /* padding: 10px; */
    text-transform: uppercase;
    /* color: #292929; */
    /* background: linear-gradient(to right, #696969, transparent); */

}

.customer-details-form .customer-details-header {
    font-size: 40px;
    font-weight: lighter;
    text-transform: uppercase;
}

.customer-details-form .customer-details-header:after {
    content: '';
    display: block;
    background-color: transparent;
    width: 100%;
    height: 5px;
    /* margin-bottom: 32px; */
    bottom: -1px;
    left: 0;
    background: linear-gradient(to right, #696969, transparent);
}

.customer-details-form .group-header:after {
    content: '';
    display: block;
    background-color: transparent;
    width: 100%;
    height: 2px;
    /* margin-bottom: 32px; */
    bottom: -1px;
    left: 0;
    background: linear-gradient(to right, #696969, transparent);
}

.customer-details-form .input-group .phone-input-group {
    display: flex;
}

/*.customer-details-form .input-group .phone-input-group .btn-add {}*/
.customer-details-form .input-group .phone-input-group *:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.customer-details-form .btn-apply {
    margin-bottom: 5px;
}

.btn.btn-custom-default,
.customer-details-form .btn-add,
.customer-details-form .btn-apply,
.customer-details-form .btn-remove {
    background-color: rgba(41, 41, 41, 0.7);
    border: 1px solid #3E3E42;
    font-size: 22px;
    color: #a9a9a9;

}

.btn.btn-custom-default:hover,
.customer-details-form .btn-add:hover,
.customer-details-form .btn-apply:hover,
.customer-details-form .btn-remove:hover {
    background-color: rgba(51, 51, 51, 0.9);
}

/*
.customer-details-form .employee-list-group {
    display:flex;
    flex-direction: column;
}*/

.customer-details-form .employee-list-header-row,
.customer-details-form .employee-list-row {
    display: flex;
}

.customer-details-form .expandableRow .phone-list {
    display: flex;
    flex-direction: column;
}

.customer-details-form .expandableRow .phone-list .phone-list-row {
    display: flex;
}

.customer-details-form .expandableRow .phone-list .phone-list-row:not(:last-child) {
    border-bottom: 1px solid #252526;
}

.customer-details-form .expandableRow .phone-list .phone-list-row:last-child {
    border-bottom: 1px solid transparent;
}

.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell,
.customer-details-form .ui-grid-row:nth-child(odd) .expandableRow .phone-list .phone-list-row .phone-type,
.customer-details-form .ui-grid-row:nth-child(odd) .expandableRow .phone-list .phone-list-row .phone-number {
    background-color: #292929;
}

.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell,
.customer-details-form .ui-grid-row:nth-child(even) .expandableRow .phone-list .phone-list-row .phone-type,
.customer-details-form .ui-grid-row:nth-child(even) .expandableRow .phone-list .phone-list-row .phone-number {
    background-color: #2d2d2d;
}

.ui-grid-row .scrollFiller {
    border: 1px solid transparent;
}

.ui-grid-expandable-buttons-cell .ui-grid-cell-contents {
    padding: 8px 5px;
}

.customer-details-form .expandableRow .phone-list .phone-list-row .phone-type {
    flex: 0 100px;
    padding: 5px;
    border-right: 1px solid #252526;

}

.customer-details-form .expandableRow .phone-list .phone-list-row .phone-number {
    flex: 1;
    display: flex;
    padding: 5px;
    /*background-color:#292929;*/
}

.customer-details-form .expandableRow .phone-list .phone-list-row .phone-number > *:not(:last-child) {
    margin-right: 3px;
}

.customer-grid, .customer-details-form .customer-employee-grid {
    margin-bottom: 5px;
}

.ui-grid, .ui-grid-viewport, .ui-grid-canvas {
    height: auto !important;
}

.customer-grid.ui-grid > .ui-grid-contents-wrapper {
    margin-bottom: 43px;
}

.customer-details-form [ng-pattern].ng-invalid-pattern {
    transition: 0.5s ease all;
    border-color: rgba(255, 0, 7, 0.5);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 1px rgba(255, 0, 7, 1);
}

.no-entry-group {
    min-height:48px;
    color: darkgray;
    font-size: 22px;
    background-color: #292929;
    border: 1px solid #3E3E42;
    padding: 6px 12px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    border-radius: 4px;

    display:flex;
    align-items: center;
    justify-content: center;

    margin-bottom:5px;
}

.customer-employee-grid .ui-grid-viewport {
    min-height:5px;
}

.customer-sub-grid {
    font-size: 18px !important;
}

.expandable-row-template {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.customer-grid .loading-template,
.customer-grid .no-entries-template {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 70px;

}