.modal-contents{
   padding:20px;
}


.modal-bodys{
   padding:0px;
}

.modal-opens{
 overflow:hidden !important;
}

.modal-bodys p{
   letter-spacing: 0.5px;
   font-weight: 500;
   font-size: 16px;
   font-family:ITCAvantGardePro-BK
}

#popupInput
{
  border-radius:0px; //reduce border-radius from input 
  height: 35px;
}

#popupInput:focus
{
 border:none;
}


.primary-btns{
    border-radius: 20px;
    border: none;
    padding:8px 22px;
    background: #f47a44;
    color: #fff;
    font-size:14px;
    font-weight: 500;
    font-family: ITCAvantGardePro-BK;
    letter-spacing: 0.5px;
}

.modal-titles{
  font-size:18px;
  font-weight: bold;
  letter-spacing: 0.5px;
  font-family: ITCAvantGardePro-Demi;
}

.modal-dialogs
{
    background: #fff;
    width: 480px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
}



.modal-headers{
 border-bottom:none;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding: 0px !important;
 margin-bottom:24px;
}

.close1{
   height:17px;
   width:17px;
   background-image:url('/Merchant5/graphics/00000001/4/Cross.png') !important;
   border:none;
   background-repeat:no-repeat;
   background-position: center;
   padding: 13px;
   border-radius: 20px;
   background-size: 13px;
   background-color:#fff;
}

.close1:hover{
   background-color: #ccc; 
}

.modal-footers{
   padding:0px;
   margin-top: 30px;
   text-align:right;
}

.secondary-btns{
    border-radius: 20px;
    outline: none;
    padding: 7px 22px;
    border: 1px solid gray;
    font-size:14px;
    background:#fff;
    margin-right: 3px;
    font-weight: 500;
    font-family: ITCAvantGardePro-BK;
    letter-spacing: 0.5px;
}

@media (max-width: 480px) {

.modal-dialogs{
  max-width:348px;

}



}