@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,300);

body {
	background: #e9ecef;
	font-family: 'Jost', sans-serif;
	margin: 0;
	overflow-x: hidden;
	color: #797979;
    -ms-overflow-style: scrollbar; 
}

#wrapper.enlarged #sidebar-menu ul ul {
    z-index: 9999;
    background: #3c4b64;
}

html {
	position: relative;
	min-height: 100%;
	background: #fff;
	overflow: hidden;
    height: 100%;
}

h1, h2, h3, h4, h5, h6 {
	color: #505458;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 10px 0
}

h1 {
	line-height: 43px
}

h2 {
	line-height: 35px
}

h3 {
	line-height: 25px
}

h3 small {
	color: #444444
}

h4 {
	line-height: 22px
}

h4 small {
	color: #444444
}

h5 {
	font-size: 15px
}

h5 small {
	color: #444444
}

p {
	line-height: 1.6
}

* {
	outline: none !important
}

b {
	font-weight: 600
}

a:hover {
	outline: 0;
	text-decoration: none
}

a:active {
	outline: 0;
	text-decoration: none
}

a:focus {
	outline: 0;
	text-decoration: none
}
.container {
	width: auto;
	padding: 0 10px
}

.navbar.navbar-default .container .col-lg-2, .navbar.navbar-default .container .col-lg-9, .navbar.navbar-default .container .col-lg-1, .navbar.navbar-default .container .col-lg-10 {
	padding: 0
}

.container .col-lg-1.custom {
	width: 5%
}

.container .col-lg-2.custom {
	width: 20%
}

.container .col-lg-9.custom {
	width: 75%
}

.container .col-lg-10.custom {
	width: 80%
}

.container-alt {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px
}

.wrapper {
	margin-top: 65px
}

.footer {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	bottom: 0;
	color: #fff;
	text-align: left !important;
	padding: 10px 30px;
	position: absolute;
	right: 0;
	left: 240px;
	background-color: #434343
}

#wrapper {
	overflow: hidden;
	width: 100%;
	min-height: 650px
}


.padding-xs { padding: .25em; }
.padding-sm { padding: .5em; }
.padding-md { padding: 1em; }
.padding-lg { padding: 1.5em; }
.padding-xl { padding: 3em; }

.padding-x-xs { padding: .25em 0; }
.padding-x-sm { padding: .5em 0; }
.padding-x-md { padding: 1em 0; }
.padding-x-lg { padding: 1.5em 0; }
.padding-x-xl { padding: 3em 0; }

.padding-y-xs { padding: 0 .25em; }
.padding-y-sm { padding: 0 .5em; }
.padding-y-md { padding: 0 1em; }
.padding-y-lg { padding: 0 1.5em; }
.padding-y-xl { padding: 0 3em; }

.padding-top-xs { padding-top: .25em; }
.padding-top-sm { padding-top: .5em; }
.padding-top-md { padding-top: 1em; }
.padding-top-lg { padding-top: 1.5em; }
.padding-top-xl { padding-top: 3em; }

.padding-right-xs { padding-right: .25em; }
.padding-right-sm { padding-right: .5em; }
.padding-right-md { padding-right: 1em; }
.padding-right-lg { padding-right: 1.5em; }
.padding-right-xl { padding-right: 3em; }

.padding-bottom-xs { padding-bottom: .25em; }
.padding-bottom-sm { padding-bottom: .5em; }
.padding-bottom-md { padding-bottom: 1em; }
.padding-bottom-lg { padding-bottom: 1.5em; }
.padding-bottom-xl { padding-bottom: 3em; }

.padding-left-xs { padding-left: .25em; }
.padding-left-sm { padding-left: .5em; }
.padding-left-md { padding-left: 1em; }
.padding-left-lg { padding-left: 1.5em; }
.padding-left-xl { padding-left: 3em; }

.margin-xs { margin: .25em; }
.margin-sm { margin: .5em; }
.margin-md { margin: 1em; }
.margin-lg { margin: 1.5em; }
.margin-xl { margin: 3em; }

.margin-x-xs { margin: .25em 0; }
.margin-x-sm { margin: .5em 0; }
.margin-x-md { margin: 1em 0; }
.margin-x-lg { margin: 1.5em 0; }
.margin-x-xl { margin: 3em 0; }

.margin-y-xs { margin: 0 .25em; }
.margin-y-sm { margin: 0 .5em; }
.margin-y-md { margin: 0 1em; }
.margin-y-lg { margin: 0 1.5em; }
.margin-y-xl { margin: 0 3em; }

.margin-top-xs { margin-top: .25em; }
.margin-top-sm { margin-top: .5em; }
.margin-top-md { margin-top: 1em; }
.margin-top-lg { margin-top: 1.5em; }
.margin-top-xl { margin-top: 3em; }

.margin-right-xs { margin-right: .25em; }
.margin-right-sm { margin-right: .5em; }
.margin-right-md { margin-right: 1em; }
.margin-right-lg { margin-right: 1.5em; }
.margin-right-xl { margin-right: 3em; }

.margin-bottom-xs { margin-bottom: .25em; }
.margin-bottom-sm { margin-bottom: .5em; }
.margin-bottom-md { margin-bottom: 1em; }
.margin-bottom-lg { margin-bottom: 1.5em; }
.margin-bottom-xl { margin-bottom: 3em; }

.margin-left-xs { margin-left: .25em; }
.margin-left-sm { margin-left: .5em; }
.margin-left-md { margin-left: 1em; }
.margin-left-lg { margin-left: 1.5em; }
.margin-left-xl { margin-left: 3em; }

.page {
	bottom: 0;
	left: 0;
	right: 0;
	top: 0
}

.page-title {
	font-size: 17px;
	font-weight: 600;
	margin: 5px 0;
	color: #697882;
	background: #fafafa;
	padding: 5px;
	line-height: 1.1
}

.content-dashboard .page-title {
	font-size: 17px;
	font-weight: 600;
	margin: 5px 0;
	color: #697882;
	background-color: transparent;
	padding: 5px;
	line-height: 1.1
}

.page-title-alt {
	margin-bottom: 23px;
	margin-top: 10px
}

.page-header {
	border-bottom: 1px solid #DBDDDE
}

.header-title {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 16px;
	margin-bottom: 8px
}

.cust-title h3 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.04em;
	line-height: 16px;
	margin-bottom: 0
}

.social-links li a {
	-webkit-border-radius: 50%;
	background: #EFF0F4;
	border-radius: 50%;
	color: #7A7676;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px
}

.p-0 {
	padding: 0 !important
}

.p-20 {
	padding: 20px !important
}

.p-30 {
	padding: 30px !important
}

.p-l-0 {
	padding-left: 0 !important
}

.p-r-0 {
	padding-right: 0 !important
}

.p-t-0 {
	padding-top: 0 !important
}

.p-t-10 {
	padding-top: 10px !important
}

.p-b-0 {
	padding-bottom: 0 !important
}

.p-b-10 {
	padding-bottom: 10px !important
}

.p-l-r-10 {
	padding-left: 10px;
	padding-right: 10px
}

.m-0 {
	margin: 0 !important
}

.m-r-5 {
	margin-right: 5px !important
}

.m-r-10 {
	margin-right: 10px !important
}

.m-r-15 {
	margin-right: 15px !important
}

.m-l-5 {
	margin-left: 5px !important
}

.m-l-10 {
	margin-left: 10px !important
}

.m-l-15 {
	margin-left: 15px !important
}

.m-t-5 {
	margin-top: 5px !important
}

.m-t-0 {
	margin-top: 0 !important
}

.m-t-10 {
	margin-top: 8px !important
}

.m-t-15 {
	margin-top: 15px !important
}

.m-t-20 {
	margin-top: 20px !important
}

.m-t-30 {
	margin-top: 30px !important
}

.m-t-40 {
	margin-top: 40px !important
}

.m-b-0 {
	margin-bottom: 0 !important
}

.m-b-5 {
	margin-bottom: 5px !important
}

.m-b-10 {
	margin-bottom: 10px !important
}

.m-b-15 {
	margin-bottom: 15px !important
}

.m-b-20 {
	margin-bottom: 20px !important
}

.m-b-30 {
	margin-bottom: 30px !important
}

.w-xs {
	min-width: 80px
}

.w-sm {
	min-width: 95px
}

.w-md {
	min-width: 110px
}

.w-lg {
	min-width: 140px
}

.m-h-40 {
	min-height: 40px
}

.m-h-50 {
	min-height: 50px
}

.l-h-34 {
	line-height: 34px
}

.font-600 {
	font-weight: 600
}

.font-bold {
	font-weight: 700
}

.font-normal {
	font-weight: normal
}

.font-light {
	font-weight: 300
}

.font-13 {
	font-size: 13px !important
}

.font-11 {
	font-size: 11px !important
}

.wrapper-md {
	padding: 20px
}

.pull-in {
	margin-left: -15px;
	margin-right: -15px
}

.pull-in-card {
	margin-left: -20px !important;
	margin-right: -20px !important
}

.b-0 {
	border: none !important
}

.vertical-middle {
	vertical-align: middle
}

.b-r-0 {
	border-radius: 0 !important
}

.bx-shadow {
	-moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1)
}

.mx-box {
	max-height: 380px;
	min-height: 380px
}

.thumb-sm {
	height: 32px;
	width: 32px
}

.thumb-md {
	height: 48px;
	width: 48px
}

.thumb-lg {
	height: 88px;
	width: 88px
}

.table-box {
	display: table;
	height: 100%;
	width: 100%
}

.table-box .table-detail {
	display: table-cell;
	vertical-align: middle
}

.table-custom thead th, .table-custom tbody td, .table-custom tfoot td {
	padding: 7px 5px 5px !important;
	line-height: 19px !important;
	vertical-align: middle !important;
	color: #000000;
	font-size: 11px;
	position: relative;
	border-bottom: 1px solid #ddd;
}

#showresultviewitemcust td {
	word-break: break-word
}
table.dataTable thead th, table.dataTable thead td {
	
}

.bootstrap-table .table > thead > tr > th {
    border-bottom: 2px solid #ebeff2;  
    background-clip: padding-box !important;
}


.table-custom > thead > tr > th:last-child {
	/*border-right: none !important*/
}

.table-custom {
	margin-bottom: 0 !important;
	border-bottom: 0px solid #ddd;
	border-collapse: collapse !important;
	border-radius: 1px;
	width: 100%
}

.table-custom > thead > tr > th > .th-inner {
	white-space: pre-line !important;
	padding: 0 !important;
	font-size: 11px
}

.table-custom > thead > tr > th > .th-inner > .custom-label {
	font-size: 11px;
	line-height: 12px
}

.table-responsive .table tbody td {
	padding: 3px 3px !important;
	line-height: 16px !important;
	color: #928d8d;
	font-size: 10px
}

.table-responsive .table > thead > tr > th {
	border-bottom: 2px solid #ebeff2 !important;
	background: #ebeff2;
	border-right: 1px solid #fff !important
}

.table-responsive .table > thead > tr > th:last-child {
	border-right: none !important
}

.table-responsive .table {
	margin-bottom: 0 !important;
	border-bottom: 1px solid #ddd;
	border-radius: 1px;
	table-layout: fixed
}

.table-responsive .tbl-fix-custom > tbody > td {
	padding: 0 !important
}

.table-responsive .table > thead > tr > th {
	padding: 0 !important
}

.table-responsive .table > thead > tr > th > .custom-label {
	font-size: 11px;
	line-height: 12px
}

.fixed-table-container thead th .th-inner {
	text-align: center
}

.fixed-table-container thead th .th-inner .custom-label {
	margin-bottom: 0
}

.bootstrap-table .table > thead > tr > th {
	text-align: center
}

.table-striped > tfoot > tr:nth-of-type(even) {
	background-color: #f4f8fb !important
}

table.dataTable thead th, table.dataTable thead td {
	padding: 4px !important;
	border-top: 0 !important;
	border-bottom: none !important;
}

.card-box {
	padding: 15px;
	border: 1px solid rgba(54, 64, 74, 0.05);
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	background-clip: padding-box;
	margin-bottom: 10px;
	background-color: #ffffff
}

.dashboard-stat.green {
	background-color: #32c5d2
}

.dashboard-stat.blue {
	background-color: #3598dc
}

.dashboard-stat.red {
	background-color: #e7505a
}

