@import "var";

.@{prefixName}-dialog {
  position: fixed;
  width: 100%;
  top: 50%;
  left: 50%;
  background-color: @dialog-background-color;
  border-radius: @dialog-border-radius;
  transform: translateX(-50%) translateY(-50%);

  &__header {
  	padding-top: @dialog-header-padding-top;
	  text-align: center;
  }

	&__headertitle {
		color: @dialog-header-text-color;
	  font-size: @dialog-header-text-size;
	  font-weight: @dialog-header-font-weight;
	}

	&__body {
		color: @dialog-content-text-color;
		font-size: @dialog-content-text-size;
		font-weight: @dialog-content-font-weight;
	  padding: @dialog-content-padding;
	  text-align: center;

	  &.@{prefixName}-dialog__body--no-title {
			font-size: @dialog-no-title-content-text-size;
			color: @dialog-no-title-content-text-color;
		  padding-top: @dialog-no-title-content-padding-top;
		}
	}

	&__header:empty, 
	&__body:empty {
		display: none;
	} 

	&__footer {
		position: relative;
		border-radius: 0 0 @dialog-border-radius @dialog-border-radius;
		overflow: hidden;

		&-item {
			position: relative;
			.@{prefixName}-dialog__button {
				width: 100%;
				&::after {
					.border(0px, transparent);
				}
				&.@{prefixName}-dialog__button--confirm {
					color: @dialog-confirm-button-text-color !important;
				}
				&.@{prefixName}-dialog__button--cancel {
					color: @dialog-cancel-button-text-color !important;
				}
			}
			&:first-child .@{prefixName}-dialog__button {
				border-radius: 0 0 0 @dialog-border-radius !important;
				overflow: hidden;
			}
			&:last-child .@{prefixName}-dialog__button {
				border-radius: 0 0 @dialog-border-radius 0 !important;
				overflow: hidden;
			}
		}
	}
}