.ngdialog {
    &.dmt-terms-conditions-dialog {
        padding-top: 105px;
        padding-bottom: 45px;

        &.dmt-terms-condition-read {
            .ngdialog-content {
                padding-bottom: 80px;

                .dmt-terms-conditions-content {
                    padding-bottom: 45px;
                }

                .dmt-terms-conditions-footer {
                    height: 75px;
                }

            }
        }

        .ngdialog-content {
            width: 640px;
            height: 100%;
            position: relative;
            padding: 20px 0 120px;
            overflow: hidden;

            .dmt-terms-conditions-header {
                @include flexbox-align(row, flex-start, center, center);
                color: $dark-gray;
                padding: 0 16px 10px 16px;

                .dmt-login-icon {
                    @include border-radius(6px);
                    background-image: url('#{$domotz-widgets-path}/images/domotz-icon.svg');
                    background-position: 50% 50%;
                    background-size: 40px;
                    background-repeat: no-repeat;
                    background-color: $dark-blue;
                    width: 40px;
                    height: 40px;
                }

                .dmt-dialog-title {
                    padding-left: 16px;
                }
            }

            .dmt-terms-conditions-content {
                height: 100%;
                overflow-y: scroll;
                font-size: 12px;
                line-height: 18px;
                background: $light-gray;
                padding-left: 16px;
                padding-right: 16px;
                padding-bottom: 80px;

                h1 {
                    font-size: 18px;
                    text-transform: uppercase;
                    text-align: center;
                }

                h2, h3 {
                    font-size: 16px;
                }

                a {
                    color: inherit;
                }
            }

            .dmt-terms-conditions-footer {
                //@include box-shadow(0px -3px 6px 0px, rgba(0, 0, 0, 0.3));
                @include border-radius(5px);
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 105px;
                padding: 10px;

                -webkit-border-top-left-radius: 0;
                border-top-left-radius: 0;
                -webkit-border-top-right-radius: 0;
                border-top-right-radius: 0;

                background: #fff;

                .dmt-checkbox-agreement-wrapper {
                    height: 38px;
                    color: $light-blue;
                    margin: 0 5px;

                    .dmt-agreement-wrapper {
                        > .dmt-label {
                            color: $dark-gray;
                            font-size: 14px;
                            padding: 0 5px;

                            .dmt-agreement-checkbox {
                                border-color: $dark-gray;
                            }
                        }
                    }

                    > .icon {
                        display: inline-block;
                    }

                    > span {
                        margin-left: 6px;
                    }
                }

                .dmt-buttons-wrapper {
                    @include flexbox-align(row, center, center, center);

                    .dmt-print-button-wrapper {
                        @include flex-grow(1);
                        display: block;

                        .dmt-print-button {
                            .icon {
                                font-size: 16px;
                                vertical-align: middle;
                                display: inline-block;
                                margin-left: 5px;
                            }
                        }
                    }

                    .dmt-cancel-button {

                    }

                    .dmt-continue-button {

                    }
                }
            }
        }

        @media screen and (max-width: 767px) {
            padding-top: 25px;
            //padding-bottom: 0;

            &.dmt-terms-condition-read {

                .ngdialog-content {
                    //@include border-radius(0);
                    width: 95%;
                    height: 95%;
                    //margin: 0;

                    .dmt-terms-conditions-footer {
                        .dmt-buttons-wrapper {

                            .dmt-print-button-wrapper {
                                display: none;
                            }

                            .dmt-cancel-button {
                                @include flex-grow(1);
                                min-width: 0;
                            }

                            .dmt-continue-button {
                                @include flex-grow(1);
                                min-width: 0;
                            }
                        }
                    }
                }
            }

            &:not(.dmt-terms-condition-read) {

                .ngdialog-content {
                    //@include border-radius(0);
                    width: 95%;
                    height: 95%;
                    //margin: 0;

                    .dmt-terms-conditions-footer {
                        .dmt-buttons-wrapper {
                            -ms-justify-content: flex-end;
                            -webkit-justify-content: flex-end;
                            justify-content: flex-end;

                            .dmt-print-button-wrapper {
                                display: none;
                            }

                            .dmt-cancel-button {
                                background: #fff;
                                color: $offline;
                                border: 0;
                                min-width: 70px;
                                padding: 0;
                                font-size: 14px;
                            }

                            .dmt-continue-button {
                                @include text-shadow(0px 0px 0px, $btn-action-text-shadow);
                                background: #fff;
                                color: $light-blue;
                                border: 0;
                                min-width: 70px;
                                padding: 0;
                                font-size: 14px;
                            }
                        }
                    }
                }
            }
        }
    }
}