/*common styles*/
	
	@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";


	body {
		min-width: 320px;
	}
	
	#loading {
		  position: fixed;
		  display: flex;
		  justify-content: center;
		  align-items: center;
		  width: 100%;
		  height: 100%;
		  top: 0;
		  left: 0;
		  opacity: 0.7;
		  background-color: #fff;
		  z-index: 99;
	}

	#loading-image {
		z-index: 100;
	}
	
	td.truncate {
      max-width: 250px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
	
	/* Simple styles for modal dialog and progress */
    #exportDialog { border: solid 1px #888; padding:20px; }
    #progress { margin-top: 10px; }

	p {
		font-size: 1.1em;
		font-weight: 300;
		line-height: 1.7em;
		color: #495057;
	}

	a, a:hover, a:focus {
		color: inherit;
		text-decoration: none;
		transition: all 0.3s;
	}
	.center-block {
		display: block;
		margin-right: auto;
		margin-left: auto;

	} 
	.invalid-feedback {
		display:block !important;
	}
	.valid-feedback {
		display:block !important;
	}
	.breadcrumb-item a {
		color:#000 !important;
	}
	.breadcrumb-item a:hover {
		color:#999 !important;
	}
	
	#showDiv_on_select{
		display: none;
	}
	
	.powered_by_stripe_logo{
		height: 25px;
	}
	
	/*list style & class*/
		ul>li{
			list-style: none !important;
		}
		ul.have-style>li {
			list-style-type: inherit !important;
		}
		ol.have-style>li {
			list-style-type: square !important;
			
		}

	/*font size*/
		.font-8, .font-8 a, .font-8 p, p.font-8{
			font-size: 8px !important;
		}
		.font-10, .font-10 a, .font-10 p, p.font-10{
			font-size: 10px !important;
		}
		.font-12, .font-12 a, .font-12 p, p.font-12, .font-12 ul li a, .font-12 ul.sub-menu > li > a{
			font-size: 12px !important;
		}
		.font-14, .font-14 a, .font-14 p, p.font-14, .font-14 ul li a, .font-14 ul.sub-menu > li > a{
			font-size: 14px !important;
		}
		.font-16, .font-16 a, .font-16 p, p.font-16, .font-16 ul li a, .font-16 ul.sub-menu > li > a{
			font-size: 16px !important;
		}
		.font-18, .font-18 a, .font-18 p, p.font-18{
			font-size: 18px !important;
		}
		.font-20, .font-20 a, .font-20 p, p.font-20{
			font-size: 20px !important;
		}
		.font-22, .font-22 a, .font-22 p, p.font-22{
			font-size: 22px !important;
		}
		.font-24, .font-24 a, .font-24 p, p.font-24{
			font-size: 24px !important;
		}
		.font-28, .font-28 a, .font-28 p, p.font-28{
			font-size: 28px !important;
		}
		.font-32, .font-32 a, .font-32 p, p.font-32{
			font-size: 32px !important;
		}
		.font-38, .font-38 a, .font-38 p, p.font-38{
			font-size: 38px !important;
		}
		.font-42, .font-42 a, .font-42 p, p.font-42{
			font-size: 42px !important;
		}
		.font-48, .font-48 a, .font-48 p, p.font-48{
			font-size: 48px !important;
		}
		
	/**/
	div.header-task-li-num>p, div.header-task-li-content>p, div.header-task-li-content>p span, div.header-task-li-content>p a{
	    font-size: 10px !important;
	}
		
	/*table font size*/
		.t-font-10>thead>tr>th, .t-font-10>tbody>tr>td, .t-font-10>tbody>tr>td>a, .t-font-10>tbody>tr>td>a>i, .t-font-10>tbody>tr>td>a>span, .t-font-10>tbody>tr>td>span{
			font-size: 10px !important;
		}
		.t-font-11>thead>tr>th, .t-font-11>tbody>tr>td, .t-font-11>tbody>tr>td>a, .t-font-11>tbody>tr>td>a>i, .t-font-11>tbody>tr>td>a>span, .t-font-11>tbody>tr>td>span{
			font-size: 11px !important;
		}
		.t-font-12>thead>tr>th, .t-font-12>tbody>tr>td, .t-font-12>tbody>tr>td>a, .t-font-12>tbody>tr>td>a>i, .t-font-12>tbody>tr>td>a>span, .t-font-12>tbody>tr>td>span{
			font-size: 12px !important;
		}
		.t-font-14>thead>tr>th, .t-font-14>tbody>tr>td, .t-font-14>tbody>tr>td>a, .t-font-14>tbody>tr>td>a>i, .t-font-14>tbody>tr>td>a>span, .t-font-14>tbody>tr>td>span{
			font-size: 13px !important;
		}
		
	
		
	/*font size for input-group-text*/
		span.input-group-text.font-14{
			font-size: 12px !important;
		}
		
	/* color class */
		.color-zo-blue, .color-zo-blue p, p .color-zo-blue, .color-zo-blue a, a .color-zo-blue, th.color-zo-blue {
			color: #0C3C96! important;
		}
		.color-zo-green, .color-zo-green p, p .color-zo-green, .color-zo-green a, a .color-zo-green, th.color-zo-green {
			color: #27AC69! important;
		}
		.color-white, .color-white p, p .color-white, .color-white a, a .color-white, th.color-white {
			color: #fff! important;
		}
		.color-red, .color-red p, p .color-red, .color-red a, a .color-red {
			color: #dd241b! important;
		}
		.color-blue, .color-blue p, p .color-blue, .color-blue a, a .color-blue {
			color: #314a5b! important;
		}
		.color-pink, .color-pink p, p .color-pink, .color-pink a, a .color-pink {
			color: #fa5c65! important;
		}
		.color-lite-blue, .color-lite-blue p, p .color-lite-blue, .color-lite-blue a, a .color-lite-blue {
			color: #9aa0ab! important;
		}
		.color-lite-dark {
			color: #e7e7e7! important;
		}
		.color-gray {
			color: #767c7e! important;
		}
		.color-black, .color-black a, .color-black p {
			color: #000! important;
		}
		
	/* background color class */
		.bkg-zo-blue {
			background: #0C3C96;
		}
		.bkg-zo-green {
			background: #27AC69;
		}
		.bkg-gray {
			background: #e7e7e7;
		}
		.bkg-white {
			background: #fff;
		}
		.bkg-black {
			background: #000;
		}
		.bkg-yellow {
			background-color: #fde52c;
		}
		.bkg-blue {
			background-color: #283891;
		}
		.bkg-lite-dark {
			background-color: #1a1a1a;
		}
		.bkg-dark-blue {
			background-color: #002e5b;
		}
		
	/* button */
		.btn {
			border-radius: 0! important;
		}
		.btn-outline-zo-blue {
			color: #fff;
			background-color: #0c3c96;
			background-image: none;
			border-color: #0c3c96;
		}
		.btn-outline-zo-blue: hover {
			color: #0c3c96;
			background-color: #fff;
			background-image: none;
			border-color: #0c3c96;
		}
		.btn-outline-zo-green {
			color: #fff;
			background-color: #27ac69;
			background-image: none;
			border-color: #27ac69;
		}
		.btn-outline-zo-green: hover {
			color: #27ac69;
			background-color: #fff;
			background-image: none;
			border-color: #27ac69;
		}
		.btn-outline-white {
			color: #fff;
			background-color: transparent;
			background-image: none;
			border-color: #fff;
		}
		.btn-outline-white: hover {
			color: #27ac69;
			background-color: transparent;
			background-image: none;
			border-color: #27ac69;
		}
		.btn-outline-pink {
			color: #fff;
			background-color: #fa5c65;
			background-image: none;
			border-color: #fa5c65;
		}
		.btn-outline-black {
			color: #fff;
			background-color: #000;
			background-image: none;
			border-color: #fa5c65;
		}
		
		
	/*title*/
		.form-title .add-employee-title{
			font-size: 18px !important;
		}
		.title{
			font-size: 20px !important;
		}
		.sub-title{
			font-size: 18px !important;
		}
		
	/*table style*/
		table.data-table{}
		
	/*bootstrap form control style*/
		.form-control {
			font-size: 12px !important;
		}
		
	.button-radius-0 {
		border-radius: 0px !important;
	}

