.navbar-brand{font-size:25px}

.hover_highlight{
	border-radius:2px;
	overflow: hidden;
	padding: 5px 10px;
	cursor: pointer;
	margin: 1%;
	border: 1px solid #eee;
	width: 23%;
}
.hover_highlight:hover{
	background: #f6f8f8;
}

.btn-primary {
	color: #fff !important;

}

.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem!important; }
.m-3 { margin:1rem!important; }
.m-4 { margin:1.5rem!important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0 !important;margin-right:0 !important; }
.my-0 { margin-top:0!important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }                             
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }         
.pr-1 { padding-right:.25rem!important; }                       
.pb-1 { padding-bottom:.25rem!important; }      
.pl-1 { padding-left:.25rem!important; }                            
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }                                              
.pr-2 { padding-right:.5rem!important; }                                
.pb-2 { padding-bottom:.5rem!important; }               
.pl-2 { padding-left:.5rem!important; }                                             
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }                               
.pr-3 { padding-right:1rem!important; }             
.pb-3 { padding-bottom:1rem!important; }                
.pl-3 { padding-left:1rem!important; }                              
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }                             
.pr-4 { padding-right:1.5rem!important; }               
.pb-4 { padding-bottom:1.5rem!important; }              
.pl-4 { padding-left:1.5rem!important; }                                
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }   
.pr-5 { padding-right:3rem!important; } 
.pb-5 { padding-bottom:3rem!important; }    
.pl-5 { padding-left:3rem!important; }  
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }

.bg_light_gray{
	background-color: #f7f7f7 !important;
}
.bg_gray{
	background-color: #ddd  !important;
}
.card_grid {
	display: grid;
}


 #accordionStocks .panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #EEEEEE;
}

#accordionStocks .panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: #fff !important;
	border-color: #EEEEEE;
}

#accordionStocks .panel-title {
	font-size: 14px;
}

#accordionStocks .panel {
    border-radius: 0px !important; 
}

#accordionStocks .panel-title > a {
	display: block;
	padding: 15px;
	text-decoration: none;
}

#accordionStocks .more-less {
	float: right;
	color: #212121;
}

 #accordionStocks .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #EEEEEE;
}


#accordianAchievementList .panel-group .panel, #accordianAchievementChart .panel-group .panel {
	border-radius: 0;
	box-shadow: none;
	border-color: #EEEEEE;
}

#accordianAchievementList .panel-default > .panel-heading, #accordianAchievementChart .panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
	color: #212121;
	background-color: #fff !important;
	border-color: #EEEEEE;
}

#accordianAchievementList .panel-title, #accordianAchievementChart .panel-title {
	font-size: 14px;
}

#accordianAchievementList .panel, #accordianAchievementChart .panel {
    border-radius: 0px !important; 
}

#accordianAchievementList .panel-title > a, #accordianAchievementChart .panel-title > a {
	display: block;
	padding: 15px;
	text-decoration: none;
}

#accordianAchievementList .more-less, #accordianAchievementChart .more-less {
	float: right;
	color: #212121;
}

 #accordianAchievementList .panel-default > .panel-heading + .panel-collapse > .panel-body, #accordianAchievementChart .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #EEEEEE;
}

.has-error {
	border: 1px solid red;
}
.has-success {
	border: 1px solid green;
}
.bg-returned {
    color: #3c3b3b !important;
    background-color: #ecdbdbab !important;
}
.bg-received {
    color: #3c3b3b !important;
    background-color: #cbe9cc !important;
}
.bg-toreceive {
    color: #3c3b3b !important;
    background-color: #e2e2e2 !important;
}
#tot_notify_order_return_stock > .badge-primary {
	background-color: #23b7e5 !important;
} 
#tot_notify_receive_stock > .badge-primary {
	background-color: #23b7e5 !important;
}
#tot_orders_count > .badge-success{
	background-color: #01980a !important;
}
#tot_returns_stock_count > .badge-danger{
	background-color: #f05050 !important;
}
#tot_stocks_to_recieve .badge-success {
	background-color: #01980a !important;
}
#recieve_stocks_re_count .badge-success {
	background-color: #01980a !important;
}
.dashboardBlock {
background-color: #fff;
}
.bg-card-grey-bluish {
	color: #f4f3f9 !important;
    background-color: #daeaef !important;
}

.bg-card-grey-redish {
	color: #f4f3f9 !important;
    background-color: #fef1ec !important;
}
.text-blackish {
    color: #3a3f51;
}
.modal-lg.custom-width {
    width: 90%;
}
.overflow-scroll-x {
    overflow-x: scroll;
    white-space: nowrap;
}