.dashboard-stat.purple {
	background-color: #8E44AD
}

.dashboard-stat.purple {
	background-color: #8E44AD
}

.grid-structure .grid-container {
	background-color: #f4f8fb;
	margin-bottom: 10px;
	padding: 10px 20px
}

.icon-list-demo div {
	cursor: pointer;
	line-height: 45px;
	white-space: nowrap;
	color: #75798B
}

.icon-list-demo div:hover {
	color: #ffffff
}

.icon-list-demo div p {
	margin-bottom: 0;
	line-height: inherit
}

.icon-list-demo i {
	-webkit-transition: all 0.2s;
	display: inline-block;
	font-size: 18px;
	margin: 0;
	text-align: center;
	transition: all 0.2s;
	vertical-align: middle;
	width: 40px
}

.icon-list-demo .col-md-4 {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background-clip: padding-box
}

.icon-list-demo .col-md-4:hover {
	background-color: #3A57E8
}

.icon-list-demo .col-md-4:hover i {
	-o-transform: scale(2);
	-webkit-transform: scale(2);
	moz-transform: scale(2);
	transform: scale(2)
}

.button-list {
	margin-left: -8px;
	margin-bottom: -12px
}

.button-list .btn {
	margin-bottom: 12px;
	margin-left: 8px
}

.row {
	margin-right: -10px;
	margin-left: -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: 5px;
	padding-right: 5px
}

.breadcrumb {
	background-color: transparent;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-left: 0
}

.dropdown-menu {
	padding: 4px 0;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	border: 0;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	min-width: 118px;
	border-top: 1px solid #eee
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #3A57E8
}

.dropdown-menu > li > a {
	padding: 5px 10px;
	font-size: 11px
}

.navbar-nav .dropdown-menu > li > a {
	padding: 5px 10px;
	font-size: 11px;
	border-bottom: 1px solid #ddd
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
	background-color: #3A57E8;
	color: #ffffff
}

.dropup .dropdown-menu {
	box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.26);
	background: #f5f5f5
}

.bootstrap-select .dropdown-menu {
	box-shadow: 0 -1px 5px 0 rgba(0, 0, 0, 0.26);
	background: #f5f5f5
}

.bg-custom {
	background-color: rgba(255, 255, 255, 0.28) !important
}

.bg-primary {
	background-color: #5d9cec !important
}

.bg-success {
	background-color: #81c868 !important
}

.bg-info {
	background-color: #3A57E8 !important;
}
.bg-blue {
	background-color: #3A57E8 !important;
}

.bg-warning {
	background-color: #ffbd4a !important
}

.bg-danger {
	background-color: #f05050 !important
}

.bg-muted {
	background-color: #f4f8fb !important
}

.bg-inverse {
	background-color: #4c5667 !important;
}

.bg-purple {
	background-color: #7266ba !important;
}

.bg-pink {
	background-color: #fb6d9d !important;
}

.bg-white {
	background-color: #ffffff !important;
}

.bg-lightdark {
	background-color: #f4f8fb !important;
}

.text-custom {
	color: #3A57E8;
}

.text-white {
	color: #ffffff;
}

.text-grey {
	color: #ddd;
}

.text-danger {
	color: #f05050;
}

.text-muted {
	color: #98a6ad;
}

.text-primary {
	color: #5d9cec;
}

.text-warning {
	color: #ffbd4a
}

.text-success {
	color: #81c868
}

.text-info {
	color: #3A57E8
}

.text-inverse {
	color: #4c5667
}

.text-pink {
	color: #fb6d9d
}

.text-purple {
	color: #7266ba
}

.text-dark {
	color: #797979 !important
}

textarea.form-control {
	min-height: 50px
}

.form-control, .bootstrap-select button, .dataTables_wrapper .dataTables_length select, .dataTables_wrapper .dataTables_filter input {
	background-color: #FFFFFF;
	border: 1px solid #D6D3D3;
	border-radius: 4px;
	color: #565656;
	padding: 2px 6px;
	height: 24px;
	max-width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	font-size: 12px
}

.form-control.login {
	height: 38px
}

.form-control:focus {
	background-color: #FFFFFF;
	border: 1px solid #AAAAAA;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0 !important;
	color: #333333
}

.input-lg {
	height: 46px;
	padding: 10px 16px;
	font-size: 16px;
	line-height: 1.3333333;
	border-radius: 6px
}

.input-sm {
	height: 24px;
	padding: 3px 10px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 5px
}

.form-horizontal .form-group .col-md-1, .form-horizontal .form-group .col-md-6 {
	padding-left: 6px !important;
	padding-right: 0
}

.form-horizontal .col-md-10, .form-horizontal .col-md-9, .form-horizontal .col-md-8, .form-horizontal .col-md-1, .form-horizontal .col-md-2, .form-horizontal .col-md-5, .form-horizontal .col-md-7 {
	padding-left: 3px;
	padding-right: 0
}

.form-horizontal .col-md-4 {
	padding-left: 5px;
	padding-right: 5px
}

.form-horizontal .col-md-3 {
	padding-left: 5px;
	padding-right: 5px
}

.form-horizontal .col-md-6 {
	padding-left: 6px;
	padding-right: 6px
}

.form-horizontal .col-md-12 {
	padding-left: 6px;
	padding-right: 6px
}

.col-md-10.zero-margin.p-l-7 {
	padding-left: 7px
}

.form-group .col-md-12, .form-group .col-md-11 {
	padding-left: 3px;
	padding-right: 0
}

.form-group .col-md-3 {
	width: 20.5%
}

.form-group .col-md-3.custom-60 {
	width: 25%
}

.form-group .col-md-9 {
	width: 79.5%
}

.form-horizontal .control-label {
	padding: 3px 3px 3px 6px;
	margin-bottom: 0;
	text-align: left;
	background: #ebeff2;
	font-size: 12px;
	font-weight: 400;
	color: #545454
}

.form-horizontal .custom-label {
	padding: 1px 3px;
	margin-bottom: 0 !important;
	text-align: left;
	font-size: 11px;
	font-weight: 600;
	
}

.form-horizontal .custom-sub-label {
	padding: 1px 3px;
	margin-bottom: 0 !important;
	text-align: left;
	font-size: 11px;
	font-weight: 500;
	color: #928d8d;
	margin-left: 10px
}

.form-horizontal .custom-sub-sub-label {
	padding: 1px 3px;
	margin-bottom: 0 !important;
	text-align: left;
	font-size: 11px;
	font-weight: 500;
	color: #928d8d;
	margin-left: 20px
}

.form-horizontal .email-label {
	padding: 1px 3px;
	margin-bottom: 0 !important;
	text-align: left;
	font-size: 13px;
	font-weight: 600;
	color: #434343
}

.form-control-feedback {
	line-height: 38px !important
}

.input-group-btn .btn {
	padding: 8px 12px
}

.input-group-btn .btn-sm {
	padding: 2px 6px
}

.input-group-btn .btn-lg {
	padding: 10px 17px
}

.input-group-addon {
	padding: 2px 8px
}

.btn-group-sm >.btn, .btn-sm {
	padding: 2px 7px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px
}

.btn-group-xs>.btn, .btn-xs {
	padding: 1px 3px;
	font-size: 10px
}

.label {
	font-weight: 500;
	letter-spacing: 0.05em;
	padding: .3em .6em .3em;
	font-size: 10px
}

.label-default {
	background-color: #3A57E8
}

.label-primary {
	background-color: #5d9cec
}

.label-success {
	background-color: #5CD259
}

.label-info {
	background-color: #3A57E8
}

.label-warning {
	background-color: #ffbd4a
}

.label-danger {
	background-color: #f05050
}

.label-purple {
	background-color: #7266ba
}

.label-pink {
	background-color: #fb6d9d
}

.label-inverse {
	background-color: #4c5667
}

.badge {
	text-transform: uppercase;
	font-weight: 600;
	padding: 3px 5px;
	font-size: 12px;
	margin-top: 1px;
	background-color: #3A57E8
}

.badge-xs {
	font-size: 9px
}

.badge-xs, .badge-sm {
	-webkit-transform: translate(0, -2px);
	-ms-transform: translate(0, -2px);
	-o-transform: translate(0, -2px);
	transform: translate(0, -2px)
}

.badge-primary {
	background-color: #5d9cec
}

.badge-success {
	background-color: #81c868
}

.badge-info {
	background-color: #3A57E8
}

.badge-warning {
	background-color: #ffbd4a
}

.badge-danger {
	background-color: #f05050
}

.badge-purple {
	background-color: #7266ba
}

.badge-pink {
	background-color: #fb6d9d
}

.badge-inverse {
	background-color: #4c5667
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px
}

.pagination > li > a, .pagination > li > span {
	color: #636e7b
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
	background-color: #e4e7ea
}

.pagination-split li {
	margin-left: 5px;
	display: inline-block;
	float: left
}

.pagination-split li:first-child {
	margin-left: 0
}

.pagination-split li a {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #3A57E8;
	border-color: #3A57E8
}

.pager li > a, .pager li > span {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #636e7b
}

.page-list .btn.btn-default.dropdown-toggle {
	padding: 0 4px
}

.tabs {
	background-color: #ffffff;
	margin: 0 auto;
	padding: 0;
	position: relative;
	white-space: nowrap;
	width: 100%
}

.tabs li.tab {
	background-color: #ffffff;
	display: block;
	float: left;
	margin: 0;
	text-align: center
}

.tabs li.tab a {
	-moz-transition: color 0.28s ease;
	-ms-transition: color 0.28s ease;
	-o-transition: color 0.28s ease;
	-webkit-transition: color 0.28s ease;
	color: #ee6e73;
	display: block;
	height: 100%;
	text-decoration: none;
	transition: color 0.28s ease;
	width: 100%
}

.tabs li.tab a.active {
	color: #3A57E8 !important
}

.tabs .indicator {
	background-color: #3A57E8;
	bottom: 0;
	height: 2px;
	position: absolute;
	will-change: left, right
}

.tabs-top .indicator {
	top: 0
}

.nav-pills li a {
	line-height: 36px !important;
	padding: 0 10px !important
}

.nav-pills li.active a {
	background-color: #3A57E8 !important
}

.nav-pills li.active a:hover {
	background-color: #3A57E8 !important
}

.nav-pills li.active a:focus {
	background-color: #3A57E8 !important
}

.nav.nav-tabs + .tab-content {
	
	padding: 5px
}

.tabs-vertical-env {
	margin-bottom: 30px
}

.tabs-vertical-env .tab-content {
	background: #ffffff;
	display: table-cell;
	padding: 5px;
	vertical-align: top;
	width: 100%
}

.tabs-vertical-env .nav.tabs-vertical {
	display: table-cell;
	min-width: 120px;
	vertical-align: top;
	width: 150px
}

.tabs-vertical-env .nav.tabs-vertical li.active > a {
	background-color: #3A57E8 !important;
	border: 0
}

.tabs-vertical-env .nav.tabs-vertical li > a {
	color: #333333;
	text-align: center;
	white-space: nowrap
}

.nav.nav-tabs > li.active > a {
	background-color: #ffffff;
	border: 0;
	height: 24px
}

