@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');
/* Amount Font - font-family: "Fira Code", monospace; */	

body{
	font-family: "Montserrat", sans-serif;
	font-weight: 400;
  	font-style: normal;
	font-size:14px;
}

.btn{ 
	font-size:0.875rem;
}

.scrollTab {
  overflow-x: auto;
  white-space: nowrap;
}

.font30{
	color: #000;
	font-size: 22px !important;
}

.fa-user-circle{
  font-size: 26px !important;
}

.logFont{
	font-size: 26px !important;
}


/****** custom popup*******/

/*@charset "utf-8";*/
/* CSS Document */

.dialog-ovelay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 999999
}
.dialog-ovelay .dialog {
    width: 400px;
    margin: 100px auto 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    border-radius: 3px;
    overflow: hidden
}
.dialog-ovelay .dialog header {
    padding: 10px 8px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e5e5e5
}
.dialog-ovelay .dialog header h3 {
    font-size: 17px;
	font-weight:600;
    margin: 0;
    display: inline-block
}
.dialog-ovelay .dialog header .fa-close {
    float: right;
    color: #c4c5c7;
    cursor: pointer;
    transition: all .5s ease;
    padding: 0 2px;
    border-radius: 1px    
}
.dialog-ovelay .dialog header .fa-close:hover {
    color: #b9b9b9
}
.dialog-ovelay .dialog header .fa-close:active {
    box-shadow: 0 0 5px #673AB7;
    color: #a2a2a2
}
.dialog-ovelay .dialog .dialog-msg {
    padding: 20px 10px
}
.dialog-ovelay .dialog .dialog-msg p{
    margin: 0;
    font-size: 15px;
}
.dialog-ovelay .dialog footer {
    border-top: 1px solid #e5e5e5;
    padding: 8px 10px;
	background:none;
}
.dialog-ovelay .dialog footer .controls {
    direction: rtl;
	float:right;
	padding:10px;
}
.dialog-ovelay .dialog footer .controls .button {
    padding: 5px 15px;
    border-radius: 3px
}
.dialog-ovelay .dialog footer .controls .btn-yes { background-color:#2E363F; border-color:#2E363F; color:#fff; }
.dialog-ovelay .dialog footer .controls .btn-yes:hover {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}

/****************/

/* ---- Custome New Class Add */

/* Login Scree Class */
.main{width: 100%; background-color: #e9ecef; height: 100vh; overflow: hidden;}
.login-box{ width:100%; max-width:400px; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; margin:0px auto;}
.login-box form{ width:100%;}
.login-box .login-logo { width:100%; text-align:center;}
.login-box .login-logo img{width:150px; height: auto;}
.bg-shape-desktop{width:100%; height:100vh;}
.bg-shape-mobile{width:100%; height:35vh;}
.login-box .form-group{position:relative;}
.login-box .form-control{padding:0.375rem 2rem 0.375rem 0.75rem}
.login-box .form-group .bi{position: absolute; right: 10px; top:6px;}
.login-box .btn{ width:100%; display:block;  padding:0.375rem 1.5rem;}
.login-box .btn-success {background-color: #0a8585; border-color: #0a8585;}
.login-box .btn-success:hover {background-color: #025a5a; border-color: #025a5a;}

/* Dashboard box background color Class */
.bg-info {background-color: #0a8585 !important;}
.bg-success {background-color: #949651 !important;}
.bg-danger {background-color: #f26b36 !important;}

.navbar-nav > .user-menu > .nav-link{ padding-top:0.2rem;}
.navbar-nav > .user-menu .m-topbar__userpic {display:table-cell; vertical-align:middle; text-align:center; margin:0 auto;}
.navbar-nav > .user-menu .m-topbar__userpic .m-type {width:30px; height:30px; display: inline-flex; align-items: center; justify-content: center; line-height: 0; border-radius: 100%;}
.navbar-nav > .user-menu .m-topbar__userpic .m-type span{font-size:12px; font-weight:700; text-transform:uppercase;}

.navbar-nav > .user-menu > .dropdown-menu{margin-top: .525rem; box-shadow: 0 .2rem 0.6rem rgba(0,0,0,.125); border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid #e9ecef;}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header{ height:auto; text-align:left;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header .user-icon{ width:100%; height:30px; display:flex; justify-content: center; align-content: center; flex-wrap: wrap;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header .user-email{ font-size:13px; font-weight:500;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header .user-footer{ display: block; margin-top: 1rem;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header .user-footer ul{ width:100%; display:block; margin:0px; padding:0px;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header .user-footer ul li{ width:100%; display:block; list-style:none; border-top:1px solid #e9ecef; margin:0px; padding:0.5rem 0.8rem;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header .user-footer ul li a{ font-size:13px; font-weight:500; color:#212529; margin:0px; padding:0px;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header .user-footer ul li a:hover{color:#0a8585;}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header .user-footer ul li a .fas{ display:inline-block; padding-right:0.6rem;}


/* Sidebar Nav Class */
.brand-link{font-size:1rem;}
.sidebar-dark-primary .nav-sidebar > .nav-item.menu-open > .nav-link, .sidebar-dark-primary .nav-sidebar > .nav-item:hover > .nav-link, .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:focus{background-color: #0a8585;}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active{background-color: #0a8585; color: #fff;}
.nav-sidebar .nav-pills .nav-link, .nav-sidebar .nav-link {padding: .3rem 1rem; border-radius: 0rem;}

.nav-sidebar > .nav-item .nav-icon.fa, 
.nav-sidebar > .nav-item .nav-icon.fab, 
.nav-sidebar > .nav-item .nav-icon.fad, 
.nav-sidebar > .nav-item .nav-icon.fal, 
.nav-sidebar > .nav-item .nav-icon.far, 
.nav-sidebar > .nav-item .nav-icon.fas, 
.nav-sidebar > .nav-item .nav-icon.ion, 
.nav-sidebar > .nav-item .nav-icon.svg-inline--fa {font-size: 1rem;}

.nav-sidebar .menu-is-opening > .nav-link i.right, .nav-sidebar .menu-is-opening > .nav-link svg.right, .nav-sidebar .menu-open > .nav-link i.right, .nav-sidebar .menu-open > .nav-link svg.right {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.nav-sidebar .nav-item > .nav-link .right{ font-size:0.8rem;}

.product-dtitle{ display:block; border-bottom:1px solid #ebedf2; padding-bottom:14px; position:relative; margin-bottom:20px;}
.product-dtitle::before{border-bottom:2px solid #36a3f7; content:''; position:absolute; left:0px; bottom:0px; width: 100px;}

.table-head{background-color: #EBEDF3;}
.product-total.table-bordered tr th{ background-color:#EBEDF3;}

.main-footer{font-weight:500; font-size: 14px;}

.no-img{ width:100px; height:100px; display:inline-block; border:1px solid #ced4da; border-radius:.25rem; margin-top:8px; padding:0.2rem;}
.no-img img{ width:100%; height:100%; display:block;}
.img-close { width:22px; height:22px; display:inline-block; padding-left:0.875rem;}
.img-close a{width:22px; height:22px; background:#FF0000; font-size:14px; color:#fff !important; font-weight:bold; display:inline-block; vertical-align:middle; text-align:center; border-radius:100%; cursor:pointer;}

.amount-right{ text-align:right; font-family: "Fira Code", monospace; font-weight:400;}

.font-weight-6{ font-weight:600 !important;}
.form-group .col-form-label{ font-weight:600 !important;}
.form-control, .custom-select{ font-size:0.875rem;}
.form-control.amount-right{ text-align:right; font-family: "Fira Code", monospace; font-weight:400;}
.form-control.amount-right::placeholder{text-align:left; font-family: "Montserrat", sans-serif;}
.form-control::-webkit-input-placeholder{color:#495057;opacity:1}
.form-control::-moz-placeholder{color:#495057;opacity:1}
.form-control:-ms-input-placeholder{color:#495057;opacity:1}
.form-control::-ms-input-placeholder{color:#495057;opacity:1}
.form-control::placeholder{color:#495057;opacity:1}
.bor-radi{border-top-left-radius: 0; border-bottom-left-radius: 0px; border-left: 0;}

.journal-table tr td{ padding:.45rem .75rem;}
.journal-table tr td.fw-bold{ font-weight:600;}
.journal-table tr td.ptb-0{ padding:.25rem 0rem; font-size:0px;}
.journal-table tr td.border-tr-0{border-top:0px !important; border-right:0px !important;}

.trial-balance-sheet tfoot tr{background-color: rgba(0,0,0,.05);}
.ledgertable tbody tr td{ padding:.45rem .75rem;}
.ledgertable tfoot tr th{ border-bottom:0px; padding:.45rem .75rem;}
#item_table thead tr th{ font-size:14px;}

.account-bank-name p{ margin-bottom:0px; line-height:1.5; height: calc(2.25rem + 2px); color:#495057; font-weight:500; border: 1px solid #ced4da; border-radius: .25rem; padding: .475rem .75rem;}
.financial-date{ width:100%; font-weight:400 !important; border: 1px solid #ced4da; border-radius: .25rem; background-color: #eee; font-size: inherit; line-height: 1.5; padding: .475rem .75rem; line-height:1.5; height: calc(2.25rem + 2px); margin-bottom:0px;}

.needs-validation{ width:100%;}