#outletTargetVsAchievement .panel-heading {
        padding: 0 !important;
        border-bottom: none !important;
    }

    #outletTargetVsAchievement .nav-tabs {
        border-bottom: none;
        margin-bottom: 0;
    }

    #outletTargetVsAchievement .nav-tabs > li > a {
        font-weight: 500;
    }
    #outletTargetVsAchievement .nav-tabs > li > a:hover {
        background-color: #5cb85c;
        color: #fff;
        font-weight: 600;
    }

    #outletTargetVsAchievement .nav-tabs > li > a i {
        margin-right: 6px;
        font-size: 14px;
    }

    #outletTargetVsAchievement .nav-tabs > li.active > a,
    #outletTargetVsAchievement .nav-tabs > li.active > a:hover,
    #outletTargetVsAchievement .nav-tabs > li.active > a:focus {
        background-color: #5cb85c;
        color: #fff;
        font-weight: 600;
    }

    #outletTargetVsAchievement .panel-body {
        padding: 0 !important;
    }

    #outletTargetVsAchievement .tab-content {
        margin-top: -1px;
    }

    #outletTargetVsAchievement .tab-pane {
        display: none;
        padding: 20px;
    }

    #outletTargetVsAchievement .tab-pane.active {
        display: block;
    }

    #outletTargetVsAchievement .table {
        margin-bottom: 0;
        border-collapse: collapse;
    }

    #outletTargetVsAchievement .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #f5f5f5;
    }

    #outletTargetVsAchievement .table-hover > tbody > tr:hover {
        background-color: #f0f0f0;
    }

    #outletTargetVsAchievement .table > thead > tr > th {
        color: #333;
        background-color: #f9f9f9;
        padding: 12px;
        font-weight: 600;
        border-bottom: 1px solid #ddd;
    }

    #outletTargetVsAchievement .table > tbody > tr > td {
        padding: 12px;
        border-bottom: 1px solid #ddd;
    }

    #outletTargetVsAchievement .table > tbody > tr:last-child > td {
        border-bottom: none;
    }

    #outletTargetVsAchievement .table-bordered {
        border: none;
    }

    #outletTargetVsAchievement .table-responsive {
        border: none;
    }

	#outletTargetVsAchievement .panel-group {
        margin-bottom: 20px;
    }

    #outletTargetVsAchievement .panel {
        border: 1px solid #ddd;
        border-radius: 4px;
        margin-bottom: 15px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
    }

    #outletTargetVsAchievement .panel-heading {
        background-color: #f9f9f9;
        border-bottom: 1px solid #ddd;
        padding: 12px 15px;
    }

    #outletTargetVsAchievement .panel-title {
        margin: 0;
        font-size: 14px;
    }

    #outletTargetVsAchievement .panel-title a {
        color: #333;
        text-decoration: none;
        display: block;
        padding: 0;
    }

    #outletTargetVsAchievement .panel-title a:hover {
        color: #007bff;
    }

    #outletTargetVsAchievement .panel-body {
        padding: 15px;
        background-color: #fff;
    }

    #outletTargetVsAchievement .panel-body .table {
        margin-bottom: 0;
    }

    #outletTargetVsAchievement .panel-body .table thead {
        background-color: #f5f5f5;
    }

    #outletTargetVsAchievement .panel-body .table thead th {
        padding: 12px;
        font-weight: 600;
        color: #333;
        border-bottom: 1px solid #ddd;
    }

    #outletTargetVsAchievement .panel-body .table tbody td {
        padding: 12px;
        border-bottom: 1px solid #eee;
        vertical-align: middle;
    }

    #outletTargetVsAchievement .panel-body .table tbody tr:hover {
        background-color: #f9f9f9;
    }

#outletTargetVsAchievement .more-less {
    margin-top: 8px;
    margin-right: 8px;
}

    #outletTargetVsAchievement .row {
        margin-left: 0;
        margin-right: 0;
    }


#outletTargetVsAchievement .bg-success {
    color: #f5f9f6;
    background-color: #016719;
}
#outletTargetVsAchievement .progress-success {
    background-color: #c4cfc3 !important;
}
#outletTargetVsAchievement .bg-warning, #outletTotal .bg-warning {
    color: #fdfdfd;
    background-color: #d97703;
}
#outletTargetVsAchievement .progress-warning {
    background-color: #e1d4c4;
}

#outletTargetVsAchievement .glyphicon {
        left: 15px !important;
    }

    .chek_disabled input:checked+i:before {
    background-color: #23b7e5;
}
	
.chek_disabled input[disabled]+i, .chek_disabled input+i {
	 border-color: #dee5e7 !important;
}


.ta-label {
        font-size: 14px;
    }
    .heading_model .panel-title a {
        display: block;
        text-decoration: none;
        color: inherit;
    }

    .heading_model .panel-title a > .row > .col-md-12 {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }

    .heading_model_moreless {
        float: right;
        margin-left: auto;
    }
    #outletTargetVsAchievement .more-less {
    margin-top: 8px;
    margin-right: 21px;
}
.tab-centered {
    max-width: 20%;
    margin: 3px 40% !important;
}
.blakLogo {
    width: 25%;
}

@media screen and (max-width: 768px) {
    #outletTargetVsAchievement .glyphicon {
        left: 15px !important;
    }
    .tab-centered {
    max-width: 50%;
    margin: 3px 20% !important;
   }
.blakLogo {
    width: 35%;
  }
}