@media screen and (max-width: 576px) {
	.row-card-no-pd[class*=col-] .card:before {
		width: calc(100% - 30px) !important;
		right: 15px !important;
		height: 1px !important
	}
	.row-card-no-pd[class*=col-]:first-child .card:before {
		display: none !important
	}
	.table_Box .table_Footer {
	    display: block !important;
	    text-align: center;
	    height: auto !important;
	}
	.table_Box .table_Footer .dataTables_length { padding: 0 !important; }
}
@media screen and (min-width: 1200px) {
	.modal-xl {max-width: 1200px;}
}
@media screen and (max-width: 767px) {
	.maillistOuter {width: 100%;}
	.treeview-animated ul li .card .card-body > div { display:inline-block !important; }

	.treeview-animated ul li .card .card-body div.btn-group { position:absolute; top:5px; right:5px; }
	.fixedHeight {height: calc(50vh - 290px);}
	.configModal .fieldsModal { display:block !important; }
	.filterTemp.open { width:100% }
	.treeview-animated .stepBox { width:auto; height:auto; }
	.configBox > div:nth-child(2),
	.configBox > div:nth-child(3)  {  float: left;}
	.modal-fullscreen .modal-header { display:inline-grid;  }
	.modal-fullscreen .modal-header .selectgroup { padding-top:5px }
	.rightButton .word .widgetlinks svg { fill:#1a2035; }
}

@media screen and (min-width: 767px) {
	/* .wrapper.sidebar_minimize .fixed-2 { left: 100px;transition: 0.3s; } */
}

@media screen and (max-width: 1200px) {
	.page-sidebar { top: 0px !important; }
} 
@media screen and (min-width: 991px) {
	.main-panel.full-height>.content,
	.main-panel.full-height>.content-full {
		margin-top: 0
	}
	.main-panel.full-height .navbar-header {
		min-height: 62px
	}
	.logo-header {
		line-height: 55px
	}
	
	.toggle-nav-search {
		display: none
	}
	#search-nav {
		display: block 
	}
	.topSearch_MobileView.collapse { display: none !important; }
	.sidebar .scroll-element {
		opacity: 0;
		transition: all .2s
	}
	.sidebar:hover .scroll-element {
		opacity: 1
	}
	.sidebar[data-background-color]:before {
		background: rgba(255, 255, 255, .2) !important;
		z-index: 1000
	}

}
@media screen and (max-width: 991px) {
	.plusMobile {position: absolute; top: 0; right:-25px; display: grid;}
	.plusMobile a:nth-child(2) { margin-top: 3px; }
	.topbar_open .viewport { top:120px; }
	.topbar_open .navbar>.container-fluid { background: aliceblue; border-bottom: 1px solid darkcyan;}
	/*.nav_open .sidebar_minimize .page-header {  padding: 0px 5px 0px 105px !important; }*/
	.nav_open .page-header { padding: 0px 5px 0px 80px !important; }
	.nav_open .sidebar_minimize .page-header { padding: 0px 5px 0px 125px !important; }
	.nav_open.topbar_open .page-header,
	.topbar_open .page-header { padding:36px 5px 0px 10px !important; }
	.nav_open.topbar_open .page-header {padding-left: 50px !important;} 
	.page-header { padding: 0px 5px 0px 10px }
	.nav_open .viewport { left: 60px; }
	.sidebar_minimize .viewport { margin-left: 55px;}
	/*.nav_open .sidebar_minimize .viewport { left: 100px; }*/
	/*.nav_open .sidebar_minimize .logo-header .navbar-toggler {margin-left: 90px !important;}*/
	.sidebar_minimize .sidebar {width: 100px;transition: all .3s;}
	.nav_open .logo-header .navbar-toggler { margin-left: 5px !important;}
	.main-header[data-background-color] .navbar-header {
		border-top: 1px solid rgba(0, 0, 0, .1)
	}
	.topSearch_MobileView.collapse.show { 
	    position: fixed;
	    top: 5px;
	    left: 0;
	    width: 100%;
	    z-index: 999999;
	    right: 0px;
	    max-width: none !important;
	    display: block;
	    padding: 0 10px;
	}
	.nav_open .wrapper .main-header .topSearch_MobileView.collapse.show { margin-left: 70px !important;
    padding-right: 75px !important; }
    .nav_open .wrapper.sidebar_minimize .main-header .topSearch_MobileView.collapse.show {
    margin-left: 125px !important;
    padding-right: 135px !important;
}
	.sidebar {
		position: fixed;
		left: 0 !important;
		right: 0;
		-webkit-transform: translate3d(-270px, 0, 0);
		-moz-transform: translate3d(-270px, 0, 0);
		-o-transform: translate3d(-270px, 0, 0);
		-ms-transform: translate3d(-270px, 0, 0);
		transform: translate3d(-270px, 0, 0) !important;
		transition: all .5s;
		margin-top: 0
	}
	.sidebar:before {
		background: 0 0
	}
	.nav_open .sidebar {
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0) !important;
		border-right: 1px solid #f1f1f1
	}
	.sidebar .sidebar-wrapper {
		padding-top: 0
	}
	.sidebar .sidebar-wrapper .sidebar-content {
		padding-top: 0 !important
	}
	.sidebar .sidebar-wrapper .scroll-element.scroll-y {
		top: 0 !important
	}
	.nav_open {
		overflow: hidden !important
	}
	.nav_open .wrapper {
		overflow-x: hidden
	}
	.nav_open .main-header,
	.nav_open .main-panel {
		-webkit-transform: translate3d(0px, 0, 0);
		-moz-transform: translate3d(0px, 0, 0);
		-o-transform: translate3d(0px, 0, 0);
		-ms-transform: translate3d(0px, 0, 0);
		transform: translate3d(0px, 0, 0) !important
	}
	.quick_sidebar_open .quick-sidebar {
		width: 350px
	}
	.main-header {
		transition: all .5s
	}
	#search-nav {
		margin: 0 auto  
	}
	.main-panel {
		width: 100%;
		transition: all .5s
	}
	.main-panel .page-header .dropdown-menu:after {
		right: 16px !important
	}
	.page-inner {
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto
	}
	.page-sidebar {
		background: #fff
	}
	.logo-header {
		display: flex;
		width: 100% !important;
		text-align: left;
		position: relative;
		/*padding-left: 15px;
		padding-right: 15px;*/
		line-height: inherit;
	}
	.logo-header .logo {
		position: absolute;
		left: 50%;
		transform: translateX(-50%)
	}
	.logo-header .navbar-toggler {
		height: 100%;
		margin-left: 5px !important;
		opacity: 1;
		display: block;
		order: 0
	}
	.logo-header .more {
		opacity: 1;
		color: #545454;
		cursor: pointer;
		display: inline-block;
		line-height: 56px;
		order: 3;
		width: unset;
		margin-left: auto
	}
	.logo-header .navbar-brand {
		position: unset !important;
		margin-right: 0
	}
	.nav-search {
		width: 100%;
		margin-right: 0 !important
	}
	.navbar-header {
		position: absolute;
		width: 100%;
		transform: translate3d(0, -200px, 0) !important;
		transition: all .5s
	}
	.navbar_MobileView.navbar-header,
	.topbar_open .navbar_MobileView.navbar-header { transform: none !important; position: relative; padding: 0 }

	.topbar_open .navbar-header {
		transform: translate3d(0, 40px, 0) !important;
		padding: 6px
	}
	.topbar_open .navbar-header .navbar-nav>.nav-item .nav-link i {
		font-size: 19px
	}
	.topbar_open .navbar-header .navbar-nav>.nav-item:last-child .nav-link {
		padding: 0 !important
	}
	.topbar_open .navbar_MobileView.navbar-header .navbar-nav>.nav-item:last-child .nav-link {
		padding: 5px !important;
	}
	.topbar_open .navbar-header .navbar-nav>.nav-item:last-child .quick-sidebar-toggler {
		padding-left: 5px !important
	}
	.topbar_open .toggle-nav-search {
		display: list-item
	}
	.topbar_open #search-nav {
		text-align: center;
		width: 100%;
		padding: 10px 15px 0;
		order: 1
	}
	.topbar_open .main-panel {
		transform: translate3d(0, 62px, 0) !important
	}
	.topbar_open>.content {
		margin-top: 0 !important
	}
	.nav_open.topbar_open .main-panel,
	.nav_open.topbar_open .viewport {
		transform: translate3d(0px, 0px, 0) !important;
	}
	.navbar-header .navbar-nav {
		width: 100%;
		flex-direction: row;
		justify-content: center;
		margin-left: 0 !important;
		position: relative
	}

	.navbar_MobileView.navbar-header .navbar-nav { 
		justify-content: 
		space-between; 
		/*padding-left: 5px; padding-right: 5px;*/ width: auto;}

	.navbar-header .navbar-nav .dropdown {
		position: unset
	}
	.navbar-header .navbar-nav .dropdown-menu {
		position: absolute;
		/*left: 0;
		right: 0;*/
		margin: 0 auto;
		max-width: 280px
	}
	/*.profile-pic span {
		display: none
	}*/
	.nav-toggle {
		display: none
	}
	/*.page-title {
		font-size: 18px
	}
	.card .card-title {
		font-size: 18px
	}*/
	.mail-wrapper .mail-option .email-filters-left {
		width: 50%
	}
	.mail-wrapper .mail-option .email-filters-left .btn-group {
		margin-bottom: 10px
	}
	.dropzone {
		padding: 20px 15px !important
	}
	.dropzone .dz-message .message {
		font-size: 23px
	}
	.dropzone .dz-message .note {
		font-size: 15px
	}
}
@media screen and (min-width: 856px) {
	.mail-wrapper .aside-nav {
		display: block !important
	}
}
@media screen and (max-width: 856px) {
	.layout_section .card-role { position: initial; } 
	.layout_section .tab-content { margin-top: 70px; }
	.mail-wrapper {
		flex-direction: column
	}
	.mail-wrapper .page-aside {
		width: 100%;
		height: unset;
		min-height: unset;
		border-bottom: 1px solid #eee;
		border-left: 0;
		border-right: 0;
		background: 0 0;
		padding-top: 0;
		padding-bottom: 0
	}
	.mail-wrapper .page-aside .aside-header {
		padding-top: 25px;
		padding-bottom: 25px;
		background: #f1f1f1
	}
	.mail-wrapper .page-aside .aside-nav {
		background: #fff;
		padding-top: 15px;
		padding-bottom: 15px
	}
	.mail-wrapper .mail-content {
		width: 100%
	}
	.mail-wrapper .mail-content .inbox-head {
		flex-direction: column;
		align-items: left
	}
	.mail-wrapper .mail-content .inbox-head h3 {
		font-size: 18px
	}
	.mail-wrapper .mail-content .inbox-head form {
		margin-left: 0 !important;
		margin-top: 15px
	}
	.mail-wrapper .mail-content .email-head h3 {
		font-size: 18px
	}
	.mail-wrapper .mail-content .email-compose-fields {
		padding: 20px 15px
	}
	.mail-wrapper .mail-option {
		flex-direction: column
	}
	.mail-wrapper .mail-option .email-filters-left {
		width: 100%;
		margin-bottom: 10px
	}
	.mail-wrapper .toggle-email-nav {
		display: inline-block !important
	}
	.mail-wrapper .table-inbox tr td .badge {
		margin-top: 5px;
		float: left
	}
}
@media screen and (max-width: 767px) {

	.lRule_timeline > li > .timeline-badge {
		position: relative !important;
		top: -5px !important;
	}
	.lRule_timeline > li > .timeline-panel {
		width: calc(100% - 10px) !important; 
		top: -15px !important;
	}
	.lRule_timeline > li.timeline-inverted > .timeline-panel:before,
	.lRule_timeline > li.timeline-inverted > .timeline-panel:after { display: none !important; }

	.wizard.wizard-2 .wizard-nav .wizard-steps .wizard-step { padding: .5rem .5rem; }
	.wizard.wizard-2 .wizard-nav { display: inline-block !important; }
	#splitView_sidebar { position: absolute; height: 100%;}
	.timeline:before { display: none !important; }
	.timeline > li.timeline-inverted { padding-left: 0 !important; }
	.timeline > li > .timeline-badge {  
    width: 100% !important;
    height: 30px !important;
    line-height: 30px !important;
    font-size: 0.8em;
    text-align: center;
     position: inherit !important; 
    top:  0px !important;
    left: 0;
     margin-left: 0px; 
    background-color: #eceff1;
    border-radius: 0px !important; 
}
	/*.fixed-2 {
		left: 0 !important;
	}*/
	.wizard.wizard-2 .wizard-nav .wizard-steps { width: 100% !important; }
	.uProgressBox, .notifyBox { width: 100% !important; }
	.wizard-container {
		margin-left: 15px;
		margin-right: 15px
	}
	.main-panel .page-header {
		flex-direction: column;
		align-items: normal;
		position: relative;
		min-height: 43px;
		justify-content: center
	}
	.main-panel .page-header .breadcrumbs {
		margin-left: 0;
		padding-top: 15px;
		padding-left: 5px;
		padding-bottom: 0;
		border-left: 0
	}
	.main-panel .page-header .btn-group-page-header {
		position: absolute;
		right: 0
	}
	.footer .container-fluid {
		flex-direction: column
	}
	.footer .container-fluid .copyright {
		margin-left: 0 !important;
		margin-top: 10px;
		margin-bottom: 15px
	}

	.intro-panel { position: relative !important; height: 290px !important; top: -25px !important; }
	.intro-panel p { max-height: 140px !important; overflow: auto !important; }
	.loginBox_right { top: 0 !important; }
	.ml-5 { margin-left: 0rem!important; }
	.form-signup .pass_Alert {width: 100% !important;}
	.form-signup .pass_Alert small {display: block !important;}
	/*.viewport { left: 15px ; right: 15px; }*/
	.nav_open .viewport { left: 50px; }
	.main-panel>.content { margin-top: 0px; }
	.crm-settings.content-section { margin-top: 30px; }
	.nav-search .input-group { background: 	#fff; box-shadow: 0 0 25px rgb(18 23 39 / 5%); }
	.nav_open .logo-header .navbar-toggler {     margin-left: 44px !important;}
	.ml-md-auto, .mx-md-auto { margin-left: auto!important;}
	
	/*.fixed-2 {left: 0!important;  }*/
	/*div.dataTables_wrapper div.dataTables_filter input { position: absolute; left: 0; width: 100%; top: 20px; height: calc(2rem + 2px);}*/
	.kanbanSkelton a {width: 100% !important;}
	#sidebar-wrapper.toggled {width: auto;/* left: 0;  */position: absolute; right: 0; }
	.tab_focus a:hover:after { max-width: inherit; }
	.topbar_open .navbar>.container-fluid {      background: ghostwhite;
    border-bottom: 1px solid #545454;}
	.topbar_open .page-header { padding: 40px 15px 2px 10px; }
	.topbar_open .viewport { top: 120px; }
}
@media screen and (max-width: 576px) {
	 
	.nav_open .page-header, .nav_open .sidebar_minimize .page-header { padding: 40px 5px 2px 10px;}
	/*.nav_open .viewport, .nav_open .sidebar_minimize .viewport { left:45px ; }*/
	.main-panel .page-header .breadcrumbs { padding-top: 0; padding-bottom: 0; }
	/*.wizard.wizard-2 { margin-bottom: 100px; }*/
	#chart-container {
		min-height: 250px
	}
	.form-check-inline {
		display: flex;
		flex-direction: column;
		align-items: left
	}
	#calendar .fc-toolbar {
		display: flex;
		flex-direction: column
	}
	#calendar .fc-toolbar .fc-center,
	#calendar .fc-toolbar .fc-left,
	#calendar .fc-toolbar .fc-right {
		margin: auto;
		margin-bottom: 15px
	}
	#calendar .fc-toolbar .fc-left {
		order: 1
	}
	#calendar .fc-toolbar .fc-right {
		order: 3
	}
	#calendar .fc-toolbar .fc-center {
		order: 2
	}
	.conversations .conversations-body {
		padding: 1.5rem 1rem
	}
}
@media screen and (max-width: 350px) {
	.quick_sidebar_open .quick-sidebar {
		width: 100%;
		padding: 20px
	}
}
@media screen and (min-width: 991px) {

	.navbar-header .dropdown-menu {
		margin-top: 13px
	}
	.navbar-header .dropdown-menu.product-box:after {
		border-bottom: 8px solid #fff;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		content: "";
		right: inherit;
		left: 10px;
		top: -8px;
		position: absolute;
		z-index: 1001
	}
	.navbar-header .dropdown-menu:after {
		border-bottom: 8px solid #fff;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		content: "";
		right: 10px;
		top: -8px;
		position: absolute;
		z-index: 1001
	}
}
@media screen and (max-width: 991px) { 
	#splitView_sidebar {position: absolute;height: 100%;}
	.btn-toggle.toggle-sidebar { display: none ;}
	.fixed-2 { left: 0px; }
	.nav_open .fixed-2 { left: 45px; }
	.nav_open .wrapper.sidebar_minimize .fixed-2 { left: 95px; }
	.text_Dnone {  display: none !important;}
	.padding_0 { padding: 0 !important;}
	.viewport { left: 0; margin-left: 10px; right: 10px; }
	.messages-notif-box .message-notif-scroll,
	.notif-box .notif-scroll,
	.quick-actions .quick-actions-scroll {
		max-height: calc(100vh - 200px)
	}
	.dropdown-user .dropdown-user-scroll {
		max-height: calc(100vh - 132px)
	}
	.nav-product {display: none;}
}
@media screen and (min-width: 991px) {
	.static-sidebar {
		height: unset
	}
	.static-sidebar .sidebar {
		position: static;
		float: left
	}
	.static-sidebar .sidebar .sidebar-wrapper {
		max-height: unset;
		min-height: 100%
	}
	.static-sidebar .main-panel {
		height: unset
	}
	.static-sidebar .main-panel .content {
		margin-bottom: 60px
	}
	.static-sidebar .footer {
		position: absolute;
		bottom: 0
	}
}
@media screen and (min-width: 991px) {
	.classic-wrapper .classic-grid {
		margin: 93px 40px 30px
	}
	.classic-wrapper .main-header {
		top: 0
	}
	.classic-wrapper .main-header .logo-header {
		padding: 0 40px;
		width: 290px
	}
	.classic-wrapper .sidebar {
		position: relative;
		float: left;
		margin-top: 0
	}
	.classic-wrapper .sidebar .sidebar-wrapper {
		max-height: unset;
		min-height: 100%
	}
	.classic-wrapper .navbar-header {
		padding-right: 30px
	}
	.classic-wrapper .main-panel {
		height: unset
	}
	.classic-wrapper .main-panel .content,
	.classic-wrapper .main-panel .content-full {
		margin-top: 0
	}
	.classic-wrapper .page-inner {
		padding-right: 0;
		padding-top: 5px
	}
	.classic-wrapper .board {
		height: 100%
	}
	.sidebar_minimize .classic-wrapper .logo-header .logo {
		position: relative;
		transform: unset;
		opacity: 1
	}
	.sidebar_minimize .classic-wrapper .logo-header .logo img {
		display: inline-block
	}
	.sidebar_minimize .classic-wrapper .logo-header .nav-toggle {
		left: unset;
		transform: unset;
		right: 18px !important
	}
}

