.post-ship-box-wrp{ width: 280px; bottom: 105px; right: 50px; z-index: 10000; display: none; position: fixed; border-radius:5px; box-sizing: border-box; background-color: #ececec; box-shadow: 0 0 3px 0.4px #c7c7c7; padding: 20px 0; min-height: 245px; border-radius: 20px; } .post-ship-box-wrp.active::before{ position: absolute; content: ""; bottom: -6px; height: 14px; width: 14px; right: 17px; background-color: inherit; transform: rotate(45deg); border-radius: 4px; } } .search-by-wrp { margin-bottom: 20px; } .search-by-txt { margin-bottom: 20px; padding: 20px 20px 0; border-top: 1px solid #cccaca; } .search-by-txt input { width: 100%; border: 1px solid #CFD4D6; border-radius: 5px; box-sizing: border-box; height: 35px; padding: 0 15px; border-radius: 30px; font-family: arial; } .search-by-txt input:focus{ outline: none; } .post-ship-heading{ font-size: 20px; text-align: center; margin: 10px 10px 20px; font-weight: 700; line-height: 1.2; font-family: arial; } .search-by-wrp > div{ float: left; width:33%; } .search-button-wrp{ padding: 0 20px; text-align: center; } .post-ship-btn, .post-ship-submit{ background-color: #285fdb; border-radius: 3px; font-size: 13px; border-color: transparent; -webkit-appearance: none; outline: 0!important; -webkit-transition: all .1s; -o-transition: all .1s; transition: all .1s; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 16px; font-size: 14px; line-height: 1.52857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; text-transform: capitalize; box-sizing: border-box; padding: 6px 26px; border-radius: 30px; font-family: arial; } .post-ship-box-wrp.active{ display: block; } .post-ship-btn{ display: block; position: fixed; bottom: 50px; right: 50px; z-index: 100000; box-sizing: border-box; } .post-ship-btn.hide-btn{ font-size: 0; padding: 10px; } .post-ship-btn.hide-btn img{ margin: 0; } .close-post-ship-popup{ align-items: center; /* background-color: #2f69db; */ border-radius: 1rem; color: #000; cursor: pointer; display: flex; font-size: 1rem; justify-content: center; position: absolute; right: 20px; top: 0; transition: opacity .2s; height: 22px; width: 40px; top: 6px; right: 0; } .close-post-ship-popup:before { transform: rotate(45deg); content: "+"; font-size: 27px; font-family: arial; } .err-text { margin: 5px 0; font-size: 12px; color: red; display: none; } .err-text.active{ display: block; } .post-ship-btn img{ width: 21px; float: left; margin-right: 8px; } .track-img{ text-align: center; } .track-img img{ width: 40px; }