/*************20May Start*****************/
.info-box-text {
	font-weight: 500;
	color: #000000 !important;
	font-size: 16px !important;	
}

.info-box-number {
	padding-top: 0px;
	font-size: 18px;
	color: #7a7a7a;
	line-height: 24px;
}

.info-box.info-box-new-style {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	min-height: 150px;
	border-radius: 20px;
}

.info-box-new-style .info-box-content {
	margin-left: 0px !important;
}

.info-box-icon {
	margin-top: 10px;
	margin-right: 20px;
}

.skin-blue-light .content-wrapper .content-header-custom {
	background-color: #f8f9fe;
	/**background-image: none;**/

}

.skin-blue .main-header .navbar,
.skin-blue-light .main-header .navbar {
	background-color: #ffffff;
	background-image: none;
}

.skin-blue .main-header .logo,
.skin-blue-light .main-header .logo {
	background: #ffffff !important;
}

.info-box-new-style .info-box-icon {
	border-radius: 10px;
}

.bg-aqua {
	background-color: #c1c0ff !important;
}
/*************20May End*****************/

/*************21May Start*****************/
.bg-green {
	background-color: #6ee1a7 !important;
}

.bg-yellow {
	background-color: #fed164 !important;
}

.bg-red {
	background-color: #ff9b75 !important;
}

.fs-10 {
	font-size: 14px;
	padding-right: 22px;
}

.main-header .logo .logo-lg {
	color: #4880FF;
	text-align: left;
	font-size: 22px;
}

.fa-bell {
	color: #4880FF;
	
}

.navbar-nav .dropdown-toggle span {
	color: #202224;
}

.pull-left strong {
	color: #202224;
}

.skin-blue-light .main-header .navbar .sidebar-toggle {
	color: #7a7a7a;
}

.content-wrapper {
	border: 1px solid#e0e0e0;
	background-color: #ffffff;
}

.box-header .box-title {
	color: #202224 !important;
	font-size: 24px;
}

.skin-blue-light .sidebar-menu>li {
	margin: 0px;
}

.skin-blue-light .sidebar-menu>li:hover>a {
	background-color: #4880FF !important;
	border-radius: 5px;
	margin: 0px;
}
.skin-blue-light .sidebar-menu>li.active>a{
					background-color: #4880FF !important;
					border-radius: 5px;
					color: #ffff !important;
}

.skin-blue-light .sidebar-menu>li:hover>a>i,
.skin-blue-light .sidebar-menu>li:hover>a>span {
	color: #ffff !important;
}

.sidebar-menu>li>a {
	padding: 10px !important;
}

.box.box-primary,
.box.box-warning {
	border: none !important;
}



input.form-control {
	background-color: #E2EAF8;
	border-radius: 5px;
	padding: 20px;
}

/*************21May End*****************/

/*************24May start*****************/
.right-col{
	 background-image: url('https://fastandrightservices.com/pos/public/img/Background-Login.jpg');
	 background-repeat: no-repeat;
	 background-size: cover;
	 background-color: #8abcf0 !important;
	 background-position: center center;
}

.login-form {
    background-color: #fff;
    border-radius: 5px;
    padding: 50px;
    margin-top: 150px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-right: 0px;
}
.justify-content-md-center {
	display: flex;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.btn-primary {
    background: #4880FF;
    border-color: #4880FF;
}

.form-header{
	color:#202224;
	font-size:24px;
	font-weight:600;
}

.wizard > .content {
    background: #ffffff !important;
}

.wizard>.steps .error a {
			background: #558bff;
}

.wizard>.steps .error a:hover{
	background: #8280FF;
}
/*************24May end*****************/

/*************10june start*****************/


.skin-blue-light .content-wrapper .content-header-custom {
	background-image: none;
}

.skin-blue-light .content-wrapper .content-header-custom h1{
	color:#202224!important;
}

.input-group .input-group-addon,
.input-group-btn:first-child>.btn {
    border-radius: 5px 0px 0px 5px!important;
    background-color: #e2eaf8;
  
}

.input-group .form-control:last-child,
 .input-group-btn:last-child>.btn{
    border-radius: 0px 5px 5px 0px!important;
    background-color: #e2eaf8;
    
}

.select2-container--default .select2-selection--single{
	 background-color: #e2eaf8;
	 border-radius:5px;
}
input.form-control {
	padding:0px!important;
}
/* .pos_product_div{
	min-height:150px!important;
	max-height:0px!important;
} */
.box{
	border-radius:20px!important;
box-shadow: 1px 1px 2px 1.5px rgb(175 175 175 / 42%) !important;
    margin-left: 10px;
}


.dataTables_scrollBody table td{
	padding:10px!important;
}

table{
            border-collapse:separate;
            border-spacing:0 15px;
        }

tr{
	 box-shadow: 1px 1px 8px 1px #d9d9d9;
}  

table button{
	padding:5px 10px!important;
	background-color: #4880FF !important;
	border:2px solid #4880FF!important;
    border-radius: 5px;
 color: #ffff !important;
}  
/*************10june end*****************/

/***********************11june start************************/


.treeview-menu a::before {
    content: "\2022 ";
color:#4880ff;
    padding-right: 10px;
    font-size: 16px;
}

.sidebar-menu li.active>a {
    font-weight: 500 !important;
}

.content.content-custom.no-print{
background-color:#f8f9fe;
}


.skin-blue-light .sidebar-menu>li>.treeview-menu {
    background: #f8f9fe!important;
}
#product_brand_div .select2-container--default .select2-selection--single{
	border-radius: 5px;
}

