@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');@import url('./header.css');
:root {
 --primary-color:#151D48;
 --secondary-color:#4079ED;
 --table-color:#000;
 --white:#fff;
 --text-prmimary:var(--primary-color);
 --text-secondary:var(--text-secondary);
 --shadow-primary: 0 4px 20px 0.5 #eeeeee;
 --btn-secondary:#224c56;
 --btn-primary:#05004E;
 --btn-border-default:#05004E;
 --heading-color:#14393b;
 --default-color:#737791;
 --table-default-color:#425166;
}

body {
  color: var(--default-color);
  background-color: #FAFBFC;
  transition:all ease-in-out 0.5s ;
  -webkit-transition:all ease-in-out 0.5s ;
  -moz-transition:all ease-in-out 0.5s ;
  -ms-transition:all ease-in-out 0.5s ;
  -o-transition:all ease-in-out 0.5s ;
}
h1,h2,h3,h4,h5,h6{
  color: var(--heading-color);
}
.default-shadow{
  box-shadow: 0 4px 20px 0.5 #eeeeee;
}
.back-red{
  background-color: red !important;
  color: var(--white)!important;
}
.back-white{
  background-color:var(--white);
}
.back-yellow{
  background-color: yellow !important;
  color: var(--white)!important;
}
.back-green{
  background-color: green !important;
  color: var(--white) !important;
}
.edit{
  color: green;
  font-size: 17px;
}
.dlt{
  color: red;
  font-size: 17px;
}
.form-control:focus {
  color: var(--primary-color);
  background-color: var(--bs-form-control-bg);
  border-color: var(--primary-color);
  outline: 0;
  box-shadow: var(--shadow-primary);
}
.form-select:focus {
  color: var(--primary-color);
  background-color: var(--bs-form-control-bg);
  border-color: var(--primary-color);
  outline: 0;
  box-shadow: var(--shadow-primary);
}
form label{
  margin: 0 0 8px 0;
}
a {
  color: var(--text-secondary);
  text-decoration: none;
}
.hide {
  display: none
}
.text-primary{
  color: var(--primary-color);
}
.text-secondary{
  color: var(--text-secondary);
}
.btn-default {
  border: 1px solid var(--btn-default);
  background: var(--white);
  color: var(--btn-default);
}
.btn-default:hover {
  filter: brightness(150%);
}
.btn-default:hover svg {
   /* filter: brightness(150%); */
}

.btn-primary {
  background: var(--btn-secondary);
  border-color: var(--btn-secondary);
  color: var(--white);
  font-weight: 500;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: #261bbb !important;
  border-color: #261bbb !important;
}
.btn-primary:hover svg, .btn-primary:focus svg, .btn-primary:active svg {
  fill: var(--white);
}
.btn-primary[disabled] {
  background: #3d8cb1 !important;
  border-color: #3d8cb1 !important;
  opacity: 0.6;
}

.btn-secondary {
  background:#1c7e81;
  border-color: #1c7e81;
  color: var(--white);
  font-weight: 500;
}
.btn-transparent{
  background: none;
  border: none;
  color: var(--primary-color);
}
.btn-transparent:hover, .btn-transparent:focus, .btn-transparent:active{
  background: none;
  border: none;
  color: var(--primary-color);

}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background: var(--btn-secondary) !important;
  border-color: var(--btn-secondary) !important;
}
.btn-secondary:hover svg, .btn-secondary:focus svg, .btn-secondary:active svg {
  fill: var(--white);
}
.btn-secondary[disabled] {
  background: #be8a6c !important;
  border-color: #be8a6c !important;
  opacity: 0.6;
}

.dropdown-toggle::after {
  background-image: url("../images/caret.svg");
  background-repeat: no-repeat;
  border: 0;
  width: 12px;
  height: 7px;
  background-size: 100%;
  margin-left: 20px;
}

.dropdown-item{
  outline: 0;
}
.dropdown-item.active, .dropdown-item:active{
  color: var(--white);
  text-decoration: none;
  background-color: var(--btn-secondary);
}
.dropdown-item.hover, .dropdown-item:hover{
  text-decoration: none;

}

.auth-wrappers{
  background-color: #fff;
  background-repeat: no-repeat;
  min-height: 100vh;
  display: flex;
  background-size: cover;
  background-image: url('./../images/inventory.jpg');
  position: relative;

}
.auth-wrappers:before{
 content: '';
 position: absolute;
 top: 0;
 width: 100%;
 height: 100%;
 background-color: #00000059;

}

