6/3/2019

src/app/checker/index/index.component.scss

 .delivery_provider_content{
     width:80%;
     margin:0 auto;
+    position: relative;
   
 }
\ No newline at end of file

src/app/delivery/editprovider/editprovider.component.html

+<!-- <div class="custom_loader_wrapper">
+    <div class="custom_loader_ring"></div>
+</div> -->
+<div class="alert alert-success alert-dismissible">
+    <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
+    <strong>Success!</strong> Indicates a successful or positive action.
+  </div>
+  <div class="alert alert-danger alert-dismissible">
+      <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
+      <strong>Success!</strong> Indicates a successful or positive action.
+    </div>
+    <div class="alert alert-info alert-dismissible">
+        <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
+        <strong>Success!</strong> Indicates a successful or positive action.
+      </div>
 <header class="provider_header">
     <div class="row">
       <div class="col-md-6">

src/app/delivery/index/index.component.scss

 .delivery_provider_content{
     width:80%;
     margin:0 auto;
+    position: relative;
   
 }
\ No newline at end of file

src/app/forex/index/index.component.scss

 .delivery_provider_content{
     width:80%;
     margin:0 auto;
+    position: relative;
   
 }
\ No newline at end of file

src/app/start/index/index.component.html

-
-<router-outlet></router-outlet>
\ No newline at end of file
+<div class="delivery_provider_content">
+        <router-outlet></router-outlet>
+</div>

src/app/start/index/index.component.scss

+.delivery_provider_content{
+    width:80%;
+    margin:0 auto;
+    position: relative;
+  
+}
\ No newline at end of file

src/styles.scss

@@ -592,3 +592,44 @@ section.module.parallax {
         }
     }
 }
+
+.custom_loader_wrapper{
+    position: absolute;
+    top:0px;
+    left:0px;
+    right:0px;
+    bottom:0px;
+    background: rgba(273,273,273,0.8);
+    text-align: center;
+    z-index: 99999;
+    text-align: center;
+    align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
+.custom_loader_ring {
+    display: inline-block;
+    width: 100px;
+    height: 100px;
+  }
+  .custom_loader_ring:after {
+    content: " ";
+    display: block;
+    width: 100px;
+    height: 100px;
+    margin: 1px;
+    border-radius: 50%;
+    border: 10px solid #1a5c7c;
+    border-color: #1a5c7c transparent #1a5c7c transparent;
+    animation: custom_loader_ring 1.2s linear infinite;
+  }
+  @keyframes custom_loader_ring {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+