/*font-weight*/

/*input group*/
	.custom-file {
		height: calc(1.5em + .0rem + 2px) !important;
	}
	.custom-file.ajex-custom-file {
        height: calc(1.5em + .75rem + 2px) !important;
    }
	

/*header*/
	.header {
		position: fixed;
		height: 70px;
		width: 100%;
		left: 0;
		top: 0;
		z-index: 1023;
		background-color: #fff;
		
	}
	.brand-logo{
		padding: 10px;
	}
	img.main-logo{
		height: 50px;
		padding-left: 15px;
		margin-top: 7px;
		transition: all .3s ease-out .3s;
	}
	@media all and (max-width:767px) { 
		img.main-logo{
			height: 40px;
		}
	}
	@media all and (max-width:425px) { 
		img.main-logo{
			height: 30px;
		}
	}
	@media all and (max-width:360px) { 
		img.main-logo{
			height: 22px;
			margin-top: 10px;
		}
	}
	.navbar {
		/*padding: 15px 10px;
		background: #fff;
		border: none;
		border-radius: 0;
		margin-bottom: 40px;
		box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);*/
	}

	.navbar-btn {
		box-shadow: none;
		outline: none !important;
		border: none;
	}

	.line {
		width: 100%;
		height: 1px;
		border-bottom: 1px dashed #ddd;
		margin: 40px 0;
	}
	.admin-sidebar-dropdown>.dropdown-menu{
		max-height: 600px;
	}
	.dropdown-menu.dropdown-caret-right.dropdown-caret:before, .dropdown-menu.dropdown-menu-right.dropdown-caret:before {
		left: auto;
		right: 9px;
	}
	.sidebar-dropdown>.dropdown-menu.dropdown-caret-right.dropdown-caret:before, .sidebar-dropdown>.dropdown-menu.dropdown-menu-right.dropdown-caret:before {
		left: auto;
		right: 135px;
	}
	.users-sidebar-dropdown>.dropdown-menu.dropdown-caret-right.dropdown-caret:before, .users-sidebar-dropdown>.dropdown-menu.dropdown-menu-right.dropdown-caret:before {
		left: auto;
		right: 120px;
	}
	.dropdown-menu.dropdown-caret:before {
		border-bottom: 7px solid rgba(0,0,0,.2);
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		left: 9px;
		top: -6px;
	}
	.dropdown-menu.dropdown-caret:after, .dropdown-menu.dropdown-caret:before {
		content: "";
		display: inline-block;
		position: absolute;
	}
	.dropdown-menu.dropdown-caret-right.dropdown-caret:after, .dropdown-menu.dropdown-menu-right.dropdown-caret:after {
		left: auto;
		right: 10px;
	}
	.sidebar-dropdown>.dropdown-menu.dropdown-caret-right.dropdown-caret:after, .sidebar-dropdown>.dropdown-menu.dropdown-menu-right.dropdown-caret:after {
		left: auto;
		right: 135px;
	}
	.users-sidebar-dropdown>.dropdown-menu.dropdown-caret-right.dropdown-caret:after, .users-sidebar-dropdown>.dropdown-menu.dropdown-menu-right.dropdown-caret:after {
		left: auto;
		right: 120px;
	}
	.dropdown-menu.dropdown-caret:after {
		border-bottom: 6px solid #FFF;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		left: 10px;
		top: -5px;
	}
	.dropdown-menu.dropdown-caret:after, .dropdown-menu.dropdown-caret:before {
		content: "";
		display: inline-block;
		position: absolute;
	}

	.axis-nav {
		height: 100%;
		margin: 0!important;
	}
	.axis-nav>li:first-child {
		border-left-width: 0;
	}
	.axis-nav>li.header-notification {
		line-height: 70px;
		height: 70px;
		border-left: 1px solid #E1E1E1;
		padding: 0;
		position: relative;
		float: left;
	}
	.axis-nav>li.profile-menu{
		width: 200px;
	}
	
	.axis-nav>li>ul li {
		line-height: 35px;
	}
	.grey {
		color: #777!important;
	}
	.purple {
		color: #17a2b8!important;
	}
	.green {
		color: #69AA46!important;
	}
	.light-blue {
		color: #93CBF9!important;
	}
	.axis-nav>li.grey>a:focus, .axis-nav>li.grey>a:hover, .axis-nav>li.open.grey>a {
		background-color: #4d638b;
	}
	.axis-nav>li.grey>a {
		background-color: #3b5991;
	}
	.axis-nav>li.open>a, .axis-nav>li>a:focus, .axis-nav>li>a:hover {
		background-color: #1e458c;
		color: #FFF;
	}
	.axis-nav>li>a {
		background-color: #254b92;
		color: #FFF;
		display: block;
		line-height: inherit;
		text-align: center;
		height: 100%;
		width: auto;
		min-width: 50px;
		padding: 0 8px;
		position: relative;
	}
	.axis-nav>li.purple>a {
		background-color: #17a2b8;
	}
	.axis-nav>li.green>a {
		background-color: #2E8965;
	}
	.axis-nav>li.light-blue>a {
		background-color: #0C3C96;
	}
	.dropdown-menu.dropdown-close.dropdown-menu-right {
		left: auto;
		/*right: -5px;*/
	}
	.axis-nav>li .dropdown-menu {
		z-index: 1031;
	}
	.dropdown-menu.dropdown-close {
		top: 92%;
		left: -5px;
	}
	.dropdown-navbar {
		padding: 0;
		width: 240px;
		-webkit-box-shadow: 0 2px 4px rgba(30,30,100,.25);
		box-shadow: 0 2px 4px rgba(30,30,100,.25);
		border-color: #BCD4E5;
	}
	.dropdown-menu {
		border-radius: 0!important;
		box-shadow: 0 2px 4px rgba(0,0,0,.2);
	}
	.dropdown-menu, .ui-datepicker {
		-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.2);
	}
	.axis-nav>li>a>.axis-icon {
		display: inline-block;
		font-size: 16px;
		color: #FFF;
		text-align: center;
		width: 20px;
	}
	.axis-icon {
		text-align: center;
	}
	.axis-nav>li>a>.badge {
		position: relative;
		top: -4px;
		left: 2px;
		padding-right: 5px;
		padding-left: 5px;
	}
	.badge-grey, .badge.badge-grey, .label-grey, .label.label-grey {
		background-color: #A0A0A0;
	}

	.badge {
		padding-top: 1px;
		padding-bottom: 3px;
		line-height: 15px;
	}
	.badge, .label {
		font-size: 12px;
	}
	.badge, .label {
		font-weight: 400;
		/*background-color: #ABBAC3;*/
		text-shadow: none;
	}
	
	.navbar-buttons>ul.axis-nav .dropdown-toggle::after { /*block down arrow*/
		display: block !important;
		border: 0 !important;
	}
	.axis-nav .nav-user-photo {
		margin: -4px 8px 0 0;
		border-radius: 100%;
		border: 2px solid #FFF;
		max-width: 30px;
		vertical-align: middle !important;
	}
	.user-info {
		max-width: 100px;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		text-align: left;
		/*vertical-align: top;*/
		line-height: 15px;
		position: relative;
		top: 6px;
	}
	.dropdown-menu>li>a {
		font-size: 13px;
		padding-left: 11px;
		padding-right: 11px;
		padding-bottom: 4px;
		margin-bottom: 1px;
		margin-top: 1px;
	}
	.user-menu>li>a {
		padding: 4px 12px;
	}
	.dropdown-navbar>li {
		padding: 0 8px;
		background-color: #FFF;
	}
	.dropdown-navbar>li.dropdown-header+li>a, .dropdown-navbar>li:first-child>a {
		border-top-width: 0;
	}
	.dropdown-navbar>li>a {
		padding: 10px 2px;
		margin: 0;
		border-top: 1px solid;
		font-size: 12px;
		line-height: 16px;
		color: #555!important;
		background-color: transparent!important;
		white-space: normal;
		border-top-color: #E4ECF3;
	}
	.dropdown-navbar .msg-photo {
		max-width: 42px;
		float: left;
		margin-top: 2px;
	}
	.dropdown-navbar .msg-body {
		display: block;
		line-height: 20px;
		white-space: normal;
		vertical-align: middle;
		margin-left: 50px;
	}
	.dropdown-navbar .msg-title {
		display: inline-block;
		line-height: 14px;
	}
	.dropdown-navbar .msg-time {
		display: block;
		font-size: 11px;
		color: #777;
	}
	
	@media all and (max-width:767px) { 
		.dropdown-menu.show {
			
		}
	}
	@media all and (max-width:575px) { 
		
	}
	@media all and (max-width:425px) { 
		
	}
	@media all and (max-width:360px) { 
		
	}
	

