/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	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.  */


/****** Image upload ******/

.upload_image {
    min-height: 200px;
    border: 1px solid #d9d9d9;
    background: #fff;
    position: relative;
}
.remove-file {
    color: #2d3956;
    margin-top: 10px;
    z-index: 100;
}

.div_inner_img{
     font-size: 2rem;
    position: absolute;  
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: #7367F0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}
.div_inner_img::before {
      content: ""; 
    background-image: url('/resources/images/down-arrow.png');
   font-size: 80px;
    position: absolute;
    top: 14rem;
    width: 50px;
    height: 50px;
    line-height: 1;
    z-index: 2;
    color: #7367F0;
    background-repeat: no-repeat;
}  
.file-listing img {
    height: auto;
    width: 200px;
}
.sec-bg{
   background-color: #455372 !important;
   background-color: #455372 !important;
}
.cont_code {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.cate_id .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #111;
    line-height: 29px;
    font-size: 25px;
}
.modal {
    pointer-events: none !important;
}
.width15{
    width : 15%;
}
.invoice-product-details select, .invoice-product-details input {
    padding: 5px !important;
    height: auto !important;
}
.invoice-product-details .row.w-100 {
    padding: 6px !important;
}
.invoice-product-details .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 0px 3px !important;
}
.invoice-product-details .select2-container--default .select2-selection--single {
    min-height: auto;
    border: 1px solid #d8d6de;
    font-size: 13px;
    padding-right: 10px !important;
}
.invoice-product-details .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 17px !important;
}
.invoice-product-details .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 16px !important;
    top: 0px !important;
}
.invoice-product-details .select2-container--default .select2-selection--multiple {
    min-height: auto !important;
}

.select2-search input {
    padding: 1px 3px !important;
    margin-top: 2px !important;
}
.invoice-edit .invoice-preview-card .col-title, .invoice-add .invoice-preview-card .col-title {
    top: -2.2rem;
    font-size: 13px !important;
}
.invoice-preview .invoice-total-wrapper, .invoice-edit .invoice-total-wrapper, .invoice-add .invoice-total-wrapper {
    max-width: max-content !important;
}
.invoice-total-title {
    padding-right: 10px !important;
}
h2#swal2-title {
    font-size: 1.2em !important;
}
div#DataTables_Table_0_length .form-control {
    width: 207px !important;
    padding-right: 0px;
}
/*********** ****************/
.point_none{
    pointer-events: none;
}
.poi-evt-opa{
    pointer-events: none;
    opacity: 0.7;
}
.cus_loader_div{
   width: 100%;
	height: 100vh;
	position: absolute;
	background: transparent;
	z-index: 1111;
}
.cus_loader_div .spinner-grow, .cus_loader_div .spinner-border {
    left: 45%;
    position: relative;
    top: 25%;
    z-index: 1111;
}
.semi-dark-layout .main-menu-content .navigation-main .nav-item a:after, .semi-dark-layout .main-menu-content .navigation-main .nav-item a {
    color: #f2f2f2;
}
svg.font-medium-2 {
    height: 1.4rem !important;
    width: 1.4rem !important;
}
svg.font-small-4 {
    height: 1.2rem !important;
    width: 1.2rem !important;
}
.row.invoice-sales-total-wrapper {
    margin-bottom: 15px;
}
.logo-wrapper .image {
    width: 50% !important;
}
/*.poi-evt-opa .spinner-border{*/
/*       border: 0.5em solid #d60402 !important;*/
/*    border-right-color: transparent !important;*/
/*    width:5rem !important;*/
/*    height:5rem !important;*/

/*}*/
.invoice-preview-wrapper .table th, .invoice-preview-wrapper .table td {
    padding: 0.72rem 15px;
}
html body.bg-imgn {
     background-image: url('https://www.invaa.cloud/assets/demo/bg/bg-14.jpg');
     background-position: center center;
}
.btn-snd-color{
     background-color: #b0b0ff !important;
     border-color: #b0b0ff !important;
}
.btn-trd-color{
     background-color: #f8f7ff !important;
     border-color: #f8f7ff !important;
}
.btn-fth-color{
     background-color: #ffead6 !important;
     border-color: #ffead6 !important;
}
.btn-fith-color{
    background-color: #ffd6bb !important;
    border-color: #ffd6bb !important;
    color: #333 !important;
}
.bg-snd-color{
     background-color: #b0b0ff !important;
}
.bg-trd-color{
     background-color: #f8f7ff !important;
}
.bg-fth-color{
     background-color: #ffead6 !important;
}
.bg-fith-color{
     background-color: #ffd6bb !important;
}
/****** image Upload  ****/
.file_up_btn {
  position: relative;
  overflow: hidden;
}
.file_up_btn input {
  position: absolute;
  font-size: 50px;
  opacity: 0;
  right: 0;
  top: 0;
}

@media screen and (min-width: 980px) {
.fixed {
    position: fixed;
    padding-right:10px;
}

}
@media screen and (max-width: 680px) {
.cus_loader_div {
     top: 25%; 
     left: 22%;
}
}