.nav.nav-tabs > li > a {
    background-color: transparent;
    border: none;
    color: #0062ff !important;
    cursor: pointer;
    line-height: 21px;
    padding-left: 5px;
    padding-right: 5px;
    letter-spacing: 0.2px;
    text-transform: capitalize;
    font-weight: 500;
    margin-right: 5px;
    border-radius: 5px 5px 5px 5px;
    font-size: 11px;
    font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.nav.nav-tabs.tabs-vertical > li {
	float: none
}

.nav.nav-tabs.tabs-vertical > li > a {
	background-color: #C3C7CC;
	border: none;
	color: #4D5764;
	cursor: pointer;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing: 0;
	font-weight: 600;
	text-transform: uppercase;
	font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-right: 0;
	margin-bottom: 5px;
	border-radius: 5px 0 0 5px;
	font-size: 10px
}

.nav.nav-tabs.tabs-vertical > li.active > a {
	background-color: #ffffff;
	border: 0;
	height: auto;
	margin-right: 0
}

.nav.nav-tabs.tabs-vertical > li:last-of-type a {
	margin-right: 5px
}

.nav.nav-tabs.nav-tab-custom {
	text-align: center
}

.nav.nav-tabs.nav-tab-custom > li {
	float: none;
	display: inline-block
}

.nav.nav-tabs.nav-tab-custom > li > a {
	background-color: #C3C7CC;
	border: none;
	color: #4D5764;
	cursor: pointer;
	line-height: 22px;
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing: 0;
	font-weight: 600;
	text-transform: uppercase;
	font-family: "Source Sans Pro", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom: 3px;
	margin-right: 0;
	border-radius: 5px 5px 0 0;
	font-size: 10px
}

.nav.nav-tabs.nav-tab-custom > li.active > a {
	background-color: #ffffff;
	border: 0;
	line-height: 22px
}

.nav.nav-tabs.nav-tab-custom > li:last-of-type a {
	margin-right: 0
}

.nav.nav-tabs > li > a:hover, .nav.tabs-vertical > li > a:hover {
	background-color: #3A57E8 !important;
	color: #fff !important
}

.tab-content {

	color: #777777;
	padding: 5px
}

.enquiry-tab {
	border: 1px solid #3A57E8
}

.enquiry-tab {
	border: 1px solid #3A57E8;
	float: left;
	width: 100%;
	min-height: 200px
}

.enquiry-tab >.tab-pane {
	min-height: auto !important
}

.custom-tab {
	border: 0
}

.custom-tab >.tab-pane {
	min-height: auto !important
}

.nav.nav-tabs > li:last-of-type a {
	margin-right: 0
}

.nav.nav-tabs {
	border-bottom: 0;
	background-color: #fff
}

.navtab-bg {
	background-color: #f4f8fb
}

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus, .tabs-vertical-env .nav.tabs-vertical li.active > a {
	border: none
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover, .tabs-vertical > li.active > a, .tabs-vertical > li.active > a:focus, .tabs-vertical > li.active > a:hover {
	color: #fff !important;
	background-color: #0062FF !important;
	line-height: 21px !important
}

.list-group-item {
	border: 1px solid #ebeff2
}

.dropcap {
	font-size: 3.1em
}

.dropcap, .dropcap-circle, .dropcap-square {
	display: block;
	float: left;
	font-weight: 400;
	line-height: 36px;
	margin-right: 6px;
	text-shadow: none
}

.alert .btn {
	margin-top: 10px
}

.alert-success {
	background-color: rgba(95, 190, 170, 0.3);
	border-color: rgba(95, 190, 170, 0.4);
	color: #3A57E8
}

.alert-info {
	background-color: rgba(52, 211, 235, 0.2);
	border-color: rgba(52, 211, 235, 0.3);
	color: #3A57E8
}

.alert-warning {
	background-color: rgba(255, 189, 74, 0.2);
	border-color: rgba(255, 189, 74, 0.3);
	color: #ffbd4a
}

.alert-danger {
	background-color: rgba(240, 80, 80, 0.2);
	border-color: rgba(240, 80, 80, 0.3);
	color: #f05050
}

.modal .modal-dialog .modal-content {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border-color: #808080;
	border-radius: 2px;
	box-shadow: none
}

.modal .modal-dialog .modal-content .modal-header {
	margin: 0;
	padding: 0;
	padding: 5px 10px;
	background: #3A57E8 !important
}

.modal .modal-dialog .modal-content .modal-body {
	padding: 7px
}

.modal.bootbox-alert .modal-dialog .modal-content .modal-body {
	padding: 0 15px
}

.min_ht_modalware {
	min-height: 56px !important;
	display: inline-block
}

.position_ralative {
	position: relative
}

.content_spn {
}

.content_spn p {
}

.icon_content {
	font-size: 30px
}

.content_spnwa p {
	margin-top: 20px
}

.icon_contentwar {
	font-size: 30px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.successPopupMsg_txt {
	padding: 10px 0
}

.infoPopupMsg_txt {
	padding: 10px 0
}

.icon_contentwar i {
	color: red
}

.icon_content i {
	color: red
}

.content_spninfo p.warning-msg {
	margin: 0 0 5px !important
}

.modal .modal-dialog .modal-content .modal-footer {
	padding: 5px 10px
}

.bootbox .modal-footer {
	clear: both
}

.modal-full {
	width: 98%
}

.modal-content .nav.nav-tabs + .tab-content {
	margin-bottom: 0
}

.modal-content .panel-group {
	margin-bottom: 0
}

.modal-content .panel {
	border-top: none
}

.note-editor {
	max-height: 300px
}

.custom-editor .note-editor {
	min-height: 550px
}

.custom-editor > .note-editor .note-editing-area .note-editable {
	min-height: 500px
}

#cboxTitle {
	display: none !important
}

.modal-title {
	color: #fff !important;
	font-size: 15px;
	font-weight: 600;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 0.03em
}

.bootbox-close-button.close {
	margin-top: 0 !important
}

.modal-md {
	width: 700px;
	margin: 30px auto
}

.modal-demo {
	background-color: #FFF;
	width: 600px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	background-clip: padding-box;
	display: none
}

.modal-demo .close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #eeeeee
}

.modal-header .close {
	color: #fff !important;
	opacity: 1 !important
}

.custom-modal-title {
	padding: 8px 10px;
	line-height: 22px;
	font-size: 18px;
	background-color: #36404a;
	color: #ffffff;
	text-align: left;
	margin: 0
}

.custom-modal-text {
	padding: 20px
}

.custombox-modal-flash .close, .custombox-modal-rotatedown .close {
	top: 20px;
	z-index: 9999
}

.modal-footer {
	padding: 5px 10px;
	text-align: center;
	border-top: 0px solid #e5e5e5
}

.custom-text p {
	font-size: 12px;
	margin: 0;
	line-height: 1.8;
	background: #fafafa;
	padding: 1px 3px
}

.email-text {
	font-size: 13px;
	margin: 0;
	line-height: 1.5;
	padding: 1px 3px
}

.email-text p {
	font-size: 13px;
	margin: 0 !important;
	line-height: 1.5;
	padding: 0
}

.address-text p {
	font-size: 13px;
	margin: 0 !important;
	line-height: 1.8
}

.address-text p + p {
	margin: 0 !important
}

.tabs-vertical-env .tab-content {
	margin-bottom: 0
}

.table > thead > tr > td.middle-align, .table > tbody > tr > td.middle-align, .table > .tfood > tr > td.middle-align, .table > thead > tr > th.middle-align, .table > tbody > tr > th.middle-align, .table > .tfood > tr > th.middle-align {
	vertical-align: middle
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
	background-color: #3A57E8;
	border-color: #3A57E8
}

.nav-pills > .active > a > .badge {
	color: #3A57E8
}

.has-success .form-control {
	border-color: #81c868;
	box-shadow: none !important
}

.has-warning .form-control {
	border-color: #ffbd4a;
	box-shadow: none !important
}

.has-error .form-control {
	border-color: #f05050;
	box-shadow: none !important
}

.input-group-addon {
	border-radius: 2px;
	border: 1px solid #eeeeee
}

.tooltip-inner {
    border-radius: 4px !important;
    padding: 3px 8px 3px;
    background-color: #4D5764;
    font-size: 12px;
    font-weight: 300;
    font-family: 'Noto Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.input-group .tooltip-inner {
	width: 200px;
	word-wrap: break-word
}


.tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #48525d !important;
}

.jqstooltip {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: auto !important;
	height: auto !important
}

.popover {
	font-family: inherit;
	border: none;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	background-clip: padding-box
}

.popover .popover-title {
	background-color: transparent;
	color: #3A57E8;
	font-weight: 600
}

code {
	color: #5d9cec;
	background-color: #f4f8fb;
	border-radius: 4px
}

pre {
	background-color: #f4f8fb;
	border: 1px solid #d4d8da
}

.well {
	background-color: #f4f8fb;
	border: 1px solid #e4e4e4
}

.carousel-control {
	width: 10%
}

.carousel-control span {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	font-size: 30px
}

.slider-bg {
	background-size: cover !important;
	padding: 5.5% 4.5%
}

.media {
	margin-bottom: 20px
}

.media .media-heading {
	font-weight: 600;
	font-size: 16px
}

.media:last-of-type {
	margin-bottom: 0
}

/*.topbar {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 999
}*/

.topbar .topbar-left {
	float: left;
	position: relative;
	z-index: 1
}

.topbar .topbar-right {
	float: right;
	margin-top: 3px
}

.topbar .topbar-left-sm {
	width: 50px;
	float: left
}

.topbar .topbar-right-sm {
	width: 50px;
	float: left
}

.logo {
	color: #ccc !important;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 0px;
}

.logo.product {
	    width: 32px;
    display: inline-block;
    /*background-color: #0000001c;*/
    /*padding: 5px;*/
    /*position: absolute;*/
    left: 5px;
    top: 3px;
    border-radius: 50%;
}

.logo .company-name {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .01em;
	line-height: 62px;
}
.logo.product img {
	width: 100%;
}

.logo h1 {
	height: 40px;
	margin: 0 auto;
	text-align: center
}

.logo i {
	color: #3A57E8
}


	.logo .icon-c-logo {
        float: left;
    margin-right: 0px;
    width: 177px;
    overflow: hidden;
    display: inline-block;
    /*border-radius: 50%;*/
    margin-top: 2px;
}

.navbar-default {	
	border-radius: 0;
	border: none;
	margin-bottom: 0;
	position: absolute;	

	right: 0px;
	top: 0px;

	width:100%;	
	background: #FFFFFF;
	backdrop-filter: blur(64px);
	/* Note: backdrop-filter has minimal browser support */
}

.navbar-default .navbar-nav > .open > a {
	background-color: rgba(255, 255, 255, 0.1)
}

.navbar-default .navbar-nav > .open > a:focus {
	background-color: rgba(255, 255, 255, 0.1)
}

.navbar-default .navbar-nav > .open > a:hover {
	background-color: rgba(255, 255, 255, 0.1)
}

.navbar-default .badge {
	position: absolute;
	top: 4px;
	right: 2px
}

.navbar-sidemenu {
	background-color: transparent;
	border-radius: 0;
	border: none;
	margin-bottom: 0;
	min-height: 20px
}

.navbar-sidemenu .navbar-nav > .open > a {
	background-color: rgba(255, 255, 255, 0.1)
}

.navbar-sidemenu .navbar-nav > .open > a:focus {
	background-color: rgba(255, 255, 255, 0.1)
}

.navbar-sidemenu .navbar-nav > .open > a:hover {
	background-color: rgba(255, 255, 255, 0.1)
}

.nav > li > a {
	color: #454C5F !important;
	line-height: 20px;
	padding: 0;
	position: relative;
	font-size: 11px
}

.navbar-nav>li {
	margin: 0 6px
}

.nav > li > a i {
	font-size: 13px
}

i.fa.fa-bell-o.fa-2x, i.fa.fa-envelope-o.fa-2x, i.fa.fa-calendar.fa-2x, i.fa.fa-star.fa-2x , i.fa.fa.fa-searc_cust  {
	font-size: 16px;
	margin-top: 5px;
	opacity: 0.5;
	font-weight: 700;
	color: #454C5F;
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
	/*background-color: transparent;*/
	border-radius: 25px;
}
/*
i.fa.fa-bell-o.fa-2x:hover, i.fa.fa-envelope-o.fa-2x:hover, i.fa.fa-calendar.fa-2x:hover, i.fa.fa-star.fa-2x:hover {
	color: brown;
}*/

i.fa.fa-power-off.text-danger {
	font-size: 18px;
	font-weight: 500;
	padding-top: 3px;
	color: #E67272
}

i.fa.fa-power-off.text-danger:hover {
	color: #EC1010;
	font-weight: 900
}

i.fa.fa-caret-down.m-l-5.m-r-5 {
	opacity: 0.5
}

i.fa.fa-caret-down.m-l-5.m-r-5:hover {
	opacity: 1
}

.profile img {
	border: 2px solid #edf0f0;
	height: 36px;
	width: 36px
}

.dropdown-menu-lg {
	width: 300px
}

.dropdown-menu-lg .list-group {
	margin-bottom: 0
}

.dropdown-menu-lg .list-group-item {
	border: none;
	padding: 5px !important;
	border-radius: 0
}

.dropdown-menu-lg .list-group-item:hover em, .dropdown-menu-lg .list-group-item:hover .media-body h5, .dropdown-menu-lg .list-group-item:hover .media-body small {
	color: #fff
}

.dropdown-menu-lg .media-heading {
	margin-bottom: 0
}

