md-dialog.cache-contact-details-dialog { }

    md-dialog.cache-contact-details-dialog .container-main-dialog { height: 625px; width: 600px; background-color: white; }

    md-dialog.cache-contact-details-dialog .cache-contact-details-container { margin: 5px; }
        md-dialog.cache-contact-details-dialog .cache-contact-details-container .contact-info-container { width: 100%; height: 80px; margin-top: 15px; }
            md-dialog.cache-contact-details-dialog .cache-contact-details-container .contact-info-container .icon { margin-left: 20px; margin-top: 5px; position: relative; width: 60px; height: 60px; }
                md-dialog.cache-contact-details-dialog .cache-contact-details-container .contact-info-container .icon .contact:after { box-sizing: border-box; content: ""; position: absolute; top: 0px; left: 0; width: 60px; height: 60px; margin-left: 0px; background: url('../../../bundle/i/view-mailbox-outlined.svg'); background-repeat: no-repeat; background-size: 60px auto; transition: all .15s ease-out; background-position: 0 -1080px; }
                md-dialog.cache-contact-details-dialog .cache-contact-details-container .contact-info-container .icon .group:after { box-sizing: border-box; content: ""; position: absolute; top: 0px; left: 0; width: 60px; height: 60px; margin-left: 0px; background: url('../../../bundle/i/view-mailbox-outlined.svg'); background-repeat: no-repeat; background-size: 60px auto; transition: all .15s ease-out; background-position: 0 -1140px; }
            md-dialog.cache-contact-details-dialog .cache-contact-details-container .contact-info-container .contact-picture { width: 60px; height: 60px; background-repeat: no-repeat; }
            
            md-dialog.cache-contact-details-dialog .cache-contact-details-container .contact-info-container .contact-info { margin-left: 20px; }
                md-dialog.cache-contact-details-dialog .cache-contact-details-container .contact-info-container .contact-info .contact-name { font-size: 15px; font-weight: bold; color: #455A64; }
                md-dialog.cache-contact-details-dialog .cache-contact-details-container .contact-info-container .contact-info .contact-email { font-size: 12px; }
                md-dialog.cache-contact-details-dialog .cache-contact-details-container .contact-info-container .contact-info md-checkbox { margin-top: 15px; }
                    md-dialog.cache-contact-details-dialog .cache-contact-details-container .contact-info-container .contact-info md-checkbox .md-label span { color: #455A64; font-weight: 600; }

        md-dialog.cache-contact-details-dialog .cache-contact-details-container .contact-fields-columns { font-size: 14px; color: #455A64; font-weight: 600; margin-top: 20px; margin-left: 10px; }
            md-dialog.cache-contact-details-dialog .cache-contact-details-container .contact-fields-columns .column-name { padding-left: 20px; width: 200px; }

        md-dialog.cache-contact-details-dialog .cache-contact-details-container .container-contact-fields { height: 390px; margin: 10px; overflow: auto; }

            md-dialog.cache-contact-details-dialog .cache-contact-details-container .container-contact-fields ul { list-style: none; padding-left: 0px; margin: 0px; }

            md-dialog.cache-contact-details-dialog .cache-contact-details-container .container-contact-fields .item { min-height: 35px; height: 100%; border: 1px solid #EEEEEE; 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.cache-contact-details-dialog .cache-contact-details-container .container-contact-fields .item.last { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
                md-dialog.cache-contact-details-dialog .cache-contact-details-container .container-contact-fields .item.first { border-top-left-radius: 2px; border-top-right-radius: 2px; }
                md-dialog.cache-contact-details-dialog .cache-contact-details-container .container-contact-fields .item:hover { background-color: #EEEEEE; }
                md-dialog.cache-contact-details-dialog .cache-contact-details-container .container-contact-fields .item .column-field-name { overflow-x: hidden; padding-left: 20px; width: 180px; height: 100%; line-height: 35px; text-align: left; line-height: 17px; }
                md-dialog.cache-contact-details-dialog .cache-contact-details-container .container-contact-fields .item .column-data { overflow-x: hidden; padding-left: 20px; width: 310px; max-height: 300px; line-height: 35px; text-align: left; margin: auto; word-wrap: break-word; line-height: 17px; margin-left: 20px !important; margin-right: 0px !important; }

            md-dialog.cache-contact-details-dialog .cache-contact-details-container .container-contact-fields .container-progress-bar md-progress-circular { margin: auto; margin-top: 200px; }