.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}

 .label:after {
    content:" *";
    color: red;
    font-size:20px;
  }
* {box-sizing: border-box;}

body{
	 top: 0 !important;
}

.stick-header-panel-small-view {
    height: 40px;
}

.stick-header-panel {
    /* height: 50px; */
}

input[type=text], input[type=number], select, textarea {
  width: 100%;
  padding: 5px;
  height: 35px;
  border: 1px solid;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 0px;
  margin-bottom: 0px;
  resize: vertical;
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}

.button-styling {
    background-color: #dc6e2d; /* Green */
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    display: block;
    margin: 4px 2px;
    padding: 1px 20px;
    border-radius: 6px;
}
  
 .button-styling:hover {
    background: #ff8137;
    transition: 0.5s;
}

 .button-styling:disabled {
    background: #f7f7f7;
    color: rgba( 0, 0, 0, 0.38);
}




#overlay {
    position: fixed;
    top: 0;
    z-index: 9999999999;
    width: 100%;
    height: 100%;
    /* display: none; */
    background: rgba(255,255,255,0.1);
    opacity: 1 !important;
}


.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}


.spinner {
	width: 40px;
	height: 40px;
	border: 4px #002946 solid;
	border-top: 4px #00ffc4 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
	display: none !important;
}
.ripple {
  width: 5rem;
  height: 5rem;
  margin: 2rem;
  border-radius: 50%;
  border: 0.3rem solid #000000;
  transform: translate(50%);
  -webkit-animation: 1s ripple ease-out infinite;
          animation: 1s ripple ease-out infinite;
}

@-webkit-keyframes ripple {
  from {
    transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes ripple {
  from {
    transform: scale(0);
    opacity: 1;
  }
  to {
    transform: scale(1);
    opacity: 0;
  }
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.cancelBtn{
	background: #505154;
	cursor: pointer;
}
.cancelBtn:hover{
	background: #323238;
}

.saveBtn{
	background: #547354;
	cursor: pointer;
}
.saveBtn:hover{
	background: #3f523f;
}


.add-icon{
	font-weight: bold !important;
	color: white;
	background: #69846a;
	border-radius: 5px;
	cursor: pointer;
	padding: 5px 10px;
}

.fa-edit{
	font-size: 20px;
	color: #254ca5;
	cursor: pointer;
}

.fa-trash-o{
	font-size: 25px;
	color: #9c2323;
	cursor: pointer;
}

.model-background{
	width: 100%;
    position: absolute;
    height: 100%;
    background: #000000b0;
}

.page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 0;
}

.page-title {
    font-style: italic;
    font-weight: bold;
    color: #61758a;
}

.page-body{
	padding: 0 20px;
}

.prdtListHead .row {
    padding: 10px;
    background: #8a9dbf;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.prdtListBody .row {
    padding: 10px;
    background: #e6e6e6;
    color: black;
}

form,select{
	margin: 0px!important;
}
/* select{
	margin-top: 10px !important;
} */

textarea:not(.daily-notes-text){
    border: none !important;
    box-shadow: none;
}



body{
    overflow: auto !important;
    font-family: 'Roboto';
}














/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* Handle */
.credit-item-table-row-container::-webkit-scrollbar-thumb,
.credit-item-table-row-search-container::-webkit-scrollbar-thumb,
.debit-item-table-row-container::-webkit-scrollbar-thumb,
.debit-item-table-row-search-container::-webkit-scrollbar-thumb,
.type-selector-container::-webkit-scrollbar-thumb
 {
  background: #1b2833;
    border-radius: 0px;
}


.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 7;
  background: linear-gradient(to bottom right, #272727, #191919,#00396b) !important;
  top: 0;
  color: white !important;
  left: 0;
  /* background-color: #ffffff; */
  overflow-x: hidden;
  transition: 0.3s;
  padding-top: 60px!important;
}

.sidebar a {
    color: #fff;
    text-decoration: none;
    font-size: 25px;
}

.sidebar a {
    color: #fff;
    text-decoration: none;
    font-size: 25px;
}
.close-sidebar {
	position: absolute;
	width: 50px;
	height: 35px;
	display: block;
	top: 0px;
}


.open span:nth-child(1) {
    transform-origin: right;
    transform: rotate(
-45deg
);
}

.open span {
    width: 30px;
}
.close-sidebar span {
    width: 40px;
    display: block;
    height: 2px;
    margin-top: 5px;
    margin: 7px auto;
    background-color: black !important;
    position: relative;
    transition: 0.3s all ease-in-out;
}




.open span:nth-child(2) {
    width: 0px;
}
.open span {
    width: 30px;
}
.close-sidebar span {
    width: 40px;
    display: block;
    height: 2px;
    margin-top: 5px;
    margin: 7px auto;
    background-color: #fff;
    position: relative;
    transition: 0.3s all ease-in-out;
}




.open span:nth-child(3) {
    transform-origin: right;
    transform: rotate(
45deg
);
}

.open span {
    width: 30px;
}
.close-sidebar span {
    width: 33px;
    display: block;
    height: 5px;
    margin-top: 5px;
    /* color: white !important; */
    margin: 7px auto;
    /* background-color: #fff!important; */
    position: relative;
    transition: 0.3s all ease-in-out;
    z-index: 5;
}

.site-footer{
    display: flex;
    align-items: center;
    position: absolute;
    top: 0px;
    width: 250px;
    background: white;
    color: #05192a;
    padding: 5px 0px;	
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
}

.search-balance-sheet-icon {
    
}

form.logout-app {
}

.body-dark-mode table a {
    color: #87ff87;
}

.logout {
    height: auto;
    margin: 0;
    padding: 0px 15px !important;
    font-size: 18px;
}
.user-name {
	font-weight: bold;
}
.text-container {
	margin-right: 10px;
}

.user-detail {
	margin-bottom: 20px;
	display: flex;
	margin-left: 20px;
	color: #4c4c4c !important;
}


.theme {
	display: flex;
	align-items: flex-end;
	margin-bottom: 20px;
	margin-left: 20px;
}


input#colorpicker {
	color: black;
	margin-bottom: 0px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	cursor: pointer;
	border: 2px solid black !important;
}


.theme-label {
	cursor: pointer;
	color: black!important;
}


/* dark mode css */

.dark-mode-button {
    background: #ff1919;
    border-radius: 5px;
    cursor: pointer;
    color: white;
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    margin-left: 10px;
}

.body-dark-mode .ui-datepicker-prev,.body-dark-mode .ui-datepicker-next{
	 background: white;
}

.ui-datepicker-prev,.ui-datepicker-next{
	top: 0px !important;
	background:white;
}
.bi-circle-half {
    color: #ff1919;
}
#ui-datepicker-div,.ui-datepicker-header{
	background: #3e3e3e !important;
}