/*sidebar*/
	#sidebar {
		position: fixed !important;
		left: 0;
		top: 70px;
		bottom: 0;
		z-index: 999;
		overflow-y: scroll;
	}
	.wrapper {
		margin-top: 32px;
		display: flex;
		width: 100%;
		align-items: stretch;
	}


	#sidebar {
		min-width: 250px;
		max-width: 250px;
		background: #F8F9FA;
		color: #000;
		transition: all 0.6s cubic-bezier(0.945, 0.020, 0.270, 0.665);
		transform-origin: bottom left;
		
	}

	#sidebar.active {
		margin-left: -250px;
		transform: rotateY(100deg);
	}

	#sidebar .sidebar-header {
		padding: 10px;
	}
	
	#sidebar .mCSB_container{
		overflow: visible !important;
	}

	#sidebar ul.components {
		padding: 0;
	}

	#sidebar ul p {
		color: #fff;
		padding: 10px;
	}

	#sidebar ul li a {
		padding: 10px;
		
		display: block;
	}
	#sidebar ul li a:hover {
		color: #0c3c96;
		background: #fff;
	}

	#sidebar ul li.active > a{
		color: #0c3c96;
		background: #fff;
	}
	a[aria-expanded="true"] {
		
	}
	ul.sub-menu>li>a{
		
	}

	a[data-toggle="collapse"] {
		position: relative;
	}
	@media all and (max-width: 768px){
		#sidebar {
			top: 118px;
		}
	}
	.dropdown-toggle::after { /*block bootstrap down arrow*/
		display: block !important;
		border: 0 !important;
		content: "" !important;
	}