.auth-content-wrapper{
  padding: 0px 40px;
  width: 1100px !important;
  z-index: 50;
  margin: auto;
  position: relative;
}
.auth-left h1{
  font-weight: 700;
  /* color: var(--primary-color); */
  font-size: 3rem;
  color: var(--white);
}
.auth-left h4{
  font-weight: 600;
  /* color: var(--primary-color); */
  color: var(--white);
}
.auth-left h2{
  font-weight: 700;

}

.auth-left img{
  width: 141px;
    margin: 10px 0;
}
.auth-content-wrapper form a{
  font-weight: 600;
}
@media screen and (max-width:767px) {
  .auth-content-wrapper{
    max-width: 500px !important;
    padding: 50px 0;
  }
  .auth-left{
    text-align: center;
    padding-top:30px;
    padding-bottom:30px;
  }
  .password-wrapper{
    padding-left: 0px;
    padding-right: 0px;
  }
}
/* .auth-wrappers::before{
  content: '';
  color: var(--primary-color);
  opacity: 0.3;
  position: relative;
  width: 100%;
} */
.auth-wrapper-back{
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: -1;
}

.auth-right-inner{
  background-color: #ffffff59;
  /* box-shadow: ; */
  padding: 25px;
  color: #161616;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.auth-right-inner .form-floating{
  margin-bottom: 10px;
}
.already-row{
  font-size: 14px;
}
.copyright{
  width: 100%;
  background-color: var(--primary-color);
  color: var(--white);
  padding: 20px 0;
}
.copyright p{
  margin-bottom: 0;
}
.form-floating label {
  opacity: 1 !important;
}
.form-floating select.form-control {
  position: relative;
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: 97% center;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.738' height='6.797' viewBox='0 0 12.738 6.797'%3E%3Cpath id='Union_18' data-name='Union 18' d='M17760.787 22297.572l-5.512-5.088a.86.86 0 0 1-.273-.6.835.835 0 0 1 .229-.611.854.854 0 0 1 1.209-.045l4.93 4.545 4.93-4.545a.835.835 0 0 1 .611-.229.845.845 0 0 1 .6.273.858.858 0 0 1 .23.582v.029a.871.871 0 0 1-.275.6l-5.512 5.088a.835.835 0 0 1-.531.223c-.02 0-.039 0-.059 0A.847.847 0 0 1 17760.787 22297.572Z' transform='translate(-17755 -22291)'/%3E%3C/svg%3E");
}
@media screen and (max-width: 767px) {
  .form-floating select.form-control {
    background-position: 95% center;
  }
}

.forgotpass-modal .modal-dialog .modal-content {
  border-radius: 0;
  border: 0;
  position: relative;
}
.forgotpass-modal .modal-dialog .modal-content .modal-header {
  position: relative;
  width: 100%;
  text-align: center;
  justify-content: center;
}
.forgotpass-modal .modal-dialog .modal-content .modal-title {
  text-align: center;
  font-size: 26px;
  font-family: "Futura PT";
}
.forgotpass-modal .modal-dialog .modal-content .btn-close {
  position: absolute;
  right: 25px;
  top: 25px;
  border: 1px solid var(--btn-default);
  width: 22px;
  height: 22px;
  border-radius: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px;
  font-size: 12px;
  color: var(--btn-default);
  opacity: 1;
}
.forgotpass-modal .modal-dialog .modal-content .btn-close:hover {
  box-shadow: 2px 5px 14px rgba(53, 80, 129, 0.3);
}
.forgotpass-modal .modal-dialog .modal-content .modal-body {
  padding: 40px;
}
.forgotpass-modal .modal-dialog .modal-content .forgotpass-inner {
  text-align: center;
}
.forgotpass-modal .modal-dialog .modal-content .forgotpass-inner .form-floating .form-control {
  border-color: var(--btn-border-default);
  font-size: 17px;
}
.forgotpass-modal .modal-dialog .modal-content .forgotpass-inner .form-floating label {
  padding-left: 1rem;
  font-size: 17px;
}
.forgotpass-modal .modal-dialog .modal-content .forgotpass-inner .btn {
  width: 100%;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  border-radius: 8px;
  font-family: "Futura PT";
  font-size: 18px;
  margin-top: 25px;
}
.forgotpass-modal .modal-dialog .modal-content .forgotpass-inner h2 {
  font-size: 40px;
  font-family: "Futura PT";
  margin-bottom: 0;
}
.forgotpass-modal .modal-dialog .modal-content .forgotpass-inner p {
  font-size: 17px;
  margin-bottom: 35px;
}