#search-balancesheet {
	display: inline-flex;
	font-weight: normal;
	align-items: center;
	justify-content: center;
	padding: 0;
}
.title-index {
    display: flex;
    justify-content: center;
}

.title-index-small-veiw{ 
	display: flex;
    justify-content: space-between !important;
    align-items: center!important;
    padding-left: 20px;
}

.fa-angle-double-left,.fa-angle-double-right {
    font-size: 25px;
}

.border-1{
	border: 1px solid !important;
}
.border-none{
	border: none!important;
}
.flex-center{
	display: flex;
	align-items: center;
}
.padding-0{
	padding: 0 !important;
}
.margin-0{
	margin: 0 !important;
}
.background-none{
	    background: none !important;
}
.jumbotron{
	padding: 0px!important;
}
.row,.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
	margin-left:0px!important;
	margin-right:0px!important;
	padding-left:0px!important;
	padding-right:0px!important;
}

@media ( min-width :768px) {
	/* custom css  start */
	.set-cash-panel-css{
		padding-right: 5px !important;
	}
	.set-bank-panel-css{
		padding-left: 5px !important;
	}
}

.padding-5{
	padding:5px !important;
}

.padding-0-5{
	padding:0 5px !important;
}

.padding-10{
	padding:0 10px !important;
}

.margin-10{
	margin:0 10px !important;
}


.padding-10-10{
	padding:10px !important;
}



span.firm-name {
	font-size: 25px;
	font-weight: bold;
	padding: 0px 10px;
	/* font-family: auto; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


span#open-nav-bar {
    font-size: 25px;
}

span.tooltip-custom {
    padding: 5px 10px;
    position: fixed;
    background: black;
    color: white;
    z-index: 9999;
    border-radius: 10px;
    display: none;
    border: 1px solid;
    font-size: 18px;
}

#save-balancesheet, #search-balancesheet ,#clear-balancesheet{
	/* width: 100px; */
	margin: 0px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	padding:0 5px;
	font-weight: normal;
}
.total-credit-container,.total-debit-container {
    justify-content: space-between;
    display: flex;
    align-items: flex-end;
}

.i-total-credit, .i-bank-credit, .i-loan-credit, .i-total-debit, .i-bank-debit, .i-loan-debit,.i-label {
	white-space: nowrap;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 5px !important;
}

.invoice-basic-details, .add-item {
	width: 100%;
	align-items: center;
	justify-content: space-between;
	padding: 0 10px 10px;
}
/* .small-veiw-container,.small-veiw-container-info{
	    background: linear-gradient(to bottom right, #000000, #000a13,#003b6d) !important;
} */
.mobile-view-credit,.mobile-view-debit{
	display:none !important; 
}
.toggle-debit-table,.toggle-credit-table,.daily-notes-header {
    padding: 3px 10px;
    /* background: #092a46; */
    background: linear-gradient(to bottom right, #308bda, #0d3c65,#102333) !important;
    border-radius: 10px;
    /* border: 1px solid; */
    /* box-shadow: 0px 0px 5px; */
}
.daily-notes-header{
	color:white!important;
}
.add-credit-item-button .add-icon,
.transaction-credit-navigation .add-icon,
.toggle-credit-table{
	background: linear-gradient(to bottom right, #0ac30a, #1a481a,#1c961c) !important;
}

.toggle-type-title{
    background: linear-gradient(to bottom right, #3b4962, #081e26,#3b4962) !important;
}

.add-debit-item-button .add-icon,
.transaction-debit-navigation .add-icon,
.toggle-debit-table{
	background: linear-gradient(to bottom right, #842c2c, #b10000,#ff0000) !important;
}

 #search-balancesheet, #save-balancesheet,#get-account,
 .save-transaction-type {
	background: linear-gradient(to bottom right, #0ac30a, #047904,#063506) !important;
	color:white!important;
}

.save-transaction-type {
    display: flex;
    padding: 3px 10px;
}

#clear-balancesheet{
	/* background: #191919; */
	background:linear-gradient(to bottom right, #000000, #313131,#3c3c3c) !important;
	/* box-shadow: 0px 0px 5px; */
}

.select-date, .cash-amount-label, .bank-amount-label,.date-wise-label,.amount-wise-label,
.total-label,.name-remark-label {
	background: linear-gradient(to bottom right, #308bda, #0d3c65,#102333) !important;
}
.bank-amount-label,.bank-amount-label,.cash-amount-label,.toggle-credit-table,
.toggle-debit-table,.daily-notes-header,#date
,#search-balancesheet,#save-balancesheet,#clear-balancesheet,.add-icon,.small-veiw-container .product-delete,
.date-wise-label,.amount-wise-label,.total-label,.name-remark-label,#collapse,
#credit-add-small-view,#debit-add-small-view,.key-down-hover ,#get-account,.add-new-account-main-view{
	transition:0.4s;
	color:white!important;
	cursor: pointer;
}
.small-veiw-container .product-delete,.delete-group {
	background: linear-gradient(to bottom right, #ff0000, #8e0101,#630000);
}
.small-veiw-container .remark textarea{
	transition:0.5s;
}
.small-view-remark-focus{
	height: 100px!important;
    overflow: auto!important;
}

#slide-overlay,#add-overlay{
    position: fixed;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0,0,0,0.8);
}

#add-account-overlay{
    position: fixed;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    display: none;
    background: none;
}

#internet-overlay{
	display: none;
	position: fixed;
    top: 0;
	z-index: 6;
	width: 100%;
    height: 100%;
	transition:0.6s;
	background: rgba(0,0,0,0.95);
	align-items: center;
    justify-content: center;
	color:white;
	
}
#internet-overlay-content{
	text-align: center;
	margin: 20px;
    border: 1px solid;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 0 10px white;
	color:white;
}
#contact-us {
    margin-left: 20px;
    position: absolute;
    bottom: 10px;
    color: #4c4c4c !important;
    font-size: 15px !important;
}
.key-down{
	background: #0e70c3 !important;
}
.clear-key-down{
	background: #808080 !important;
}
.button-key-down{
	background: #1c9c1c !important;
}
.delete-key-down{
	background: #f11d1d !important;
}
/* .credit-container,.mobile-view-credit {
    background: #003a00!important;
    color:white!important;
}

.mobile-view-credit .small-veiw-container .row-background,.credit-container th,.credit-container td 
,.credit-container input,.credit-container textarea {
     background:  #2e5429!important;
     color:white;
}
.debit-container,.mobile-view-debit {
    background: #3a0000!important;
    color:white!important;
}

.mobile-view-debit .small-veiw-container .row-background,.debit-container th,.debit-container td 
,.debit-container input,.debit-container textarea {
     background: #542929!important;
     color:white
} */
.swal-footer{
	display: flex;
    flex-direction: row-reverse;
}
.credit-item-table input,.debit-item-table input{
	margin-top: 6px!important;
    margin-bottom: 6px!important;
}
.mobile-view-credit input,.mobile-view-debit input{
	margin-top: 3px!important;
    margin-bottom: 3px!important;
}
.mobile-view-credit textarea,.mobile-view-debit textarea{
	min-height:80px!important;
}
#collapse {
	display:none;
    height: 50px;
    width: 50px;
    border-radius: 50%;
   	position: fixed;
 	z-index: 9;
    bottom: 10px;
    right: 10px;
}