/*@media screen and (min-width: 280px) {
	.nav_open .wrapper.sidebar_minimize .navbar_MobileView.navbar-header,
	.nav_open .wrapper.sidebar_minimize .logo-header { height: auto; }

	 
}

@media screen and (max-width: 420px) {
	.nav_open .sidebar_minimize .page-header {
    padding-top: 34px !important;
}

	 
}*/
.collapse-icon .card-header {
  position: relative; cursor: pointer; }
 .collapse.show {
    display: block;
}
.collapse-icon h4[data-toggle="collapse"]:after, 
.collapse-icon a[data-toggle="collapse"]:after {
  position: absolute;
  top: 10px;
  right: 10px;
  /* font-family: 'icomoon' !important; */
  content: "view less";
  font-size: 0.8rem;
  color: #212121;
  transition: all 300ms linear 0s;
  }

.collapse-icon h4[data-toggle="collapse"]:before, 
.collapse-icon a[data-toggle="collapse"]:before {
  position: absolute;
  /*top: 50%;*/
  right: 10px;
  font-size: 0.8rem;
  /* font-family: 'icomoon' !important; */
  content: "view more";
  color: #212121;
  transition: all 300ms linear 0s;
  }
.collapse-icon a[data-toggle="collapse"]:after,
.collapse-icon a[data-toggle="collapse"]:before {
  top: 10px;
}
.collapse-icon.left a {
  padding-left: 28px; }
  .collapse-icon.left a:before, .collapse-icon.left a:after {
    left: 20px;
    right: auto; }

.collapse-icon h4[aria-expanded="true"]:before,
.collapse-icon a[aria-expanded="true"]:before {
  opacity: 0; }

.collapse-icon h4[aria-expanded="false"]:after, 
.collapse-icon a[aria-expanded="false"]:after {
  opacity: 0; }

 

#l-error h4[data-toggle="collapse"]:after,
#l-error h4[data-toggle="collapse"]:before {color: #fff;}

.tableSearch_MiniView.search-dropdown .dropdown-menu {
    left: 0 !important;
    top: 1px !important;
    width: 100%; 
    margin: 0;
}

/* Tablet devices above */
@media (max-width: 1366px) {
	body,
	.table td, .table th,
	.h6, h6,
	.nav-pills>li>.nav-link {
	  font-size: 0.8rem !important; 
	}
	p { font-size: 0.8rem !important;}
}

/* Tablet devices */
@media (max-width: 768px) {
	body {
	  font-size: 0.75rem; 
	}
}
  
/* Mobile devices */
@media (max-width: 480px) {
	body {
		font-size: 0.7rem; 
	}
}