/*
*/ .asdcs-control { $asdcsDialogIconSize: 70px; $asdcsDialogWidth: 400px; .asdcs-overlay { display: none; position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 5; background-color: white; opacity: 0.25; pointer-events: all; } .asdcs-dialog { position: fixed; top: 50%; left: 50%; width: $asdcsDialogWidth; margin-left: -($asdcsDialogWidth/2); height: 300px; margin-top: -150px; background: $asdcsColorOneLight; border: 1px solid $asdcsColorWhitish; border-radius: $asdcsPopupBorderRadius; z-index: 10; @include drop-shadow(); .asdcs-dialog-header { position: absolute; height: 60px; line-height: 40px; width: 100%; box-sizing: border-box; font-size: 14px; font-weight: bold; padding: 10px 15px; } .asdcs-dialog-close { position: absolute; top: 15px; right: 15px; height: $asdcsSmallIconSize; width: $asdcsSmallIconSize; fill: $asdcsColorGrey; cursor: pointer; &:hover { fill: $asdcsColorEmphasis; } } .asdcs-dialog-buttonbar { position: absolute; height: 50px; width: 100%; bottom: 0; //background-color: $asdcsColorOne; text-align: right; button { width: 75px; border-radius: 4px; border: none; background-color: $asdcsColorTwo; color: $asdcsColorWhite; padding: 7px 10px; margin: 10px 10px 10px 0px; &:hover { background-color: $asdcsColorTwoLight; } } } .asdcs-dialog-icon { position: absolute; top: 80px; left: 20px; height: $asdcsDialogIconSize; width: $asdcsDialogIconSize; pointer-events: none; fill: $asdcsColorOneDark; svg { display: none; } &.asdcs-icon-question { svg.asdcs-icon-question { display: block; } } &.asdcs-icon-exclaim { svg.asdcs-icon-exclaim { display: block; } } &.asdcs-icon-info { svg.asdcs-icon-info { display: block; } } &.asdcs-icon-edit { svg.asdcs-icon-edit { display: block; } } } .asdcs-dialog-message { position: absolute; padding: 10px; top: 90px; height: 100px; left: 100px; width: $asdcsDialogWidth - 120px; display: table-cell; vertical-align: middle; word-wrap: break-word; text-overflow: ellipsis; } .asdcs-dialog-text { position:absolute; padding: 10px; top:60px; height: 150px; left:100px; width: $asdcsDialogWidth - 130px; textarea { height:100%; width:100%; resize: none; } } } }