/*content menu-bar*/
	.menu-button{
		height: 48px;
		width: 48px;
	}
	.menu-breadcrumb .breadcrumb {
		background-color: transparent !important;
		border-radius: 0 !important;
	}

	@media all and (min-width: 769px){
		#content {
			margin-left: 250px;
		}
		.fixed-navbar{
			left: 250px;
		}
	}
	@media all and (max-width: 768px){
		.fixed-navbar{
			left: 0;
		}
		#content.margin-left>.fixed-navbar {
			left: 250px !important;
		}
	}

	#content.margin-left {
		margin-left: 0 !important;
	}
	.fixed-navbar{
		position: fixed !important;
		top: 70px;
		right: 0;
		z-index: 999;
		transition: all 0.3s;
	}
	#content.margin-left>.fixed-navbar {
		left: 0 !important;
	}
	#body-content {
		
	}

/*header mobile view*/	
	@media all and (max-width: 511px){
		.header {
			height: 45px;
		}
		.brand-logo{
			padding: 5px;
		}
		.axis-nav>li.header-notification {
			line-height: 45px;
			height: 45px;
		}
		.axis-nav>li.profile-menu{
			width: 100px;
		}
		.axis-nav>li .user-info{
			display: none;
		}
		.axis-nav > li > a {
			padding: 0 3px !important;
		}
		.axis-nav > li > a > .axis-icon {
			font-size: 16px;
			width: 13px;
		}
		.axis-nav .nav-user-photo {
			max-width: 30px;
		}
		.wrapper {
			margin-top: 5px;
		}
		#sidebar {
			top: 93px;
		}
		.fixed-navbar{
			top: 45px;
		}
	}
	