.dropdown-menu-lg .media-body p {
	color: #828282
}

.dropdown-menu-calender {
	width: 240px;
	padding: 10px
}

.notification-list {
	max-height: 230px
}

.notification-list a {
	word-wrap: break-word
}

.notification-list a i {
	display: table-cell;
	font-size: 16px;
	line-height: 17px;
	text-align: center;
	vertical-align: middle;
	width: 28px
}

.notification-list a p, .notification-list a span {
	vertical-align: middle;
	display: table-cell;
	word-wrap: break-word
}

.event-calender {
	height: auto;
	max-height: 100%
}

.notification-list em {
	width: 20px;
	text-align: center;
	font-size: 18px
}

.notification-list .media-body {
	display: inherit;
	width: auto;
	overflow: hidden;
	margin-left: 30px
}

.notification-list .media-body h5 {
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	width: 100%;
	font-weight: normal;
	overflow: hidden;
	font-size: 13px;
	font-weight: 600
}

.notification-list .media-body small {
	font-size: 12px
}

.notifi-title {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 5px 10px;
	color: #4c5667;
	font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif
}

.navbar-nav {
	margin: 0
}

.side-menu {
	bottom: 0;
	top: 0;
	width: 200px;
	z-index: 0
}

.side-menu.left {
	background: #FFFFFF;
	box-shadow: 0px 10px 30px rgba(17, 38, 146, 0.05);
		
	position: absolute;
	width: 200px;

	
	left: 0px;
	top: 73px;
}


.content-page {
	margin-left: 200px
}

.content-page {
	margin-bottom: 24px;
	margin-top: 97px;
	padding: 20px 24px 0 24px
}

.content-dashboard {
	margin-bottom: 40px;
	margin-top: 50px
}
.button-menu-mobile {
    background: #3a57e8;
    border: none;
    color: white;
    /* font-size: 20px; */
    line-height: 23px;
    border-radius: 50%;
    padding: 0px 2px 0px 2px;
    margin-top: 10px;
    height: 25px;
    width: 25px;
}
.button-menu-mobile:hover {
	color: white;
}

.sidebar-inner {
	height: 100%
}

#sidebar-menu, #sidebar-menu ul, #sidebar-menu li, #sidebar-menu a {
	border: 0;
	font-weight: normal;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-decoration: none
}

#sidebar-menu {
	padding-bottom: 30px;
	padding-top: 0;
	width: 100%
}

#sidebar-menu .nav > li > a .badge {
	position: absolute;
	right: 10px;
	top: 12px
}

#sidebar-menu a {
	line-height: 1.3
}

#sidebar-menu ul ul {
	display: none
}

#sidebar-menu ul ul li {
	border-top: 0
}

#sidebar-menu ul ul li.active a , #sidebar-menu ul ul li.active .font-size-icon  {
	color: #FFFFFF !important;
}

#sidebar-menu ul ul a {

	color: #454C5F;
    display: block;
    padding: 10px 20px 10px 35px;
    font-size: 11px;
    font-family: 'Noto Sans','Helvetica Neue', Helvetica, Arial, sans-serif;
    letter-spacing: .4px;
    font-weight: 300;
}
#sidebar-menu ul ul a span:first-child{
   font-size: 12px !important;
    /*width: 12px;*/
    color: #454C5F;
}

#sidebar-menu ul ul a:hover {
	color: #FFFFFF !important;
	background: #3A57E8;
}

#sidebar-menu ul ul a i {
	margin-right: 5px
}

#sidebar-menu ul ul ul a {
	padding-left: 80px
}

#sidebar-menu .label {
	margin-top: 2px
}

#sidebar-menu .subdrop {
	background: #3A57E8 !important;
	color: #fff !important
}

#sidebar-menu > ul > li > a {
	color: #454C5F;
	display: block;
	padding: 8px 10px;

	font-size: 13px;
	font-family: Calibri, Arial, sans-serif;
	letter-spacing: 0.5px;
	padding-left: 2px
}
#sidebar-menu > ul > li:first-child > a {
	font-size: 14px
}

#sidebar-menu > ul > li > a:hover {
	color: #fff;
	text-decoration: none;
	background: #3A57E8
}

#sidebar-menu > ul > li > a > span {
	vertical-align: middle;
	display: table-cell
}
#sidebar-menu>ul>li>ul>li>a>span {
    vertical-align: middle;
    display: table-cell;
}
#sidebar-menu .has-sub .pull-right-container {
	position: absolute;
	right: -7px;
	top: 50%;
	margin-top: -7px;
}
#sidebar-menu .has-sub .subdrop .pull-right-container {
    transform: rotate(90deg);
    right: -2px !important;
	margin-top: -4px;
}

#sidebar-menu .has-sub .subdrop .pull-right-container {
	transform: rotate(90deg);
}
/*#sidebar-menu ul li a i {
	display: table-cell;
	font-size: 16px;
	line-height: 17px;
	margin-left: 3px;
	margin-right: 8px;
	text-align: center;
	vertical-align: middle;
	width: 28px
}*/

#sidebar-menu ul li a i {
    display: table-cell;
    font-size: 13px !important;
    line-height: 17px;
    margin-left: 3px;
    margin-right: 8px;
    text-align: center;
    vertical-align: middle;
    width: 28px;
}

#sidebar-menu ul li a i.md {
	font-size: 18px
}

#sidebar-menu > ul > li > a > i.i-right {
	float: right;
	margin: 3px 0 0 0
}

#sidebar-menu > ul > li > a.active {
	background: #3A57E8 !important;
	color: #FFFFFF !important
}

.menu-title {
	padding: 12px 20px !important;
	letter-spacing: .035em;
	pointer-events: none;
	cursor: default;
	font-size: 13px
}

.side-menu-sm {
	width: 180px;
	text-align: center
}

.side-menu-sm #sidebar-menu > ul > li > a > i {
	display: block;
	font-size: 18px;
	line-height: 24px;
	width: 100%;
	margin: 0
}

.side-menu-sm #sidebar-menu ul ul a {
	padding: 10px 20px 10px 20px
}

.side-menu-sm + .content-page .footer {
	left: 180px
}

#wrapper.enlarged .side-menu-sm {
	text-align: left
}

#wrapper.enlarged .side-menu-sm #sidebar-menu ul li a i {
	display: inline-block;
	font-size: 18px;
	line-height: 17px;
	margin-left: 3px;
	margin-right: 15px;
	vertical-align: middle;
	width: 20px
}

.side-menu-sm + .content-page {
	margin-left: 180px
}

.page-header-2 {
	background: #E3E7EC;
	border-bottom: 1px solid #dee2e8;
	margin: -25px -20px 22px -20px;
	padding: 25px 20px 0 20px
}

#wrapper.enlarged .menu-title {
	display: none
}

#wrapper.enlarged #sidebar-menu ul ul {
	z-index: 9999;
	
}

#wrapper.enlarged .left.side-menu {
	width: 50px;
	z-index: 1
}

#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a {
	text-align: left
}

#wrapper.enlarged .left.side-menu .button-menu-mobile {
	padding: 0 12px;
	transform: rotate(180deg)
}

#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:hover {
	background: #3A57E8 !important
}

#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:active {
	background: #3A57E8 !important
}

#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a:focus {
	background: #3A57E8 !important
}

#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a i {
	margin-right: 0 !important;
	display: inline-block
}

#wrapper.enlarged .left.side-menu .label {
	position: absolute;
	top: 5px;
	left: 35px;
	text-indent: 0;
	display: block !important;
	padding: .2em .6em .3em !important
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li {
	position: relative;
	white-space: nowrap
}

#sidebar-menu > ul > li > a.current {
	background: #4E5865 !important;
	color: #3A57E8 !important
}

#sidebar-menu > ul > li > a.notactive:hover {
	background: #3A57E8 !important;
	color: #f5f5f5 !important
}

#sidebar-menu > ul > li > a.current:hover {
	background: #3A57E8 !important;
	color: #f5f5f5 !important
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
	position: relative;
	width: 200px;
	background: #3A57E8;
	color: #fff;
	border-color: #3A57E8
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul {
	display: block;
	left: 50px;
	position: absolute;
	width: 150px
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a {
	box-shadow: none;
	padding-left: 15px;
	position: relative;
	width: 150px;
	z-index: 6
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > ul a:hover {
	color: #c1c1c1;
	background: #364150
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover a span {
	display: inline
}

#wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu + ul {
	display: block;
	left: 50px;
	position: absolute;
	width: 150px
}

#wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu + ul a {
	background: #ffffff;
	box-shadow: none;
	padding-left: 15px;
	position: relative;
	width: 186px;
	z-index: 6
}

#wrapper.enlarged .left.side-menu #sidebar-menu li .show-menu + ul a:hover {
	color: #fff
}

#wrapper.enlarged .left.side-menu #sidebar-menu a.subdrop {
	color: #fff !important
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li > ul {
	display: none
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li:hover > ul {
	display: block;
	left: 190px;
	margin-top: -36px;
	position: absolute;
	width: 190px
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li > a span.pull-right {
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	position: absolute;
	right: 20px;
	top: 12px;
	transform: rotate(270deg)
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li.active a {
	color: #3A57E8
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul > li > a span {
	display: none;
	padding-left: 5px
}

#wrapper.enlarged .left.side-menu .user-details {
	display: none
}

#wrapper.enlarged .content-page {
	margin-left: 50px
}

#wrapper.enlarged .footer {
}

#wrapper.enlarged .topbar .topbar-left {
}

#wrapper.enlarged .topbar .topbar-left .logo span {
}

#wrapper.enlarged .topbar .topbar-left .logo .icon-c-logo {
	display: block;
	line-height: 60px
}

#wrapper.enlarged #sidebar-menu > ul > li:hover > a.open:after {
	display: none
}

#wrapper.enlarged #sidebar-menu > ul > li:hover > a.active:after {
	display: none
}

#wrapper.enlarged .tips-box {
	display: none
}

.tips-box .portlet {
	-webkit-box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 7px 1px rgba(0, 0, 0, 0.05)
}

.user-details {
	padding: 20px;
	padding-bottom: 0;
	position: relative
}

.user-details img {
	position: relative;
	z-index: 9999
}

.user-details .user-info {
	color: #444444;
	margin-left: 60px;
	position: relative;
	z-index: 99999
}

.user-details .user-info a.dropdown-toggle {
	color: #797979;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding-top: 5px
}

#wrapper.right-bar-enabled .right-bar {
	right: 0
}

#wrapper.right-bar-enabled .left-layout {
	left: 0
}

.side-bar.right-bar {
	float: right !important;
	right: -266px;
	top: 60px
}

.side-bar {
	-moz-transition: all 200ms ease-out;
	-webkit-transition: all 200ms ease-out;
	background-color: #ffffff;
	box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
	display: block;
	float: left;
	height: 100%;
	overflow-y: auto;
	position: fixed;
	transition: all 200ms ease-out;
	width: 240px
}

.right-bar {
	background: #ffffff !important;
	z-index: 99 !important
}

.right-bar h4 {
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 10px
}

.contact-list {
	max-height: 600px
}

.contact-list .list-group-item {
	border: none
}

.contact-list .list-group-item:hover {
	background: #ebeff2
}

.contact-list i.offline {
	color: #f05050 !important
}

.contact-list i.away {
	color: #ffbd4a
}

.contacts-list .avatar {
	display: inline-block;
	float: left;
	margin-right: 5px;
	width: 30px
}

.contacts-list .avatar img {
	border-radius: 50%;
	width: 100%
}

.contacts-list .list-group-item span.name {
	color: #707780;
	display: inline-block;
	float: left;
	overflow: hidden;
	padding-left: 5px;
	padding-top: 6px;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 130px
}

.contacts-list i {
	color: #7a8c9a;
	float: right;
	font-size: 9px;
	line-height: 30px
}

.contacts-list i.online {
	color: #a0d269
}

.contacts-list i.offline {
	color: #f05050 !important
}

.contacts-list i.away {
	color: #ffbd4a
}

.app-search {
	position: relative;
	margin: 0
}

.app-search a {
	position: absolute;
	top: 4px !important;
	right: 10px;
	color: #c4c4cd
}

.app-search .form-control, .app-search .form-control:focus {
	font-size: 13px;
	color: #434343;
	padding: 5px 10px !important;
	background: rgba(255, 255, 255, 0.1);
	box-shadow: none;

	height: 24px;
	font-weight: 400;
	width: 240px
}