#collapse:focus{
  outline: 0px;
}
.small-view {
	/* background: linear-gradient(to bottom right, #308bda, #0d3c65,#102333) !important; */
	z-index: 4;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	overflow: auto;
	padding: 1px 5px 5px 5px!important;
	border-top: 2px solid;
    box-shadow: 0px -1px 5px;
}
.title-index-small{
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 0px 5px;
    cursor: pointer;
}
.body-data-container {
    display:none;
    overflow: auto;
    padding: 5px 10px 0px 10px;
    margin-top: 60px;
    position: absolute;
    width: 100%;
}
.data-saver-container{
	justify-content: flex-end;
}
.data-saver-container-inner{
	align-items: center;
	justify-content: space-between;
	display: flex;
	padding: 0 15px;
	/* margin-top: 10px; */
}
.save-date-container{
	justify-content: center;
    display: flex;
}
.date-slide-panel{
	justify-content: center;
	display: flex;
	margin-left: 20px;
}
#open-nav-bar-small-view {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0px 5px;
}
.nav-lines {
    width: 30px;
    height: 3px;
    background: white;
    margin: 3px 0px;
}
#ui-datepicker-div{
	z-index: 99999!important;
}
.add-row-credit-debit-view{
	display:none;
	position: absolute;
	z-index: 10;
	padding: 10px;
}
#credit-add-small-view {
    background: #026f02;
    padding: 2px 5px;
    border: 1px solid;
    margin-bottom: 20px;
    box-shadow: 0px 0px 10px;
    border-radius: 10px;
}

#debit-add-small-view {
    background: #6f0202;
    padding: 2px 5px;
    border: 1px solid;
    box-shadow: 0px 0px 10px;
    border-radius: 10px;
}
.fa-home,.fa-search,.fa-save,.fa-close,.fa-refresh {
    font-size: 20px;
}
.add-icon-circle {
   font-size: 25px;
}
.key-color{
	color: #0e70c3 !important;
}
.debit-item-table-row-search-container
,.credit-item-table-row-search-container {
    width: calc(100% - 20px);
    margin-left: 10px !important;
    overflow: auto;
}

.data-switch {
	display:none!important;
    padding: 0 10px;
    border: 1px solid;
    border-radius: 5px;
    background: #092a46;
    box-shadow: 0px 0px 10px;
    color:white!important;
}
.goog-te-banner-frame,#goog-gt-tt,#gtx-trans,.goog-logo-link {
	display: none !important;
}
.goog-te-gadget {
    color: transparent !important;
}
.goog-te-combo{
    color:black;
    margin-top: 10px !important;
}

.close-sidebar,.bi-slack,.bi-circle-half,.goog-te-combo,.goog-te-combo option,
.credit-item-table tr,.debit-item-table tr,.for-word,.back-word{
	cursor: pointer;
}

.goog-text-highlight {
    background-color: transparent !important;
    -webkit-box-shadow: 2px 2px 4px transparent !important;
    -moz-box-shadow: 2px 2px 4px transparent !important;;
    box-shadow: 2px 2px 4px transparent !important;
    box-sizing: unset !important;
    -webkit-box-sizing: unset !important;
    -moz-box-sizing: unset !important;
}
.search-small-view{
	 margin: 5px 0px;
}
#name-data-table,#phone-data-table{
	position: absolute;
	background: linear-gradient(to bottom right, #009c78, #004c3a,#008a6a);
	display:none;
	z-index:2;
	border-radius: 5px;
	border: 1px solid white;
	/* font-size: 20px; */
}
#name-data-table #tbody .tr .th,#phone-data-table #tbody .tr .th {
    padding: 10px 5px;
    border-bottom: 2px solid;
    box-shadow: 0px 0px 3px white;
    cursor: pointer;
    transition:0.4s;
    color:white;
    word-break: break-word;
    min-width:150px;
    font-size: 20px;
}
#name-data-table #tbody,#phone-data-table #tbody {
    max-height: 250px;
    overflow: auto;
}
.name-data-table-last-elm{
    border-radius: 5px;
    border-bottom: 1px solid !important;
}

