style changes

cmsWebApp/webroot/css/common.css

@@ -660,7 +660,7 @@ span.checkbox.checked + .slider:before {-webkit-transform: translateX(18px);-ms-
     margin-bottom: 28px;
     font-weight: 800;
 }
-input.btn.btn-primary{
+.btn.btn-primary{
 	border-radius: 100px;
   	background-color: #03a0e7;
   	font-size: 15px;
@@ -671,7 +671,7 @@ input.btn.btn-primary{
   	margin-top: 10px;
     font-weight: 500;
 }
-input.btn.btn-primary:hover{
+.btn.btn-primary:hover{
 	background-color: #0e87be;
 }
 .btn.active, .btn:active{
@@ -807,7 +807,7 @@ span.skill-label {
 	display: inline-block;
 	width: 100%;
 }
-input.btn.btn-primary.top-margin-37{
+.btn.btn-primary.top-margin-37{
 	margin-top: 37px;
 }
 .delete-qualification {
@@ -1020,7 +1020,7 @@ input.btn.btn-primary.top-margin-37{
   	color: #4e5258;
   	font-size: 12px;
   	font-weight: 500;
-  	margin-bottom: 36px;
+  	margin-bottom: 30px;
         text-transform: uppercase;
 }
 .workplace-radio.radio label{
@@ -1031,10 +1031,16 @@ input.btn.btn-primary.top-margin-37{
     width: 100%;
     margin: 10px 0;
 }
+.culture-margin-bottom{
+  margin-bottom: 15px;
+}
+input.btn.btn-primary.top-margin-25{
+  margin-top: 33px;  
+}
 .radio.margin-bottom-none{
-	margin-bottom: 0;
+	/*margin-bottom: 0;*/
 }
-.work-rating {
+.work-rating,.work-l-rating,.friend-rating {
     background: #eff0f2;
     padding: 15px 20px;
     display: inline-block;
@@ -1096,6 +1102,16 @@ span.rate-label {
     text-decoration: none;
     background-color:#ffffff;
 }
+.rate-toggle label{
+  font-weight: normal;
+  margin-bottom: 0;
+  display: block;
+  cursor: pointer;
+}
+.rate-toggle input[type="radio"]{
+    position: absolute;
+    visibility: hidden;
+}
 /*Workplace Culture End*/
 
 /*Make Payment Page*/
@@ -1140,11 +1156,11 @@ span.rate-label {
 .make-payment-tab.nav-pills>li+li {
     margin-left: 7px;
 }
-input.btn.btn-primary.btn-green{
+.btn.btn-primary.btn-green{
   background-color: #67b413;
   border-color: #67b413;
 }
-input.btn.btn-primary.btn-green:hover{
+.btn.btn-primary.btn-green:hover{
   background-color: #319202;
   border-color: #319202;  
 }
@@ -3347,7 +3363,44 @@ span.right-img {
 
 /*View Applicants HT005 - Shortlist End*/
 
-
+/*popup message*/
+.main-popup .modal-body{padding: 50px 45px 44px;text-align: center;}
+.popup-message-txt {margin: 24px 0 36px;line-height: 23px;}
+.popup-btn a{border-radius: 100px;min-width: 120px;line-height: 45px;height: 45px;font-size: 15px;color: #ffffff;display: inline-block;padding: 0 15px;}
+.popup-close img{float: right;margin-right: 9.7px;margin-top: 9.7px;position: relative;z-index: 15;}
+.main-popup .modal-content{background-color: #ffffff;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);border: 0 none;border-radius: 0;border-top: 5px solid;}
+.popup-message-title{font-size: 24px;}
+/*success popup css*/
+.main-success-popup .modal-content{border-color: #67b413;}
+.main-success-popup .popup-btn a{background-color: #67b413;}
+.main-success-popup .popup-message-title{color: #67b413;}
+
+/*error popup css*/
+.main-error-popup .modal-content{border-color: #f9513d;}
+.main-error-popup .popup-btn a{background-color: #f9513d;}
+.main-error-popup .popup-message-title{color: #f9513d;}
+
+/*status popup css*/
+.main-status-popup .modal-content{border-color: #03a0e7;}
+.main-status-popup .popup-btn a{background-color: #03a0e7;}
+.main-status-popup .popup-message-title{color: #03a0e7;}
+
+/*notification popup css*/
+.main-notification-popup .modal-content{border-color: #fcb642;}
+.main-notification-popup .popup-btn a{background-color: #fcb642;}
+.main-notification-popup .popup-message-title{color: #fcb642;}
+
+
+/*error message*/
+.message-common{padding: 24px 38px 24px 33px;margin: 15px -1.5%;position: fixed;width: 76.75%;bottom: -100px;transition:0.3s;z-index: 15;}
+.bottom-zero{bottom:0;transition:0.3s;}
+.success-message{background-color: #67b413;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);}
+.error-message{background-color: #f9513d;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);}
+.status-message{background-color: #03a0e7;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);}
+.notification-message{background-color: #fdb641;box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);}
+.message-txt{color: #ffffff;font-size: 20px;margin-left: 19px;float: left;width: 90%;}
+img.alert-icon {float: left;}
+.close-alert {float: right;margin-top: 3px;cursor: pointer;}
 .appli-status-short{width: 170px;}
 .complete-page-footer {margin-bottom: 109px;}
 .userPic {margin-right: 16px;position: relative;top: -1px;}
@@ -3428,6 +3481,8 @@ span.right-img {
   .grid-box-view .detail-box{padding: 7.5px 12px;}
   .grid-box-view .detail-row{margin: 7.5px 0;}
   .view-app-area {padding-top: 32px;}
+  .message-common {padding: 20px 28px 20px 25px;}
+  .message-txt{margin-left: 18px;}
 }
 
 @media screen and (max-width: 1350px){
@@ -3643,6 +3698,10 @@ span.right-img {
   .main-pack-type li {width: 44%;}
   .plan-link {font-size: 14px;}
   .int-timeline li{margin-right: -2.5px;}
+  .message-txt{width: 80%;font-size: 17px;}
+  .alert-icon {width: 26px;}
+  .close-alert{margin-top: 2px;}
+  .message-common{margin: 15px 0;}
 }
 
 @media screen and (max-width: 980px){
@@ -3743,7 +3802,7 @@ span.right-img {
   .applicant-tab ul li a{margin-left: 0;}
   .applicant-progress{margin: 29px 0 0;}
   .fixed-width {margin-bottom: 30px;}
-  input.btn.btn-primary{height: 46px;font-size: 13px;width: 50%;}
+  .btn.btn-primary{height: 46px;font-size: 13px;width: 50%;}
   .welcome-title{font-size: 12px;text-align: center;}
   .welcome-aust-logo {text-align: center;margin-bottom: 33px;}
   .appli-aust-title{margin: 11px 0 21px;font-size: 15px;text-align: center;}
@@ -3820,6 +3879,7 @@ span.right-img {
   .sl_width.slider-next.slick-arrow span,.sl_width.slider-prev.slick-arrow span{border:none;}
   .slider-prev img{position: relative;left: -4px;}
   .slider-next img {position: relative;right: -4px;}
+  .message-common {padding: 15px;width: 93%;}
 }
 
 @media screen and (max-width: 750px){
@@ -3963,6 +4023,10 @@ span.right-img {
   .user-profile-dropdown {width: 43%;}
   .tab-view-label {width: 28%;font-size: 8px;}
   .like-strive {font-size: 10px;margin-top: 6px;}
+  .alert-icon {width: 20px;}
+  .message-txt {font-size: 14px;margin-left: 10px;}
+  .close-alert {margin-top: 0;}
+  .close-alert > img {width: 10px;}
 }
 
 @media screen and (max-width: 320px){