.form-inline {
}

@-webkit-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1.2)
	}

	100% {
		-webkit-transform: scale(1)
	}

}

@-moz-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-moz-transform: scale(0.5)
	}

	60% {
		opacity: 1;
		-moz-transform: scale(1.2)
	}

	100% {
		-moz-transform: scale(1)
	}

}

@-o-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-o-transform: scale(0.5)
	}

	60% {
		opacity: 1;
		-o-transform: scale(1.2)
	}

	100% {
		-o-transform: scale(1)
	}

}

@keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

}

@-webkit-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(20px)
	}

	100% {
		-webkit-transform: translateX(0)
	}

}

@-moz-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(20px)
	}

	100% {
		-moz-transform: translateX(0)
	}

}

@-o-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-o-transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0)
	}

}

@keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		-o-transform: translateX(-100px);
		transform: translateX(-100px)
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		-ms-transform: translateX(20px);
		-o-transform: translateX(20px);
		transform: translateX(20px)
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}

}

@-webkit-keyframes dropdownOpen {
	0% {
		opacity: 0;
		-webkit-transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1)
	}

}

@-moz-keyframes dropdownOpen {
	0% {
		opacity: 0;
		-moz-transform: scale(0)
	}

	100% {
		-moz-transform: scale(1)
	}

}

@-o-keyframes dropdownOpen {
	0% {
		opacity: 0;
		-o-transform: scale(0)
	}

	100% {
		-o-transform: scale(1)
	}

}

@keyframes dropdownOpen {
	0% {
		opacity: 0;
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		-ms-transform: scale(0);
		-o-transform: scale(0);
		transform: scale(0)
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

}

@-webkit-keyframes animationProgress {
	from {
		width: 0
	}

}

@keyframes animationProgress {
	from {
		width: 0
	}

}

@-webkit-keyframes loaderAnimate {
	0% {
		-webkit-transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(220deg)
	}

}

@-moz-keyframes loaderAnimate {
	0% {
		-moz-transform: rotate(0deg)
	}

	100% {
		-moz-transform: rotate(220deg)
	}

}

@-o-keyframes loaderAnimate {
	0% {
		-o-transform: rotate(0deg)
	}

	100% {
		-o-transform: rotate(220deg)
	}

}

@keyframes loaderAnimate {
	0% {
		transform: rotate(0deg)
	}

	100% {
		transform: rotate(220deg)
	}

}

@-webkit-keyframes loaderAnimate2 {
	0% {
		box-shadow: inset #555 0 0 0 8px;
		-webkit-transform: rotate(-140deg)
	}

	50% {
		box-shadow: inset #555 0 0 0 2px
	}

	100% {
		box-shadow: inset #555 0 0 0 8px;
		-webkit-transform: rotate(140deg)
	}

}

@-moz-keyframes loaderAnimate2 {
	0% {
		box-shadow: inset #555 0 0 0 8px;
		-moz-transform: rotate(-140deg)
	}

	50% {
		box-shadow: inset #555 0 0 0 2px
	}

	100% {
		box-shadow: inset #555 0 0 0 8px;
		-moz-transform: rotate(140deg)
	}

}

@-o-keyframes loaderAnimate2 {
	0% {
		box-shadow: inset #555 0 0 0 8px;
		-o-transform: rotate(-140deg)
	}

	50% {
		box-shadow: inset #555 0 0 0 2px
	}

	100% {
		box-shadow: inset #555 0 0 0 8px;
		-o-transform: rotate(140deg)
	}

}

@keyframes loaderAnimate2 {
	0% {
		box-shadow: inset #555 0 0 0 8px;
		-webkit-transform: rotate(-140deg);
		-moz-transform: rotate(-140deg);
		-ms-transform: rotate(-140deg);
		transform: rotate(-140deg)
	}

	50% {
		box-shadow: inset #555 0 0 0 2px
	}

	100% {
		box-shadow: inset #555 0 0 0 8px;
		-webkit-transform: rotate(140deg);
		-moz-transform: rotate(140deg);
		-ms-transform: rotate(140deg);
		transform: rotate(140deg)
	}

}

@keyframes loaderAnimate2 {
	0% {
		box-shadow: inset #999 0 0 0 17px;
		transform: rotate(-140deg)
	}

	50% {
		box-shadow: inset #999 0 0 0 2px
	}

	100% {
		box-shadow: inset #999 0 0 0 17px;
		transform: rotate(140deg)
	}

}

.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	will-change: opacity, transform;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out
}

.waves-effect .waves-ripple {
	position: absolute;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	opacity: 0;
	background: rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	-ms-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
	background-color: rgba(255, 255, 255, 0.45)
}

.waves-effect.waves-red .waves-ripple {
	background-color: rgba(244, 67, 54, 0.7)
}

.waves-effect.waves-yellow .waves-ripple {
	background-color: rgba(255, 235, 59, 0.7)
}

.waves-effect.waves-orange .waves-ripple {
	background-color: rgba(255, 152, 0, 0.7)
}

.waves-effect.waves-purple .waves-ripple {
	background-color: rgba(156, 39, 176, 0.7)
}

.waves-effect.waves-green .waves-ripple {
	background-color: rgba(76, 175, 80, 0.7)
}

.waves-effect.waves-teal .waves-ripple {
	background-color: rgba(0, 150, 136, 0.7)
}

.waves-notransition {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	-ms-transition: none !important;
	transition: none !important
}

.waves-circle {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	text-align: center;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 50%;
	-webkit-mask-image: none
}

.waves-input-wrapper {
	border-radius: 0.2em;
	vertical-align: bottom
}

.waves-input-wrapper .waves-button-input {
	position: relative;
	top: 0;
	left: 0;
	z-index: 1
}

.waves-block {
	display: block
}

@media print {
	.logo, .breadcrumb, .page-title, .footer {
		display: none;
		margin: 0;
		padding: 0
	}

	.left, .right-bar {
		display: none
	}

	.content {
		margin-top: 0;
		padding-top: 0
	}

	.content-page {
		margin-left: 0;
		margin-top: 0
	}

}

.zero-margin {
	margin: 0 auto;
	float: none;
	clear: both
}

.min-width-30 {
	width: 30px
}

.min-width-40 {
	width: 40px
}

.min-width-50 {
	width: 50px
}

.min-width-60 {
	width: 60px
}

.min-width-80 {
	width: 80px
}

.min-width-100 {
	width: 100px
}

.min-width-120 {
	width: 120px
}

.min-width-140 {
	width: 140px
}

.min-width-160 {
	width: 160px
}

.min-width-180 {
	width: 180px
}

.min-width-200 {
	width: 200px
}

.min-width-220 {
	width: 220px
}

.min-width-230 {
	width: 230px
}

.min-width-240 {
	width: 240px
}

.min-width-250 {
	width: 250px
}

.min-width-260 {
	width: 260px
}

.min-width-270 {
	width: 270px
}

.min-width-280 {
	width: 280px
}

.min-width-290 {
	width: 290px
}

.min-width-300 {
	width: 300px
}

.min-width-320 {
	width: 320px
}

.min-width-350 {
	width: 350px
}

.min-width-380 {
	width: 380px
}

.min-width-400 {
	width: 400px
}

.min-width-450 {
	width: 450px
}

.m-b-3 {
	margin-bottom: 3px
}

.p-b-10 {
	padding-bottom: 10px !important
}

.p-b-15 {
	padding-bottom: 15px !important
}

.p-t-15 {
	padding-top: 15px !important
}

.p-b-20 {
	padding-bottom: 20px !important
}

.p-b-30 {
	padding-bottom: 30px !important
}

.p-b-40 {
	padding-bottom: 40px !important
}

.p-b-50 {
	padding-bottom: 50px !important
}

.p-t-10 {
	padding-top: 10px !important
}

.p-t-20 {
	padding-top: 20px !important
}

.p-t-30 {
	padding-top: 30px !important
}

.p-t-40 {
	padding-top: 40px !important
}

.p-t-50 {
	padding-top: 50px !important
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
	font-size: 12px;
	color: #474747
}

.list-block {
	padding-left: 0;
	margin-left: -5px;
	list-style: none
}

.list-block h5 {
	margin: 5px 0
}

.chart-detail-list li h5 {
	font-size: 12px !important
}

.zero-padding {
	padding: 0 !important
}

.modal-dialog {
	margin: 70px auto !important
}

ul.custom-tree-menu {
	padding-left: 10px !important;
	clear: both;
	margin-bottom: 20px
}

.custom-tree-menu ul {
	padding-left: 20px !important
}

ul.custom-tree-menu li {
	list-style: none !important
}

.note-insert, .note-style, .note-height, .note-view, .note-help, .note-table {
	display: none
}

.tbl-fix-custom tbody > tr > td:first-child table > thead > tr> th {
	border-left: 1px solid #ebeff2 !important
}

::-webkit-input-placeholder {
	color: #ccc;
	transition: opacity 250ms ease-in-out;
	font-size: 12px;
	text-align: left
}

:focus::-webkit-input-placeholder {
	opacity: 0.5;
	text-align: left
}

:-ms-input-placeholder {
	color: #ccc;
	transition: opacity 250ms ease-in-out;
	font-size: 12px;
	text-align: left
}

:focus:-ms-input-placeholder {
	opacity: 0.5;
	text-align: left
}

::-moz-placeholder {
	color: #ccc;
	opacity: 1;
	transition: opacity 250ms ease-in-out;
	font-size: 12px;
	text-align: left
}

:focus::-moz-placeholder {
	opacity: 0.5;
	text-align: left
}

:-moz-placeholder {
	color: #ccc;
	opacity: 1;
	transition: opacity 250ms ease-in-out;
	font-size: 12px;
	text-align: left
}

:focus:-moz-placeholder {
	opacity: 0.5;
	text-align: left
}

.loader-content img {
	width: 100%
}

.form-horizontal.roles {
	float: right
}

.tab-content>.tab-pane {
	min-height: 230px
}

.custom-modal-lg {
	width: 80% !important
}

.input-hide[disabled], .input-hide[readonly], .input-hide {
}

.input-hide:focus {
	background-color: #fafafa !important;
	border: none !important;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: 0 !important;
	color: #333333
}

.followup_list {
	float: left;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	padding-top: 5px;
	width: 100%
}

.btn-red, .btn-red:active, .btn-red:focus, .btn-red:hover, .btn-red.active, .btn-red.focus, .btn-red:active, .btn-red:focus, .btn-red:hover {
	color: #fff !important;
	border: 1px solid transparent !important;
	padding: 0 3px;
	background-color: #f05050;
}

.btn-green, .btn-green:hover, .btn-green:focus, .btn-green:active, .btn-green.active, .btn-green.focus, .btn-green:active, .btn-green:focus, .btn-green:hover {
	color: #81c868 !important;
	border: 1px solid transparent !important;
	padding: 1px 3px;
	background-color: transparent
}

.portlet .portlet-heading .portlet-widgets {
	line-height: 18px !important
}

.portlet .portlet-heading .portlet-title {
	line-height: 24px
}

#edit_option, #edit_purchase_contacts, #edit_logistic_contacts, #edit_account_contacts, #edit_management_contacts, #edit_invoice_address, #edit_delivery_address, #edit_credit_ref, #edit_exp_list, #edit_education_detail, #edit_employment_detail, #edit-item, .data_view, #edit-inv-data, #edit-contact, #edit-maintainance, #upload-loader, #upload-loaderfollow, #edit_taxconfig, .cost-hide, .terms-hide, #store-enquiry, #edit_bank_details {
	display: none
}

.bootstrap-select.btn-group .dropdown-menu {
	margin-top: 4px;
	width: 100%
}

.bootbox .modal-dialog.modal-sm {
	width: 400px;
	margin: 170px auto !important
}

.bootbox-body {
}

.datepicker-dropdown {
	z-index: 1050 !important
}

.note-editor .note-editing-area .note-editable {
	min-height: 233px
}

.item-single-desc .note-editor .note-editing-area .note-editable {
	min-height: 180px
}

.note-editable.panel-body {
	height: 165px !important
}

#cboxLoadedContent {
	margin-bottom: 0 !important
}

.email-popup .panel-body {
	padding-bottom: 0 !important
}

.input-mandatory, .input-mandatory-tb .th-inner, th.input-mandatory-tb {
	background-color: #ffbd4a !important;
	color: #fff !important
}

