.cpiw_main {
display: flex;
flex-direction: column;
align-content: flex-start;
padding: 15px 0px;
padding: 14px;
margin: 10px 0px;
position: relative;
}
.cpiw_widget {
position: relative;
max-width: 420px;
}
.cpiw_inner_final{
margin: 0px;
display: flex;
flex-direction: row;
}
.cpiw_inner_first {
display: flex;
position: relative;
gap: 15px; 
}
.cpiw_main svg {
width: 29px;
}
.cpiw_main_inner {
text-align: center;
margin-top: 10px;
}
.pincode_not_availabel p {
margin: 0px 10px;
}
.cpiw_inner_inner{
display: flex;
flex-direction: column;
width: 100%;
border: 1px solid #ddd;
margin: 10px 0px;
}
.pincode_city_and_state {
padding: 7px;
display: flex;
justify-content: space-between;
align-items: center;
}
.inner {
display: flex;
justify-content: space-around;
background: #f6f6f6;
padding: 10px;
text-align: center;
}
.cpiw_avaitxt {
display: flex;
flex-direction: column;
align-items: center;
}
.cpiw_dlvrytxt {
display: flex;
flex-direction: column;
align-items: center;
}
span.cpiw_tficon,span.cpiw_delicons {
width: 42px;
height: 42px;
display: flex;
justify-content: center;
align-items: center;
}
span.cpiw_tficon img,span.cpiw_delicons img {
object-fit: cover;
}
.cpiw_main_inner h3 {
margin: 10px;
font-size: 18px;
}
.pincode_city_and_state p , .pincode_not_availabels p{
margin: 0px 10px;
}
.cpiw_avaddate p , .cpiw_avacod p {
margin: 15px 0px;
font-size: 20px;
}
input.cpiwcheckbtn { padding: 12px 30px;
min-width: 120px;
min-height: 35px;
border: none;
cursor: pointer;
border-radius: 0px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
.pincode_not_availabels{ display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
}
.pincode_not_availabel { display: flex;
justify-content: space-between;
width: 100%;
border: 1px solid #ddd;
margin: 10px 0px;
align-items: center;
}
.Disableclass {
opacity: 0.5!important;
} .cpiw-modal {
display: none; 
position: fixed; 
z-index: 9999999; 
padding-top: 100px; 
left: 0;
top: 0;
width: 100%;
height: 100%; 
overflow: auto; 
background-color: rgb(0,0,0); 
background-color: rgba(0,0,0,0.4); 
}
.cpiw-modal .modal-content {
display: block;
position: relative;
margin: auto;
padding: 15px;
width: 35%;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
-webkit-animation-name: animatetop;
-webkit-animation-duration: 0.4s;
animation-name: animatetop;
animation-duration: 0.4s;
z-index: 999999;
}
.cpiw_popup_check_div {
display: flex;
flex-direction: row;
background-color: #fff;
align-items: stretch;
gap: 15px;
}
.popup_oc_main {
display: flex;
flex-direction: column;
align-items: center;
}
input.cpiwinzipsubmit {
font-weight: 700;
letter-spacing: 0.5px;
padding: 14px 30px !important;
font-size: 12px !important;
display: block !important;
margin: 0 !important;
width: auto !important;
height: auto !important;
line-height: initial !important;
min-width: 120px;
min-height: 35px;
border: none;
cursor: pointer;
gap: 6px;
}
input.cpiwopuppinzip {
width: 100%;
padding: 10px;
display: block;
background: #fff;
width: 100%;
border-width: 2px;
border-style: solid;
border-color: #000;
border-radius: 0px;
box-shadow: none;
outline: none;
flex: 2 1 0%;
}
.cpiw_popup_check_div img {
max-width: 40px !important;
}
h5.cpiw_popup_header {
margin: 0;
margin-bottom: 13px;
font-weight: bold;
}
.cpiw_pincode_popup_class {
display: none;
background-color: rgba(0,0,0,0.4);
position: fixed;
z-index: 9999;
padding-top: 100px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
}
span.close{
cursor: pointer;
position: absolute;
top: -5px;
right: 4px;
}
.popup_main {
display: flex;
flex-direction: column;
padding: 35px; background-color: #fff;
align-items: center;
}
.popuppincoderesponce p {
background: #e9e9e9;
padding: 7px;
margin: 12px;
text-align: center;
width: 100%;
}
.wczp_empty {
display: none;
font-size: 16px;
margin-top: 10px;
}
span.wczp_empty {
color: red; font-size: 16px;
text-align: center;
}
.cpiwc_maindiv_popup {
width: 100%;
margin: auto;
border-radius: 5px;
text-align: center;
margin-bottom: 12px;
margin-top: 12px;
display: none; }
.cpiwc_spinner {
position: absolute;
top: 50%;
left: 0;
display: flex;
align-content: center;
height: auto;
width: 100%;
text-align: center;
}
.cpiwc_spinner img {
height: 50px;
margin: 0 auto;
align-items: center;
display: flex;
align-content: center;
}
input.checkpincodebutton { background: rgb(0, 0, 0);
color: rgb(255, 255, 255);
min-width: 120px;
min-height: 35px;
border: none;
cursor: pointer;
border-radius: 0px;
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
}
input.checkpincode {
width: 100%;
padding: 10px;
display: block;
background: #fff;
width: 100%;
border-width: 2px;
border-style: solid;
border-color: #000;
border-radius: 0px;
box-shadow: none;
outline: none;
flex: 2 1 0%;
}
@media only screen and (max-width: 768px) {
.cpiw_inner_inner {
flex-direction: column;
}
.inner {
flex-direction: column;
}
.pincode_city_and_state{
flex-direction: column;
}
.pincode_city_and_state p, .pincode_not_availabels p {
font-size: 16px;
}
.popup_main {
padding: 15px 10px 15px 10px;
}
input.cpiwinzipsubmit {
padding: 14px 20px !important;
min-width: 80px;
}
.cpiw_popup_check_div img {
max-width: 40px;
}
.popuppincoderesponce {
display: flex;
}
.cpiw-modal .modal-content {
width: calc(100vw - 40px);
}
}