.margin-top-10{
	margin-top: 10px !important;
}

.stick-header-panel-small-view{
	display: none;
    position: fixed;
    /* background: linear-gradient(to bottom right, #308bda, #0d3c65,#102333) !important; */
    /* padding: 5px 0px; */
    width: calc(100%);
    z-index: 4;
    top: 0px;
    left: 0px;
    border-bottom:2px solid;
    box-shadow:0px 1px 5px;
}

.stick-header-panel {
    top: 0px;
    left: 0px;
    z-index: 6;
    position: fixed;
    height: 40px;
    width: calc(100%);
    /* background: linear-gradient(to bottom right, #308bda, #0d3c65,#102333) !important; */
    justify-content: space-between !important;
    display: flex;
    padding: 0 10px!important;
    border-bottom: 2px solid;
    box-shadow: 0px 1px 5px;
}

#net-cash-display,#net-bank-display,#grand-total-display,#net-loan-display,#transaction-total-display{
	/* background: linear-gradient(to bottom right, #308bda, #0d3c65,#102333) !important; */
	border-radius: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0px 5px !important;
	font-style: normal;
}

.grand-total-label,.net-cash-label,.net-bank-label,.net-loan-label{
	/* font-weight: bold; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.color-green-display{
	 color: #0ee20e!important;
}

.color-red-display{
	 color: #ff6161!important;
}

.color-black-display{
	color:black!important;
}

.ui-datepicker-month,.ui-datepicker-year,.ui-datepicker-next,.ui-datepicker-prev{
	cursor: pointer;
}
#get-account {
    /* border: 1px solid; */
}
#view-screen {
    color: black;
    margin: 0px !important;
    width: 100%;
    padding: 0px !important;
    font-size: 18px;
    cursor: pointer;
}
#view-screen option{
	cursor: pointer;
}
.swal-button--confirm {
    background-color: #00285a !important;
}

.swal-title {
    color: rgba(0,0,0,1) !important;
}

.swal-text {
	color: rgba(0,0,0,1) !important;	
}
.swal-button--danger{
    background-color: #a70000 !important;
}
.swal-button--cancel{
	color:white !important;
	background-color: #191e21 !important;
}

#name-data-table #tbody .tr,#phone-data-table #tbody .tr {
	/* display: flex; */
}

#name-data-table #tbody .tr .th,#phone-data-table #tbody .tr .th{
	/* width: 50%; */
}

/* .eidt-popup-small-view{
	display:none;
	position: fixed;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgb(0 0 0 / 95%);
    color:white !important;
}
 */
.cancel-button {
       height: 60px;
       width: 60px;
       display: flex;
       align-items: center;
       justify-content: center;
       border-radius: 50%;
       border: 1px solid;
}

.cancel-button-container {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
    margin-bottom: 20px;
}
/* .eidt-popup-small-view{
    padding:0px 15px !important;
} */

.eidt-popup-small-view .small-veiw-container,
.create-account-popup .create-account-container{
	  border: none !important;
}

.eidt-popup-small-view .remark textarea{
	box-shadow: 0px 0px 3px;
    border: 1px solid gray!important;
	min-height: 70px;
    padding: 0;
    transition: none;
}

.info-popup-small-view .row-background{
	    /* background: linear-gradient(to bottom right, #174d7b, #21313e,#293d4e) !important; */
	    color:white !important;
	    background: none !important;
}



