diff --git a/hosting/static/hosting/css/commons.css b/hosting/static/hosting/css/commons.css
index 78bfd827..74d154d1 100644
--- a/hosting/static/hosting/css/commons.css
+++ b/hosting/static/hosting/css/commons.css
@@ -57,4 +57,70 @@
 	    width: 90%;
 	}
 }
-
+/***********Styles for Model********************/
+.modal-content {
+    border-radius: 0px;
+    font-family: 'Lato', sans-serif;
+    width: 100%;
+	float: left;
+}
+.close {
+    font-size: 50px;
+    font-weight: 300;
+    }
+.modal-header {
+    border-bottom: 0px solid #e5e5e5;
+    padding: 0px 15px;
+    width: 100%;
+	float: left;
+	}
+.modal-body {
+    text-align: center;
+    width: 100%;
+	float: left;
+	padding: 0px 30px 15px 30px;
+}
+.modal-body .modal-icon i {
+    font-size: 50px;
+    font-weight: 100;
+    color: #999;
+}
+.modal-title {
+    margin: 0;
+    line-height: 1.42857143;
+    font-size: 22px;
+    padding: 20px 0;
+    font-family: 'Lato', sans-serif;
+}
+.modal-footer {
+    border-top: 0px solid #e5e5e5;
+    width: 100%;
+	float: left;
+	text-align: center;
+	padding: 30px 15px;
+}
+@media (min-width: 1300px) {
+    .modal-dialog {
+    top: 30%;
+    width: 25%;
+	}
+}
+@media (max-width: 1299px) {
+    .modal-dialog {
+    top: 20%;
+    width: 43%;
+	}
+}
+@media (max-width: 900px) {
+    .modal-dialog {
+    top: 20%;
+    width: 50%;
+	}
+}
+@media (max-width: 767px) {
+    .modal-dialog {
+    top: 30%;
+    width: 90%;
+    margin: 0 auto !important;
+	}
+}