.input-mandatory-tb .th-inner .custom-label, th.input-mandatory-tb .custom-label {
	color: #fff !important
}

.upload-emp-image {
	width: 140px;
	height: 112px;
	border: 1px solid #ddd;
	margin-top: 5px
}

.upload-emp-image img {
	width: 140px;
	height: 112px
}

.uploaded-image img {
	width: 140px;
	height: 120px
}

.info-msg {
	float: left;
	margin-top: 9px;
	padding: 4px 0 0 0
}

.success-msg {
	float: left;
	margin-top: 9px;
	padding: 4px 0 0 0
}

.cost-calculate table {
	float: right
}

.cost-calculate {
	float: right
}

.custom-left {
	float: left
}

.custom-right {
	float: right
}

.terms-condition, .other-cost, .add-template {
	display: none
}

.btn-position {
	position: absolute;
	right: 12px;
	top: -5px
}

#btn_show {
	margin: 0 auto;
	text-align: center
}

.tbl-fix-custom tbody > tr > td {
	vertical-align: top
}

.custom-height tbody > tr > td {
	height: 32px !important;
	padding: 3px !important;
	padding-right: 6px !important
}

.custom-height > thead > tr:last-child {
	height: 30px !important
}

.custom-height > thead > tr > th {
	border-left: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
	height: 28px;
	vertical-align: top;
	white-space: normal !important
}

.ui-autocomplete {
	z-index: 9999 !important
}

#desc-close-modal {
	z-index: 1055
}

input[type=checkbox], input[type=radio] {
	margin: 4px 0 0;
	margin-top: 1px;
	line-height: normal;
	width: 13px;
	height: 13px
}

.text-underline {
	text-decoration: underline
}

.text-underline:hover {
	text-decoration: underline
}

.custom-panel {
	border: 1px solid #dad9d9 !important
}

.custom-panel .panel-heading {
	padding: 5px 10px !important
}

.custom-panel .panel-body {
	height: 300px;
	overflow-y: auto
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
	padding-top: 0px !important
}

.checkbox.checkbox-custom.report input[type=checkbox] {
	margin-left: 4px !important;
	position: relative
}

.checkbox.checkbox-custom.report {
	height: 18px;
	min-height: 24px
}

.report-fields, .report-fields li {
	list-style: none;
	padding: 0
}

.report-fields li {
	clear: both
}

.table-fixed {
	table-layout: fixed;
	width: auto !important
}

.custom-height > thead > tr:first-child  > th:first-child {
	border-right: 0 !important
}

.custom-height > thead > tr:first-child  > th:nth-child(2) {
	border-left: 0 !important;
	min-width: 205px;
	text-align: left
}

.store-details .nav.nav-tabs > li.active > a {
	height: 20px
}

.store-details .nav.nav-tabs > li > a, .store-details .nav.tabs-vertical > li > a {
	line-height: 18px
}

.upload-sign_img {
	width: 150px;
	height: 80px;
	margin-top: 5px
}

.upload-sign_img img {
	width: 150px;
	height: 80px
}

.upload-company_logo {
	width: 150px;
	height: 90px;
	margin-top: 5px
}

.upload-company_logo img {
	width: 100px;
	height: 85px
}

.note-editable.panel-body p + p {
	margin-top: 0 !important
}

.advance-search {
	width: 100%
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #fff !important;
	border: 1px solid #3A57E8 !important;
	background: #3A57E8 !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	padding: 3px 10px !important;
	font-size: 11px;
	border: 1px solid #d6d3d3 !important;
	margin-left: -1px !important
}

.dataTables_wrapper .dataTables_info {
	font-size: 12px !important
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter {
	color: #797979 !important;
	font-size: 12px !important
}

.dataTables_wrapper .dataTables_length {
	padding: 6px 6px 0 !important
}

.dataTables_wrapper .dataTables_info {
	padding: 10px 10px 0 0 !important
}

.dataTables_wrapper .dataTables_filter {
	padding: 7px 65px 0 !important;
	float: left !important
}

.dataTables_wrapper .dataTables_filter label, .dataTables_wrapper .dataTables_length label {
	margin-bottom: 0
}

.dataTables_wrapper .dataTables_paginate {
	padding: 7px 0 0 !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	border: 1px solid rgb(214, 211, 211) !important
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	border: 1px solid  #d6d3d3 !important;
	background: #d6d3d3 !important
}

.nav.nav-tabs.bottom-tabs > li > a {
	background-color: #7266ba;
	color: #ffffff !important;
	line-height: 16px
}

.nav.nav-tabs.bottom-tabs > li > a:hover {
	background-color: #0062ff !important;
	color: #fff !important
}

.nav-tabs.bottom-tabs > li.active > a, .nav-tabs.bottom-tabs > li.active > a:focus, .nav-tabs.bottom-tabs > li.active > a:hover {
	color: #fff !important;
	background-color: #0062ff !important;
	height: 18px
}

.tab-content.enquiry-tab.main-content, .bottom-content {
	border: 1px solid transparent !important;
}

.active-menu {
	background: #3A57E8 none repeat scroll 0 0 !important;
	color: #ffffff !important
}

.bootstrap-timepicker-widget.dropdown-menu.open {
	display: block;
	top: 27px;
	min-width: 140px
}

.custom-budget-level span {
	font-size: 11px;
	text-align: center
}

.cust-chk {
	display: inline-block
}

.cal-label-list {
	list-style: none;
	text-align: right;
	margin-bottom: 0
}

.cal-label-list li {
	display: inline-block;
	padding-left: 10px
}

.cal-label-icon {
	float: left
}

.cal-label {
	float: left
}

.cal-label label {
	padding-left: 5px;
	font-size: 12px;
	font-weight: 600
}

#calendar_content .fc-toolbar, #calendar_content .fc-view {
	margin-top: 5px;
	line-height: 1
}

#calendar_content .fc th.fc-widget-header {
	background: #ebeff2;
	font-size: 12px;
	line-height: 16px;
	padding: 5px 0;
	text-transform: uppercase
}

#calendar_content  .fc button {
	font-size: 12px
}

#calendar_content .fc-event {
	font-size: 11px;
	margin: 3px 7px;
	padding: 3px 5px
}

#calendar_content .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar button:focus, .fc-toolbar button:hover, .fc-toolbar .ui-state-hover {
	background: #3A57E8;
	border: 1px solid #3A57E8;
	color: #fff
}

.card-box-list {
	list-style: none;
	width: 165px;
	margin: 0 auto
}

.card-box-list li {
	font-size: 11px;
	width: 165px;
	float: left
}

.card-box-list li label {
	float: left;
	width: 85px;
	line-height: 1;
	text-align: left
}

.card-box-list .card-counter {
	width: 70px;
	float: right
}

.card-box-list li .counter {
	text-align: right;
	display: inline-block;
	line-height: 1
}

.content-dashboard .card-box.dashboard-stat {
	padding: 10px 0 10px 10px !important
}

.content-dashboard .card-box-head {
	font-weight: 700;
	display: block;
	width: 73%;
	float: left;
	margin: 10px 0 0
}

.notes_section p {
	margin: 0
}

.p-r-5 {
	padding-right: 4px !important
}

.button_summarnote {
	position: absolute !important;
	left: 95.5% !important;
	z-index: 4 !important;
	top: 7px !important
}

input[type=checkbox].warehousem, input[type=radio] {
	margin: 5px 0 0;
	line-height: 13px;
	width: 13px;
	height: 13px
}

.button_back {
	padding: 1px 6px 1px 6px !important;
	border-radius: 3px !important
}

.m-t-b-40 {
	margin-top: -35px !important;
	margin-bottom: -38px !important
}

.p_4_0 {
	padding: 0 4px !important
}

.m-b--3 {
	margin-bottom: -3px !important
}

.m-t_3 {
	margin-top: 3px !important
}

.modal-dialog1 {
	margin: 111px 54px 31px 205px !important
}

.modal-lg1 {
	width: 1101px !important
}

.btn_p_0 {
	padding: 0 !important
}

.f-s {
	font-size: 10px !important
}

.r-b-p {
	padding: 0 4px 1px 3px !important;
	border: 0 !important
}

.col_m_7 {
	width: 57.6% !important
}

input[type=checkbox].projectmanagement, input[type=radio] {
	margin: 2px 0 0;

	line-height: 13px;
	width: 13px;
	height: 13px
}

.wdth19{
   width: 19% !important;
}
.wdth79-5{
	width: 79.5% !important;
}

.ma_l_45 {
	margin-left: 50px !important
}

.p_r_44 {
	padding-right: 50px !important
}

.m_l_90 {
	margin-left: 90px !important
}

.p_r_90 {
	padding-right: 90px !important
}

.t_col0 {
	color: #0e0d0d !important
}

.t_p_d {
	padding: 0 !important
}

.bn_p {
	padding: 5px 7px !important
}

.b_7 {
	font-size: 7px !important;
	padding: 1px 3px !important;
	margin-top: 3px !important
}

.m-l-m-10 {
	margin-left: -10px
}

.col-1-md {
	width: 6% !important
}

.panel-body  .col-md-5 {
	width: 38.667% !important
}

.panel-body .form-horizontal .col-md-3 {
	padding-left: 15px !important;
	padding-right: 0
}

.p-2-6 {
	padding: 2px 6px !important
}

.panel-body .form-horizontal .col-md-4 {
	padding-left: 14px;
	padding-right: 0
}

.panel-body .col-md-offset-5 {
	margin-left: 38.667%
}

.btn_table_width {
	width: 41px !important
}

.btn_pa_10 {
	margin-left: -5px;
	width: 29px;
	padding: 2px 7px !important
}

.col_md-19 {
	width: 19% !important
}

.col-md_8 {
	width: 66.5% !important;
	padding-left: 12px !important
}

.co_md_8 {
	width: 66.5% !important
}

.p-l-17 {
	padding-left: 17px !important
}

.p-l-14 {
	padding-left: 12px !important
}

.wdth_3 {
	width: 19.1% !important
}

.p_l_15 {
	padding-right: 15px !important
}

.co_9_md {
	width: 72.5% !important
}

.modal-body .col-md-5 {
	width: 38.5555%
}

.modal-body .col-md-4 {
	padding-left: 6px;
	padding-right: 4px
}

.modal-body .col-md-6 {
	padding-left: 8px;
	padding-right: 2px
}

.padding_left {
	padding-left: 6px !important
}

.p-r-7 {
	padding-right: 7px !important
}

.padding-8 {
	padding-right: 4px !important
}

.p-r-3 {
	padding-right: 3px !important
}
.p-r-9 {
	padding-right: 9px
}
.p-r-10 {
	padding-right: 10px
}


.p-l-10 {
	padding-left: 9px !important
}

.p-r-12 {
	padding-right: 12px !important
}

.p-r-8 {
	padding-right: 6px !important
}

.widt {
	width: 50% !important
}

.fixed-table-pagination div.pagination .pagination {
	margin: 5px 0 0 0 !important
}

.p_btn_11 {
	width: 60px !important
}

table .p_btn_11 {
	width: 60px !important;
	height: 20px !important;
	line-height: 9px !important;
}

.min-width-210 {
	min-width: 210px !important;
}

.p-l-r-4-5 {
	padding: 3px 3px 3px 3px !important;
}

.crm_not_se_button {
	width: 90px !important;
}

.page_button {
	width: auto !important;
}

.dash_bord_button {
	width: 140px !important;
}

.button_padding {
	padding: 2px 4px 3px 4px !important;
}

.p-l-3 {
	padding-left: 3px !important;
}

.margin_10 {
	margin-top: -10px !important;
}

.p-0-3 {
	padding: 0 3px !important;
}

.p-r-13 {
	padding-right: 13px !important;
}

.p-l-13 {
	padding-left: 13px !important;
}
.p-l-12{
	padding-left: 12px !important;
}
.p-l-11{
	padding-left: 11px !important;
}

.p-r-14 {
	padding-right: 14px !important;
}
.p-r-15 {
	padding-right: 15px !important;
}

.p_r_10 {
	padding-right: 10px !important;
}

.col-7-md {
	width: 60.333% !important;
}

.col_7_md {
	width: 57.7% !important;
}

.p-1-4 {
	padding: 1px 4px !important;
}

.p_2_5 {
	padding: 2px 5px !important;
}