.create-account-popup .row-background{
	color:black !important;
}
.loan-calculator-popup-small-view .row-background input{
	background: linear-gradient(to bottom right, #616374, #2d2f36,#21323c) !important;
	color:white !important;
	border: 1px solid !important;
}

.loan-calculator-popup-small-view .row-background{
	background: linear-gradient(to bottom right, #616374, #2d2f36,#21323c) !important;
	color:white !important;
}
    
.eidt-popup-small-view .product-delete,
.eidt-popup-small-view .product-add,
.create-account-container .save-account,
.save-group,
.eidt-popup-small-view .move-to-date,.delete-group,.update-group{
	 color:white !important;
}

.credit-panel-container,.debit-panel-container{
	/* background: #3e3e3e;
	color: white; */
}

.body-dark-mode .credit-panel-container,
.body-dark-mode .debit-panel-container{
	background: #3e3e3e;
}

.create-account-popup input
{
	background:none !important;
	color:white !important;
}

.sheet-type{
	/* font-size: 15px; */
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.label-data{
	padding: 0 5px!important;
	/* font-size: 18px; */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.account-label {
	display: flex;
	/* padding: 5px; */
	align-items: center;
}

#previous-move-date,#next-move-date{
	color:white !important;
}

input:focus, textarea:focus, select:focus{
        outline: none !important;
}
    
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.eidt-popup-small-view .type select ,.select-credit-type{
    background: #1f374a!important;
    padding: 0px !important;
    color: white !important;
    border: none;
    border-radius: 0px;
}
.select-credit-type-color {
    background: #041b2f!important;
    padding: 0px !important;
    color: white !important;
}

.select-credit-type-color {
    background: #041b2f!important;
    padding: 0px !important;
    color: white !important;
}
select{
	cursor: pointer!important;
}


.remark-content {
    border: 2px solid #133b5d !important;
    box-shadow: 0px 0px 5px #133b5d !important;
    min-height: 50vh;
    /* min-width: 70vw; */
    background: none !important;
    color: white !important;
    font-size: 20px;
}

.remark:not(.eidt-popup-small-view .remark) textarea{
	resize: none !important;
	cursor: pointer;
}

.i-total-credit,.i-bank-credit,.i-loan-credit,
.i-total-debit,.i-bank-debit,.i-loan-debit{
/* 	background: linear-gradient(to bottom right, #308bda, #0d3c65,#102333) !important;
	border-radius: 5px; */
}
.total-credit-container,.total-debit-container{
	    text-align: center;
}

.modal-content{
	border: 2px solid white;
    box-shadow: 0px 0px 5px white;
}

.popup-model-content{
	border: 2px solid #0051b7!important;
    box-shadow: 0px 0px 5px #0051b7!important;
}

.net-cash,.net-bank,.net-loan,.grand-total,
.total-credit,.bank-credit,.loan-credit,
.total-debit,.bank-debit,.loan-debit{
	color:white;
	font-weight: normal;
	font-style: normal;
}

.transaction-total{
	color:white;
	font-style: normal;
}

.fa-long-arrow-up,.advance{
	color: #0ee20e;
}

.fa-long-arrow-down,.due{
	color: #ff6161;
}

.due-dark{
	color:red;
}

.advance-dark{
	color:green;	
}

.fa-long-arrow-up,.fa-long-arrow-down{
	font-size: 20px;
	margin-right:5px;
}

.advance,.advance-dark,.due,.due-dark{
	font-size: 15px;
	margin-left:5px;
}
table select{
	padding: 0px !important;
}

input[disabled],select[disabled] {
    opacity: 1;
    background: #ababab !important;
}

#remark-popup {
    z-index: 9999;
}

.modal-backdrop.show{
	opacity: .8;
}

.eidt-popup-small-view select{
	height: 30px;
    border: none;
    margin: 3px 0 !important;
}

#google_translate_element select{
	height: 30px;
}
.mobile-view-label-size-col {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.save-account,.save-group {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-add,.save-account,.save-group,.update-group{
	text-align: center;
	cursor: pointer;
	background: linear-gradient(to bottom right, #00ca20, #008014,#004e0d) !important;
}
	
	
.credit-item-table-row-container .credit-item-table tr td:last-child,
	.credit-item-table-row-container .credit-item-table tr th:last-child,
	.debit-item-table-row-container .debit-item-table tr td:last-child,
	.debit-item-table-row-container .debit-item-table tr th:last-child{
    	display:none !important;
}

.credit-item-table tbody tr td:nth-child(2),
.debit-item-table tbody tr td:nth-child(2){
	min-width:120px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.move-to-date-icon{
		/* position: absolute; */
		/* font-size: 40px !important; */
}

.clear-select-name{
	margin-left: calc(100% - 25px);
}

.clear-name-search{
	margin-left: calc(50% - 22px);
}

.clear-start-date,.clear-min-amount,
.clear-phone-no
{
	margin-left: calc(50% - 25px);
}

.clear-end-date,.clear-max-amount,.clear-remark{
	margin-left: calc(100% - 25px);
}

.clear-start-date,.clear-end-date,.clear-min-amount,
.clear-max-amount,.clear-name-search,
.clear-phone-no,.clear-remark{
	position: absolute;
	cursor: pointer;
	background: #0f2c44;
	height: 35px;
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color: white !important;
}

.clear-select-name{
	position: absolute;
	cursor: pointer;
	background: black;
	width: 25px;
	height: 35px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	color: white !important;
	border: 1px solid;
}

#select-name{
	    border-radius: 5px !important;
}

.clear-edit-popup-name{
	position: absolute;
    cursor: pointer;
    top: 0px;
    right: 0;
    background: #000000;
    height: 35px;
    width: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white !important;
    border: none !important;
}


.hide-elem{
	display:none !important;
}

.param-hide-elem{
	display:none !important;
}

.agent-hide-elem{
	display:none !important;
}

.eidt-popup-small-view .amount-type {
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.eidt-popup-small-view .transaction-desc {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: center;
}

.phone-number-container {
    font-size: 15px;
    /* margin-top: 10px; */
}

.phone-number-data,.phone-number-label {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.phone-number-data {
    padding-left: 5px !important;
}

.disable-fields {
	/* cursor: pointer; */
    /* cursor: not-allowed;
    color: black !important;
    background: #d6d6d6 !important; */
}
.width-100-percnt{
	flex: 0 0 100% !important;
	max-width: 100% !important;
}

.cancel-record {
    text-align: center;
    color: white;
    background: linear-gradient(to bottom right, #1f1f1f, #333333,#696969) !important;
    cursor: pointer;
}

.small-view-s-no {
    border: none;
    background: #4a2200;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-labels {
    white-space: nowrap;
}

.type-selector-container {
    display: flex;
    overflow-x: auto;
    margin-top: 0px;
    width: max-content;
}

.type-selector-elem {
    padding: 2px 5px;
    /* padding-bottom: 0 !important; */
    white-space: nowrap;
    margin-right: 0px !important;
    margin: 0px 10px;
    background: #001734;
    color: white;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid;
}

.type-selector-all-elem{
    font-size: 20px;	
	padding: 10px 20px;
    border:none !important;
    /* padding-bottom: 0 !important; */
    white-space: nowrap;
    margin: 0 10px;
    background: #001734;
    color: white;
    border-radius: 3px;
    cursor: pointer;
}

.transaction-type-selection-elem,.download-share-file,.account-name-in-group {
    padding: 10px 20px;
    background: #3e3e3e;
    font-weight: normal;
    border:none !important;
    white-space: nowrap;
    margin: 0 10px;
    color: white;
    border-radius: 3px;
    cursor: pointer;
}
.account-name-in-group {
	margin-left: 0px !important;
	margin-right: 0px !important;	
	background: #020202;	
}
#transaction-type-popup .type-selector-all-elem,.transaction-type-selection-elem,.download-share-file,.account-name-in-group {
    margin-bottom: 5px;
}

.type-selector-elem-selected{
	background: #005897;
    cursor: default;
    border: 1px solid white;
    color: white;
}

.type-selector-container-outer {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
    margin-top: 5px;
}
}

.ui-datepicker,.ui-datepicker-month,
.ui-datepicker-year {
    font-family: 'Roboto' !important;
    padding: 0;
}

.ui-datepicker-prev,.ui-datepicker-next {
    margin-top: 2px !important;
}

.ui-datepicker-calendar {
    margin: 5px !important;
    width: calc(100% - 10px) !important;
}

.ui-datepicker-header {
    margin: 5px !important;
    width: calc(100% - 10px) !important;
}

body {
    /* font-size: 18px; */
}

td.type {
    white-space: nowrap;
}

.credit-item-table thead th,
.debit-item-table thead th{
    background: linear-gradient(to bottom right, #131212, #313131,#5a5a5a) !important;
    color: white !important;
}

.save-small-view-in-credit,.save-small-view-in-debit {
    border-radius: 10px;
    border: 1px solid;
    padding: 2px 10px;
    box-shadow: 0px 0px 5px;
    /* margin-right: 10px; */
    color: white !important;
}

.save-small-view-in-credit {
    background: linear-gradient(to bottom right, #0ac30a, #1a481a,#1c961c) !important;
}

.save-small-view-in-debit {
    background: linear-gradient(to bottom right, #842c2c, #b10000,#ff0000) !important;
}

.table-inner-container {
    display: flex;
    align-items: center;
    justify-content: space-between;}

.add-credit-item-button,.add-debit-item-button,
.transaction-credit-navigation,.transaction-debit-navigation {
    margin-left: 10px;
}

.ui-datepicker-prev,.ui-datepicker-next{
	top: 2px !important;
}
.ui-datepicker-month,.ui-datepicker-year{
	    height: 1.8em;
}

.selected-page{
	border: 1px solid !important;
	border-top: 5px solid !important;
    border-bottom: 5px solid !important;
    border-radius: 5px;
}
.save-small-view-btn {
    width: 100px;
    margin: 0px;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white !important;
    padding: 0 5px;
    font-weight: normal;
    background: linear-gradient(to bottom right, #0ac30a, #047904,#063506) !important;
    border-radius: 5px;
}


#save-balancesheet {
    padding: 3px 10px;
}

.product-delete,.save-add-details,.cancel-record,.update-group ,.delete-group{
    display: flex;
    align-items: center;
    justify-content: center;
}

.transaction-type-selection-elem > label > span,.download-share-file {
    font-weight: normal !important;
}

.change-transaction-model,.generate-pdf,.payment-remider,.add-new-account,.transaction-chart,.calculate-chart-icon {
    text-align: center;
    cursor: pointer;
}

.btn-clear {
    font-weight: normal !important;
    padding: 2px 10px !important;
}

.transaction-type-selection-elem > label,.account-name-in-group > label {
    margin-bottom: 5px;
    width: 100%;
}

.selected-transaction-type-color,.selected-account-name-in-group-color{
	background: #02180b;
}

.safari-browser{
	width: max-content !important;;
    text-align: center;
}

table a {
        color: inherit;
}


.body-dark-mode .small-view-name a{
	color:white;
}












/* new design */
.small-view-data-table {
    width: 100%;
}

.small-view-row-container-part1,.small-view-row-container-part2,
.account-details-data-container-part1,.account-details-data-container-part2 {
    align-items: center;
}

.header-sno,.header-date,.header-name,.header-phone,.header-type,.header-amount,.header-cash,.header-bank,.header-remark,
.small-view-sno,.small-view-date,.small-view-name,.small-view-phone,.small-view-type,.small-view-amount,.small-view-cash,.small-view-bank,.small-view-remark {
    word-break: break-word;
}

.small-view-header {
    padding: 0 2px !important;
    color: white;
    font-size: 14px;
}

.small-view-sno,.small-view-name,
.small-view-phone,.small-view-type{
        padding: 0px 3px !important;
}

.small-view-data-container-part1 {
/*     align-items: baseline; */
}

.small-view-remark div {
	z-index: 2;
	resize: none;
	margin: 0px;
	height: 20px !important;
	min-height: 20px !important;
	padding: 0px 0px;
	overflow: hidden;
	transition: 0.0s;
/* 	text-decoration: underline; */
	display: flex;
}

.small-view-row-container-part2 {
/*     border-top: 2px dashed #a1a1a1;
    margin-left: -3px !important;
    width: calc( 100% + 6px ) !important; */
}

.account-details-row-container,.account-in-out-details-container,.group-details-row-container {
     border: 1px solid #a1a1a1;
    border-radius: 3px;
    box-shadow: 0px 0px 3px;
    padding: 0px 3px;
    margin-bottom: 6px;
}

.small-view-amount,.small-view-cash,
.small-view-bank,.small-view-remark{
	padding: 0 2px !important;
}

.small-view-name a {
    text-decoration: underline;
}

.small-view-row-container:last-child {
    margin-bottom: 0px !important;
}

.small-view-merged-data-container-table,.small-view-merged-data-container-table,
.account-details-data-table,.group-details-data-table{
	width:100%;
}
.amount-label-css,.popup-cash-label,.popup-bank-label{
    word-break: break-word;
    white-space: normal;
}
.header-sno,.small-view-sno,.s-no {
    display: none !important;
    
}

.account-details-row-container,.account-in-out-details-container,.group-details-row-container {
    padding: 10px 10px 5px 10px!important;
    cursor: pointer;
    background: white !important;
    color: black !important;
}
.account-details-data-container-part1,.group-details-data-container-part1 {
    display: flex;
    align-items: flex-start;
}
.small-veiw-container input[type="text"],.small-veiw-container input[type="number"],
.create-account-container input[type="text"],.create-account-container input[type="number"]{
	height: 100%;
	min-height: 40px;
}
.credit-panel-container,.debit-panel-container{
	margin-bottom: 1px;
}
.eidt-popup-small-view{
	overflow: auto !important;
}
#name-data-table .tr > .th:nth-child(2){
	display: none !important;
}
.balance-detail-css {
    background: white;
    border-radius: 5px;
    border: 1px dashed gray;
    padding: 2px !important;
    align-items: baseline;
}

.balance-detail-label-css {
    font-size: 12px;
    display: flex;
    align-items: center;
    color: black !important;
    border-right: 1px dashed gray;
    padding:0px 5px !important;
}

.balance-detail-data-css {
    font-size: 15px;
    display: flex;
    align-items: center;
    color: black !important;
}

.dark-color-red{
	font-weight: bold;
	color:red;
}

.dark-color-green{
	font-weight: bold;
	color:green;
}

.dark-color-normal{
	font-weight: bold;
	color:black;
}

.add-icon {
    font-size: 20px !important;
}

@media ( min-width :576px) {
/* custom css  start */
.transaction-total-inner{
	margin-right:5px !important;	
}   

.grand-total-inner{
	margin-left:5px !important;
}
}

@media ( min-width :992px) {
	/* custom css  start */
	.debit-container {
		margin-left: 10px !important;
	}
}

.back-word{
	font-size: 40px !important;
}

.for-word{
	display: none !important;	
}

.manage-table-height{
	overflow: auto;
}

.credit-item-table thead,.debit-item-table thead{
	position: -webkit-sticky;
    position: sticky;
    top: -1px;
}

.type-class-Sale .header-amount,
.type-class-Sale .small-view-amount,
.type-class-PurchaseReturn .header-amount,
.type-class-PurchaseReturn .small-view-amount,
.type-class-PaymentIn .header-amount,
.type-class-PaymentIn .small-view-amount,
.type-class-LoanTaken .header-amount,
.type-class-LoanTaken .small-view-amount,
.type-class-CancelledIn .header-amount,
.type-class-CancelledIn .small-view-amount{
    Background:#ffe7e7 !important;
    color:black !important;
}

.type-class-Sale .header-cash,
.type-class-Sale .small-view-cash,
.type-class-Sale .header-bank,
.type-class-Sale .small-view-bank,
.type-class-PurchaseReturn .header-cash,
.type-class-PurchaseReturn .small-view-cash,
.type-class-PurchaseReturn .header-bank,
.type-class-PurchaseReturn .small-view-bank,
.type-class-PaymentIn .header-cash,
.type-class-PaymentIn .small-view-cash,
.type-class-PaymentIn .header-bank,
.type-class-PaymentIn .small-view-bank,
.type-class-LoanTaken .header-cash,
.type-class-LoanTaken .small-view-cash,
.type-class-LoanTaken .header-bank,
.type-class-LoanTaken .small-view-bank,
.type-class-CancelledIn .header-cash,
.type-class-CancelledIn .small-view-cash,
.type-class-CancelledIn .header-bank,
.type-class-CancelledIn .small-view-bank{
    Background:#e5ffe5 !important;
    color:black !important;
}


.type-class-Purchase .header-amount,
.type-class-Purchase .small-view-amount,
.type-class-SaleReturn .header-amount,
.type-class-SaleReturn .small-view-amount,
.type-class-Expense .header-amount,
.type-class-Expense .small-view-amount,
.type-class-PaymentOut .header-amount,
.type-class-PaymentOut .small-view-amount,
.type-class-LoanGiven .header-amount,
.type-class-LoanGiven .small-view-amount,
.type-class-CancelledOut .header-amount,
.type-class-CancelledOut .small-view-amount{
    Background:#e5ffe5 !important;
    color:black !important;
}

.type-class-Purchase .header-cash,
.type-class-Purchase .small-view-cash,
.type-class-Purchase .header-bank,
.type-class-Purchase .small-view-bank,
.type-class-SaleReturn .header-cash,
.type-class-SaleReturn .small-view-cash,
.type-class-SaleReturn .header-bank,
.type-class-SaleReturn .small-view-bank,
.type-class-Expense .header-cash,
.type-class-Expense .small-view-cash,
.type-class-Expense .header-bank,
.type-class-Expense .small-view-bank,
.type-class-PaymentOut .header-cash,
.type-class-PaymentOut .small-view-cash,
.type-class-PaymentOut .header-bank,
.type-class-PaymentOut .small-view-bank,
.type-class-LoanGiven .header-cash,
.type-class-LoanGiven .small-view-cash,
.type-class-LoanGiven .header-bank,
.type-class-LoanGiven .small-view-bank,
.type-class-CancelledOut .header-cash,
.type-class-CancelledOut .small-view-cash,
.type-class-CancelledOut .header-bank,
.type-class-CancelledOut .small-view-bank{
    Background:#ffe7e7 !important;
    color:black !important;
}

.account-details-main-cntnr,.group-details-main-cntnr {
    position: absolute;
    width: calc(100% - 20px);
    left: 10px;
}

.label.amount-label-css {
	    font-weight: normal !important;
}

.small-view-merged-data-container-table {
    margin-bottom: 10px;
}

.small-view-merged-data-container-outer {
/*     margin-top: 10px; */
}

.remaining-container {
    margin-top: 10px !important;
    font-size: 12px;
    display: flex;
}

.diff-amount-color{
	color:red !important;
}

.diff-data,.diff-bank-data,
.diff-small-data,.diff-small-bank-data{
	color: red !important;
    font-weight: bold;
}

.highcharts-credits{
	display:none;
}

.disable-add-click-style{
	pointer-events:none
}

.disable-add-click-style-icon{
	background: linear-gradient(#e5e5e5, #5e5e5e,#4c4c4c) !important;	
}
#account-panel::-webkit-scrollbar {
    width: 0px!important;
    height: 3px!important;
}

tr.small-view-row-container {
    border: none !important;
    padding: 0px;
}

tr.small-view-row-container td {
    border: none !important;
    padding: 0px;
}

table.small-view-merged-data-container-table {
    border: none;
}


.color-red-down{
	color:red !important;
}

.color-normal{
	color:black !important;
}

.color-green-up{
    color: green !important;
}

.small-view-netAmt,.small-view-remaining,.small-view-entryType {
    text-align: end;
}

.small-view-amount {
    display: none !important;
}

.small-view-row-container {
    margin-bottom: 15px;
    background: #ebebeb !important;
    padding: 5px;
    border-bottom: 1px solid #979797;
    box-shadow: 1px 1px 2px grey;
}


.small-view-header-container {
    background: #363636 !important;
    padding: 5px !important;
    margin-top: 5px;
    position: sticky;
    z-index: 3;
    top: -5px;
}

.small-view-name a,.small-view-entryType{
	    color: black !important;
}

.small-view-type {
    font-size: 11px;
    display: flex;
    align-items: flex-end;
    opacity: 0.7;
}


.small-view-remark div {
    color: #8f8f8f !important;
}

.load-older-container-outer {
	background: white;
    color: #053999;
    font-size: 14px;
    margin-bottom: 10px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.account-name-fld {word-break: break-word;}

.small-view-entryType,.small-view-netAmt,.small-view-remaining{
	    padding: 0 5px !important;
	    word-break: break-word;
}


.hide-elem-param{
	display:none!important;
}

#payment-in-click, #payment-out-click {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.body-dark-mode .small-view{
    background:#3e3e3e !important;
}

.font-size-20{
	font-size: 20px !important;
}

.image-icon-css{
	height: 35px;
	width: 35px;
	margin-right: 15px;
	background: white;
    padding: 5px;
    border-radius: 5px;	
}

.flex-v-center{
	display: flex !important;
    align-items: center;
}	


.image-icon-panel-css{
	height: 25px;
	width: 25px;
	margin-right: 5px;
	background: white;
    padding: 2px;
    border-radius: 2px;	
}

.image-icon-add-edit-css{
	height: 25px;
	width: 25px;
	margin-right: 5px;
	margin-top: 2px;
    margin-bottom: 2px;
	background: white;
    padding: 2px;
    border-radius: 2px;	
}


.type-selector-elem {
    display: flex;
    align-items: center;
    min-width: fit-content;
}

.cancel-record, .product-delete,.save-add-details,.save-account {
    border-radius: 5px;
    height: 40px;
}

.credit-udhar-radio label,.cash-radio label,.bank-radio label,.refresh-contact,.usr-contact-container{
	cursor: pointer;
}

.pure-material-radio {
    display: flex;
    align-items: center;
}

.pure-material-radio>input:checked+span,
.pure-material-checkbox>input:checked+span::after,
.pure-material-checkbox>input:indeterminate+span::after {
	border-color: #005cc8;
    color: #005cc8;
    box-shadow: 2px 2px 3px grey;
    padding-right: 3px;
    padding-bottom: 1px;
    border-radius: 3px;
}

.opacity-none{
	opacity:0;
}

.credit-udhar-radio{
    padding-right:10px
}
.bank-radio {
    padding-left:10px
}

.edit-amount-radio {
    margin-right: 3px !important;
}

#ui-datepicker-div {
    font-size: 16px !important;
}


*:not(.remark textarea) {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
}

#eidt-popup-small-view input,
#eidt-popup-small-view .pure-material-radio span,
#eidt-popup-small-view .row-background,
#eidt-popup-small-view .remark textarea,
#us-contact-popup input,
#us-contact-popup .row-background,
#create-account-popup input,
#create-account-popup .row-background
{
	color:black !important;
	background:white !important;
}


#eidt-popup-small-view input:disabled,#eidt-popup-small-view textarea:disabled{
	background: #c3c3c3 !important;
}

.disable-button{
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  background: #c3c3c3 !important;
		
}

.goog-te-gadget span {
    display: none;
}

.reader__scan_region video{
	width: inherit;
    height: inherit;
}

.scaner-camera{
	height: 100% !important;
	border: none !important;
}

#reader{
	position: relative !important;
    padding: 5px !important;
    border: 1px solid gray !important;
    border-radius: 5px !important;
    height: 100% !important;
}

#reader__scan_region,#reader__scan_region video{
	height: calc( 80% - 50px) !important;
	width: 100% !important;
}

#reader__dashboard button,#reader__dashboard_section a#reader__dashboard_section_swaplink {
    background: black;
    border-radius: 5px;
    padding: 5px 10px;
    box-shadow: 2px 2px 5px black;
    color: white;
}

#reader__dashboard_section{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

#reader__dashboard_section > div {
    margin: 10px 0px;
}

#reader__dashboard_section > div > div > span{
	    margin: 0px!important;
}