.datepicker-dropdown {
  box-shadow: 0px 9px 26px rgba(0, 0, 0, 0.1803921569);
  border-radius: 0px 0px 6px 6px;
  border: 0;
}
.datepicker-dropdown .table-condensed {
  min-width: 240px;
}
.datepicker-dropdown .table-condensed .datepicker-switch {
  font-size: 18px;
  font-family: "Futura PT";
  font-weight: 500;
}
.datepicker-dropdown .table-condensed .prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Group_37788' data-name='Group 37788' transform='translate(-1160 -877)'%3E%3Cpath id='Ellipse_2259_-_Outline' data-name='Ellipse 2259 - Outline' d='M12.5 1A11.5 11.5 0 0 0 4.368 20.632 11.5 11.5 0 0 0 20.632 4.368 11.425 11.425 0 0 0 12.5 1m0-1A12.5 12.5 0 1 1 0 12.5 12.5 12.5 0 0 1 12.5 0Z' transform='translate(1160 877)' fill='%23e3e3e3'/%3E%3Cpath id='Path_311719' data-name='Path 311719' d='M.733.121l2.724 2.8L6.2.121c.366-.384.987.238.622.622L3.713 3.923a.366.366 0 0 1-.494.018L.111.742C-.254.358.367-.263.733.121Z' transform='translate(1174.514 886.035) rotate(90)' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
  font-size: 0;
  background-position: center center;
  background-repeat: no-repeat;
}
.datepicker-dropdown .table-condensed .next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25'%3E%3Cg id='Group_37789' data-name='Group 37789' transform='translate(-1190 -877)'%3E%3Cpath id='Ellipse_2259_-_Outline' data-name='Ellipse 2259 - Outline' d='M12.5 1A11.5 11.5 0 0 0 4.368 20.632 11.5 11.5 0 0 0 20.632 4.368 11.425 11.425 0 0 0 12.5 1m0-1A12.5 12.5 0 1 1 0 12.5 12.5 12.5 0 0 1 12.5 0Z' transform='translate(1190 877)' fill='%23e3e3e3'/%3E%3Cpath id='Path_311719' data-name='Path 311719' d='M225.381 211l2.724-2.8 2.742 2.8c.366.384.987-.238.622-.622l-3.108-3.181a.366.366 0 0 0-.494-.018l-3.108 3.2c-.366.384.256 1.006.622.622Z' transform='translate(1411.605 661.387) rotate(90)' fill-rule='evenodd'/%3E%3C/g%3E%3C/svg%3E");
  font-size: 0;
  background-position: center center;
  background-repeat: no-repeat;
}
.datepicker-dropdown .table-condensed td,
.datepicker-dropdown .table-condensed th {
  width: 25px;
  height: 30px;
  font-size: 13px;
}
.datepicker-dropdown .table-condensed .day:hover {
  background: #355081;
  color: var(--white);
}
.datepicker-dropdown .table-condensed .active.day,
.datepicker-dropdown .table-condensed .active.year,
.datepicker-dropdown .table-condensed .active.month {
  background: var(--btn-default);
}
.datepicker-dropdown .table-condensed .active.day:hover,
.datepicker-dropdown .table-condensed .active.year:hover,
.datepicker-dropdown .table-condensed .active.month:hover {
  background: #263a5d;
  color: var(--white);
}
@media screen and (max-width: 1200px) {
  .container {
    max-width: 92%;
  }
}
@media screen and (max-width: 991px) {
  .container {
    max-width: 96%;
  }
}

.right-container {
  width: calc(100% - 244px);
  max-height: 100vh;
  overflow-y: auto;
  padding-top: 70px;
  margin-left: auto;
  transition: all ease 0.2s;
  -webkit-transition: all ease 0.2s;
  -moz-transition: all ease 0.2s;
  -ms-transition: all ease 0.2s;
  -o-transition: all ease 0.2s;
}


@media screen and (min-width: 991px) {
  .menu-collapse .right-container {
     width: calc(100% - 50px);
     max-height: 100vh;
     overflow-y: auto;
     padding-top: 70px;
     margin-left: auto;
     transition: all ease o.2s;
     -webkit-transition: all ease o.2s;
     -moz-transition: all ease o.2s;
     -ms-transition: all ease o.2s;
     -o-transition: all ease o.2s;
}
 }
 @media screen and (max-width: 991px) {
  .right-container {
     width: 100%;
     max-height: 100vh;
     overflow-y: auto;
     padding-top: 70px;
     margin-left: auto;
   }
   .menu-collapse .right-container {
    width: 100%;
    max-height: 100vh;
    overflow-y: auto;
    padding-top: 70px;
    margin-left: auto;
  }
 }
 @media screen and (max-width: 991px) {
   .container {
     max-width: 96%;
   }
 }
