/* ------- new css start ---------*/

.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0.5em 5px !important;
}
.dataTables_paginate .pagination .page-item {
    margin: 0 5px !important;
}
    
#header .navbar .right_nav li.user_info:hover .dropdown-menu{
    display:block;
    opacity: 1;
    visibility: visible;
}
#header .navbar .right_nav li.user_info .dropdown-menu{
    margin-top: 0;
    top: 30px;
    right: -23px;
}
#header .navbar .right_nav li.user_info .dropdown-menu a:focus, #header .navbar .right_nav li.user_info .dropdown-menu a:hover {
    background-color: #232a3c;
    color: white;
}
.sidemenu .nav>li.active>a {
    background-color: #3f4c6b;
}
.postal-code.table thead tr th,.postal-code.table tbody tr td {
    width: 20% !important;
    text-align: center;
}
#Region-listing.table thead tr th,#Region-listing.table tbody tr td,
#Quantity-listing.table thead tr th,#Quantity-listing.table tbody tr td,
#category-listing.table thead tr th,#category-listing.table tbody tr td{
    width: 20% !important;
}
.manage-reporting .table tr th,.manage-reporting .table  tr td {
    text-align: center;
}
.manage-table.table thead tr th,.manage-table.table tbody tr td,
#MadeBy-listing.table thead tr th,#MadeBy-listing.table tbody tr td,
#AbvRange-listing.table thead tr th,#AbvRange-listing.table tbody tr td,
#Varietal-listing.table thead tr th,#Varietal-listing.table tbody tr td{
    width: 25% !important;
}
.postal-code.table tbody tr td .dropdown {
    margin: 0 auto;
}
.dataTables_paginate .pagination .page-item:not(:last-child) {
    padding: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{
    background: transparent !important;
    border-color: transparent !important;
}
table thead {
    background: #ebebeb;
}
.common-table .table thead tr th.w_80 {
    font-size: inherit;
}
.common-table .table tbody tr td .dropdown .dropdown-menu{
    margin:0;
}
.common-table .table tbody tr td .dropdown:hover .dropdown-menu{
    display:block !important;
}
button.buttons-html5 {
    padding: 10px 20px !important;
    font-weight: 600;
    letter-spacing: 1px;
}
a.btn,button.btn,button.buttons-html5 {
    font-size: 12px !important;
    background: #232a3c !important;
    border: none !important;
    color:#fff !important;
    border-radius:3px !important;
    height:auto !important;
}
a.btn:hover,button.btn:hover,button.buttons-html5:hover {
    background: #444549 !important;
}
.common-table .table thead tr th .sorting {
   position: relative;
    padding-right: 15px;
    display: inline-block;
    line-height: 1;
    word-break: initial !important;
    white-space: normal;
    font-size: 14px;
}
.common-table .table thead tr th {
    padding: 15px;
}
/* ------- new css end ---------*/
.main-section{
	width:100%;
	margin:0 auto;
	/*text-align: center;*/
	padding: 0px 5px;
	    /*background: #fff;*/
    margin-bottom: 20px;
        border: 1px solid #e0e0e0;
    border-radius: 3px;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
}
.dashbord{
	width:24%;
	display: inline-block;
	/*background-color:#34495E;*/
	color:#fff;
    /*margin-top: 50px; 
	padding-left:10px;*/
}
.dashbord {
    width: calc((100% / 2) - 5px);
    }
.icon-section  {
    background: #fff !important;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 9%);
    color: #232a3c;
    min-height: 149px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 20px;
}
.detail-section {
    background: #232a3c !important;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 9%);
    color: #fff !important;
}
.icon-section p {
    font-size: 24px;
    padding-bottom: 14px;
}
.dashbord{
	margin-bottom: 30px;
	text-align: center;
}

.icon-section i{
	font-size: 30px;
	padding:10px;
	border:1px solid #fff;
	border-radius:50%;
	margin-top:-25px;
	margin-bottom: 10px;
	background-color:#34495E;
}
.icon-section p{
	margin:0px;
	font-size: 14px;
/*	padding-bottom: 10px;*/
padding-top: 10px;
    font-family: 'AvenirLTStdMedium';

}
.detail-section{
	background-color: #2F4254;
	padding: 5px 0px;
}
.dashbord .detail-section:hover{
	background-color: #5a5a5a;
	cursor: pointer;
}
.detail-section a {
    color: #fff;
    text-decoration: none;
    font-weight: 800;
}
.icon-section .fa {
    /*background: #fff !important;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);*/
    font-size:55px;
}
.dashbord-green .icon-section,.dashbord-green .icon-section i{
	background-color: #16A085;
}
.dashbord-green .detail-section{
	background-color: #149077;
}
.dashbord-orange .icon-section,.dashbord-orange .icon-section i{
	background-color: #F39C12;
}
.dashbord-orange .detail-section{
	background-color: #DA8C10;
}
.dashbord-blue .icon-section,.dashbord-blue .icon-section i{
	background-color: #2980B9;
}
.dashbord-blue .detail-section{
	background-color:#2573A6;
}
.dashbord-red .icon-section,.dashbord-red .icon-section i{
	background-color:#E74C3C;
}
.dashbord-red .detail-section{
	background-color:#CF4436;
}
.dashbord-skyblue .icon-section,.dashbord-skyblue .icon-section i{
	background-color:#8E44AD;
}
.dashbord-skyblue .detail-section{
	background-color:#803D9B;
}

#duration_change{
	max-width: 250px;
}
.menu__subcategory__inner {
    margin-bottom: 30px;
    position: relative;
}

.menu__subcategory__inner .subcategory__name {
    display: inline-block;
    border: 2px solid rgb(210, 210, 210);
    border-radius: 30px;
    padding: 9px 25px;
    margin-left: 15px;
    color: rgb(101, 101, 101);
    background: #fff;
    font-weight: 500;
    font-size: 16px;
}

.menu__subcategory__inner .subcategory__name .close{
    color: red;
    font-size: 20px;
}
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;   
    cursor: inherit;
    display: block;
}

.page-title-row .right-side span.btn-danger {
    margin-left: 15px;
    height: 44px;
}