.table-condensed>thead>tr>th, .table-condensed>tbody>tr>th {
	padding: 4px !important;
}

.m-t-2 {
	margin-top: 3px !important;
}

.m-t-3 {
	margin-top: -3px !important;
}

.p-l-5 {
	padding-left: 8px;
}

.btn-width {
	width: 59px !important;
}

.p-r-17 {
	padding-right: 17px !important;
}

.p-l-23 {
	padding-left: 2px !important;
}

.p-l-23 {
	padding-left: 23px !important;
}

.p-r-22 {
	padding-right: 22px !important;
}

.m-l_4 {
	margin-left: -4px !important;
}

.p-t-5 {
	padding-top: 5px !important
}

.p-r-22 {
	padding-right: 22px !important
}

.p-l-8 {
	padding-left: 6px !important
}

.m-l-8 {
	margin-left: 6px !important
}

.btn_9_5 {
	padding: 5px 9px !important
}

.warehousebox {
	    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 122px !important;
    width: 95% !important;
    position: relative;
}

.warehousebox img {
	height: 122px !important;
    width: 95% !important;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom;
}

.m-r-3 {
	margin-right: -4px !important
}

.min-width-90 {
	width: 90px !important
}

@media (min-width:768px) {
	.nav-tabs.nav-justified>li {
		display: table-cell;
		width: auto !important;
	}
 
	.nav-tabs.nav-justified>li>a {
		margin-bottom: 0
	}

}

.quata-tabl-m {
	margin-right: 26% !important
}

.m_15_b {
	margin-bottom: -15px !important
}

.p-b-8 {
	padding-bottom: 8px !important
}

.p-b-5 {
	padding-bottom: 5px !important
}

.p-b-22 {
	padding-bottom: 22px !important
}

.p-t-4 {
	padding-top: 4px !important
}

.width_5 {
	width: 40.5% !important
}

#extra_locations {
	margin-bottom: 5px !important
}

.tfoot_input_width {
	width: 43px !important
}

.p-sub {
	padding: 2px 11px 3px 11px !important;
}

.m-l-3 {
	margin-left: -3px !important
}

.top-m-5 {
	top: 7px !important
}

.top-m-10 {
	top: 10px !important
}

.p-l-7 {
	padding-left: 7px !important
}

.m-b--30 {
	margin-bottom: -30px !important
}

.top-left-table-pad {
	padding-left: 12px
}

.top-right-pad {
	padding-right: 12px
}

.p-l-16 {
	padding-left: 16px
}

.p-r-16 {
	padding-right: 16px
}

.p-t-14 {
	margin-top: -14px !important
}

.p-l-15 {
	padding-left: 15px !important
}

.p_12-5 {
	padding: 3px 12.5px !important
}

.min-width-150 {
	width: 150px !important
}

.min-width-260 {
	width: 260px !important
}

.m-l-4 {
	margin-left: -4px !important
}

.m-l-7 {
	margin-left: 7px !important
}

.ver-align-center {
	vertical-align: middle !important
}

.p-l-30 {
	padding-left: 20px
}

.p-l-report-30 {
	padding-left: 21px
}

.font-size-icon {
	font-size: 13px !important
}

.font-size-icon-report {
	font-size: 12.5px !important
}

.font-size-icon1 {
	font-size: 12.5px !important
}

.report-font-size-icon {
	font-size: 12.5px !important
}

.p_0_4 {
	padding: 0 4px !important;
	border-radius: 3px !important
}

.p-l-50 {
	padding-left: 50px !important
}

.p-l-70 {
	padding-left: 100px !important
}

.p-l-4 {
	padding-left: 4px !important
}

.p-l-6 {
	padding-left: 6px !important
}

.p_l_55 {
	padding-left: 55px !important
}

.font-icon-size {
	font-size: 15px !important;
	color: red
}

.selectbox-check {
	padding: 4px 2px 2px 7px;
	border: 1px solid #c6c6c6;
	border-radius: 3px;
	position: relative;
	top: 4px
}

.delete-message {
	background: #fff !important;
	padding: 1px 5px 0 5px;
	margin: 7px 6px 0 !important;
	border-radius: 4px;
	border: 1px solid #ccc !important;
	color: red
}

.paginaton-message {
	background: #fff !important;
	padding: 3px 7px 3px 7px;
	border: 1px solid #ccc !important
}

.dorder-top-left {
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important
}

.dorder-bottom-right {
	border-bottom-right-radius: 4px !important;
	border-top-right-radius: 4px !important
}

.m-left-5 {
	margin-left: -5px !important
}

.message-box {
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 460px;
	position: absolute;
	float: right;
	right: 5px;
	background: #f5f5f5;
	margin-top: 41px;
	padding: 20px;
	display: none;
	z-index: 2;
	height: 235px;
	overflow-y: auto
}

.heading {
	font-size: 14px;
	font-family: verdana
}

.message-by {
	font-size: 12px;
	font-family: verdana
}

.message-content {
	font-size: 12px;
	font-family: verdana
}

.message_detail {
	cursor: pointer
}

.margin-top-11 {
	margin-top: -11px
}

.message-border {
	width: 40.667% !important;
	border: 1px solid #ccc;
	padding: 0 0 11px 11px;
	border-radius: 5px
}

.height-detail {
	height: 215px;
	overflow: auto;
	overflow-x: hidden
}

.border-fill-detail {
	border: 1px solid #ccc;
	padding: 11px 11px;
	border-radius: 5px
}

li {
	list-style-type: none;
	font-size: 12px
}

.companyRecipientlist ul li.parrent ul {
	display: none
}

.companyRecipientlist .selectEmp {
	float: right
}

.companyRecipientlist ul li ul {
	padding: 5px 0 0 20px;
	border-left: 1px solid #ccc;
	margin: 5px 0 0 0
}

.companyRecipientlist ul li ul li a::before {
	content: '';
	padding: 8px 0 0 20px;
	border-bottom: 1px solid #ccc;
	position: absolute;
	margin-left: -28px
}

.companyRecipientlist a {
	color: #545454
}

.companyRecipientlist li {
	position: relative
}

.companyRecipientlist_hover li{
	  line-height: 15px;
    border-bottom: 1px solid transparent;
    padding: 2px 2px 2px 0px;

}
.companyRecipientlist_hover li:hover{
	   background-color: #dcfaff;
	    /*border-bottom: 1px solid #ddd;*/
  
}
.companyRecipientlist_hover li label {
    display: inline-block;
    max-width: 100%;
    margin: 0px;
     font-weight: 300; 
}

.companyRecipientlist_hover li:hover .companyRecipientlist a{
        color: #fff !important;
}

.icon-color {
	color: #3A57E8;
	padding-right: 3px
}

.parrent {
	font-size: 13px
}

.btn-wdth-30 {
	width: 40px !important
}

.btn-width-50 {
	width: 50px !important
}

.p-l-100 {
	padding-left: 100px !important
}

.p-l-145 {
	padding-left: 145px !important
}

.p-l-45 {
	padding-left: 45px !important
}

.p-l-135 {
	padding-left: 135px !important
}

.p-l-125 {
	padding-left: 125px !important
}

.p-l-60 {
	padding-left: 60px !important
}

.documentmanage li {
	padding: 0 0 0 10px;
	position: relative
}

.documentmanage ul li ul {
	padding: 5px 0 0 20px;
	margin: 5px 0 5px 0
}

.documentmanage ul li ul li a::before {
	content: '';
	padding: 9.3px 0 0 40px;
	position: absolute;
	margin-left: -40px
}

.documentmanage a {
	color: #545454
}

.documentmanage li {
	list-style-type: none;
	font-size: 14px
}

.documentmanage ul li.parrent ul {
	display: none
}

.documentmanage .selectEmp {
	float: right
}

.documentmanage .parrent {
	font-size: 15px
}

.crm-p-0 {
	font-size: 7px !important;
	padding: 1px 3px !important;
	margin-top: 0 !important
}

.dmstextbox {
	left: 3%;
	position: relative;
	bottom: -9px
}

.hederitempricebox {
	margin-top: 5px !important;
	position: relative
}

.documentmanage  i.doctop::before {
	content: '';
	padding: 12.3px 0 0 52px;
	position: absolute;
	margin-left: -21px
}

.fulfilment li {
	vertical-align: middle;
	border-color: inherit
}

.fulfilment ul {
	border-bottom: 1px solid #ebeff2;
	margin-left: 0;
	padding-left: 0;
	padding-top: 0;
	margin-top: -11px;
	border-left: 1px solid #ebeff2;
	border-right: 1px solid #ebeff2;
	position: relative;
	border-collapse: collapse
}

.fulfilment li {
	border-right: 1px solid #ebeff2;
	padding: 6px 13px 6px 4px
}

.fulfilment li {
	display: inline-block
}

.abc {
	width: 19.9%
}

.sales-order {
	width: 15.1%
}

.no {
	width: 4.5%
}

.cust-name {
	width: 45.9%
}

.oder-date {
	width: 15.1%
}

.stat-col {
	width: 9%
}

.action-col {
	width: 8.78%
}

.checkboxtext {
	position: relative;
	top: -2px !important
}

.crm_font_size {
	font-size: 15px !important
}

.podeliverydate {
	position: relative;
	top: 3px !important
}

.crmtop {
	top: -3px !important
}

.p-top-11 {
	padding-top: 1px !important
}

.pad-0-4 {
	padding: 0 4px !important
}

.fontsize {
	font-size: 13 !important
}

.min-width-15 {
	width: 14px;
	border-radius: 50% !important;
	position: relative;
	top: 3px
}

.menocss {
	padding: 0 0 !important
}

.home-message-box1 {
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 100%;
	background: #f5f5f5;
	padding: 20px;
	height: 250px;
	overflow-y: auto
}

.home-message-box2 {
	border: 1px solid #ddd;
	border-radius: 4px;
	width: 100%;
	background: #f5f5f5;
	padding: 20px;
	height: 250px;
	overflow-y: auto;
	margin-top: 5px;
	margin-bottom: 10px
}

.crmeditbutton {
	top: -2px;
	position: relative
}

.crmactivede {
	top: -1px;
	position: relative
}

table .crmactivede {
	top: 0;
	position: relative;
}
	.btn-padding {
		padding: 2.2px 6px !important
	}

	.top-2-m {
		position: relative;
		top: 2px
	}

	.mar-left-7 {
		margin-left: -7px !important
	}

	.documenttreefonticon {
		font-size: 17px !important;
		padding-right: 2px
	}

	.documenttreechildicon {
		font-size: 15px !important
	}

	.documenttreechildicon2 {
		font-size: 14px !important
	}

	.documenttreechildicon3 {
		font-size: 13px !important
	}

	.p-1-6-usd {
		padding: 1px 6px !important
	}

	.projectmenusub {
		font-size: 12px !important
	}

	.prmtrackingfonticon {
		font-size: 16px !important
	}

	.laravelpagination .dataTables_wrapper .dataTables_paginate {
		display: none !important
	}

	.laravelpagination .pagination {
		float: right;
		margin-top: -12px;
		padding-right: 0 !important;
		margin-bottom: 0 !important
	}

	.laravelpagination.peginatem25 .pagination {
		margin-top: -25px !important
	}

	.laravelpagination.peginatem20 .pagination {
		margin-top: -20px !important
	}

	.laravelpagination .pagination>li>a, .pagination>li>span {
		position: relative;
		float: left;
		padding: 2px 8px !important;
		margin-left: -1px !important;
		line-height: 1.42857143;
		color: #337ab7;
		text-decoration: none;
		background-color: #fff;
		border: 1px solid #ddd;
		font-size: 12px
	}

	.laravelpagination.peginatem2 .pagination {
		margin-top: 2px !important
	}

	.laravelpagination.peginatem4 .pagination {
		margin-top: -13px !important
	}

	@media (max-width:720px) {
		.laravelpagination .pagination {
			margin-top: 2px !important
		}

		.m-t-23 {
			margin-top: 23px
		}

		.mar-top-8 {
			margin-top: 0
		}

		.mar_left_70 {
			margin-left: 0 !important
		}

	}

	.mar_left_70 {
		margin-left: -70px !important
	}

