@media (min-width: 992px){
.modal-lg, .modal-xl, .modal-md {
    max-width: 700px !important;
}
}
body {
  font-family: Calibri, Segoe, "Segoe UI", "Gill Sans", "Gill Sans MT", sans-serif;
}
.editBtn,.copyBtn,.deleteBtn, .downloadPdf{
  margin: 0px 5px;
  background-color: #1e6e47;
  padding: 5px 8px!important;
  color: #fff!important;
}
.cus-mar{
  display: inline-block;
  margin-top: -5px;
}
.container-table {
  display: table;
  width: 100%;
}
.table-column {
  display: table-cell;
}
.w-33{
  width: 33.3%;
}
.w-25{
  width: 25%;
}
.w-50{
  width: 50%;
}
.flex-1{
  flex: 1;
}
.flex-grow-1{
  flex-grow: 1;
}
.flex-grow-2{
  flex-grow: 2;
}
.flex-grow-3{
  flex-grow: 3;
}
.t-head div{
  font-weight: bold;
  border: 1px solid #ced4da;
  text-align: center;
  padding: 5px 0px;
}
.border-1{
  border: 1px solid #ced4da;
}
.border-2{
  border: 2px solid #ced4da;
}
.border-none{
  border: none!important;
}
.plate-cell{
  text-align: center;
  height: 38px;
}
.plate-cell p{
  line-height: 38px;
}
.t-body .delete_row:first-child{
  /* display: none; */
}
.pad-0{
  padding: 0px!important;
}

.mt1px{
  margin-top: 1px;
}
#container-details .col, #container-details-total .col{
  padding: 0px!important;
}

.navbar-custom{
	/*background:#59A545;*/
  /* background: #29abe2!important; */
  /* background: linear-gradient(to right, #a9adaf, #29abe2) !important; */
  background: linear-gradient(to right, #54BAB9, #354259) !important;
}
/*.logo-box
{
	background:#FFFF;
}*/
.left-side-menu
{
	/*background:#59A545;*/
  /* background:linear-gradient(to bottom, #a9adaf, #29abe2) !important; */
  background:linear-gradient(to bottom, #54BAB9, #354259) !important;
	
}

#sidebar-menu>ul>li>a
{
	color:#FFFF;
}
#sidebar-menu .menuitem-active .active
{
	color:#2A1D42;
}

.page-title-right
{
	margin-top: 10px;
}
.page-title-box
{
	padding: 16px;
    padding-bottom: 0px;
    padding-top: 0px;
}
.card
{
	margin-top: 18px;
}
body.authentication-bg
{
  background: #6c7c6a;
  background: url("../img/bg-01.jpg") no-repeat center center;
	/*background-color:#59A545;*/
  /*background: linear-gradient(to bottom, #6c7c6a, #4F863F) !important;*/
	/*background-size:cover;*/
	/*background-position:center;*/
}


body.authentication-bg::before
{
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent; 
    pointer-events: none;
}
.btn-primary, .btn-success
{
	background-color:#2A1D42;
	border-color:#2A1D42;
	color:#fff;
	/*box-shadow:0 0 0 2px rgba(102,88,221,.5)*/
}
.nav-second-level li a{
	color:#fff;
}
.btn-primary:hover,.btn-success:hover {background-color: #2A1D42;border-color:#2A1D42;}

.fa{
	display: inline-flex!important;
}

.logo-box{
	width: 220px;
	/*background: #ffffff;*/
}
 #sidebar-menu > ul > li > a:active, #sidebar-menu > ul > li > a:focus, #sidebar-menu > ul > li > a:hover
 {
     color:#FFF !important;
 }
 #sidebar-menu > ul > li > a
 {
  padding: 12px 10px !important;
 }

.Btnhidden
{
	padding: 0px;
	background-color: #96c93E !important;
	color: #FFFFFF;
	padding-left: 7px;
	padding-right: 7px;
}
.BtnRestore
{
	padding: 0px;
	background-color: #AB2344;
	color: #FFFFFF;
	padding-left: 7px;
	padding-right: 7px;
}

.page-title-box .page-title
{
	line-height: 50px !important;
}

#sidebar-menu .menuitem-active > a
{
	color: #FFFF;
}
.nav-second-level li a:focus, .nav-second-level li a:hover
{
	color:#2A1D42 !important;
}

.price_div_style
{
	padding-left: 15px;
	padding-top: 15px;
	color: red;
}

.custom_pdf_style
{
	width: 25% !important;
	display: inline-block !important;
}

.loading {
      position: fixed;
      z-index: 99999;
      overflow: show;
      margin: auto;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 50px;
      height: 50px;
    }
    .loading:before {
      content: '';
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0,0,0,0.3);
    }
    .loading:not(:required) {
      font: 0/0 a;
      color: transparent;
      text-shadow: none;
      background-color: transparent;
      border: 0;
    }

    .loading:not(:required):after {
      content: '';
      display: block;
      font-size: 10px;
      width: 50px;
      height: 50px;
      margin-top: -0.5em;

      border: 5px solid #88060a;
      border-radius: 100%;
      border-bottom-color: transparent;
      -webkit-animation: spinner 1s linear 0s infinite;
      animation: spinner 1s linear 0s infinite;


    }

    @-webkit-keyframes spinner {
      0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    @-moz-keyframes spinner {
      0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    @-o-keyframes spinner {
      0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }
    @keyframes spinner {
      0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
      }
      100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
      }
    }       


.switchery {
    background-color: #fff;
    border: 1px solid #ddd;
    cursor: pointer;
    display: block;
    line-height: 1;
    width: 2.25rem;
    height: 1.125rem;
    position: relative;
    box-sizing: content-box;
    border-radius: 100px;
}

.switchery>small {
    background-color: #fff;
    width: 1.125rem;
    height: 1.125rem;
    position: absolute;
    top: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    border-radius: 100px;
}
.btninstock
{
    padding: 0px;
    background-color: #fbdaa1;
    padding-left: 10px !important;
    padding-right: 10px !important;
    color: #000  !important;
}
.btnoutofstock
{
    padding: 0px;
    background-color: #f8a7b3;
    padding-left: 10px !important;
    padding-right: 10px !important;
    color: #000  !important;
}
.checkbox label
{
  cursor: pointer;
}

.rounded-circle-cust img
{
  height: 24px !important;
  width: 27px !important;
}

#sidebar-menu>ul>li>a i
{
  margin: 5px 4px 0 13px !important;
}

.navbar-custom .topnav-menu .nav-link
{
  color: rgb(255, 255, 255) !important;
}

.badge
{
  font-size: 70% !important;
}

.card-title2
{
  display: inline-block !important; 
  float: right !important;
  width: 23%;
  color: green !important;
  cursor: pointer !important;
}

.editbtnsstyle
{
  width: 100% !important;
  display: inline-block !important;
}
.Btnavaliablehidden
{
    padding: 0px !important;
    background-color: #59A545 !important;
    color: #FFFF !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    border-radius: 5px !important;
}
.BtnavaliableRestore
{
    padding: 0px !important;
    background-color: #AB2344 !important;
    color: #FFFF !important;
    padding-left: 7px !important;
    padding-right: 7px !important;
    border-radius: 5px !important;
}
.card-box-cust-hover a p
{
  color: #98a6ad !important;
}
.card-box-cust-hover:hover
{
  background: linear-gradient(to left, #6c7c6a, #4F863F) !important;
  cursor: pointer;
}
.card-box-cust-hover:hover  p
{
  color: #fff !important;
}