/*================================================================================
	Item Name: Stack - Responsive Admin Theme
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.invalid-feedback{display:block;}
.display-none{display:none;}

/* accordion style */

.card-tabs .card {
    margin: 0px 0px 10px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%)!important;
    }
.card-tabs .card h5 i {
    position: absolute;
    right: 0px;
    transform: rotate(180deg)!important;
}
.card-tabs .card h5 {
    position: relative;
    margin-bottom: 16px!important;
}
.card-tabs a.collapsed i {
    transform: rotate(0deg)!important;
}
.app-content .card {
    height: 100%!important;
}
.card-tabs .card-body {
    padding-bottom: 16px!important;
}
.card-tabs .card-header a {
    padding: 2px 0px;
    display: block;
    padding: 5px 15px;
}
.card-tabs table tbody tr th {
    padding: 12px 5px 4px 41px;
}

.card-tabs table tbody tr:last-child{
	 border-bottom: 0px!important;
}
.file {
    visibility: hidden;
    position: absolute;
  }
/*  end accordion style */

/* custom checkbox */

.custom-check {
    display: block;
    position: relative;
    padding-left: 35px;
    padding: 0;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding-left: 29px;
}

  /* Hide the browser's default checkbox */
  .custom-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }

  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 17px;
    width: 17px;
    background-color: #eee;
    border-radius: 4px;
  }

  /* On mouse-over, add a grey background color */
  .custom-check:hover input ~ .checkmark {
    background-color: #ccc;
  }

  /* When the checkbox is checked, add a blue background */
  .custom-check input:checked ~ .checkmark {
    background-color: hsl(168deg 76% 42%);
  }

  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }

  /* Show the checkmark when checked */
  .custom-check input:checked ~ .checkmark:after {
    display: block;
  }

  /* Style the checkmark/indicator */
  .custom-check .checkmark:after {
    left: 6px;
    top: 3px;
    width: 6px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* End custom checkbox */
ul.sub-Modules-ul li {
    margin-bottom: 5px;
   }
   li.sub-Modules-li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}
ul.sub-Modules-ul .checkmark {
    top: 4px;
}

.stretchClass {
    margin-bottom: -0.125rem!important;
}
button.add-table-row , .remove-row-product{
  padding: 2px;
}
.invoice-table {
  background: #64789c;
  color: white;
}
.invoice-total {
  float: right;
  margin-right: 10em;
}
input.product-qty {
  width: auto;
}
.products-table-container{
  margin-top: 20px;
}
.demoB {
  display: grid;
  grid-template-columns: 20% 55% 25%;
}

/* (B) ON SMALL SCREENS */
@media screen and (max-width: 600px) {
  .demoB { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .colC { display: none; }
}

/* (C) COSMETICS */
.colA, .colB, .colC{ padding: 10px; }

.switch {
  position: relative;
  display: inline-block;
  /*width: 59px;*/
  height: 23px;
  margin-left: 5px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 21px;
  left: 2px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 46%;
}

.datatable{overflow-x: none;}
.overflow-x{overflow-x: hidden;}
#grid_element_filter input{
  border: solid 1px #cecece;
  height: 35px;
}
.paginate_button{margin: 0px 5px 0 5px;}
.save-product-detail {
  padding: 2px 5px 2px 5px;
}

div.dt-buttons {
  margin-left: 25px;
  margin-bottom: 15px;
  display: flex;
  float: right;
}
.filter-button{
    width: 64px;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    display: inline-block;
    line-height: 20px;
    text-align: center;
}
#daily-book-sales_wrapper {
  margin-top: 10px;
  margin-left: 5px;
  width: auto;
}
#daily-book-sales_wrapper div.dt-buttons {
  text-align: center;
}
div.dt-buttons button.btn.btn-secondary.mb-2 {
  height: 36px;
  line-height: 20px;
  margin: 0 auto;
  padding-left: 15px;
  padding-top: 6px;
  display: inline-block;
  text-align: center;
}
.select-payments{
  width: auto;
  border-radius: 5px;
}
p.node-error {
  font-weight: 600;
  color: red;
}
.form-actions i.feather.icon-x {
    background: #ffa87d!important;
    padding: 13px 10px;
    border-radius: 10px;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    line-height: 1.25;
    border-radius: 0.25rem;
    color: #fff;
}
.sort-filter select#sort {
    padding: 3px 15px!important;
}
.popupmodel {
    text-align: end;
    padding: 15px 1px;
}
.modal-dialog {
    /*max-width: 700px;*/
    margin: 1.75rem auto;

}
form .form-control {
    border: 1px solid #191a1b;
    color: #3f587e;
}
.input-area1 {
    margin: 10px 0px;
}
.button-set {
    padding: 6px 11px;
    margin: 7px 1px;
    border: none;
    background: #4e6678;
    color: #f8f8f8;
    border-radius: 5px;
}
.invoice-area {
border: 1px solid #faf5f5;
    padding: 3px 11px;
    width: 74%;
    border-radius: 5px
}
.select2-container {
    /*width: 200px !important;*/
	/*width: 200px;*/
  width: 100% !important;
}
.select2-container .select2-selection--single {
    /*height: 32px!important;*/
	height: 32px; padding-top:8px;

}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 25px!important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal!important;
}
.table-clr {
    background: #c9c4c4ed;
    vertical-align: middle;
    padding: 30px!important;
    width: 100%;
}
.card-body .table-clr {
    padding: 30px!important;
  background: #c9c4c4ed;
    height: 70px;
    margin-bottom:10px;
}