/*	@media (max-width:820px) {
		.dataTables_wrapper .dataTables_filter {
			padding: 7px 0 0 !important;
			float: left !important
		}

		.panel-body .col-md-5 {
			width: 100% !important;
			margin-bottom: 5px
		}

		.wdth_3 {
			width: 100% !important;
			margin-bottom: 5px
		}

		.form-group .col-md-9 {
			width: 100%;
			padding-left: 0
		}

		.nav-tabs.nav-justified {
			width: 100%
		}

		.form-horizontal .col-md-7 {
			padding-left: 0
		}

		.form-horizontal .col-md-12 {
			padding-left: 4px;
			padding-right: 8px
		}

		.form-horizontal .warehouse .col-md-7 {
			padding-left: 6px;
			padding-right: 0
		}

		.form-horizontal .warehousemani .col-md-12 {
			padding-left: 0;
			padding-right: 0
		}

		.panel-body .form-horizontal .warehousegenralinfo .col-md-5 {
			padding-left: 0 !important;
			padding-right: 0 !important
		}

		.panel-body .form-horizontal .warehousegenralinfo .col-md-3 {
			padding-left: 11px !important;
			padding-right: 11px !important
		}

		.panel-body .form-horizontal .col-md-4 {
			padding-left: 3px;
			padding-right: 0
		}

		.form-horizontal .col-md-8 {
			padding-left: 0;
			padding-right: 0
		}

		.form-horizontal .pricelist.col-md-12 {
			padding-left: 1px;
			padding-right: 2px
		}

		.m-l-5 {
			margin-left: 0 !important
		}

		.panel-body .col-md-offset-5 {
			margin-left: 0%
		}

		.price_right_pad {
			padding-right: 3px !important
		}

		.ven_padd {
			padding-left: 0 !important
		}

		.p-r-5 {
			padding-right: 0 !important
		}

		.p-r-7 {
			padding-right: 2px !important
		}

		.btn-positionorder {
			position: absolute;
			right: 1px;
			top: -5px
		}

		.top-right-pad {
			padding-right: 4px
		}

		.panel-body .form-horizontal .getwarehouse .col-md-3 {
			padding-left: 4px !important;
			padding-right: 0
		}

		.panel-body .form-horizontal .pricelist .col-md-3 {
			padding-left: 5px !important;
			padding-right: 0
		}

		.panel-body .form-horizontal .suplierinvoice .col-md-6 {
			padding-left: 0 !important;
			padding-right: 0
		}

		.panel-body .form-horizontal .maymentrecble .col-md-4 {
			padding-left: 0 !important;
			padding-right: 0 !important
		}

		.panel-body .form-horizontal .maymentrecble .col-md-12 {
			padding-left: 0 !important;
			padding-right: 0 !important
		}

		.panel-body .maymentrecble .col-md-12 {
			padding-left: 0 !important;
			padding-right: 0 !important
		}

		.panel-body .form-horizontal .genralvaucher .col-md-6 {
			padding-left: 0 !important;
			padding-right: 0 !important
		}

		.form-horizontal .newount_enq .col-md-8 {
			padding-left: 6px !important;
			padding-right: 8px !important
		}

		.p-r-10 {
			padding-right: 0 !important
		}

		.p-l-13 {
			padding-left: 0 !important
		}

		.mar_left_70 {
			margin-left: 0 !important
		}

		.col_7_md {
			width: 100% !important
		}

		.col_7_57 {
			width: 100% !important
		}

		.panel-body .form-horizontal .getcompanywarehouse .col-md-6 {
			padding-left: 0 !important;
			padding-right: 3px !important
		}

		.top-left-table-pad {
			padding-left: 0 !important
		}

		.form-horizontal .crm_camppadding .col-md-12 {
			padding-left: 0 !important;
			padding-right: 0 !important
		}

		.col_md-19 {
			width: 100% !important
		}

		.form-horizontal .crm_camppadding .col-md-6 {
			padding-left: 0;
			padding-right: 0
		}

		.m-t-23 {
			margin-top: 23px !important
		}

		.modal-body .col-md-5 {
			width: 100%
		}

		.modal-body .form-horizontal .form-group .col-md-7 {
			width: 100% !important
		}

		.modal-body .col-7-md {
			width: 100% !important
		}

		.panel-body .form-horizontal .getwarehouse .col-md-5 {
			padding-left: 0
		}

		.panel-body .projectmanement .form-horizontal  .col-md-6 {
			padding-left: 2px !important;
			padding-right: 2px !important
		}

		.projectmanement .col-md-6 {
			padding-left: 2px !important;
			padding-right: 2px !important
		}

		.leavemanege .col-md-11 {
			padding-left: 0 !important;
			padding-right: 0 !important
		}

		.leavemanege .col-md-12 {
			padding-left: 0 !important;
			padding-right: 0 !important
		}

		.leavemanege .col-md-6 {
			padding-left: 0 !important;
			padding-right: 0 !important
		}

		.leavemanege_padd_5 {
			padding-left: 0 !important
		}

		.p-l-14 {
			padding-left: 4px !important
		}

		.p-r-14 {
			padding-right: 7px !important
		}

		.padding_8_left {
			padding-left: 4px !important
		}

		.warehouse .col_md_5_40 {
			width: 100% !important
		}

		.panel-body .form-horizontal .getwarehouse .col-md-7 {
			width: 100% !important
		}

		.getwarehouse_m_l_11 {
			margin-left: 0 !important
		}

		.p-l-16 {
			padding-left: 4px !important
		}

		.p-r-16 {
			padding-right: 4px !important
		}

		.genravaucher_left {
			padding-left: 0 !important
		}

		.panel-body .form-horizontal .warehousemani .warepadding_left_5 .col-md-4 {
			padding-left: 2px !important
		}

		.panel-body .form-horizontal .warehousemani .warepadding_left_5 .col-md-8 {
			padding-left: 0 !important
		}

		.enq_rev_pad {
			padding-left: 0 !important
		}

		.btn-positionqut {
			position: absolute;
			right: 0;
			top: -5px
		}

		.enq_rev_pad_rigt {
			padding-right: 0 !important
		}

		.panel-body .form-horizontal .enq_rev .col-md-6 {
			padding-left: 0 !important;
			padding-right: 1px !important
		}

		.panel-body .form-horizontal .enq_rev .col-md-12 {
			padding-left: 0 !important;
			padding-right: 0 !important
		}

		.edi_cus_qot {
			padding-left: 0 !important
		}

		.edi_cus_qot_right {
			padding-right: 0 !important
		}

		.cust_sale_left {
			padding-left: 0 !important
		}

		.cust_sale_right {
			padding-right: 0 !important
		}

		.cust_sale_left_5 {
			padding-left: 0 !important
		}

		.cust_sale_right_10 {
			padding-right: 0 !important
		}

		.noofpakage .form-group .col-md-3 {
			width: 100% !important
		}

		.sup_cust_qut .col-md-6 {
			position: relative;
			min-height: 23px !important
		}

		.sup_cust_qut .col-md-3 {
			position: relative;
			min-height: 23px !important
		}

		.sup_cust_qut .col-md-4 {
			position: relative;
			min-height: 23px !important
		}

		.table-custom .sup_cust_qut .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
			min-width: 100.5% !important;
			margin-left: -1px
		}

		.table-custom >  tfoot > tr > td .sup_cust_qut input[type='text'] {
			position: absolute;
			top: 0;
			width: 99%;
			margin: 1px 5px -3px 2px;
			padding-right: 3px !important
		}

		.btn-position {
			position: absolute;
			right: -4px;
			top: -5px
		}

	}*/

	.m-t-23 {
		margin-top: 8px
	}

	.mar_left_70 {
		margin-left: -70px
	}

	.padding_8_left {
		padding-left: 0
	}

	.warehouse .col_md_5_40 {
		width: 40.66%
	}

	.panel-body .form-horizontal .payrollpadd .col-md-6 {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.panel-body .form-horizontal .warehousegenralinfo .col-md-6 {
		padding-left: 3px !important;
		padding-right: 0 !important
	}

	.panel-body .form-horizontal .getwarehouse .col-md-3 {
		padding-left: 2px !important
	}

	.panel-body .form-horizontal .getwarehouse .col-md-7 {
		width: 53%
	}

	.getwarehouse_m_l_11 {
		margin-left: 11px
	}

	.padd_right_3 {
		padding-right: 3px !important
	}

	.panel-body .form-horizontal .workflow .col-md-3 {
		padding-left: 5px !important
	}

	.panel-body .form-horizontal .warehousemani .warepadding_left_5 .col-md-4 {
		padding-left: 8px
	}

	.lenthpadd .col-md-5 {
		padding-left: 1px !important
	}

	.leavemanege_padd_5 {
		padding-left: 5px !important
	}

	.genravaucher_left {
		padding-left: 10px
	}

	.price_right_pad {
		padding-right: 14px
	}

	.ven_padd {
		padding-left: 14px
	}

	.panel-body .form-horizontal .warehousemani .warepadding_left_5 .col-md-8 {
		padding-left: 7px
	}

	.enq_padd {
		padding-right: 10px
	}

	.enq_rev_pad {
		padding-left: 7px
	}

	.enq_rev_pad_rigt {
		padding-right: 10px
	}

	.edi_cus_qot {
		padding-left: 8px
	}

	.edi_cus_qot_right {
		padding-right: 10px
	}

	.cust_sale_left {
		padding-left: 3px
	}

	.cust_sale_right {
		padding-right: 5px
	}

	.cust_sale_left_5 {
		padding-left: 7px
	}

	.cust_sale_right_10 {
		padding-right: 10px
	}

	.crm_pad_right {
		padding-right: 10px
	}

	.edit_out_redio {
		position: relative;
		top: 2px
	}

	.panel-body .form-horizontal .quote .col-md-6 {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

	.panel-body .form-horizontal .salesorder .col-md-6 {
		padding-left: 6px !important;
		padding-right: 5px !important
	}

	.btn-positionqut {
		position: absolute;
		right: 12px;
		top: -5px
	}

	.btn-positionorder {
		position: absolute;
		right: 16px;
		top: -5px
	}

	.panel-body .form-horizontal .enqpad .col-md-6 {
		padding-left: 3px !important;
		padding-right: 7px !important
	}

	.p-l-40 {
		padding-left: 40px !important
	}

	.btn-switch {
		font-size: .6em;
		position: relative;
		display: inline-block;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-color: #ddd;
		border-radius: 47%
	}

	.btn-switch__radio {
		display: none
	}

	.btn-switch__label {
		display: inline-block;
		padding: 0.25em .5em .25em .75em;
		vertical-align: middle;
		font-size: 1em;
		font-weight: 700;
		line-height: 1.7;
		color: #666;
		cursor: pointer;
		transition: color .2s ease-in-out
	}

	.btn-switch__label + .btn-switch__label {
		padding-right: .75em;
		padding-left: 0
	}

	.btn-switch__txt {
		position: relative;
		z-index: 2;
		display: inline-block;
		min-width: 1.5em;
		opacity: 1;
		pointer-events: none;
		transition: opacity .2s ease-in-out
	}

	.btn-switch__radio_no:checked ~ .btn-switch__label_yes .btn-switch__txt, .btn-switch__radio_yes:checked ~ .btn-switch__label_no .btn-switch__txt {
		opacity: 0
	}

	.btn-switch__label:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #f0f0f0;
		border-radius: 1.5em;
		box-shadow: inset 0 .0715em .3572em rgba(43, 43, 43, .05);
		transition: background .2s ease-in-out
	}

	.btn-switch__radio_yes:checked ~ .btn-switch__label:before {
		background: #6ad500
	}

	.btn-switch__label_no:after {
		content: "";
		position: absolute;
		z-index: 2;
		top: .5em;
		bottom: .5em;
		left: .5em;
		width: 2em;
		background: #fff;
		border-radius: 1em;
		pointer-events: none;
		box-shadow: 0 .1429em .2143em rgba(43, 43, 43, .2), 0 .3572em .3572em rgba(43, 43, 43, .1);
		transition: left .2s ease-in-out, background .2s ease-in-out
	}

	.btn-switch__radio_yes:checked ~ .btn-switch__label_no:after {
		left: calc(100% - 2.5em);
		background: #fff
	}

	.btn-switch__radio_no:checked ~ .btn-switch__label_yes:before, .btn-switch__radio_yes:checked ~ .btn-switch__label_no:before {
		z-index: 1
	}

	.btn-switch__radio_yes:checked ~ .btn-switch__label_yes {
		color: #fff
	}
.tooltip.top .tooltip-arrow{
	    border-top-color: #5c6671 !important;
}