body {
  background-color: #eee;
}

body.loggedin-user .header-container {
  border-top: 5px solid green;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px !important;
}

.container {
  background-color: white;
  padding: 30px 30px 15px;
}

div.login-page {
  box-shadow: 1px 1px 1px #000;
}

.logo {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
  border-radius: 16px;
  object-fit: cover;
}

.menu-row {
  justify-content: flex-end;
}

.DImg {
  width: 40px;
  transition: 0.4s ease-in-out;
  margin-inline: 0.5rem;
}

.tesDown {
  font-size: 25px !important;
}

.DImg:hover {
  transform: scale(1.2);
  transition: 0.4s ease-in-out;



}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
  border: 1px solid #dddddd;
  border-right-width: 0px;
  border-left-width: 0px;
  border-top-width: 0px;
}

.error p {
  color: #ff0000;
  font-size: 20px;
  font-weight: bold;
  margin: 50px;
}

footer.container {
  background-color: #dedee0;
  padding: 15px 30px;
}

footer.container,
footer.container p {
  font-size: 14px !important;
}

 

.dropdown-menu.show {
  left: -100px;
}

.navbar-collapse {
  padding-left: 5px;
}

.footer-logo {
  width: 40px;
}

/*  responsive  */

@media (max-width: 992px) {
  .menu-row {
    width: 100%;
    display: block;
  }

  .dropdown.float-end {
    text-align: right;
  }
}

@media (max-width: 767.98px) {
  .dropdown-menu.show {
    left: 0;
  }

  .navbar-collapse {
    padding-left: 5px;
  }

  .menu-row {
    width: 100%;
    display: block;
  }

  .menu.float-start {
    width: auto;
  }

  .dropdown.float-end {
    width: auto;
  }

  img.footer-logo {
    max-width: 25%;
  }

  .right-footer img {
    max-width: 75%;
  }

  footer.container {
    padding: 15px !important;
  }

  footer.container .float-start .text-muted p br {
    display: none;
  }
}

@media (max-width: 575.98px) {
  .container {
    padding: 15px 15px 5px;
  }

  .footer-logo {
    padding: 0 !important;
    margin: 0 auto !important;
    x
  }

  img.footer-logo {
    max-width: 25%;
  }

  .footer .float-start {
    text-align: center;
  }

  .right-footer .text-end {
    text-align: center !important;
  }

  .p-5,
  .ps-3 {
    padding: 0 !important;
  }
}

/* ----------------


spinning wheels


--------------------- */

#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0;
  }

  to {
    bottom: 0px;
    opacity: 1;
  }
}

@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0;
  }

  to {
    bottom: 0;
    opacity: 1;
  }
}

@media screen and (max-height: 650px) {
  #loader {
    width: 40px;
  }

  #loader {
    height: 40px;
  }

  #loader {
    left: 70%;
  }

  #loader {
    top: 50%;
  }
}

#myDiv {
  display: none;
  text-align: center;
}

/*##################> sorting Icon Remove <##########33 */
/* table.dataTable thead>tr>th.sorting:before{
  display: none !important;
}
table.dataTable thead>tr>th.sorting:after, table.dataTable thead>tr>th.sorting_asc:after {

  display: none !important;
} */


@media(max-width:1200px)
{
 .btnsettingmain{
  padding-block: 26px !important;
 }
}
@media(max-width:992px)
{
 .btnsettingmain{
  padding-block: 26px !important;
 }
}

.mainsettinghome{
  width: 100%;
  overflow: hidden !important;
}

/* .btnsearch{
  outline:2px solid  #363986;
  color: #363986;
  font-weight: 700;
} */
.btnsearch ,.tableeditbtnsecond{
  outline:2px solid  #363986;
  background-color  : #363986;
  color: white;
  font-weight: 700;
}
.btnsearch:hover{
  outline:2px solid  #363986;
  background-color  : #363986;
  color: white;
  font-weight: 700;
}

.tableeditbtn{
  background-color: gray;
  margin: 10px;
  color: white;
  font-weight: 700;
}
.tableeditbtn:hover{
  background-color: gray;
  
  color: white;
  font-weight: 700;
}
 
.tableeditbtnsecond img{
  width: 20px;
  padding-bottom: 3px;
}
 
.tableeditbtn img{
  width: 20px;
  padding-bottom: 4px;
}

.page-item.active .page-link{
  background-color: #363986;
}
.page-link{
  color: #363986;
}
.dropdown-toggle::after{
  color: #363986 !important;
}
/*##################> sorting Icon Remove <##########33 */