.nav-treeview-margin{ margin-left: 25px;}
.disable-click{ pointer-events: none; cursor: default;background: grey;}
.error{color: red;}
li p{font-size: 15px;}
.nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {background-color: rgb(108 117 125) !important;color: #ffffff !important;}
.nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {background-color:  #4E6659 !important;color: #ffffff !important;}
.btn-primary:hover {color: #ffffff;background-color: #4E6659 !important;border-color: #4E6659 !important;}
.btn-primary {color: #ffffff;background-color: #4E6659  !important;border-color: #4E6659 !important;box-shadow: none;}
.main-footer a {color: #4E6659 !important;}
.breadcrumb a {color: #4E6659 !important;}
.sidebar-sub-text{font-size: 13px;}
.bg-CD4051{color: #ffffff !important;background-color: #4E6659 !important;}
.bg-28a745{color: #ffffff !important;background-color: #28a745 !important;}
.bg-C1468D{color: #ffffff !important;background-color: #C1468D !important;}
.bg-8F62BC{color: #ffffff !important;background-color: #ff5a00 !important;}
.bg-207ACF{color: #ffffff !important;background-color: #207ACF !important;}
.bg-008D9C{color: #ffffff !important;background-color: #008D9C !important;}

.text-CD4051{color: #4E6659 !important;}
.text-28a745{color: #28a745 !important;}
.text-C1468D{color: #C1468D !important;}
.text-8F62BC{color: #ff5a00 !important;}
.text-207ACF{color: #207ACF !important;}
.text-008D9C{color: #008D9C !important;}

.brand-link{background-color: #ffffff !important;}
.card-primary.card-outline { border-top: 3px solid #4E6659;}
a:hover {
    color: #4E6659;
    text-decoration: none;
}
.card-primary:not(.card-outline)>.card-header {
    background-color: #4E6659 !important;
}
.disableClick{
  pointer-events: none;
  cursor: default;
  text-decoration: none;
  color: black;
}
/*.sidebar,.main-header{background-color: #1e0a0c !important;}*/

.add_edit_permision_main{
	padding:10px;
}


.add_edit_permision_clm_outer{
	display:flex;
}

.add_edit_permision_clm_lft{
	width:2%;
}
.add_edit_permision_clm_rht{
	width:98%;
}

.add_edit_permision_clm_hd{
	background:#343a40;
	padding:10px 15px;
	color:#fff;
	font-weight: 600;
	font-size:16px;
	line-height: 22px;
	border-radius:5px;
	margin-bottom:8px;
}

.add_edit_permision_clm_list{
	background:#f4f6f9;
	border:solid #343a40 1px;
	padding:10px 15px;
	color:#fff;
	font-weight: 600;
	font-size:16px;
	line-height: 22px;
	border-radius:5px;
	margin-bottom:8px;
}
.add_edit_permision_clm_pdng25{
	margin-left:25px;
}
.sub_dot1{
	background:url(../../images/sub_dot1.png) no-repeat;
	width:37px;
	height:117px;
	top: 15px;
    position: relative;
}
.add_wdit_per_list{
}
.add_wdit_per_list ul{
	display: flex;
	flex-wrap: wrap;
	margin:0;
	padding:0;
	list-style:none;
}
.add_wdit_per_list ul li{
	color:#343a40;
	width:25%;
}
.content-break{
	word-break: break-all;
	word-wrap: break-word;
}
.btn-info {
    color: #fff;
    background-color: #4E6659 !important;
    border-color: #4E6659 !important;
    box-shadow: none;
}
.btn-warning {
    color: #fff !important;
    background-color: #ff5a00 !important;
    border-color: #ff5a00 !important;
    box-shadow: none;
}
.btn-default {
   color: #fff !important;
    background-color: #4E6659 !important;
    border-color: #4E6659 !important;
}
.page-item.active .page-link {
    color: #fff !important;
    background-color: #4E6659 !important;
    border-color: #4E6659 !important;
}
.btn-secondary {
    color: #fff !important;
    background-color: #ff5a00 !important;
    border-color: #ff5a00 !important;
    box-shadow: none;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #4E6659 !important;
}
.page-link {
    color: #000 !important;
}
.card-footer.p-0 ul.nav.flex-column a.nav-link {
    color: #000 !important;
}

.login-box .card-header {
    padding: 1.5rem;
}
.login-box .card-body {
    padding: 1.5rem;
}
.login-box, .register-box {
    width: 450px;
}
.login-box .form-control{height: 45px}
.login-box .btn{padding: 10px}
.login-box-msg, .register-box-msg {
    margin: 0;
    padding: 0 20px 20px;
    text-align: center;
    font-size: 18px;
}
.login-page, .register-page{
	background:url(../../images/bg_patern.jpg) no-repeat;
	width:100%;
	height:100vh;
	background-size: cover;
	background-position: center;
}
.login-box .card {
    box-shadow: 0 0 2px rgba(0, 0, 0, .125), 0 3px 10px rgb(0 0 0 / 20%);
    border-radius: 20px;
}

.widget-user-2 .widget-user-image>img {
    float: left;
    height: auto;
    width: 85px !important;
    border-radius: 0px;
    box-shadow: none !important;
}
.widget-user-2 .widget-user-header {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding: 1rem;
    display: flex;
    align-items: center;
}
.widget-user-2 .widget-user-desc, .widget-user-2 .widget-user-username {
    margin-left: 20px !important;
    font-size: 20px !important;
}

.brand-link .brand-image {
    opacity: 1 !important;
}
.navbar-dark {
    background-color: #4E6659 !important;
    border-color: #4E6659 !important;
}
.content-wrapper {
    background-color: #ffffff !important;
}
.salesReportTable {
    overflow-x: scroll;
}
.card-body.salesReportTable.popularDestTble a.btn.btn-warning.btn-sm {
    margin-bottom: 10px;
}
.card-body.salesReportTable.popularDestTble a.btn.btn-info.btn-sm {
    margin-bottom: 10px;
}

.saleReportCard {
    background-color: #343a40 !important;
    color: #fff !important;
}

.Loader1 {
  border: 7px solid #f3f3f3;
  border-radius: 50%;
  border-top: 7px solid #4E6659;
  border-right: 7px solid #4E6659;
  border-bottom: 7px solid #4E6659;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.Loader2 {
  border: 7px solid #f3f3f3;
  border-radius: 50%;
  border-top: 7px solid #C1468D;
  border-right: 7px solid #C1468D;
  border-bottom: 7px solid #C1468D;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.Loader3 {
  border: 7px solid #f3f3f3;
  border-radius: 50%;
  border-top: 7px solid #ff5a00;
  border-right: 7px solid #ff5a00;
  border-bottom: 7px solid #ff5a00;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.Loader4 {
  border: 7px solid #f3f3f3;
  border-radius: 50%;
  border-top: 7px solid #207ACF;
  border-right: 7px solid #207ACF;
  border-bottom: 7px solid #207ACF;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.Loader5 {
  border: 7px solid #f3f3f3;
  border-radius: 50%;
  border-top: 7px solid #008D9C;
  border-right: 7px solid #008D9C;
  border-bottom: 7px solid #008D9C;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
.ChartLoader {
  border: 16px solid #4E6659;
  border-radius: 50%;
  border-top: 16px solid #C1468D;
  border-right: 16px solid #28a745;
  border-bottom: 16px solid #ff5a00;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.bootstrap-tagsinput .tag {
    background-color: #4E6659;
}


@media (max-width: 576px) {
    .login-box, .register-box {
        margin-top: .5rem;
        width: 90%;
    }
}