/*content*/
	#content {
		width: 100%;
		min-height: 100vh;
		transition: all 0.3s;
	}

	#body-content {
		padding: 20px;
		height: 100%;
		margin-top: 80px;
	}

	#sidebarCollapse {
		width: 48px;
		height: 48px;
		background: #27AC69;
		cursor: pointer;
	}

	#sidebarCollapse span {
		width: 80%;
		height: 2px;
		margin: 0 auto;
		display: block;
		background: #fff;
		transition: all 0.8s cubic-bezier(0.810, -0.330, 0.345, 1.375);
		transition-delay: 0.2s;
	}

	


	#sidebarCollapse.active span {
		transform: none;
		opacity: 1;
		margin: 5px auto;
	}
	@media (max-width: 768px) {
		#sidebar {
			margin-left: -250px;
			transform: rotateY(90deg);
		}
		#sidebar.active {
			margin-left: 0;
			transform: none;
		}
		#sidebarCollapse span:first-of-type,
		#sidebarCollapse span:nth-of-type(2),
		#sidebarCollapse span:last-of-type {
			transform: none;
			opacity: 1;
			margin: 5px auto;
		}
		#sidebarCollapse.active span {
			margin: 0 auto;
		}
		#sidebarCollapse.active span:first-of-type {
			transform: rotate(45deg) translate(2px, 2px);
		}
		#sidebarCollapse.active span:nth-of-type(2) {
			opacity: 0;
		}
		#sidebarCollapse.active span:last-of-type {
			transform: rotate(-45deg) translate(1px, -1px);
		}

	}
	