.product_box{
	border-radius:5px;
}

.pos-form-actions .col-md-12{
	display: flex;
    justify-content:center;
}

.pos-form-actions .col-md-12 .btn{
	margin:0px 10px;
}

.pos-form-actions .btn.btn-flat,.pos-form-actions .pos-total{
	border-radius: 8px;
    padding: 0px 20px;
    font-size: 16px;
}

.pos-header .btn{
	border-radius: 5px;
	    padding: 8px 10px;
}
.navbar-custom-menu .btn{
	border-radius:5px;
	padding: 5px 12px;
}
/***********************11june end************************/

/***********************14june start************************/
.dropdown-menu {
	background-color: #f8f9fe;
}

.dropdown-menu>li>a {
    font-size: 16px;
    letter-spacing: 0.5px;
    font-weight: 500;
   color: #444444;
    padding: 10px 10px;
   }

  .dropdown-menu>li>a:hover{ background-color: #3c8dbc;
    color: #ffff;
    border-radius: 0px;
   
}
.form-control{border-radius:5px!important;
}

.icheckbox_square-blue, .iradio_square-blue{
	border-radius:1px;
}
.btn-group .btn-default{
	padding:10px 20px;
}
.btn-xs{
	padding:10px;
	}

/***********************14june end************************/
/***********************16june start************************/
.login-form{
	width:22%;
}
input.form-control {
    padding: 0px 10px !important;
}

.btn.bg-maroon.btn-flat{
	border-radius:3px;
}

.main-header .navbar-custom-menu a.btn-flat{
	order:4;
	}

.main-header .navbar-custom-menu #view_todays_profit{
				order:3;
}

.main-header .navbar-custom-menu .nav.navbar-nav{
				order:6;
}

.main-header .navbar-custom-menu div.pull-left{
				order:5;
}

.main-header .navbar-custom-menu .btn-success {
	background-color:#4880ff;
	border-color:#4880ff;
}

.main-header .navbar-custom-menu .btn-success:hover {
	background-color:#367fa9;
	border-color:#367fa9;
}

.navbar-custom-menu .btn {
	padding:8px 14px;
}

.navbar-custom-menu .pull-left strong {
	color:#ffffff;
}

.user-footer a.btn-flat{
	background-color: #4880ff;
    color: #ffffff;
    border-color: #4880ff;
}

.navbar-nav>.user-menu>.dropdown-menu>.user-footer .btn-default {
    color: #ffffff;
}

.navbar-nav>.user-menu>.dropdown-menu{
	width:200px;
}

.info-box-new-style .info-box-icon{
	height:50px;
	width:50px;
}

.info-box-number {
	font-weight:500;
}

.user-header p{
 text-align:right;
 color:#444444!important;
}

.user-menu.open .dropdown-menu{
	height:175px;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header{
	height:60px;
}

.skin-blue .main-header li.user-header, .skin-blue-light .main-header li.user-header {
	background-color:transparent;
}

.user-header{
	border-bottom: 1px solid #4444;
}

.user-menu.open .dropdown-menu{
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#user_info_tab p{
	background-color: #ededed;
    padding: 5px 5px;
}

.box-body.box-profile p{
	background-color: #ededed;
    padding: 5px;
}

.nav-tabs-custom .nav-tabs li.active a{
	background-color: #4880ff;
    color: #fff;
    border-radius: 8px;
}

.nav-tabs-custom .nav-tabs li.active a:hover{
	background-color: #4880ff;
    color: #fff;
    }

.nav-tabs-custom .nav-tabs li a{
	border: none!important;
    background-color: #f9f9f9;
}   

.nav-tabs-custom .nav-tabs li{
	padding:0px 5px!important;
} 


.nav-tabs-custom>.nav-tabs>li.active{
	border:none;
}

@media (min-width: 768px) {
    .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu>li:hover>.treeview-menu{
    	width:220px!important;
    }
}

/*****************************Mobile************************************************
***********************************Responsive***********************************/

@media screen and (max-width: 767px){
  
  .content.content-custom.no-print {
  	background-color:transparent;
  }

  .info-box.info-box-new-style {
    min-height: 80px;
    border-radius: 10px;
}
	
	.btn-default{
    padding: 6px 12px!important;
    margin:3px!important;
}

.login-form {
    width: 80%!important;
}

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.login-form {
    width: 50%!important;
}
}