.main_div {
  width: 95%;
  margin: 30px;
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.add_store_form {
  padding: 20px;
}

.input_field_both {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.page_header_title {
  width: 100%;
  padding: 5px 10px;
  background-color: blueviolet;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.input_field_div {
  width: 50%;
  margin: 5px;
}
.input_field_div input {
  height: 40px;
}
select#country-select {
  max-width: 100%;
}
select#continent-select {
  max-width: 100%;
}
.submit_button {
  margin-left: 5px;
  padding: 10px;
  background-color: blueviolet;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  border: none;
  outline: none;
  margin-top: 10px;
}
.manage_store_main_div {
  width: 100%;
  margin-top: 20px;
  padding: 20px;
}
table#manageStoreTable{
  width: 100%;
  display: block;
  overflow: auto;
}
table#manageStoreTable th {
  text-align: center !important;
  font-size: 14px;
}
table#manageStoreTable td {
  text-align: center !important;
  font-size: 14px;
}
ul.action_ul {
  display: flex;
  justify-content: center;
  align-items: center;
}
ul.action_ul li {
  margin: 0px 8px;
  padding: 4px 6px;
  cursor: pointer;
}
ul.action_ul li a {
  color: #fff;
}

ul.action_ul li:nth-child(1) {
  background-color: green;
  color: #fff;
}
ul.action_ul li:nth-child(2) {
  background-color: red;
  color: #fff;
}

/* loading effect  */
#overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.cspinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}
.is-hide {
  display: none;
}
.page_header_div {
  width: 100%;
  background-color: #3c01cd;
  padding: 5px;
  color: #fff;
  text-align: center;
}
.page_header_div h2 {
  margin: 0;
  padding: 0;
}
.working_div {
  width: 100%;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-top: 20px;
}
.working_div .work {
  background-color: #fff;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 20px;
  border-radius: 10px;
}
.working_div .work h3 {
  margin: 0;
  padding: 0;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 10px;
}
.dataTables_wrapper .dataTables_length select {
  width: 50px;
}
.input_field_div select {
  height: 40px;
}
.working_div .work h3 {
  font-size: 16px;
}
.working_div .work h4 {
  font-size: 16px;
}
.dataTables_wrapper .dataTables_filter input {
  height: 35px;
}
.dataTables_wrapper .dataTables_length select {
  height: 35px;
}