#reader img {
    display: none;
}

.create-account-container input,
.create-account-container select,
.create-account-container option{
	color:black !important;
}

.usr-contact-container {
    background: none;
    color: black !important;
    border-radius: 3px;
    box-shadow: 0px 2px 3px gray;
    margin-bottom: 10px;
    font-size: 20px;
    border: 1px solid #c5c5c5;
}

.name-outer-cont {
    padding-left: 15px;
    padding-top: 5px;
    background: #ededed;
    border-radius: 3px;
}

.phone-outer-cont {
    padding-left: 15px;
    padding-bottom: 5px;
}

.usr-contact-nm,.usr-contact-ph{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.us-contact-list {
    max-height: 75vh;
    overflow: auto;
}

.color-yellow{
	    background: #cfcf00;
}

.us-contact-search input{
	 color: black !important;
}

.android-buttons-css{
 	display: none !important;	
}

.account-reports {
    display: none;
    margin-top: 10px;
    align-items: center;
    justify-content: space-around;
}

.download-report, .share-report,.reminder {
    padding: 0 10px !important;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

.transaction-chart {
    margin-left: 5px;
}

.switch-user-elem {
	width: 100% !important;
	color:white !important;
    background-color: #126615 !important;
    padding: 5px !important;
    text-align: left;
    margin: 0 0 5px 0 !important;
}

.material-icons {
    font-size: xx-large !important;
}

.material-symbols-outlined {
    font-size: xx-large !important;
}

.total-entries-block {
    display: flex;
    align-items: center;
    font-size: 12px;
    margin-top: 2px;
}

.total-entries-value {
    margin-left: 5px;
}

.generate-pdf {
    color: #b52222 !important;
}

.generate-excel{
    color: green !important;
}

.material-symbols-outlined, .material-icons {
    margin-left: 5px;
}


.download-share-file {
    display: flex;
    align-items: center;
    justify-content:space-between;
    padding: 0px 5px;
}

.download-share-file-excel{
    background: #f4ffea !important;
    color: black !important;
    margin-top: 20px;
    margin-bottom: 10px;
}

.download-share-file-pdf{
    background: #ffeaea !important;
    color: black !important;
}

.selected-entries > label > span, .total-entries > label > span{
    color: white !important;!i;!;
}

.download-report, .share-report, .reminder {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: -webkit-fill-available;
}