	/* here you can put your own css to customize and override the theme swp*/
	body{font-family: 'Roboto', sans-serif;font-size: 14px;background-color: #003e52;}
	body.page-container-bg-solid { min-width: 1200px;}
	body, h1, h2, h3, h4, h5, h6 {font-family: 'Roboto', sans-serif;}
	a{ color: #00a7e0;}
	.table td:not(.action) a:not(.btn), .modal-body td a:not(.btn){ color: #00a7e0; text-decoration: underline;}
	a:hover, .table td:not(.action) a:not(.btn):hover{ text-decoration: none;}
	.modal-body td a:hover{ text-decoration: none;}
	.modal-body{ color:#818181;}
	.modal-body h4{ color:#333; font-weight: normal;}
	.page-header.navbar .menu-toggler>span, .page-header.navbar .menu-toggler>span:after, .page-header.navbar .menu-toggler>span:before, .page-header.navbar .menu-toggler>span:hover, .page-header.navbar .menu-toggler>span:hover:after, .page-header.navbar .menu-toggler>span:hover:before {
	    background: #003e52;
	}
	.portlet>.portlet-title>.actions>.full-width-list-btn i {
    font-size: 18px;
    line-height: 14px;
    top: 4px;
    position: relative;
}
 #Exapnad i{  font-size: 18px;    line-height: 14px;    top: 4px;
    position: relative;
    
    }
.portlet>.portlet-title>.actions>.full-width-list-btn.active i.material-icons {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
}

	.page-header.navbar .menu-toggler>span, .page-header.navbar .menu-toggler>span:after, .page-header.navbar .menu-toggler>span:before{ height:2px;}
	.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .menu-toggler.sidebar-toggler{ margin: 25px 15px 0 0;}
	.page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a{ font-size: 15px;}
	.page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a{ padding: 13px 15px; font-size: 15px;}
	.page-sidebar .page-sidebar-menu>li.active>a>.selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a>.selected{ top: 13px; right: -4px; border-top: 16px solid transparent; border-bottom: 16px solid transparent; border-right: 12px solid #fff;}
	.page-sidebar .page-sidebar-menu .sub-menu, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu{ padding:10px 0;}

	.page-container-bg-solid .page-bar .page-breadcrumb>li>a{color: #00a7e0;}
	.page-container-bg-solid .page-bar .page-breadcrumb>li>span{color: #94959B;}
	.page-container-bg-solid .page-bar .page-breadcrumb>li>span.seperator{ color: #C2C2C2;}
	.dashboard-report-range .material-icons{ color: #818181; font-size: 19px; position: relative; top:4px;}
	.dashboard-report-range .date-info{ color: #00a7e0;}
	.bar-chart-page #tooltip{ border-radius: 5px !important;}

	.top-minus5{ position: relative; top:-5px;}

	.margin-left-0{ margin-left:0px !important;}
	.margin-left-5{ margin-left:5px;}
	.margin-left-10{ margin-left:10px;}
	.margin-right-0{ margin-right:0px;}
	.margin-right-5{ margin-right:5px;}
	.margin-right-8{ margin-right:8px;}
	.margin-right-10{ margin-right:10px;}
	.margin-right-15{ margin-right:15px;}
	.margin-right-0i{ margin-right:0px !important;}


	.margin-top-5{ margin-top:5px;}
	.margin-top-0i{ margin-top:0px !important;}
	.margin-top-25i{ margin-top:25px !important;}

	.margin-bottom-0i{ margin-bottom:0px !important;}
	.margin-bottom-5i{ margin-bottom:5px !important;}
	.margin-bottom-10i{ margin-bottom:10px !important;}
	.margin-bottom-15i{ margin-bottom:15px !important;}
	.margin-bottom-20i{ margin-bottom:20px !important;}
	.margin-bottom-25i{ margin-bottom:25px !important;}

	.padding0i{ padding: 0 !important;}

	.padding-top-0i{ padding-top:0px !important;}
	.padding-top-10i{ padding-top:10px !important;}
	.padding-top-15i{ padding-top:15px !important;}
	.padding-top-20i{ padding-top:20px !important;}
	.padding-top-25i{ padding-top:25px !important;}

	.padding-bottom-0{ padding-bottom:0px !important;}
	.padding-bottom-10{ padding-bottom:10px !important;}
	.padding-bottom-15{ padding-bottom:15px !important;}
	.padding-bottom-20{ padding-bottom:20px !important;}
	.padding-bottom-25{ padding-bottom:25px !important;}

	.login { background-color: #d9eefe!important;}
	.login .content{ padding-bottom: 0; margin: 20px auto 10px;}
	.login .content h3{ color: #00a7e0;}
	.login a{ color: #00a7e0;}
	.login .content .forget-password{ margin-top:0; text-decoration: underline;}
	.login .content .forget-password:hover{ text-decoration: none;}
	.login .content .form-actions{ border-bottom: none; border-top: 1px solid #eee;}
	.login .content .rememberme { margin: 10px 0 0;}
	.login .content .form-control { background-color: #f9f9f9; height: 43px; color: #7e7e7e; border: 1px solid #dde3ec;}
	.login .content .form-group { margin-bottom: 20px;}
	.login .copyright{ font-size:14px; color: #003e52;}

	.login .content .form-actions .btn{ font-weight:500;}

	.login input.form-control::placeholder {color: #B3B3B3 !important; opacity: 1;}
	.login input.form-control:-ms-input-placeholder { color: #B3B3B3 !important;}
	.login input.form-control::-ms-input-placeholder { color: #B3B3B3 !important;}
	textarea.form-control { height: 60px !important;}

	.fleft{ float: left;}
	.fright{ float: right;}
	.font-green { color: #00a7e0!important;}
	.font-yellow{ color: #F39E0B !important;}
	.font-yellow-dark{ color: #fbfd9c !important;}
	.font-medium{ font-weight: 500;}
	.font-normal{ font-weight: normal;}
	.font-16{ font-size:16px;}
	.dnone{ display: none;}


	.btn:not(.btn-sm):not(.btn-lg){ line-height: 1.3;}
	.btn.green:not(.btn-outline), .btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active{ color: #FFF; background-color: #00a7e0; border-color: #00a7e0;}
	.btn.green:not(.btn-outline):hover{ background-color: #008dbe; border-color: #008dbe;}
	.btn.btn-outline.green{ border-color: #00a7e0; color: #00a7e0; background: #fff;}
	.btn.btn-outline.green.active, .btn.btn-outline.green:active, .btn.btn-outline.green:active:focus, .btn.btn-outline.green:active:hover, .btn.btn-outline.green:focus, .btn.btn-outline.green:hover{ border-color: #00a7e0; color: #FFF; background-color: #00a7e0; }
	.btn.green:not(.btn-outline).active.focus, .btn.green:not(.btn-outline).active:focus, .btn.green:not(.btn-outline).active:hover, .btn.green:not(.btn-outline):active.focus, .btn.green:not(.btn-outline):active:focus, .btn.green:not(.btn-outline):active:hover, .open>.btn.green:not(.btn-outline).dropdown-toggle.focus, .open>.btn.green:not(.btn-outline).dropdown-toggle:focus, .open>.btn.green:not(.btn-outline).dropdown-toggle:hover{  background-color: #008dbe; border-color: #008dbe; }
	.btn.green:not(.btn-outline).focus, .btn.green:not(.btn-outline):focus{ background-color: #008dbe; border-color: #008dbe;}
	.btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline):hover, .open>.btn.green:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #008dbe; border-color: #008dbe;}
	/*.btn.green:not(.btn-outline).active, .btn.green:not(.btn-outline):active, .btn.green:not(.btn-outline):hover, .open>.btn.green:not(.btn-outline).dropdown-toggle { color: #FFF; background-color: #00a7e0; border-color: #00a7e0;}
	.btn.green:not(.btn-outline).active.focus, .btn.green:not(.btn-outline).active:focus, .btn.green:not(.btn-outline).active:hover, .btn.green:not(.btn-outline):active.focus, .btn.green:not(.btn-outline):active:focus, .btn.green:not(.btn-outline):active:hover, .open>.btn.green:not(.btn-outline).dropdown-toggle.focus, .open>.btn.green:not(.btn-outline).dropdown-toggle:focus, .open>.btn.green:not(.btn-outline).dropdown-toggle:hover{ color: #FFF; background-color: #00a7e0; border-color: #00a7e0; }
	.btn.green:not(.btn-outline).focus, .btn.green:not(.btn-outline):focus { color: #FFF; background-color: #00a7e0; border-color: #00a7e0;}*/
	.btn.red:not(.btn-outline), .btn.red:not(.btn-outline).active, .btn.red:not(.btn-outline):active{ color: #FFF; background-color: #EB6464; border-color: #EB6464;}
	.btn.red:not(.btn-outline):hover{ background-color: #de6060; border-color: #de6060;}
	.btn.btn-outline.red{ border-color: #EB6464; color: #EB6464;}
	.btn.btn-outline.red.active, .btn.btn-outline.red:active, .btn.btn-outline.red:active:focus, .btn.btn-outline.red:active:hover, .btn.btn-outline.red:focus, .btn.btn-outline.red:hover{ border-color: #EB6464; color: #FFF; background-color: #EB6464; }
	.btn.red:not(.btn-outline).active.focus, .btn.red:not(.btn-outline).active:focus, .btn.red:not(.btn-outline).active:hover, .btn.red:not(.btn-outline):active.focus, .btn.red:not(.btn-outline):active:focus, .btn.red:not(.btn-outline):active:hover, .open>.btn.red:not(.btn-outline).dropdown-toggle.focus, .open>.btn.red:not(.btn-outline).dropdown-toggle:focus, .open>.btn.red:not(.btn-outline).dropdown-toggle:hover{  background-color: #de6060; border-color: #de6060; }
	.btn.red:not(.btn-outline).focus, .btn.red:not(.btn-outline):focus{ background-color: #de6060; border-color: #de6060;}
	.btn.yellow:not(.btn-outline), .btn.yellow:not(.btn-outline).active, .btn.yellow:not(.btn-outline):active{ color: #FFF; background-color: #F39E0B; border-color: #F39E0B;}
	.btn.yellow:not(.btn-outline):hover{ background-color: #e4950b; border-color: #e4950b;}
	.btn.btn-outline.yellow{ border-color: #F39E0B; color: #F39E0B;}
	.btn.btn-outline.yellow.active, .btn.btn-outline.yellow:active, .btn.btn-outline.yellow:active:focus, .btn.btn-outline.yellow:active:hover, .btn.btn-outline.yellow:focus, .btn.btn-outline.yellow:hover{ border-color: #F39E0B; color: #FFF; background-color: #F39E0B; }
	.btn.yellow:not(.btn-outline).active.focus, .btn.yellow:not(.btn-outline).active:focus, .btn.yellow:not(.btn-outline).active:hover, .btn.yellow:not(.btn-outline):active.focus, .btn.yellow:not(.btn-outline):active:focus, .btn.yellow:not(.btn-outline):active:hover, .open>.btn.yellow:not(.btn-outline).dropdown-toggle.focus, .open>.btn.yellow:not(.btn-outline).dropdown-toggle:focus, .open>.btn.yellow:not(.btn-outline).dropdown-toggle:hover{  background-color: #e4950b; border-color: #e4950b; }
	.btn.yellow:not(.btn-outline).focus, .btn.yellow:not(.btn-outline):focus{ background-color: #e4950b; border-color: #e4950b;}
	.btn.blue:not(.btn-outline), .btn.blue:not(.btn-outline).active, .btn.blue:not(.btn-outline):active{ color: #FFF; background-color: #57A9D4; border-color: #57A9D4;}
	.btn.blue:not(.btn-outline):hover{ background-color: #529ec5; border-color: #529ec5;}
	.btn.btn-outline.blue{ border-color: #57A9D4; color: #57A9D4;}
	.btn.btn-outline.blue.active, .btn.btn-outline.blue:active, .btn.btn-outline.blue:active:focus, .btn.btn-outline.blue:active:hover, .btn.btn-outline.blue:focus, .btn.btn-outline.blue:hover{ border-color: #57A9D4; color: #FFF; background-color: #57A9D4; }
	.btn.blue:not(.btn-outline).active.focus, .btn.blue:not(.btn-outline).active:focus, .btn.blue:not(.btn-outline).active:hover, .btn.blue:not(.btn-outline):active.focus, .btn.blue:not(.btn-outline):active:focus, .btn.blue:not(.btn-outline):active:hover, .open>.btn.blue:not(.btn-outline).dropdown-toggle.focus, .open>.btn.blue:not(.btn-outline).dropdown-toggle:focus, .open>.btn.blue:not(.btn-outline).dropdown-toggle:hover{  background-color: #529ec5; border-color: #529ec5; }
	.btn.blue:not(.btn-outline).focus, .btn.blue:not(.btn-outline):focus{ background-color: #529ec5; border-color: #529ec5;}
	.btn.grey:not(.btn-outline), .btn.grey:not(.btn-outline).active, .btn.grey:not(.btn-outline):active{ color: #FFF; background-color: #a1a1a1; border-color: #a1a1a1;}
	.btn.grey:not(.btn-outline):hover{ background-color: #8a8989; border-color: #8a8989;}
	.btn.btn-outline.grey{ border-color: #a1a1a1; color: #a1a1a1;}
	.btn.btn-outline.grey.active, .btn.btn-outline.grey:active, .btn.btn-outline.grey:active:focus, .btn.btn-outline.grey:active:hover, .btn.btn-outline.grey:focus, .btn.btn-outline.grey:hover{ border-color: #a1a1a1; color: #FFF; background-color: #a1a1a1; }
	.btn.grey:not(.btn-outline).active.focus, .btn.grey:not(.btn-outline).active:focus, .btn.grey:not(.btn-outline).active:hover, .btn.grey:not(.btn-outline):active.focus, .btn.grey:not(.btn-outline):active:focus, .btn.grey:not(.btn-outline):active:hover, .open>.btn.grey:not(.btn-outline).dropdown-toggle.focus, .open>.btn.grey:not(.btn-outline).dropdown-toggle:focus, .open>.btn.grey:not(.btn-outline).dropdown-toggle:hover{  background-color: #8a8989; border-color: #8a8989; }
	.btn.grey:not(.btn-outline).focus, .btn.grey:not(.btn-outline):focus{ background-color: #8a8989; border-color: #8a8989; color: #fff;}
	.btn.grey:not(.btn-outline).active, .btn.grey:not(.btn-outline):active, .btn.grey:not(.btn-outline):hover, .open>.btn.grey:not(.btn-outline).dropdown-toggle, .btn.grey:not(.btn-outline):active:hover{ color: #fff;}

	.btn-xs{padding: 3px 6px;}

	.page-header.navbar { background-color: #fafafa; height: 70px;}
	.page-header.navbar .page-logo{background: #c7e7ff;min-height: 70px;padding: 10px 20px;}
	.page-header.navbar .page-logo .logo-default { margin: 10px 0 0;}
	.page-sidebar, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover{ background-color: #003e52; position: fixed; z-index: 5;}
	.page-container-bg-solid .page-title{ margin: 0; position: fixed; color: #333; z-index: 9999; margin-bottom: 14px; font-size: 22px; top: 22px; font-weight: normal;}
	.page-content-white .page-content .page-bar{ background:transparent; border: none;}

	.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle{ padding: 24px 6px 25px 8px;}
	.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover, .page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle{ background-color: #fafafa;}
	.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username{ font-size: 15px; color: #333; font-weight: normal;}
	.dropdown-company-name{    font-size: 18px; font-weight: 500; margin-top: 20px!important;}

	.page-header-fixed .page-container { margin-top: 70px;}

	.page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a{ background:#00a7e0;}
	.page-sidebar .page-sidebar-menu>li.active.open>a:hover, .page-sidebar .page-sidebar-menu>li.active>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a:hover{ background:#00a7e0;}
	.page-sidebar .page-sidebar-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a { border-top: 1px solid #01516b; color: #a4bac9;}
	.page-sidebar .page-sidebar-menu>li:last-child>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:last-child>a{ border-bottom: 1px solid #01516b !important;}
	.page-sidebar .page-sidebar-menu>li>a>i[class*=icon-], .page-sidebar .page-sidebar-menu>li>a>i[class^=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i[class*=icon-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i[class^=icon-], .page-sidebar .page-sidebar-menu>li>a>i[class*=fa-], .page-sidebar .page-sidebar-menu>li>a>i[class^=fa-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i[class*=fa-], .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i[class^=fa-], .page-sidebar .page-sidebar-menu>li>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i{ color: #a4bac9;}
	.page-sidebar .page-sidebar-menu>li>a i{ font-size: 19px; position: relative; top: 3px;}
	.page-sidebar .page-sidebar-menu>li.open>a, .page-sidebar .page-sidebar-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a { background: #00a7e0; color: #fff;}
	.page-sidebar-menu-hover-submenu li:hover>.sub-menu {background: #205c71 !important;}
	.page-sidebar-menu-hover-submenu li:hover a>.arrow {border-right: 8px solid #205c71;}
	.page-sidebar .page-sidebar-menu .sub-menu>li>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li>a{color: #a4bac9;}
	.page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a {background: #144d60 !important;color: #fff;color: #a4bac9;}
	.page-sidebar .page-sidebar-menu>li:hover>a>i[class^=icon-], .page-sidebar .page-sidebar-menu>li:hover>a>i[class^=fa-], .page-sidebar .page-sidebar-menu>li:hover>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a>i{ color: #fff;}


	.page-footer{ padding: 12px 10px !important; height: inherit; height: auto;}
	.page-footer .page-footer-inner {color: #1b84a6;font-size: 14px;margin-left: 225px;float: none;}
	.page-sidebar-closed .page-footer .page-footer-inner { color: #6A7A6E; font-size: 14px; margin-left: 35px;}

	.dash-stat.widget-thumb{ padding-left: 105px; position: relative;}
	.dash-stat.widget-thumb i{ position: absolute; top: 50%; left: 20px; color: #d6d8dd; font-size: 70px; margin-top: -35px;}
	.dash-stat.widget-thumb .widget-thumb-body{ text-align: right;}
	.dash-stat.widget-thumb .widget-thumb-body-stat{ color: #00a7e0; font-size: 28px; font-weight: 500;}
	.dash-stat.widget-thumb .widget-thumb-body-stat.inline-block { display: inline-block;}
	.dash-stat.widget-thumb .widget-thumb-body .widget-thumb-subtitle{ font-size: 18px; color: #333333; font-weight: 400; text-transform: capitalize;}

	#legend-container { margin-top: 10px;}
	#legend-container table { margin: auto;}
	#legend-container table tr { display: inline-block; margin-left: 10px; font-size: 14px; float: right;}
	#legend-container table tr td.legendColorBox { padding-right: 5px;}
	#legend-container table tr td > div { border: none !important;}
	#legend-container table tr td > div div { border-width: 6px !important;}
	#legend-container table tr:last-child td > div div { border-radius: 5px !important;}

	.table>tfoot.total>tr>td{ padding: 11px 8px; background: #f5f5f5; font-weight: 500;}
	.inline-select.select-divider{ border-right: 1px solid #cecece; margin-right: 5px; padding-right: 5px;}

	.portlet.light.bordered>.portlet-title, .portlet.light.bordered .portlet-title{ border: none; position: relative;}
	.portlet.light>.portlet-title>.caption, .portlet.light .portlet-title .caption{ color:#333;}
	.portlet.light>.portlet-title>.caption>.caption-subject, .portlet.light .portlet-title .caption .caption-subject { font-size: 18px; position: relative; padding-bottom: 10px; min-height: 38px; display: inline-block; word-break:break-all; word-break:break-word;}
	.portlet.light.bordered>.portlet-title .caption-subject:after, .portlet.light.bordered .portlet-title .caption-subject:after { content: ""; width: 45px; height: 2px; background: #00a7e0; position: absolute; left: 0; bottom: 0;}
	.chrome .table.per-line-item-table thead { background: #000000;}
	.table thead th{ background: #003e52; color: #fff; font-weight: 500 !important;}
	.table thead tr:nth-child(2) th{ color:#003e52; font-weight: normal !important;}
	.table thead th.sorting{ background-image: url(../../pages/img/sort_both.png); background-position:center right; background-repeat:no-repeat; padding-right: 20px;background-color:#003e52;}
	.table thead th.sorting_asc { background-image: url(../../pages/img/sort_asc.png); background-position:center right; background-repeat:no-repeat; padding-right: 20px;background-color:#003e52;}
	.table thead th.sorting_desc { background-image: url(../../pages/img/sort_desc.png); background-position:center right; background-repeat:no-repeat; padding-right: 20px;background-color:#003e52;}
	.table td a{word-wrap:break-word;} 
	.filter-head th{ background:none !important;}
	.filter-head th .form-control{ font-weight: normal !important;}
	.table-scrollable-borderless .table thead th{ background: transparent; color: #353535; font-size: 15px; text-transform: none;}
	.table-scrollable{ padding-bottom:5px;}

	.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; background-color: #00a7e0; border-color: #00a7e0; cursor: default;}
	.pagination>li>a, .pagination>li>span{ color: #666;}
	.dataTables_paginate {float: right;}

	.record-per-page {display: inline-block; margin-left: 10px;}
	.record-per-page span{color: #333;}
	.record-per-page select.form-control{ margin-right:5px;}

	.tabbable-line>.nav-tabs>li>a{ text-decoration: none; font-size: 16px; font-weight: 500; color: #333; padding: 15px;}
	.tabbable-line>.nav-tabs>li{ border-bottom:2px solid transparent;}
	.tabbable-line>.nav-tabs>li.active>a{ color: #00a7e0;}
	.tabbable-line>.nav-tabs>li.active{ border-bottom: 2px solid #00a7e0;}
	.tabbable-line>.nav-tabs>li.open, .tabbable-line>.nav-tabs>li:hover{ border-bottom: 2px solid #00a7e0;}
	.page-container-bg-solid .tabbable-line .tab-content { border-top: 1px solid #eae8e5;}

	.portlet.calendar.light .fc-button { top: 0;}
	.fc-day-grid-event .fc-content { white-space: unset;}
	.fc-basic-view .fc-body .fc-row{ min-height: 100px;}
	.portlet.calendar .fc-event .fc-title{ word-break:break-word;}

	.mt-checkbox, .mt-radio{ padding-left: 25px;}
	.mt-checkbox.mt-checkbox-outline:hover>input:not([disabled]):checked~span, .mt-checkbox.mt-checkbox-outline:hover>input:not([disabled])~span, .mt-checkbox.mt-checkbox-outline>input:checked~span, .mt-checkbox.mt-checkbox-outline>input:focus~span, .mt-checkbox.mt-checkbox-outline>span, .mt-checkbox.mt-radio-outline:hover>input:not([disabled]):checked~span, .mt-checkbox.mt-radio-outline:hover>input:not([disabled])~span, .mt-checkbox.mt-radio-outline>input:checked~span, .mt-checkbox.mt-radio-outline>input:focus~span, .mt-checkbox.mt-radio-outline>span, .mt-radio.mt-checkbox-outline:hover>input:not([disabled]):checked~span, .mt-radio.mt-checkbox-outline:hover>input:not([disabled])~span, .mt-radio.mt-checkbox-outline>input:checked~span, .mt-radio.mt-checkbox-outline>input:focus~span, .mt-radio.mt-checkbox-outline>span, .mt-radio.mt-radio-outline:hover>input:not([disabled]):checked~span, .mt-radio.mt-radio-outline:hover>input:not([disabled])~span, .mt-radio.mt-radio-outline>input:checked~span, .mt-radio.mt-radio-outline>input:focus~span, .mt-radio.mt-radio-outline>span { border: 2px solid #d9d9d9; background:#fff;}
	.mt-checkbox>span:after { left: 5px; top: 1px;}
	.mt-radio>span:after { left: 4px; top: 4px;}

	.modal-body .portlet.light.bordered{ margin: 0; padding: 0; border: none !important;}

	/*Task*/
	.view-as .btn.act { background-color: #00a7e0; border-color: #00a7e0; cursor:default;}
	.view-as .btn:not(.act) { background: #efecec; border: #efecec;}
	.view-as .btn:not(.act):hover{ background: #dedede; border: #dedede;}
	.view-as .btn:not(.act) i{ color: #A1A1A1;}
	.portlet.calendar.small-padding{ padding: 12px 0px 15px;}
	.small-heading{ font-size:16px;}
	.small-heading-18{ font-size:18px; line-height: 20px}
	.font-15{ font-size: 15px;}

	/*leads*/
	.filter-block .form-control { width: auto;}
	.filter-block .form-control.pull-left { margin-right: 10px;}
	.filter-block .btn{ margin-right: 10px;}
	.filter-block .view-as .btn{ margin-right: 0px;}
	.filter-block .view-as{ margin-bottom: 10px;}
	.date-range-block{ width: 240px;}
	.date-range-block .date-picker { width: 105px; float: left;}
	.date-range-block span { float: left; background: #EFEFEF; height: 32px; line-height: 23px; padding: 5px; border-top: 1px solid #cecece;
	    border-bottom: 1px solid #cecece; color:#333; font-weight: normal;}

	.selection-table{}
	.selection-table tr.cancle { background: #d9ecf9;}
	.selection-table.table tr.cancle a:not(.btn), .selection-table.table tr.cancle td { color: #3598dc;}
	.selection-table tr.closed { background: #e4f5e8;}
	.selection-table.table tr.closed a:not(.btn), .selection-table.table tr.closed td { color: #2ca94f;}
	.selection-table tr.pending { background: #fbfd9c;}
	.selection-table.table tr.pending a:not(.btn), .selection-table.table tr.pending td { color: #737430;}
	.selection-table tr.overdue{ background: #fcebeb;}
	.selection-table.table tr.overdue a:not(.btn), .selection-table.table tr.overdue td{ color:#e7505a;}
	.selection-table tr.selected{ background:#fdfbc8;}
	.selection-table.table tr.selected td{ color:#00a7e0;}
	.selection-table.table tr.selected a:not(.btn){ color:#00a7e0;}
	.selection-table.table tr.selected.overdue a:not(.btn){ color:#e7505a;}
	.table-greylink{}
	.table-greylink.table tr a:not(.btn){ color:#333;}
	.table-greylink.table tr th a:not(.btn){ color: #fff;}
	.selection-table tr.selection{ background:#D3D3D3;}

	.append-table > td { padding: 0 !important;}
	.append-table table{ width: 100%; margin: 10px 0;}
	.append-table table td { padding: 6px;}
	.append-table-main.table>tbody>tr>td { border-top: 3px solid #eae8e5;}
	.append-table table td {
	    padding: 6px;
	    vertical-align: top;
	}
	.table td{ vertical-align: top;}
	.table td:last-child.wmm70 { padding-top: 12px;}
	.append-table table td:last-child.wmm70 { padding-top: 12px;}
	.append-table-main.table>tbody>tr:first-child>td{ border: none;}
	.table-scrollable>.append-table-main.table>tbody>tr:last-child>td { border-bottom: 3px solid #eae8e5;}

	.mt-repeater{ display: block;}
	.table-scrollable{ border: none; margin:0 0 20px !important;}
	.table-scrollable.margin-bottom-0{ margin-bottom: 0px !important;}
	.table-scrollable.margin-bottom-5{ margin-bottom: 5px !important;}
	.table-scrollable.margin-bottom-10{ margin-bottom: 10px !important;}
	.table-scrollable>.table{ margin-bottom: 0px !important;}
	.table-scrollable .table.margin-bottom-0{ margin-bottom: 0px !important;}
	.table-scrollable .table.margin-bottom-5{ margin-bottom: 5px !important;}
	.table-scrollable .table.margin-bottom-10{ margin-bottom: 10px !important;}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ border-top: 1px solid #eae8e5;}
	.table-scrollable>.table>tbody>tr:last-child>td{ border-bottom: 1px solid #eae8e5;}
	.table thead tr th { font-size: 15px; vertical-align: middle; padding: 5px 8px;}
	.table>tbody>tr>td{ font-size:14px; color:#595959; padding: 11px 8px; word-break: break-all;}
	.table>thead>tr>th{ border-bottom: none;}
	.table>tfoot>tr>th{border-bottom: 1px solid #eae8e5; background: #F3F3F3; color: #595959; font-weight: 500; font-size: 15px;}
	.table-bordered>thead>tr>th{border: 0;}

	.table-scrollable.table-inner-scroll {overflow: auto;height: 350px;margin-bottom: 0;padding-bottom: 0;}
	.table-scrollable.table-inner-scroll thead th {position: -webkit-sticky;position: sticky;top: 0;}
	.table-scrollable.table-inner-scroll tfoot, .table-scrollable.table-inner-scroll tfoot th, .table-scrollable.table-inner-scroll tfoot td {position: -webkit-sticky;position: sticky;bottom: 0;z-index: 4;}

	.table.with-button>tbody>tr>td{ vertical-align: middle; padding:8px;}
	.table.with-button>tbody>tr:last-child .btn-group>.dropdown-menu, .table.with-button>tbody>tr:nth-last-child(2) .btn-group>.dropdown-menu, .table.with-button>tbody>tr:nth-last-child(3) .btn-group>.dropdown-menu, .table.with-button>tbody>tr:nth-last-child(4) .btn-group>.dropdown-menu{ top: auto; bottom: 100%; margin-top: 0; margin-bottom: 10px; box-shadow: -5px -5px rgba(102,102,102,.1);}
	.table.with-button>tbody>tr:last-child .btn-group>.dropdown-menu:after, .table.with-button>tbody>tr:nth-last-child(2) .btn-group>.dropdown-menu:after, .table.with-button>tbody>tr:nth-last-child(3) .btn-group>.dropdown-menu:after, .table.with-button>tbody>tr:nth-last-child(4) .btn-group>.dropdown-menu:after{ border-top: 7px solid #fff; border-bottom:none; top: 100%;}
	.table.with-button>tbody>tr:last-child .btn-group>.dropdown-menu:before, .table.with-button>tbody>tr:nth-last-child(2) .btn-group>.dropdown-menu:before, .table.with-button>tbody>tr:nth-last-child(3) .btn-group>.dropdown-menu:before, .table.with-button>tbody>tr:nth-last-child(4) .btn-group>.dropdown-menu:before{ border-top: 8px solid #e0e0e0; border-bottom:none; top: 100%;}

	table.mt-repeater{display: table;}

	.modal .table.with-button>tbody>tr>td{ padding:8px; vertical-align:top;}
	.modal .table.with-button>tbody>tr>td:last-child a { margin-top: 5px; display: inline-block;}

	.relative-block{ position: relative;}
	.inline-select, .inline-select label ,.inline-select .select2{ display: inline-block;}
	.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear{display: none;}

	.wauto{ width: auto;}
	.wmin90{ min-width: 90px;}
	.wmin100{ min-width: 100px;}
	.wmin120{ min-width: 120px;}
	.wmin130{ min-width: 130px;}
	.wmin140{ min-width: 140px;}
	.wmin150{ min-width: 150px;}
	.wmin175{ min-width: 175px;}
	.wmax45{ width: 45px; max-width: 45px;}
	.wmax50{ width: 50px; max-width: 50px;}
	.wmax60{ width: 60px; max-width: 60px;}
	.wmax90{ width: 90px; max-width: 90px;}
	.wmax100{ width: 100px; max-width: 100px;}
	.wmax120{ width: 120px; max-width: 120px;}
	.wmax150{ width: 150px; max-width: 150px;}
	.wmax200{ width: 200px; max-width: 200px;}
	.wmm30{ min-width: 30px; width: 30px; max-width: 30px;}
	.wmm40{ min-width: 40px; width: 40px; max-width: 40px;}
	.wmm45{ min-width: 45px; width: 45px; max-width: 45px;}
	.wmm60{ min-width: 60px; width: 60px; max-width: 60px;}
	.wmm70{ min-width: 70px; width: 70px; max-width: 70px;}
	.wmm100{ min-width: 100px; width: 100px; max-width: 100px;}
	.wmm120{ min-width: 110px; width: 110px; max-width: 110px;}
	.wmm120{ min-width: 120px; width: 120px; max-width: 120px;}
	.wmm130{ min-width: 130px; width: 130px; max-width: 130px;}
	.wmm140{ min-width: 140px; width: 140px; max-width: 140px;}
	.wmm150{ min-width: 150px; width: 150px; max-width: 150px;}
	.wmm160{ min-width: 160px; width: 160px; max-width: 160px;}
	.wmm175{ min-width: 175px; width: 175px; max-width: 175px;}
	.wmm190{ min-width: 190px; width: 190px; max-width: 190px;}
	.wmm220{ min-width: 220px; width: 220px; max-width: 220px;}
	.wmm250{ min-width: 250px; width: 250px; max-width: 250px;}
	.wmm280{ min-width: 280px; width: 280px; max-width: 280px;}
	.wmm300{ min-width: 300px; width: 300px; max-width: 300px;}
	.wmm350{ min-width: 400px; width: 400px; max-width: 400px;}
	.wm120m175{ min-width: 120px; width: 175px; max-width: 175px;}
	.wm130m175{ min-width: 130px; width: 175px; max-width: 175px;}
	.wm175m300{ min-width: 175px; width: 300px; max-width: 300px;}
	.wm280m300{ min-width: 280px; width: 300px; max-width: 300px;}
	.w120{ width:120px;}
	.w290{ width:290px;}
	.w350{ width:350px;}
	.w350adj{ width:calc(100% - 350px);}
	.w250{ width:250px;}
	.w250adj{ width:calc(100% - 250px);}

	.font16{font-size: 16px;}
	.form-control.wmax150{display: inline-block;}
	.link-back{color: #595959 !important; font-size: 16px; text-decoration: underline;}
	.link-back:hover{ text-decoration: none;}

	.row{ margin-left: -10px; margin-right: -10px;}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-left: 10px; padding-right: 10px;}
	.row.gutter10{ margin-left: -5px; margin-right: -5px;}
	.gutter10 > .col-lg-1, .gutter10 > .col-lg-10, .gutter10 > .col-lg-11, .gutter10 > .col-lg-12, .gutter10 > .col-lg-2, .gutter10 > .col-lg-3, .gutter10 > .col-lg-4, .gutter10 > .col-lg-5, .gutter10 > .col-lg-6, .gutter10 > .col-lg-7, .gutter10 > .col-lg-8, .gutter10 > .col-lg-9, .gutter10 > .col-md-1, .gutter10 > .col-md-10, .gutter10 > .col-md-11, .gutter10 > .col-md-12, .gutter10 > .col-md-2, .gutter10 > .col-md-3, .gutter10 > .col-md-4, .gutter10 > .col-md-5, .gutter10 > .col-md-6, .gutter10 > .col-md-7, .gutter10 > .col-md-8, .gutter10 > .col-md-9, .gutter10 > .col-sm-1, .gutter10 > .col-sm-10, .gutter10 > .col-sm-11, .gutter10 > .col-sm-12, .gutter10 > .col-sm-2, .gutter10 > .col-sm-3, .gutter10 > .col-sm-4, .gutter10 > .col-sm-5, .gutter10 > .col-sm-6, .gutter10 > .col-sm-7, .gutter10 > .col-sm-8, .gutter10 > .col-sm-9, .gutter10 > .col-xs-1, .gutter10 > .col-xs-10, .gutter10 > .col-xs-11, .gutter10 > .col-xs-12, .gutter10 > .col-xs-2, .gutter10 > .col-xs-3, .gutter10 > .col-xs-4, .gutter10 > .col-xs-5, .gutter10 > .col-xs-6, .gutter10 > .col-xs-7, .gutter10 > .col-xs-8, .gutter10 > .col-xs-9{ padding-left: 5px; padding-right: 5px;}
	.row.gutter20{ margin-left: -10px; margin-right: -10px;}
	.gutter20 > .col-lg-1, .gutter20 > .col-lg-10, .gutter20 > .col-lg-11, .gutter20 > .col-lg-12, .gutter20 > .col-lg-2, .gutter20 > .col-lg-3, .gutter20 > .col-lg-4, .gutter20 > .col-lg-5, .gutter20 > .col-lg-6, .gutter20 > .col-lg-7, .gutter20 > .col-lg-8, .gutter20 > .col-lg-9, .gutter20 > .col-md-1, .gutter20 > .col-md-10, .gutter20 > .col-md-11, .gutter20 > .col-md-12, .gutter20 > .col-md-2, .gutter20 > .col-md-3, .gutter20 > .col-md-4, .gutter20 > .col-md-5, .gutter20 > .col-md-6, .gutter20 > .col-md-7, .gutter20 > .col-md-8, .gutter20 > .col-md-9, .gutter20 > .col-sm-1, .gutter20 > .col-sm-10, .gutter20 > .col-sm-11, .gutter20 > .col-sm-12, .gutter20 > .col-sm-2, .gutter20 > .col-sm-3, .gutter20 > .col-sm-4, .gutter20 > .col-sm-5, .gutter20 > .col-sm-6, .gutter20 > .col-sm-7, .gutter20 > .col-sm-8, .gutter20 > .col-sm-9, .gutter20 > .col-xs-1, .gutter20 > .col-xs-10, .gutter20 > .col-xs-11, .gutter20 > .col-xs-12, .gutter20 > .col-xs-2, .gutter20 > .col-xs-3, .gutter20 > .col-xs-4, .gutter20 > .col-xs-5, .gutter20 > .col-xs-6, .gutter20 > .col-xs-7, .gutter20 > .col-xs-8, .gutter20 > .col-xs-9{ padding-left: 10px; padding-right: 10px;}


	label{font-size: 14px; color: #818181; display: block;}
	.form-control{ padding: 5px 10px; color: #818181; border: 1px solid #CECECE; height: 32px;}
	.select2-container--bootstrap .select2-selection--single{ height: 32px;}
	select.form-control{ padding: 6px 10px 6px 6px;}
	.has-error .form-control, .has-error .form-control:focus, .has-error .select2-dropdown, .has-error .select2-selection, .has-error .select2-container--focus .select2-selection, .has-error .select2-container--open .select2-selection{ border-color:#00a7e0;}
	.has-error .form-control[disabled]{ border-color: #CECECE;}
	.form-control[disabled], .form-control[readonly], fieldset[disabled]{ background: #F3F3F3 !important; border-color: #CECECE; color: #a9a6a6;}
	.select2-container--bootstrap.select2-container--disabled .select2-selection, .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice { background-color: #f3f3f3;}

	.btn, .btn-group-sm>.btn, .btn-sm{font-size: 14px;}
	.btn-group-sm>.btn, .btn-sm { padding: 4px 15px;}
	.btn-lg { padding: 6px 15px; font-weight: 500; min-width: 90px; font-size: 16px;}
	.btn-md { padding: 6px 12px !important; line-height: 1.3 !important;}
	.portlet>.portlet-title>.actions>.btn, .portlet>.portlet-title>.actions>.btn-group>.btn, .portlet>.portlet-title>.actions>.btn-group>.btn.btn-sm, .portlet>.portlet-title>.actions>.btn.btn-sm{ font-size: 14px; font-weight: 500; padding: 4px 15px;}

	.delete-with-input-field {
	    padding-right: 30px !important;
	    position: relative;
	}
	.delete-with-input-field .delete-icon {
	    position: absolute;
	    top: 5px;
	    right: 5px;
	}

	.btn-group.dot-icon .btn-sm{ min-width: 90px; text-align: left;}
	.btn-group.dot-icon .btn-sm i.material-icons { font-size: 15px; position: relative; top: 3px; float: right;}
	.dropdown-menu{ font-family: 'Roboto', sans-serif; padding: 10px;}
	.dropdown-menu>li>a { text-decoration: none !important; color: #333 !important; font-weight: 500; padding: 8px 5px;}
	.dropdown-menu>li>a:hover { text-decoration: none; color: #333 !important;}
	.btn-group.down-icon .btn{ /*min-width: 105px;*/ text-align: left; padding-right: 25px;}
	.btn-group.down-icon .btn i.material-icons { position: absolute; top: 3px; right:3px; font-size: 24px !important;}
	.btn-group.down-icon .btn.wmin110 { min-width: 110px;}
	.btn-group.down-icon .btn.wmin120 { min-width: 120px;}
	.btn-group.down-icon .btn.wmin125 { min-width: 125px;}

	.btn.show-column-list { padding: 1px 9px !important;}
	.show-column-list + .dropdown-menu:before, .show-column-list + .dropdown-menu:after{ opacity:0;}
	.show-column-list .material-icons { font-size: 22px !important; top: 3px; position: relative;}
	.show-column-list + .dropdown-menu { left: initial; right: 0; min-width: 100px; margin-top: 5px;}
	.show-column-list + .dropdown-menu .fa-check { margin-right: 8px; color: #333 !important;}
	.show-column-list + .dropdown-menu .active, .show-column-list + .dropdown-menu .active .fa-check { color: #00a7e0 !important;}

	/*leads - notes tab*/
	.btn-circle.check-circle{ width: 36px; height: 32px;}
	.check-circle i.material-icons { font-size: 19px; line-height: 27px;}

	.edit-icon i.material-icons{ font-size: 17px; color: #A1A1A1;}
	.delete-icon i.material-icons{ font-size: 17px; color: #A1A1A1;}
	.delete-icon-text{ color:#A1A1A1; text-decoration: underline;}
	.delete-icon-text i.material-icons{ font-size: 17px; color: #A1A1A1; position: relative; top:3px;}
	.delete-icon-text:hover{ color:#A1A1A1;}
	.add-icon i.material-icons{ font-size: 16px !important; line-height: 10px; position: relative; top: 3px;}

	.lead-status { position: relative;}
	.lead-status span{ height: 18px; width: 18px; display: block; position: absolute; background: #cecece; top: 7px; left: 10px;}
	.lead-status .form-control{ padding-left: 35px;}
	.lead-status.status-follow-up span{ background: #EB6464;}
	.lead-status.status-sample-sent span{ background: #F39E0B;}
	.lead-status.status-measure-scheduled span{ background: #00a7e0;}
	.lead-status.status-quote-sent span{ background: #4CAFE3;}
	.fileinput.fileinput-exists .btn.red{ display: inline-block; width: auto; line-height: 9px; padding: 6px;}
	.fileinput .btn.red i.material-icons{ color: #fff; font-size: 18px; line-height: 18px;}
	.fileinput .input-group.input-large { width: 280px !important;}

	.table.select-all th:first-child, .table.select-all td:first-child{ width: 20px; max-width: 30px;}
	.select-all thead tr:not(.filter-head) .mt-checkbox span, .select-all thead tr:not(.filter-head) .mt-checkbox.mt-checkbox-outline>input:focus~span, .select-all thead tr:not(.filter-head) .mt-checkbox.mt-checkbox-outline:hover>input:not([disabled])~span{ background: #fff; border: none; width: 16px; height: 16px; margin-top: 2px;}
	.select-all thead tr:not(.filter-head) .mt-checkbox.mt-checkbox-outline>input:checked~span { background: #fff; border: none;}
	.select-all thead tr:not(.filter-head) .mt-checkbox>span:after{ top:2px;}

	hr{ border-top: 3px solid #eae8e5;}
	hr.divider{ border-width: 1px;}
	hr.dark{ border-color: #C5C5C5;}

	/*add property*/
	.table.append-table-main thead tr th{ padding: 5px 6px;}
	.portlet.light>.portlet-title>.caption>.caption-subject.small-heading { font-size: 16px;}

	.portlet.light.bordered>.portlet-title.full{ border-bottom: 1px solid #eef1f5;}
	.portlet.light.bordered>.portlet-title.full:after{ display: none;}

	.num-count{ background: #CECECE; height: 32px; line-height: 32px; text-align: center; color: #fff; font-weight: 500; width: 34px;}
	.num-count.green{ background: #00a7e0;}/* background: #9BD6AB;*/
	.num-count.red{ background: #F08A8A;}
	.num-count.yellow{ background: #F5B545;}
	.amount-input{ position: relative;}
	.amount-input span.icon{ position: absolute; top: 7px; left: 10px; font-size:14px;}
	.amount-input .form-control{ padding-left: 18px;}
	.percentage-input{ position: relative;}
	.percentage-input span.icon{ position: absolute; top: 7px; right: 10px;}
	.percentage-input .form-control{ padding-right: 20px;}
	.quantity-input{ position: relative;}
	.quantity-input span.icon{ position: absolute; top: 7px; right: 10px;}
	.quantity-input .form-control{ padding-right: 30px;}
	.quantity-input.each .form-control { padding-right: 60px;}
	.quantity-input.each span.icon-text{ position: absolute; top: 10px; right: 10px;}
	.quantity-input.amount-input span.icon { right: auto;}
	.amount-input.disabled span, .percentage-input.disabled span, .quantity-input.disabled span { color: #a9a6a6;}


	/*modal*/
	.table-modal .modal-header{ border-bottom:none; padding-bottom:10px;}
	.table-modal table.valignmiddle tbody td { vertical-align: top !important;}

	.table-modal table.valignmiddle tbody td.wmm40:last-child a { top: 5px; position: relative;}
	.modal-title{ color:#333; font-weight: normal;}
	.modal-header i.close.material-icons{ font-size:20px; color: #818181; opacity: 1; background-image: none !important; text-indent:0; width:20px; height:20px;}
	.table-modal .modal-body { padding: 0 15px 15px;}

	.small-modal{}
	.small-modal .modal-body { padding: 5px 15px 15px;}
	.small-modal .portlet.light>.portlet-title{ min-height: 45px;}
	.height420{ height:420px;}

	.slimScrollBar{ background: #C1C1C1 !important; opacity: 1 !important; border-radius: 3px !important;}
	.slimScrollRail{ background: #E8E8E8 !important; opacity: 1 !important; display: block !important; border-radius: 3px !important;}

	.right-icon{}
	.right-icon i.material-icons{ font-size: 19px; color: #C8C8C8; top: 7px; right: 8px; left: auto; margin:0px; z-index: 1;}
	.right-icon.input-icon>.form-control{ padding-left: 10px; padding-right: 33px; position: relative; z-index: 2; background: transparent;}
	.right-icon.input-icon>.form-control.date-picker{ padding-right: 27px; z-index: 2;}
	.datepicker table td, .datepicker table th, .datetimepicker table td, .datetimepicker table th{ font-family: 'Roboto', sans-serif !important;}
	.datepicker.dropdown-menu{ z-index: 9999;}
	
	.modal-open :not(.modal) .datetimepicker {  z-index: 0;}
	
	.slide-content.btn{ padding: 3px 15px;}
	.slide-content.btn i.material-icons{ font-size: 20px; position: relative; top: 3px;}
	.show-actaul-cost .slide-content.btn i.material-icons{ -moz-transform: scaleX(-1); -webkit-transform: scaleX(-1); -o-transform: scaleX(-1); transform: scaleX(-1); -ms-filter: fliph; /*IE*/ filter: fliph; /*IE*/}

	/*tasks*/
	.view-as .btn{ padding: 3px 15px;}
	.view-as .btn i.material-icons{ font-size: 24px; position: relative; line-height: 15px; top: 5px;}

	/*Quotes*/
	.inline-select.wmin120 .select2-container { width: initial !important; width: auto !important; min-width: 120px; max-width: 160px;}
	 .inline-select.wmin180 .select2-container {width: initial !important;width: auto !important;min-width: 180px;max-width: 180px;}
	.inline-select select.form-control{ width: initial;  width:auto; display: inline-block;}
	.select2-container--bootstrap .select2-selection, .select2-container--bootstrap .select2-selection--single .select2-selection__rendered { color: #818181; font-family: 'Roboto', sans-serif; font-weight: normal;}
	.select2-container--bootstrap .select2-selection__clear{ margin-right: 0px; margin-left: 5px;}
	.fileinput .uneditable-input{ cursor: pointer !important;}

	.table-scrollable .table.payable-amount-table{ max-width: 520px; float: right; border: 1px solid #eae8e5; margin-bottom: 0 !important;}
	.table.payable-amount-table>tbody>tr>td{ background: #fcfcfc; font-size: 15px; color: #818181; vertical-align: middle; border:none;}
	.table.payable-amount-table>tbody>tr>td.with-remove{ position:relative;}
	.table.payable-amount-table>tbody>tr>td.with-remove a{ position:absolute; top:35px; left:10px;}
	.table.payable-amount-table>tbody>tr.small-padding>td { padding: 11px 8px 0;}
	.table.payable-amount-table>tbody>tr>td:last-child{ color: #333 !important; text-align: right;}
	.table.payable-amount-table>tbody>tr.font-medium>td{ border-top: 1px solid #eae8e5; border-bottom: 1px solid #eae8e5; color:#595959; font-size: 16px !important;}
	.payable-amount-table td .form-control{ width:90px; float: right; margin-left: 10px;}
	.payable-amount-table td .edit-icon{ margin-top:5px; display: inline-block;}
	.payable-amount-table td .edit-icon i{ color:#00a7e0; font-size: 14px; line-height: 14px; top: 2px; position: relative;}
	.payable-amount-table .payable-amount td{ background: #FBF8C8 !important; font-weight: 500; font-size:16px; color:#595959 !important; font-size: 16px !important;}
	.payable-amount-table .amount-input{}
	.payable-amount-table .amount-input .form-control{ margin-left: 0;}
	textarea{ resize: none; min-height: 60px;}
	textarea.form-control.additional-comments{ min-height: 67px;}
	textarea.form-control.additional-comments-sales{ min-height: 525px;}
	textarea.form-control.additional-comments-quote{ min-height: 321px;}

	.empty-search tbody td i{ font-size:73px; color:#DDDDDD;}
	.empty-search tbody td{ border:none !important;}
	.no-search-box p { margin: 3px 0 15px; font-size: 17px; color: #818181;}

	.no-search-box i{ font-size:73px; color:#DDDDDD;}
	tbody.empty-search td{ border:none !important;}

	#send-sample .modal-footer, #sample-unlisted-item .modal-footer{ border-top: none;}
	#sample-unlisted-item.table-modal .modal-body{ padding-bottom: 0;}

	#confirm-order .collected-deposit{ display: none;}
	#confirm-order .collected-deposit.active{ display: block;}
	#confirm-order .additional-payment{ display: none;}
	#confirm-order .additional-payment.active{ display: block;}
	#confirm-order .collected-deposit-field{ display: none;}
	#confirm-order .collected-deposit-field.active{ display: block;}
	#confirm-order .final-deposit-field{ display: none;}
	#confirm-order .final-deposit-field.active{ display: block;}
	#confirm-order.enlarge, #confirm-order-new.enlarge{ width: 820px !important;}
	#confirm-order.enlarge, #confirm-order-deposit.enlarge, .modal.enlarge{ width: 1000px !important;}

	.table-borderless.table>tbody>tr>td, .table-scrollable>.table-borderless.table>tbody>tr:last-child>td{ border:none;}

	.item-stock-assign{ background:#FDFBCB; color:#595959; border:1px solid #FCEBCD; display: inline-block; padding: 5px 12px 6px;}
	.item-stock-assigned{ background:#00a7e0; color:#FFF; border:1px solid #00a7e0; display: inline-block; padding: 5px 12px 6px;}

	.dataTables_info { margin: 10px 0; line-height: 33px; }

	.show-actaul-cost{}
	.show-actaul-cost .quote-items-block{ width: calc(100% - 370px); float: left; position: relative; padding-right: 30px;}
	.actual-cost-box{ display: none;}
	.show-actaul-cost .actual-cost-box{ width: 370px; float: left; position: relative; padding: 0 0 0 20px; display: block;}
	.show-actaul-cost .quote-items-block:after { content: ""; height: 100%; width: 3px; background: #eae8e5; position: absolute; top: 0; right: -1px;}
	.show-actaul-cost .actual-cost-box:before { content: ""; height: 100%; width: 3px; background: #eae8e5; position: absolute; top: 0; left: -2px;}
	.actual-cost-box .small-heading { margin: 35px 0 0 !important; padding-bottom: 14px; border-bottom: 3px solid #eae8e5;}
	.show-actaul-cost .actual-cost-box td{ color: #a1a1a1}
	.actual-cost-box .amount-input{ display: inline-block; margin-right:10px;}
	.actual-cost-box .amount-input input{ color: #818181;}
	.show-actaul-cost .actual-cost-box .profit-info td{ color: #818181; font-size: 15px;}
	.show-actaul-cost .actual-cost-box .total-profit-info > td{ background:#F5F5F5; border-top: 3px solid #eae8e5; font-size: 15px; color:#818181;}
	.show-actaul-cost .actual-cost-box .total-profit-info .quantity-input{ width: 130px; display:inline-block; margin-right: 8px;}
	.show-actaul-cost .actual-cost-box .total-profit-info td.font-medium{ color:#333333}
	.total-profit-info .check-circle { cursor: default;}
	.show-actaul-cost .quote-items-block.product-withactual-cost .product-add > td > table > tbody> tr > td{ padding-bottom: 36px;}
	.show-actaul-cost .quote-items-block.product-withactual-cost .product-add > td > table > tbody tr.labor-add-inner td{ padding-bottom: 30px;}
	.show-actaul-cost .quote-items-block.product-withactual-cost .labor-add > td > table > tbody tr.labor-add-inner td{ padding-bottom: 30px;}
	.quote-items-block .qtyconvert,.qtyconvert{ padding:5px 10px;}
	.show-actaul-cost .quote-items-block .qtyconvert{ position:absolute;}

	.edit-prod .form-control{ float:left; width:calc(100% - 25px);}
	.edit-prod .edit-icon{ position:relative; top:5px;}

	.actual-cost-box-with-title .small-heading { border: none; margin: 18px 0 0 !important;padding-bottom: 0px;padding-left: 6px;}
	.actual-cost-box-with-title .costing-title { border-bottom: 3px solid #eae8e5; padding: 6px;}
	.actual-cost-box-with-title .costing-title span { width: 100px; display: inline-block; margin-right: 10px; text-transform: capitalize; font-weight: 500;}

	/*sticky start*/
	.salestabs-top.sticky { position: sticky; top: 70px; background: #fff; width: 100%; z-index: 999; border-bottom: 1px solid #eae8e5; }
	.salestabs-top.sticky + div + div + .tab-content .add-item-row.sticky, .salestabs-top.sticky + div + div + .tab-content .actual-cost-box > .row.sticky{ top:126px;}
	.salestabs-top.sticky + div + div + .tab-content .row.add-item-row.sticky + .row .fix{ top:186px;}
	
	.add-item-row.sticky, .actual-cost-box > .row.sticky{ position: fixed;background: #fff;top: 70px;z-index:9999;}
	.add-item-row.sticky{padding-top:12px;padding-bottom:5px;}
	.actual-cost-box > .row.sticky { border: none;}
	.actual-cost-box .row.sticky .small-heading { margin: 35px 0 0 !important;}
	.actual-cost-box .row.sticky + .row { margin-top: 30px;}
	.row.add-item-row + .row .fix{ display: none; -ms-overflow-style: none; scrollbar-width: none;}
	.row.add-item-row + .row .fix::-webkit-scrollbar { display:none;}
	.row.add-item-row.sticky + .row .fix{ display: block; position: fixed; top:130px; z-index: 10; overflow: auto;}
	
	.ff .salestabs-top.sticky{ float:none !important;}
	/*sticky end*/

	/*fullfillment*/
	.product-details-with-tab-top > .col-md-12:after{ content: ""; display: block; position: relative; height: 1px; width: 100%; background: #eae8e5; margin-top: 10px;}
	.append-item-list { list-style: none; padding: 0; margin: 0;}
	.append-item-list li{ cursor: pointer; display: block; font-size: 15px; color: #818181; border-bottom: 1px solid #EAE8E5; padding: 10px 15px; position: relative;}
	.append-item-list li:first-child{ border-top: 1px solid #EAE8E5;}
	.append-item-list li.active{ color:#fff; background:#00a7e0; cursor: default;}
	.append-item-list li.active:after{ content:""; display: block; float: right; position: absolute; right:0; top: 12px; background: 0 0; width: 0; height: 0; border-style: solid; border-top: 8px double transparent; border-bottom: 8px double transparent; border-left: 0; border-right: 8px solid #fff; z-index: 2;}
	.product-details-with-tab-bottom .left-panel{ position: relative; padding-top: 10px;}
	.product-details-with-tab-bottom .left-panel h4{ margin: 9px 0 18px;}
	.product-details-with-tab-bottom .left-panel .btn{ padding: 3px 12px; margin-right: 10px; margin-top: 5px;}
	.product-details-with-tab-bottom .left-panel:after { content: ""; display: block; position: absolute; width: 1px; height: 100%; background: #eae8e5; top: 0; right: 10px; z-index: 1;}
	.product-details-with-tab-bottom .right-panel{ position: relative; padding-top: 5px;}
	.product-details-with-tab-bottom .right-panel:before { content: ""; display: block; position: absolute; width: 1px; height: 100%; background: #eae8e5; top: 0; left: -11px; z-index: 1;}
	.price-detail-with-percent{ width:260px;}
	.price-detail-with-percent .amount-input{ float: left; width: 165px;}
	.price-detail-with-percent .percent-text{ float:left; margin:7px 0 0 5px;}
	.price-detail-with-input{ width:260px;}
	.price-detail-with-from-to{ width:260px;}
	.price-detail-with-from-to .date-range-block{ width:100%;}
	.price-detail-with-from-to .date-range-block input{ width: 107px;}
	label.small-heading.font-medium { color: #595959;}

	/*fulfillment - sales orders*/
	table.change-stock-table { margin: 0;}
	.change-stock-table td { padding: 6px 0 !important;}
	.change-stock-box{ font-size: 15px; float: left; margin-top: 8px;}
	table.valigntop td{ vertical-align: top !important;}
	table.valignmiddle tbody td{ vertical-align: middle !important;}

	.inline-select.wm150m190 .select2-container { width: initial !important; width: auto !important; min-width: 150px; max-width: 190px;}
	.vendor-items-block .append-table-main.table>tbody>tr>td{ border: none; padding:8px;}
	.vendor-items-block .append-table-main.table>tbody>tr:first-child>td{ padding-top: 16px;}
	.vendor-items-block .append-table-main.table>tbody>tr:last-child>td{ padding-bottom: 16px;}
	.vendor-items-block .table>tfoot>tr>td, .purchase_order_venders_item .table>tfoot>tr>td{ font-weight:400; font-size:16px; padding:8px;}

	.right-corner.btn-group>.dropdown-menu{ left: auto; right:0;}
	.right-corner.btn-group>.dropdown-menu:before, .right-corner .dropdown-toggle>.dropdown-menu:before{ left:auto; right:0;}
	.right-corner.btn-group>.dropdown-menu:after, .right-corner .dropdown-toggle>.dropdown-menu:after{ left:auto; right:1px;}

	.bottom-corner.btn-group>.dropdown-menu{ top: auto; bottom: 100%; margin-bottom: 10px;}
	.bottom-corner.btn-group>.dropdown-menu:before, .right-corner .dropdown-toggle>.dropdown-menu:before{ border-top: 8px solid #e0e0e0; border-bottom: none; top: 100%;}
	.bottom-corner.btn-group>.dropdown-menu:after, .right-corner .dropdown-toggle>.dropdown-menu:after{ border-top: 7px solid #fff; border-bottom: none; top: 100%;}

	.material-icons.show-detail{ cursor: pointer; background: #595959; color: #fff; border-radius: 50%; max-width: 24px;}
	.material-icons.show-detail.disabled { background: #c8c8c8; cursor: auto;}
	.selected .material-icons.show-detail{ background: #F39E0B;}
	.purchase-item-status-table>tbody>tr>td{ border: 1px solid #eae8e5;}
	.purchase-item-status-table .product-detail a{ display: block;}
	.purchase-item-status-table .product-detail span{ color:#A1A1A1;}
	.purchase-item-status-table>tbody>tr>td:first-child { position: relative; padding-left: 30px;}
	.purchase-item-status-table>tbody>tr>td .mt-checkbox{ position: absolute; left:7px; top:10px;}
	.purchase-item-status-table>tbody>tr>td .mt-received-icon{ position: absolute; left:7px; top:10px; font-size: 19px; color: #939393;}
	.purchase-item-status-table>tfoot>tr>td{ font-weight: normal; padding: 11px 8px;}
	.purchase-item-status-table>tfoot>tr>td.font-16{ font-size:16px;}

	.heading-with-divider{ font-size:16px; color:#00a7e0; position: relative; font-weight: 500; line-height: 18px; display: block; padding-bottom: 15px; margin-bottom: 20px;}
	.heading-with-divider:after { content: ""; width: 45px; height: 2px; background: #00a7e0; position: absolute; left: 0; bottom: 0;}

	.purchase-item-status-table tr.selected{ background: #fdfbc8;}
	.purchase-item-status-table tr.selected.order-details td:first-child{ border-right: none;}
	.purchase-item-status-table tr.selected.order-details td:last-child{ border-left: none; padding-bottom: 0;}
	.purchase-item-status-table tr.selected td .right-icon.input-icon:before{ content: ""; display: block; position: absolute; background: #fff; top:0; left:0; right:0; bottom:0;}
	.purchase-item-status-table .received-line-items-block .box{ border-top: 1px solid #eae8e5; padding: 10px 0 0px;}
	.purchase-item-status-table .received-line-items-block .box:first-child{ border-top:none; padding: 0px 0 0px;}
	.purchase-item-status-table .received-line-items-block .box:last-child{ padding: 10px 0 0px;}
	.purchase-item-status-table .received-line-items-block .box:first-child:last-child { padding-top: 0px;}
	.purchase-item-status-table .received-line-items-block .box .left-col{ width: calc(100% - 60px); display: inline-block;}
	.purchase-item-status-table .received-line-items-block .box .smallbox { float: left; margin-right: 20px; width: 145px; margin-bottom: 10px;}
	.print-tag i { font-size: 15px; position: relative; top: 3px; margin-right: 3px;}
	.purchase-item-status-table .received-line-items-block .box .right-col{ float: right; width: 60px; text-align: right;}

	.received-line-items-modal .table-scrollable>.append-table-main.table>tbody>tr:last-child>td { border-bottom: none;}
	.print-table .fa-barcode{ font-size: 23px; top: 4px; position: relative; color: #00a7e0;}
	.print-label.mt-checkbox{ margin-bottom: 0;}
	.print-label.mt-checkbox>input:disabled~span{ opacity: 1; filter: alpha(opacity=100); pointer-events: none; background: #f1f1f1;}
	.print-label.mt-checkbox>input:disabled~.fa-barcode{ color: #d9d9d9;}

	.stock-details-block .portlet.light { padding: 0 20px 25px 0;}
	.stock-details-tab .col-md-12 .row .left-panel{ width: 270px;}
	.stock-details-tab .col-md-12 .row .right-panel{ width: calc(100% - 270px);}
	.product-details-with-tab-bottom .left-panel h4{ margin:9px 0 18px; padding-left:15px;}
	.edit-link i{ font-size: 14px; top: 2px; position: relative; margin-right:3px;}
	.print-link .fa-barcode{ font-size: 23px; top: 4px; position: relative; color: #00a7e0;}
	.light-green-bg{ background: #F2FAF4;}

	.fileinput{margin: 0 auto;}
	.fileinput .thumbnail{border: 2px solid #CECECE; border-radius: 3px !important;}
	.minicolors-theme-bootstrap .minicolors-swatch{top: 3px; left: 3px; width: 26px;
	    height: 26px;}
	.minicolors-swatch{border: solid 1px #fff;}

	.delete-link i{ font-size: 14px; top: 2px; position: relative; margin-right:3px;}
	.delete-link{ color: #A1A1A1; display: inline-block;}
	.delete-link:hover{ color: #8e8d8d;}

	.password-box i { font-size: 16px; color: #A1A1A1; position: absolute; top: 50%; right: 10px; margin-top: -9px; cursor: pointer;}
	.access-checkbox-table .mt-checkbox-inline{ padding: 0 !important}
	.access-checkbox-table .mt-checkbox-inline .mt-checkbox{ margin-bottom: 10px;}
	.access-checkbox-table .mt-checkbox-inline .mt-checkbox:last-child{ margin-bottom: 0px;}
	.access-checkbox-table tbody tr:last-child td{ border-bottom: none !important;}
	.table.select-all.access-checkbox-table th:first-child, .table.select-all.access-checkbox-table  td:first-child{ width: 160px; max-width: 160px;}
	.table-responsive.modal-table { overflow-x: auto; max-height: 70vh;}

	label.error {
	    color: red;
	    font-size: 13px;
	    line-height: 16px;
	    margin: 5px 0 0;
	    word-break: break-word;
	}
	.text-align-center{
		text-align:center;
	}
	.stem-loader { background: url('images/loader.gif') no-repeat center center; background-color: rgba(0,0,0,0.3); top: 0; left: 0; bottom: 0; right: 0; position: fixed; z-index: 999999;}

	/*Reports*/
	.input-daterange .form-control{ text-align:left;}
	.input-daterange .input-group-addon { color: #333; border: solid #ccc; border-width: 1px 0;}

	/*safari*/
	.safari .page-container-bg-solid .page-title{ left: 255px;}
	.safari .page-sidebar-closed.page-container-bg-solid .page-title{ left: 65px;}

	.error-msg{top: 55px; left:0; font-size: 13px; color: #e73d4a;}

	/*dropdown width issue*/
	/*.select2-container--bootstrap { width: 100% !important;}*/
	.select2.select2-container--bootstrap { width: 100% !important;}

	/*IE remove cross*/
	.password-box input::-ms-clear {  display: none;}
	.password-box input::-ms-reveal {  display: none;}

	.styleerror { color: #f00; font-size: 13px; word-break: break-word;}

	/*left table border issue inventory - stock purchase order*/
	table.table.purchase-item-status-table.select-all tfoot { border-left: 1px solid #fff;}
	table.table.purchase-item-status-table.select-all { border-left: 1px solid #eae8e5;}

	/*fullfillment - sales - assign stock checkbox*/
	#assign-stock-modal tr td:first-child, #assign-carton-stock-modal tr td:first-child { position: relative; padding-left: 30px;}
	#assign-stock-modal tr td:first-child label.mt-checkbox, #assign-carton-stock-modal tr td:first-child label.mt-checkbox { position: absolute; left: 8px; top: 10px;}

	.print-hide{display:inline-block;}
	.print-show, .print-row{display:none;}
	.caption-subject.print-hide{display:block !important;}
	.caption-subject.print-show{display:none !important;}
	.modal-body .caption .close{position: absolute;right: 0px;color: #000;opacity: 1;}



	/*commission report page layout*/
	tr.sales-report-tatal-tr, tr.sales-report-tatal-tr td { border-bottom: none !important;}
	tr.sales-report-tatal-tr td { height:50px;}
	tr.sales-report-tatal-tr + tr, tr.sales-report-tatal-tr + tr th { border-top: none !important;}
	/*commssion report page layout*/


	/*manage system users user role update issue CT1-I2655*/
	.modal-open .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
	    /* width: 0.75em !important; */
		 width: 78.75em !important;
	}
	.fc-widget-content{ clear:both;}
	.rollgood_final_qty{
		font-weight: bold;
	    width: 164px;
	    text-align: left;
	    display: block;
	    float: right
	}
	.carton_final_qty{
		font-weight: bold;
	    width: 198px;
	    text-align: left;
	    display: block;
	    float: right
	}
 
	.no-border { border: none !important; }

	/*media queries*/
	@media (min-width: 992px){
		.page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu { margin-top: -51px; width:230px; box-shadow: none;}
		.page-sidebar-menu.page-sidebar-menu-hover-submenu>li.long-menu:hover>.sub-menu { margin-top: -51px; width:230px; box-shadow: none;}
		.page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu>li:hover>.sub-menu{margin-left: 230px;margin-top: -48px!important;background: #2a738c !important;}
		.page-sidebar-closed .page-sidebar .page-sidebar-menu.page-sidebar-menu-hover-submenu>li:hover>.sub-menu>li:hover>.sub-menu { margin-left: 210px;}
		.dash-stat.widget-thumb .widget-thumb-body-stat{ font-size: 24px;}
		
		.w350-md{ width:350px;}
		.w350adj-md{ width:calc(100% - 350px);}
	}
	@media (min-width: 1200px){
		.dash-stat.widget-thumb .widget-thumb-body-stat{ font-size: 28px;}	
		.md-min-height375{ min-height: 375px;}
		.ship-to-addresss-fields .form-group:nth-child(5) { clear: both;}
		.ship-to-addresss-fields .form-group:nth-child(6) { clear: none;}
	}
	@media (min-width: 1500px){
		
	}
	@media (min-width: 1700px){
		.ship-to-addresss-fields .form-group:nth-child(5) { clear: none;}
	    .ship-to-addresss-fields .form-group:nth-child(6){clear: both;}
	}

	@media (max-width: 1600px){
	/*inventary ship to*/
	.uncheck_warehouse_location .form-group:nth-child(5) { clear: left;}
	}

	@media (max-width: 1400px){
		.dash-stat.widget-thumb { padding-left: 75px;}	
		.dash-stat.widget-thumb i{ left:15px; font-size: 60px; margin-top: -30px;}
		.check_warehouse_location .form-group:nth-child(5), .uncheck_warehouse_location .form-group:nth-child(5) { clear: both;}
	}
	@media (max-width: 991px){
		.page-header.navbar { background-color: #101712;}
		.page-container-bg-solid .page-title{ position: relative; top:0;}
		.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username{ color: #b7b9b7;}
		.page-sidebar-closed.page-sidebar-closed-hide-logo .page-header.navbar .page-logo > a{ margin-top:13px;}
		.page-header.navbar .menu-toggler.responsive-toggler{ margin-top:28px;}
		.page-sidebar .page-sidebar-menu .sidebar-search input, .page-sidebar .page-sidebar-menu>li .sub-menu{ background: #17291b !important;}
		.page-sidebar-menu-hover-submenu li:hover a>.arrow{ border-color: transparent;}
	}

	/*Special grid*/
	@media (min-width: 1200px) and (max-width:1500px){
		.col-lg-2-level1{ width:20%;}
		.col-lg-3-level1{ width:25%;}
		.col-lg-4-level1{ width:33.33%;}
		.col-lg-5-level1{ width: 41.66667%;}
		.col-lg-6-level1{ width: 50%;}
		.col-lg-7-level1{ width: 58.33333%;}
		.col-lg-8-level1{ width: 66.66667%;}
		.col-lg-9-level1{ width: 75%;}
		.col-lg-12-level1{ width: 100%;}
	}
	@media (min-width: 1300px) and (max-width:1500px){
		.col-lg-2-level2{ width:20%;}
		.col-lg-3-level2{ width:25%;}
		.col-lg-4-level2{ width:33.33%;}
		.col-lg-5-level2{ width: 41.66667%;}
		.col-lg-6-level2{ width: 50%;}
		.col-lg-7-level2{ width: 58.33333%;}
		.col-lg-8-level2{ width: 66.66667%;}
		.col-lg-9-level2{ width: 75%;}
		.col-lg-12-level2{ width: 100%;}
		.row .col-lg-4-level2:nth-child(3n+1){ clear:both;} 
	}
	@media (min-width: 1400px) and (max-width:1500px){
		.col-lg-2-level3{ width:20%;}
		.col-lg-3-level3{ width:25%;}
		.col-lg-4-level3{ width:33.33%;}
		.col-lg-5-level3{ width: 41.66667%;}
		.col-lg-6-level3{ width: 50%;}
		.col-lg-7-level3{ width: 58.33333%;}
		.col-lg-8-level3{ width: 66.66667%;}
		.col-lg-9-level3{ width: 75%;}
		.col-lg-12-level3{ width: 100%;}
	}
	@media (min-width: 1500px) and (max-width:1700px){
		.col-lg-3-level4{ width:25%;}
		.col-lg-4-level4{ width:33.33%;}
		.col-lg-5-level4{ width: 41.66667%;}
		.col-lg-6-level4{ width: 50%;}
		.col-lg-7-level4{ width: 58.33333%;}
		.col-lg-8-level4{ width: 66.66667%;}
		.col-lg-9-level4{ width: 75%;}
		.col-lg-12-level4{ width: 100%;}
		.row .col-lg-4-level4:nth-child(3n+1){ clear:both;}
	}
	@media (min-width: 1600px) and (max-width:1700px){
		.col-lg-3-level5{ width:25%;}
		.col-lg-4-level5{ width:33.33%;}
		.col-lg-5-level5{ width: 41.66667%;}
		.col-lg-6-level5{ width: 50%;}
		.col-lg-7-level5{ width: 58.33333%;}
		.col-lg-8-level5{ width: 66.66667%;}
		.col-lg-9-level5{ width: 75%;}
		.col-lg-12-level5{ width: 100%;}
	}


	@media all and (-ms-high-contrast:none){
	    .price-detail-with-from-to .date-range-block input { width: 106px;} /* IE10 */
	    *::-ms-backdrop, price-detail-with-from-to .date-range-block input { width: 106px;} /* IE11 */
		.amount-input span.icon{ top:6px;}
	    *::-ms-backdrop, .amount-input span.icon{ top:6px;}
	    .amount-input.disabled span.icon{ top:5px;}
	    *::-ms-backdrop, .amount-input.disabled span.icon{ top:5px;}
	}

	/*Microsoft Edge*/
	@supports (-ms-ime-align: auto) {
		.price-detail-with-from-to .date-range-block input { width: 106px;} 
		.amount-input span.icon{ top:6px;}
		.amount-input.disabled span.icon{ top:5px;}
	}
	/*IE11*/
	.ie11 .actual-cost-box .amount-input{ float:left;}
	.ie11 .actual-cost-box .pricing-percent{ display: inline-block; margin:5px 0;}
	.select2-results__option{ word-break: break-word;}

	.print-show{display:none;}

	@media print{
		.print-hide{display:none;}
		.print-show{display:block;}
		.print-block{ display: block !important; width: 100%;}
		.print-inline-block{ display: inline-block !important;}
		.caption-subject.print-hide{display:none !important;}
		.caption-subject.print-show{display:block !important;}	
		.potlet-hide-border-print.portlet.light.bordered{ border: none !important; padding: 0;}
		body.page-container-bg-solid{ min-width: auto !important;}
		.table td.text-right, .table th.text-right{ text-align: right !important;}
		.table td, .table th{ word-break: break-word;}
		.print-row{ display: table-row;}
		.print-hide-block{ display: none;}
		.print-table-scrollable{ overflow:initial;}
		.print-table-scrollable .table tr th, .print-table-scrollable .table tr td{ width:auto !important; min-width: auto !important; max-width: auto !important; white-space:normal !important; word-break:break-word;}
	}


