/**
 * angular-fancy-modal - the definitive modal/popup/dialog solution for AngularJS.
 * @author Alessandro Arnodo
 * @url http://alessandro.arnodo.net
 * @version v0.1.4
 * @link https://github.com/vesparny/angular-fancy-modal
 * @license MIT
 */

body.fancymodal-open {
    overflow: hidden;
}

.fancymodal,
.fancymodal *,
.fancymodal *::before,
.fancymodal *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fancymodal .fancymodal-wrapper,
.fancymodal {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 10000;
}

.fancymodal.fancymodal-undocked {
    z-index: 10002 !important;
}

.fancymodal.fancymodal-center {
    height: 100%;
    width: 100%;
    display: table;
}


.fancymodal.fancymodal-center .fancymodal-wrapper {
    display: table-cell;
    height: 100%;
    width: 100%;
    align-items: center;
    vertical-align: middle;
    text-align: center;
    position: relative;
    top: unset;
    bottom: unset;
}

.fancymodal.fancymodal-resizing .fancymodal-content {
    display: block;
    margin: 0 auto;
}

.fancymodal .fancymodal-overlay {
    -webkit-backface-visibility: hidden;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.fancymodal .fancymodal-overlay.fancymodal-overlay-visible {
    opacity: 1;
}

.fancymodal .fancymodal-overlay.fancymodal-overlay-invisible {
    opacity: 0;
}

.fancymodal .fancymodal-content {
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25);
    background: white;

    /* border: solid 1px #000000; */
    display: inline-block;
    z-index: 2;
    text-align: left;
    border: 1px solid #dddddd;

    /* overflow: hidden; */
    min-height: 150px;
    min-width: 150px;
    position: relative;
}

.fancymodal.fancymodal-medium .fancymodal-content {
    min-height: 200px;
    width: 560px;
}

.fancymodal .fancymodal-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    z-index: 2;
}

/* header */

.fancymodal-content .fancymodal-head {
    display: table;
    width: 100%;

    /* background-color: rgb(160, 196, 246); */
    position: absolute;
    z-index: 2;
    height: 40px;
}

.fancymodal-content .fancymodal-head > div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
}