/*tab menu style*/
	#tab-menu .navbar-nav>.active>a>hr.tab-menu-hr {
		display: block;
		border: 2px solid #0a32f9 !important;
	}
	@media (min-width: 768px){
		
	}
	
/**/
	.accordion .card-header:after {
		font-family: 'FontAwesome';  
		content: "\f068";
		float: right; 
	}
	.accordion .card-header.collapsed:after {
		/* symbol for "collapsed" panels */
		content: "\f067"; 
	}
	
/*****Invoice Details - Start*****/	
	.bus-logo>img.invoice-logo{
		height: 70px !important;
	}	

/*****All Profile Details - Start*****/	
	.profile-info>div>p{
		
	}
	.profile-info>div>p>span{
		font-weight: lighter !important;
	}
	p.bus-profile>span{
		font-weight: lighter !important;
	}
	
/*****custom text editor - Start*****/	
ul.wysihtml5-toolbar {
  margin: 0;
  padding: 0;
  display: block;
  border: 1px solid #e3e3e3;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px; }

ul.wysihtml5-toolbar::after {
  clear: both;
  display: table;
  content: ""; }

ul.wysihtml5-toolbar > li {
  float: left;
  display: list-item;
  list-style: none;
  padding: 0;
  margin: 0px 5px 0px 0px; }

ul.wysihtml5-toolbar a {
  margin: 0px; }

ul.wysihtml5-toolbar a.btn {
  padding: 12px 15px;
  background: inherit;
  font-size: inherit;
  border-radius: 0;
  color: inherit; }

ul.wysihtml5-toolbar a:hover.btn {
  color: #333; }

ul.wysihtml5-toolbar a[data-wysihtml5-command=bold] {
  font-weight: bold; }

ul.wysihtml5-toolbar a[data-wysihtml5-command=italic] {
  font-style: italic; }

ul.wysihtml5-toolbar a[data-wysihtml5-command=underline] {
  text-decoration: underline; }

ul.wysihtml5-toolbar a.btn.wysihtml5-command-active, ul.wysihtml5-toolbar a.btn.wysihtml5-action-active {
  background-image: none;
  background: #f6f6f6;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #0099ff;
  outline: 0; }

ul.wysihtml5-commands-disabled .dropdown-menu {
  display: none !important; }

ul.wysihtml5-toolbar .fa {
  margin: 0;
  font-size: 14px; }

.wysihtml5-textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: none; }

.wysihtml5-textarea:focus {
  border-top: none;
  background: #fff; }
  
  
 /*****dashboard overview - Start*****/
	.overview-box{
		border: 1px solid #dee2e6 !important;
		padding: 15px !important;
		
		font-size: 13px;
		box-sizing: border-box;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12), 0 1px 5px 0 rgba(0,0,0,.2);
		background: #fff;
		border-radius: 2px;
		cursor: default;
		margin: 8px;
		position: relative;
	}
	p.overview-title{
		font-weight: bold !important;
		font-size: 18px !important;
		text-align: center !important;
	}
	.overview-subtitle{
		font-weight: bold !important;
	}
	.overview-table-title{
		font-weight: bold !important;
		text-align: center !important;
	}
	.overview-table-value .dropdown-modal ul>li>ul>li{
		font-size: 12px;
	}
	
	@media (min-width: 769px){
		.overview-box{
			min-height: 330px;
		}
	}
	@media (min-width: 992px) and (max-width: 1400px) {
		.overview-subtitle, .overview-table-title{
			font-size: 12px !important;
		}
		.overview-table-subtitle, .overview-table-value{
			font-size: 11px !important;
		}
	}
	
/*****dashboard overview - End*****/
 
/*****Reports - Start*****/
	.search-result p.title{
		font-size: 16px !important;
	}
	.search-result .dt-buttons button.btn{ /*datatable export buttons*/
		padding: .25rem .5rem;
		font-size: .875rem;
		line-height: 1.5;
		border-radius: .2rem;
	}
	
/*****Reports - Start*****/
  .text-truncate{
	  max-width: 100px;
  }
  
/*****Reports - Start*****/
  @media all and (max-width:767px) { 
	.print-button{
		  display: none;
	  } 
  }

/*****ip_details - Start*****/  
	.campaign-dashboard #timeChart {
            max-height: 300px;
        }