fix the modal look

Breeze.UI/src/app/wallet/logout-confirmation/logout-confirmation.component.html

 <div id="modalLogout" tabindex="-1" role="dialog" aria-labelledby="modal_logout" aria-hidden="true">
-  <div class="modal-dialog" role="document">
+  <div class="modal-dialog modalBg" role="document">
     <div>
       <div class="modal-header">
         <div class="bubble"><i class="icon-download"></i></div>

Breeze.UI/src/app/wallet/receive/receive.component.html

 <div id="modalReceive" tabindex="-1" role="dialog" aria-labelledby="modal_receive" aria-hidden="true">
-  <div class="modal-dialog" role="document">
+  <div class="modal-dialog modalBg" role="document">
     <div>
       <div class="modal-header">
         <div class="bubble"><i class="icon-download"></i></div>

Breeze.UI/src/app/wallet/send/send.component.html

 <div id="modalSend" tabindex="-1" role="dialog" aria-labelledby="modal_send" aria-hidden="true">
-  <div class="modal-dialog" role="document">
+  <div class="modal-dialog modalBg" role="document">
     <div>
       <div class="modal-header">
         <div class="bubble"><i class="icon-upload"></i></div>

Breeze.UI/src/app/wallet/transaction-details/transaction-details.component.html

  <div id="modalDetail" tabindex="-1" role="dialog" aria-labelledby="modal_detail" aria-hidden="true">
-  <div class="modal-dialog" role="document">
+  <div class="modal-dialog modalBg" role="document">
     <div>
       <div class="modal-header">
         <div class="bubble"><i class="icon-block"></i></div>

Breeze.UI/src/scss/_modal.scss

@@ -45,14 +45,18 @@
   margin: $modal-dialog-margin;
 }
 
+// Custom
+.modalBg {
+  background-color: $modal-content-bg;
+  border: $modal-content-border-width solid $modal-content-border-color;
+}
+
 // Actual modal
 .modal-content {
   position: relative;
   display: flex;
   flex-direction: column;
-  background-color: $modal-content-bg;
   background-clip: padding-box;
-  border: $modal-content-border-width solid $modal-content-border-color;
   @include border-radius($border-radius-lg);
   @include box-shadow($modal-content-xs-box-shadow);
   // Remove focus outline from opened modal

Breeze.UI/src/styles.css

@@ -5685,13 +5685,16 @@ button.close {
   margin: 30px;
 }
 
+.modalBg {
+  background-color: #fff;
+  border: 1px solid rgba(152, 163, 179, 0.5);
+}
+
 .modal-content {
   position: relative;
   display: flex;
   flex-direction: column;
-  background-color: #fff;
   background-clip: padding-box;
-  border: 1px solid rgba(152, 163, 179, 0.5);
   border-radius: 0.3rem;
   outline: 0;
 }