.fancymodal-content .fancymodal-title {
    font-size: 14pt;
    line-height: 1;
    color: #000000;
    max-width: 520px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fancymodal-content .fancymodal-buttons {
    width: 10px;
}

.fancymodal-content .fancymodal-text-banner {
    color: #666666;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    font-family: 'Source Sans Pro', sans-serif;
    padding-right: 30px;
}

.fancymodal-content .fancymodal-block-banner {
    overflow: hidden;
    width: 100%;
}

.fancymodal-content .fancymodal-close::before {
    content: "\00D7";
    height: 14px;
    text-align: center;
    display: inline-block;
    color: #000000;
    font-size: 30px;
    line-height: 9px;
    vertical-align: middle;
}

.fancymodal-content .fancymodal-close {
    height: 14px;
    width: 16px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.fancymodal-content .fancymodal-dock-button {
    width: 20px;
    height: 20px;
    background-image: url(../_img/PR/chatViewer/UndockWindow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.fancymodal-content .fa.fa-ellipsis-h {
    cursor: pointer;
}

.fancymodal-content .fancymodal-undock-button {
    width: 20px;
    height: 20px;
    background-image: url(../_img/PR/chatViewer/DockWindow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}



/* body */

.fancymodal-content .fancymodal-body {
    padding: 10px;
    font-size: 11pt;
    position: relative;
    z-index: 1;
    height: 100%;
    color: black;
}

.fancymodal-content .fancymodal-body > div {
    overflow: auto;
    height: 100%;
}

.fancymodal-content .fancymodal-head + .fancymodal-body {
    padding-top: 50px;
}

.fancymodal .fancymodal-body.fancymodal-loaded > pw-loading-icon {
    position: relative;
    display: block;
    padding-top: 100px;
}

.fancymodal-content .fancymodal-body textarea,
.fancymodal-content .fancymodal-body #newChatComment {
    width: 100%;
    border: 1px solid #a0a0a0;
    margin-bottom: 10px;
    resize: none;
}

/* .fancymodal-content  .fancymodal-body button {
    width: 100px;
    height: 30px;
    vertical-align: middle;
     border: 1px solid #a0a0a0;
    border-radius: 0px;
} */

.fancymodal.fancymodal-not-padded-body .fancymodal-content .fancymodal-body,
.fancymodal.fancymodal-sections .fancymodal-content .fancymodal-body {
    padding-right: 0;
    padding-left: 0;
}

.fancymodal.fancymodal-sections .fancymodal-content .fancymodal-section {
    /* background-color: rgb(230, 230, 230); */
    color: black;
    height: 20px;
    padding: 0 5px;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fancymodal.fancymodal-sections .fancymodal-content .fancymodal-section-body {
    display: block;
    padding: 0 10px 0 10px;
}

.fancymodal.fancymodal-sections.fancymodal-not-padded-body .fancymodal-content .fancymodal-section-body {
    padding: 0;
}

.fancymodal:not(.fancymodal-sections) .fancymodal-content .fancymodal-section-body {
    padding: 10px 0;
}

.fancymodal .fancymodal-content .fancymodal-line-separator {
    border-top: 1px solid rgb(230, 230, 230);
    margin-top: 10px;
    min-height: 10px;
}

.fancymodal.fancymodal-sections .fancymodal-content .fancymodal-bottom-buttons {
    padding-left: 10px;
    padding-right: 10px;
}

.fancymodal .fancymodal-content .fancymodal-bottom-buttons {
    padding-top: 10px;
    text-align: right;
}

.fancymodal .fancymodal-content .fancymodal-bottom-buttons > button.pw-button {
    height: 30px;
    vertical-align: middle;
    border-radius: 0;
    min-width: 120px;
    max-width: 150px;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border: 1px solid #cccccc;
    cursor: pointer;
}

.fancymodal .fancymodal-content .modals-buttons,
.fancymodal .fancymodal-content .fancymodal-bottom-buttons > button.pw-button.pwvSelectedColor {
    background: rgb(85, 112, 125) !important;
    color: rgb(255, 255, 255);
    border-color: #2e6da4;
}

.fancymodal .fancymodal-content .fancymodal-separator,
.fancymodal.fancymodal-sections .fancymodal-content .fancymodal-section ~ .fancymodal-section {
    margin-top: 20px;
}

.fancymodal .fancymodal-content .fancymodal-description {
    padding: 0 0 25px 0;
}

.fancymodal.fancymodal-sections .fancymodal-content .fancymodal-description {
    padding: 0 10px 25px 10px;
}

.fancymodal .fancymodal-content .fancymodal-subsection-description {
    padding: 10px 0;
}

/** with dependencies **/

/* >> formElements */
.fancymodal.fancymodal-sections .fancymodal-content .pw-icon-select-group .pwvIconSelect-item {
    padding: 0 10px;
    height: 40px;
    margin: 0;
}

.fancymodal.fancymodal-sections .fancymodal-loaded .pwvIconSelect-item.active {
    animation: pwvHighlightAnimation 0.8s ease-in-out;
}

/** END with dependencies **/

.fancymodal.errorMessage,
.fancymodal.warning-message,
.fancymodal.information-message {
    z-index: 20000;
}

/* INI Error message */
.fancymodal.errorMessage .fancymodal-content {
    border-radius: 5px;
    border: 1px solid rgb(204, 0, 0);
    background: linear-gradient(to bottom, #fff4b8 1%, #f9ec86 100%);
    min-height: 30px !important;
    max-width: 80%;
    min-width: 500px;
    top: 70px;
    right: 60px;
    position: fixed;
}

@media (max-width: 600px) {
    .fancymodal.errorMessage .fancymodal-content {
        max-width: 350px;
        min-width: 300px;
        right: 0;
    }
}

.fancymodal.errorMessage .fancymodal-head {
    height: 30px;
    width: 100%;
    background-color: rgb(204, 0, 0);
}

.fancymodal.errorMessage .fancymodal-content .fancymodal-head + .fancymodal-body {
    padding-top: 20px;
}

.fancymodal.errorMessage .fancymodal-title {
    color: rgb(255, 255, 255);
    font-size: 11pt;
    font-weight: bold;
    font-family: 'Source Sans Pro', sans-serif;
}

/* END error message */

/* INI information-message */
.fancymodal.information-message .fancymodal-content {
    border-radius: 5px;
    min-height: 10%;
    max-width: 45%;
    min-width: 300px;
}

.fancymodal.information-message .fancymodal-head {
    height: 50px;
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0);
}

.fancymodal.information-message .fancymodal-buttons {
    padding: 0 !important;
    width: 0;
}

.fancymodal.information-message .fancymodal-content .fancymodal-head + .fancymodal-body {
    padding: 80px 50px 10px 50px;
    text-align: center;
}

.fancymodal.information-message .fancymodal-title {
    /* color: rgb(0, 0, 0); */
    font-size: 11pt;
    font-weight: bold;
    vertical-align: bottom;

    /* font-family: 'Source Sans Pro', sans-serif; */
}

.fancymodal.information-message .fancymodal-bottom-buttons,
.fancymodal.warning-message .fancymodal-bottom-buttons {
    border: none;
    padding-top: 25px;

    /* text-align: center; */
}

/* END information-message */

/* INI warning-message */

.fancymodal.warning-message .fancymodal-content {
    min-height: 10%;
    max-width: 45%;
    min-width: 300px;
}

.fancymodal.warning-message .fancymodal-content .fancymodal-title {
    white-space: normal;
    padding: 10px;
}

.fancymodal.warning-message .fancymodal-content .fancymodal-body {
    padding-left: 20px;
    padding-right: 20px;
}

.fancymodal.warning-message .warning-table {
    display: table;
    width: 100%;
}

.fancymodal.warning-message .warning-table .warning-cell {
    display: table-cell;
    vertical-align: middle;

    /* text-align: center; */
}

.fancymodal.warning-message .warning-table .warning-cell-center {
    width: 10px;
}

.fancymodal.warning-message .warning-table .warning-cell .pw-icon::before {
    height: 50px;
    width: 50px;
    background-image: url(../_img/warning.svg);
}

/* END warning-message */

body.fancymodal-open > .dropdown-menu {
    z-index: 10001;
}

/* INI collapsible sections */
.fancymodal.collapsible-sections .pw-header-light-color {
    font-weight: bold;
}

.fancymodal .arrow-pointing {
    position: absolute;
    height: 20px;
    width: 20px;
    transform: scaleY(0.8) rotate(45deg);
    border: 1px solid rgb(221, 221, 221);
    border-width: 1px 0 0 1px;
}

#displayOptions .fancymodal-content .fancymodal-description {
    padding: 0 10px 5px 10px;
}

.fancymodal.collapsible-sections .fancymodal-content .fancymodal-head + .fancymodal-body {
    padding-top: 35px;
}

.fancymodal.collapsible-sections .fancymodal-content .fancymodal-body {
    padding: unset;
}

#displayOptions .fancymodal-content .pw-icon-select-group .pwvIconSelect-item {
    height: 32px;
}

.fancymodal.collapsible-sections .fancymodal-content .fancymodal-title {
    color: rgb(61, 70, 83);
    font-weight: bold;
}

.fancymodal.collapsible-sections .fancymodal-content {
    width: 300px;
}

.fancymodal.collapsible-sections .fancymodal-content .disabled-sub-item {
    opacity: 0.3;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 44%;
}

.fancymodal.collapsible-sections .pwvIconSelect-item input[type=radio]:not(:checked) + span + span.dotIcon > span {
    border: 2px solid rgb(127, 127, 127);
    height: 16px;
    width: 16px;
    display: block;
    border-radius: 50%;
    margin: 0 auto;
}

.fancymodal.collapsible-sections .pwvIconSelect .pwvIconSelect-item > span {
    padding: unset;
}

.fancymodal.collapsible-sections .pwvIconSelect span.checkIcon,
.fancymodal.collapsible-sections .pwvIconSelect span.dotIcon {
    width: 20px;
}

.fancymodal.collapsible-sections .pw-card {
    background-color: initial;
    padding: 0 10px 10px 10px;
    margin: unset;
}

.fancymodal.collapsible-sections .pw-pad {
    background: rgb(255, 255, 255);
    border-radius: 0 0 5px 5px;
}

.fancymodal.collapsible-sections .fancymodal-inner-body .fancymodal-section-body .expand-annotations,
.fancymodal.collapsible-sections .fancymodal-inner-body .fancymodal-section-body .collapse-annotations {
    display: inline-block;
    width: 50px;
    height: 50px;
    padding: 10px 0;
    cursor: pointer;
    text-align: center;
}

.fancymodal.collapsible-sections .fancymodal-inner-body .fancymodal-section-body .expand-annotations .button-icon,
.fancymodal.collapsible-sections .fancymodal-inner-body .fancymodal-section-body .collapse-annotations .button-icon {
    width: 32px;
    height: 32px;
}

.fancymodal.collapsible-sections .fancymodal-inner-body .fancymodal-section-body .expand-annotations:hover,
.fancymodal.collapsible-sections .fancymodal-inner-body .fancymodal-section-body .collapse-annotations:hover {
    background: rgba(0, 0, 0, 0.058);
}

.fancymodal.collapsible-sections .fancymodal-inner-body .fancymodal-section-body .expand-annotations .button-icon {
    background-image: url(../_img/displayOptions3D/ExpandAnnotations.svg);
}

.fancymodal.collapsible-sections .fancymodal-inner-body .fancymodal-section-body .collapse-annotations .button-icon {
    background-image: url(../_img/displayOptions3D/CollapseAnnotations.svg);
}

.fancymodal.collapsible-sections .fancymodal-inner-body .fancymodal-section-body .tooltip-collapse-annotations {
    opacity: 1;
    visibility: hidden;
    width: auto;
    min-width: 70px;
    background-color: rgb(255, 255, 255);
    color: rgb(0, 0, 0);
    text-align: center;
    border-radius: 4px;
    border: solid 1px rgb(255, 255, 255);
    padding: 3px 8px;
    position: absolute;
    z-index: 1;
    cursor: default;
    top: 98.7%;
    right: 3px;
    margin-left: -60px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 12px;
    -moz-box-shadow: 0 3px 4px -3px rgba(0, 0, 0, 0.25), 3px 0 4px -3px rgba(0, 0, 0, 0.25), -3px 0 4px -3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 3px 4px -3px rgba(0, 0, 0, 0.25), 3px 0 4px -3px rgba(0, 0, 0, 0.25), -3px 0 4px -3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 4px -3px rgba(0, 0, 0, 0.25), 3px 0 4px -3px rgba(0, 0, 0, 0.25), -3px 0 4px -3px rgba(0, 0, 0, 0.25);
}

.fancymodal.collapsible-sections .fancymodal-inner-body .fancymodal-section-body .tooltip-collapse-annotations::after {
    content: "";
    position: absolute;
    bottom: 100%;
    right: 3px;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent rgb(255, 255, 255) transparent;
}

.fancymodal.collapsible-sections .fancymodal-inner-body .fancymodal-section-body .collapse-annotations:hover .tooltip-collapse-annotations {
    visibility: visible;
}

.fancymodal .arrow-pointing {
    position: absolute;
    height: 20px;
    width: 20px;
    top: -10px;
    right: 7px;
    transform: scaleY(0.8) rotate(45deg);
    border: 1px solid rgb(221, 221, 221);
    border-width: 1px 0 0 1px;
}

/* END collapsible sections */