.inventory-wrapper {
  padding: 25px 40px;
 
}
@media screen and (max-width: 992px) {
  .inventory-wrapper {
    padding: 20px;
  }
}
.inventory-wrapper .getting-started {
  margin-top: 1rem;
}
.inventory-wrapper .getting-started h4 {
  font-size: 16px;
  margin-bottom: 1rem;
}
.inventory-wrapper .getting-started ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 30px;
  list-style-type: none;
  padding-left: 0;
}
@media screen and (max-width: 1100px) {
  .inventory-wrapper .getting-started ul {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media screen and (max-width: 992px) {
  .inventory-wrapper .getting-started ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .inventory-wrapper .getting-started ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 400px) {
  .inventory-wrapper .getting-started ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.inventory-wrapper .getting-started ul li {
  border-radius: 10px;
  position: relative;
  padding: 25px 14px;
  overflow: hidden; 
  color: var(--primary-color);
}
.inventory-wrapper .getting-started ul li .dash-card-icon {
  padding: 10px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}
.inventory-wrapper .getting-started ul li:nth-child(1) {
  background: #FFE2E5;
}
.inventory-wrapper .getting-started ul li:nth-child(1) .dash-card-icon {
  background: #FA5A7D;
  color: var(--white);
}
.inventory-wrapper .getting-started ul li:nth-child(2) {
  background: #FFF4DE;
}
.inventory-wrapper .getting-started ul li:nth-child(2) .dash-card-icon {
  background: #FF947A;
  color: var(--white);
}
.inventory-wrapper .getting-started ul li:nth-child(3) {
  background: #DCFCE7;
}
.inventory-wrapper .getting-started ul li:nth-child(3) .dash-card-icon {
  background: #3CD856;
  color: var(--white);
}
.inventory-wrapper .getting-started ul li:nth-child(4) {
  background: #F3E8FF;
}
.inventory-wrapper .getting-started ul li:nth-child(4) .dash-card-icon {
  background: #BF83FF;
  color: var(--white);
}
.inventory-wrapper .getting-started ul li a {
 
  color: var(--primary-color);
}
@media screen and (max-width: 992px) {
  .inventory-wrapper .getting-started ul li {
    padding: 20px;
  }
}
@media screen and (max-width: 576px) {
  .inventory-wrapper .getting-started ul li {
    min-width: 80%;
  }
}

.inventory-wrapper .getting-started ul li h3 {
  font-size: 15px;
  font-weight: 500;
  margin-top: 1.5rem;
  margin-bottom: 0;
}
@media screen and (max-width: 992px) {
  .inventory-wrapper .getting-started ul li h3 {
    font-size: 17px;
  }
}
.inventory-wrapper .getting-started ul li .bottom-bg {
  content: url("../images/ai-generated-vibrant-gradient-smoke-on-transparent-background-png 1.png");
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    display: block;
    opacity: 0.1;
    z-index: 0;
}
.inventory-wrapper .transact {
  padding: 20px;
  background-color: var(--white);
  box-shadow: 0px 0 4px var(--primary-color)38;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
}
.inventory-wrapper .transact .table-heading p{
  color: var(--sub-heading-color);
}
.inventory-wrapper .transact .table {
  font-size: 14px;
  border-collapse: separate;
  border-spacing: 0 15px;
  text-wrap: nowrap;
}
.inventory-wrapper .transact .table tr{
  border-bottom: 1px solid #EFF1F3;
}
.inventory-wrapper .transact .table thead th {
  padding: 10px ;
  font-size: 19px;
  color: var(--table-default-color);
  font-weight: 500;
  text-align: center;
}
.inventory-wrapper .transact .table tbody td {
  padding-top:10px ;
  padding-bottom:14px ;
  font-size: 18px;
  color: var(--table-color);
  text-align: center;
}



.inventory-wrapper .transact .table tbody td .active-btn {
  padding: 2px 12px;
  border: 1px solid #00B087;
  background-color: #16c098d5;
  color: var(--white) !important;
  border-radius: 12px;
  font-size: 15px;
}
.inventory-wrapper .transact .table tbody td .expire-btn {
  padding: 2px 12px;
  border: 1px solid #ff0e0e;
  background-color: #ff0e0e;
  color: #fff;
  border-radius: 12px;
  font-size: 14px;
}
.inventory-wrapper .chart-wrapper {
  margin-top: 1.6rem;
}
.inventory-wrapper .chart-wrapper .chart {
  background-color: var(--white);
  padding: 15px;
  border-radius: 10px;
  width: 100%;
}
.inventory-wrapper .chart-wrapper .chart .legends {
  width: 60%;
  font-size: 12px;
}
.inventory-wrapper .chart-wrapper .chart .legends p {
  font-weight: 500;
}
.inventory-wrapper .chart-wrapper .chart .legends svg {
  margin-top: 4px;
  margin-right: 5px;
}
.inventory-wrapper .chart-wrapper .chart .highcharts-axis-labels {
  color: #C48F6C;
}
.inventory-wrapper .chart-wrapper .chart #bar-chart .highcharts-point {
  width: 11px;
  border-radius: 4 4 0 0;
}

.inventory-wrapper .chart-wrapper .chart .highcharts-container {
  margin: 0 auto;
}
.inventory-wrapper .chart-wrapper .chart p {
  color: var(--text-secondary);
  font-weight: 600;
}


.user img{
  width: 33px;
}
@media screen and (max-width:400px){
  .user img{
    width: 18px;
  }
}
@media screen and (max-width:600px){
  .user img{
    width: 25px;
}
  .text{
    display: none !important;
  }
  .dropdown-toggle::after {
    margin-left: 5px;
    width: 12px;
    height: 7px;

}
.upper-head .lang-select {
  margin-right: 0px;
}
}

.pagination a:hover,
.pagination button:hover {
  color: var(--white);
  background-color: var(--btn-secondary);
}

.pagination .active {
  background-color:  var(--btn-secondary);
  color: var(--white);
  border-color:  var(--btn-secondary);
}

/* client list page */

.search-wrapper input[type=search] {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ccc;
  border-radius: 10px;
  font-size: 16px;
  background-color: whi;
  background-image: url('../images/search.svg');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  padding: 8px 20px 8px 40px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.search-wrapper input[type=search]:focus-visible {
 outline: none;
}
.action-btn{
  border-color: var(--primary-color);
  font-size: 13px;
  padding: 2px 6px;
}

.action-dropdown .dropdown-toggle:after{
  position: relative;
  top: 3px;
  margin-left: 3px;
}

/* .client-add{
  background-color: #fcc9a3ad !important;
} */
.client-right input{
  width: 100%;
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #BFC5CC;
}
.client-right select{
  width: 100%;
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #BFC5CC;
}
.client-right input:focus-visible{
  outline: none;
}
.client-right select:focus-visible{
  outline: none;
}
.client-right input:focus{
  
    color: var(--primary-color);
    background-color: var(--bs-form-control-bg);
    border-color: var(--primary-color);
    outline: 0;
    box-shadow: var(--shadow-primary);
  
}
.client-right input[type="radio"]:focus{
  
  color: var(--primary-color);
  background-color: var(--bs-form-control-bg);
  border-color: none;
  outline: 0;
  box-shadow: none;

}
.reset-btn{
  margin-left: 25px;
}


.inventory-wrapper .profile-table tr td {
  padding: 10px ;
}

.inventory-wrapper .profile-table tr td:first-child  {
  color: var(--text-secondary);
}


/* fixed header with sidenav end*/

/* animated tabs :start */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: var(--white);
  background-color: var(--btn-secondary);
}
.nav-pills .nav-link.active svg *{
  fill: var(--white);
}
.nav-link:focus, .nav-link:hover {
  color: var(--btn-primary);
}
.nav-link:focus, .nav-link {
  color: var(--btn-secondary);
}

::-webkit-scrollbar-track {
  background-color: #F5F5F5;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
  background-color: var(--primary-color);
}
.admin-block{
  display: flex;
  flex-direction: column;
  align-items: center;
}
div.dt-container .dt-paging .dt-paging-button.current {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: .5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: var(--white) !important;
  border: none;
  border-radius: 2px;
  background: var(--btn-secondary) !important;
}
.stock-link{
  color:var(--btn-secondary);
}
.stock-link:hover{
  color:var(--btn-primary);
  text-decoration: underline;
}
.edit-back{
  background-color: var(--white);
  padding: 10px 30px;
  border-radius:10px ;
  -webkit-border-radius:10px ;
  -moz-border-radius:10px ;
  -ms-border-radius:10px ;
  -o-border-radius:10px ;
}

@media screen and (max-width:767px) {
  .edit-back{
    background-color: var(--white);
    padding: 10px 15px;
    border-radius:10px ;
    -webkit-border-radius:10px ;
    -moz-border-radius:10px ;
    -ms-border-radius:10px ;
    -o-border-radius:10px ;
  }
}
div.dt-container .dt-length label{
  margin-left: 10px;
}
div.dt-container .dt-search label{
  margin-right: 10px;
}