.loader {
    position: fixed;
    top: 0;
    background: rgb(197 197 197 / 90%);
    width: 100%;
    height: 100%;
    z-index: 999;
}


.inloder {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 37%;
    transform: translate(-50%, -50%);
    z-index: 999999;
}
.loader-img {
    width: 200px;
}
.pdfdownload {
    background: #5c6f91;
    color: #fff;
    border: navajowhite;
    border-radius: 3px;
    padding: 4px 10px;
    outline: none;
}
.pdfdownload:hover {
    background: #415477;
}
.checkbox-20{
	height: 20px;
    width: 20px;
}
.m-8l{
	margin-left: 8px !important;
}

.c-table{width:100% !important;}
.c-table th{padding-left: 10px !important;}

/* Target elements inside any col-sm-* */
[class^="col-sm-"] .w-100-target {
    width: 100%;
}
[class*=" col-sm-"] .w-100-target {
    width: 100%;
}

.cursor-pointer{cursor:pointer;}
.cursor-pointer:hover{font-weight:bold !important;}

.select2-100{
	width:100% !important;
}

.select2-100 .select2-container{
	width:100% !important;
}
.mt-27{margin-top:27px;}

.c-pr3{padding-right:3px;}
.c-pl3{padding-left:3px;}
.m-t-26{margin-top:26px;}

.modal-fullscreen{width:90%;}

.blink-text {
    animation: blinkText 1s infinite;
}

@keyframes blinkText {
    0% {
        background-color: red;
        color: white;
    }
    50% {
        background-color: yellow;
        color: black;
    }
    100% {
        background-color: red;
        color: white;
    }
}

.h-auto {
  height: auto !important;
}

/**
  styles for sales and purchase invoice apps
 */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .table-td-md tbody td, .table-td-md tbody th {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
    vertical-align:middle !important;
  }
  .products-td-md {
    width: 150px !important;
    font-size: 13px;
  }
  .products-purchase-td-md {
    width: 140px !important;
    font-size: 13px;
  }
  .suppliers-td-md {
    width: 150px !important;
    font-size: 13px;
  }
  .qty-price-td-md {
    width: 130px !important;
    font-size: 13px;
  }
  .actions-td-md {
    width: 130px !important;
    font-size: 13px;
  }
  .paddin-top-4{
    padding-top: 4px !important;
  }
  .remarks-button{padding: 2px 10px !important;}
  .remarks-input{
    background: #fff;
    
    margin: 0;
    border: none;
  }

  .add-stock-button{
    padding: 4px 6px 6px 6px !important;
  }

  .actions-purchase-td-md {
    width: 80px !important;
    font-size: 13px;
  }
}

@media only screen and (min-width: 1024px) {
  .add-stock-button{
    padding: 4px 6px 6px 6px !important;
  }

  .products-td-md {
    width: 220px !important;
    font-size: 13px;
  }
  .suppliers-td-md {
    width: 220px !important;
    font-size: 13px;
  }

  .remarks-td-md {
    width: 250px !important;
    font-size: 13px;
  }

  .qty-td-md {
    width: 100px !important;
    font-size: 13px;
  }

  .unitprice-td-md {
    width: 100px !important;
    font-size: 13px;
  }

  .qty-price-td-md {
    width: 130px !important;
    font-size: 13px;
  }
  .actions-td-md {
    width: 130px !important;
    font-size: 13px;
  }

  .paddin-top-4{
    padding-top: 4px !important;
  }

  .actions-purchase-td-md {
    width: 130px !important;
    font-size: 13px;
  }
  .products-purchase-td-md {
    width: 250px !important;
    font-size: 13px;
  }
}

@media (max-width: 767.98px) {
  /* Mobile styles */
  .sm-p-0{padding: 0;}
  .add-stock-button{
    padding: 4px 6px 6px 6px !important;
  }

  .products-td-md {
    width: 80px !important;
    font-size: 13px;
  }
  .suppliers-td-md {
    width: 80px !important;
    font-size: 13px;
  }

  .remarks-td-md {
    width: 250px !important;
    font-size: 13px;
  }

  .qty-td-md {
    width: 100px !important;
    font-size: 13px;
  }

  .unitprice-td-md {
    width: 100px !important;
    font-size: 13px;
  }

  .qty-price-td-md {
    width: 70px !important;
    font-size: 13px;
  }
  .actions-td-md {
    width: 90px !important;
    font-size: 13px;
  }

  .paddin-top-4{
    padding-top: 4px !important;
  }

  .actions-purchase-td-md {
    width: 130px !important;
    font-size: 13px;
  }
  .products-purchase-td-md {
    width: 250px !important;
    font-size: 13px;
  }
  .remarks-button{padding: 2px 10px !important;}

  .c-width-100{
    width: 100% !important;
  }

  .c-font-13{
    font-size: 13px !important;
  }

  .c-text-center{
    text-align: center !important;
  }
}