﻿md-dialog.collection-reference-info-dialog { height: 400px; width: 650px; }

    md-dialog.collection-reference-info-dialog .container-main-dialog { height: 400px; width: 650px; background-color: gainsboro; }

    md-dialog.collection-reference-info-dialog .container_message { height: 50px; padding: 0px; font-size: 16px; line-height: 22px; margin-left: 20px; margin-right: 20px; }
    md-dialog.collection-reference-info-dialog .container_reference_items {
        height: 180px;
        overflow-y: auto;
        background-color: white;
        margin-left: 20px;
        margin-right: 20px;
        padding: 1rem;
        border-radius: 8px;
    }
        md-dialog.collection-reference-info-dialog .container_reference_items .item .reference_item { height: 16px; margin-left: 30px; margin-right: 5px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

        md-dialog.collection-reference-info-dialog .container_reference_items .item { white-space: nowrap; height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #455A64; }
            md-dialog.collection-reference-info-dialog .container_reference_items .item.icon { background-size: 40px 880px; background: url("../../../bundle/i/_info-sprite.svg") no-repeat; padding-left: 5px; padding-bottom: 2px; }
            md-dialog.collection-reference-info-dialog .container_reference_items .item.collection { background-position: -3px -444px; }
            md-dialog.collection-reference-info-dialog .container_reference_items .item.contact { background-position: -3px -163px; }
            md-dialog.collection-reference-info-dialog .container_reference_items .item.calendar { background-position: -3px -84px; }
            md-dialog.collection-reference-info-dialog .container_reference_items .item.note { background-position: -3px -124px; }
            md-dialog.collection-reference-info-dialog .container_reference_items .item.collection { background: url("../../../bundle/i/gal-sprite-outlined.svg"); background-size: 30px auto; background-position: 0px -90px; background-repeat:no-repeat; }

            md-dialog.collection-reference-info-dialog .container_reference_items .item.last { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
            md-dialog.collection-reference-info-dialog .container_reference_items .item.first { border-top-left-radius: 2px; border-top-right-radius: 2px; }
            md-dialog.collection-reference-info-dialog .container_reference_items .item:hover { background-color: #EEEEEE; }
        md-dialog.collection-reference-info-dialog .container_reference_items ul { list-style: none; padding-left: 0px; margin: 0px; }

    md-dialog.collection-reference-info-dialog .templateInclude { margin-left: 10px; margin-right: 10px; }
