@font-face {
	font-family: 'muliregular';
	src: url('../fonts/muli-regular-webfont.woff2') format('woff2'),
		url('../fonts/muli-regular-webfont.woff') format('woff');
}

@font-face {
	font-family: 'mulisemibold';
	src: url('../fonts/muli-semibold-webfont.woff2') format('woff2'),
		url('../fonts/muli-semibold-webfont.woff') format('woff');
}

@font-face {
	font-family: 'mulilight';
	src: url('../fonts/muli-light-webfont.woff2') format('woff2'),
		url('../fonts/muli-light-webfont.woff') format('woff');
}

html {
	font-size: 16px;
	min-height: 100%;
	position: relative;
}

body {
	font-family: 'Muli', sans-serif;
	background: #F5F5F5;
	color: #3f3f3f;
	font-size: 1rem
}

body#login-pg header, body#login-pg .main-nav, body#register-pg header,
	body#login-pg {
	font-size: 1rem;
	background: url(../images/login-bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 150px 0 0
}

body#register-pg {
	font-size: 1rem;
	background: url(../images/login-bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	padding: 30px 0 0
}

.errormessage, .error-sm-message {
	color: red;
	font-size: 0.75rem;
	margin-top: 2px;
	line-height: 14px;
	display: inline-block;
}

.successmessage {
	color: green;
	font-size: 0.8125rem;
	margin: 10px 0;
}

.mrgnone {
	margin: 0 !important
}

.text-left {
	text-align: left !important;
}
/*Display none block commen start*/
body#login-pg header, body#login-pg .main-nav, body#register-pg header,
	body#register-pg .main-nav, .sidebar-menu li>a span,
	.dashboard-superbadmin .btn-menu i.zmdi-close, .dashboard-superbadmin.nav-toggle .btn-menu i.zmdi-menu,
	.dashboard-admin .btn-menu i.zmdi-close, .dashboard-admin.nav-toggle .btn-menu i.zmdi-menu,
	.dashboard-salesperson .btn-menu i.zmdi-close, .dashboard-salesperson.nav-toggle .btn-menu i.zmdi-menu,
	.dashboard-admin .sidebar-menu li:nth-child(2), .dashboard-admin .sidebar-menu li:nth-child(3),
	.dashboard-admin .sidebar-menu li:nth-child(4), .dashboard-admin .sidebar-menu li:nth-child(5),
	.dashboard-admin .sidebar-menu li:nth-child(8), .dashboard-salesperson .sidebar-menu li:nth-child(4),
	.dashboard-salesperson .sidebar-menu li:nth-child(5),
	.dashboard-salesperson .sidebar-menu li:nth-child(6),
	.dashboard-salesperson .sidebar-menu li:nth-child(7),
	.dashboard-salesperson .sidebar-menu li:nth-child(8),
	.dashboard-salesperson .sidebar-menu li:nth-child(9), thead .footable-filtering,
	thead .footable-filtering form, .dashboard-superbadmin .admin-usr,
	.dashboard-superbadmin .salesperson-usr, .dashboard-admin .supr-admin-usr,
	.dashboard-admin .salesperson-usr, .dashboard-salesperson .supr-admin-usr,
	.dashboard-salesperson .admin-usr, #qustonaire .table-grid>table>thead
	{
	display: none
}

.dashboard-superbadmin.nav-toggle .btn-menu i.zmdi-close,
	.dashboard-admin.nav-toggle .btn-menu i.zmdi-close,
	.dashboard-salesperson.nav-toggle .btn-menu i.zmdi-close,
	.dashboard-salesperson .menu-saleprsn {
	display: block
}

.admin-usr, .supr-admin-usr, .salesperson-usr, .displayIBlock {
	display: inline-block !important;
}
/*Display none block commen end*/
.main-wrapper {
	position: relative;
	margin-left: 70px;
	height: 100%;
}

a:hover, a:focus {
	color: #263238;
	text-decoration: none;
}

a {
	color: #3f3f3f
}

a:hover {
	transition: background ease .5s;
	text-decoration: none;
}

a:focus {
	text-decoration: none;
}

h1 {
	color: #374B5E;
	font-size: 1.875rem
}

.btn-sm {
	border: 1px solid #29B6F6;
	display: block;
	width: auto;
	color: #45B1C9;
	font-size: 0.75rem;
	text-decoration: none;
	border-radius: 4px;
	margin-bottom: 0.75rem;
}

.btn-lg {
	border: 1px solid #29B6F6;
	display: block;
	width: 100%;
	color: #45B1C9;
	font-size: 1rem;
	text-decoration: none;
	border-radius: 4px;
	margin-bottom: 1.25rem;
	text-transform: uppercase;
}

.btn-lg-ghost, .btn-lg:hover {
	border: 1px solid #45B1C9;
	background: #72C5D6;
	color: #fff !important;
    text-decoration: none !important;
}

.btn-lg-grrn, .btn-lg-grrn:hover {
	border: 1px solid #81C784;
	background: #81C784;
	color: #fff;
	font-size: 1rem;
	margin-bottom: 0;
	margin-top: 1rem
}

.btn-lg-gray, .btn-lg-gray:hover {
	border: 1px solid #676980;
	background: #676980;
	color: #fff;
	font-size: 1rem;
	margin-bottom: 0;
	margin-top: 1rem
}

.btn-lg-grrn>i, .btn-lg-grrn:hover>i, .btn-lg-gray>i, .btn-lg-gray:hover>i
	{
	font-size: 1.25rem;
	display: inline-block;
	vertical-align: bottom
}

.btn-lg-grrn>i, .btn-lg-grrn>i:hover {
	margin-right: 7px
}

.nicescroll-rails div {
	background: #45B1C9 !important;
	width: 4px !important
}

.nicescroll-rails, .nicescroll-rails-vr {
	z-index: 99 !important;
}

.nicescroll-cursors {
	background: #45B1C9 !important;
	border: none !important;
	width: 10px !important;
}

.footable-filtering .dropdown-menu-right {
	left: auto;
	padding: 5px 10px 0;
	right: 0;
	text-align: left;
}

.control-from {
	position: relative;
	width: 100%;
	margin-bottom: 1rem;
	float: left; min-height: 68px;
}

/* New Loging Style */
.control-from label {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all 0.25s ease;
	transition: all 0.25s ease;
	pointer-events: none;
}

.loginbox input:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0px 9999px #F0F2F3;
}


.control-from textarea{margin-bottom: 10px;}
/* Loging Style */
.paper-input {
	display: block;
	width: 100%;
	margin: 0;
	box-shadow: none;
	border: none;
	border-bottom: 1px solid #D6D6D6;
	background: transparent;
	font-size: 1rem;
	padding: 0.7rem 0;
	color: #526C79
}

.paper-input:focus, .paper-input.has-focus {
	outline: none;
}

.paper-input ~ label {
	font-size: 1rem;
	color: #929292;
	width: 100%;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 0.625rem;
	bottom: 0;
	font-weight: normal;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.paper-input:valid ~ label {
	
}

.touched-input ~ label {
	visibility: hidden;
}

.floating-input ~ label {
	transition: 0.2s ease all;
}

.control-from .floating-input:focus ~ label, .control-from .floating-input.touched-input ~ label, .muliSelect>label {
	visibility: visible;
	font-size: 0.75rem;
	color: #45B1C9;
	top: -0.25rem !important;
	-webkit-transition: all 0.125s ease;
	transition: all 0.125s ease; font-weight: normal;
}

.control-from textarea.floating-input:focus ~ label, .control-from textarea.floating-input.touched-input 
	~ label {
	visibility: visible;
	font-size: 0.75rem;
	color: #45B1C9;
	top: -0.90rem !important;
	-webkit-transition: all 0.125s ease;
	transition: all 0.125s ease;
}

.floatingCss {
	visibility: visible;
	font-size: 0.75rem !important;
	color: #45B1C9 !important;
	top: -0.25rem !important;
	-webkit-transition: all 0.125s ease;
	transition: all 0.125s ease;
}

.paper-input__error {
	float: left;
	margin-top: 3px;
	color: #d34336;
	font-size: 0.75rem;
	visibility: hidden;
}

.floating-input.dirty-input:invalid ~ label {
	top: -0.625rem;
	font-size: 0.75rem;
	color: #d34336;
}

.dirty-input:invalid ~ label:after {
	background-color: #d34336;
}

.dirty-input:invalid ~ .paper-input__error {
	visibility: visible;
}

.dirty-input:invalid {
	box-shadow: none;
	border-color: #d34336;
}

/* .select2-container {
	z-index: 999999999
} */

.custom-dropdown {
	z-index: 1;
	min-height: 45px;
}

.custom-dropdown label {
	/* z-index: 99999999; */
	color: #45B1C9 !important;
	font-size: 0.75rem !important;
	font-weight: normal;
	top: -0.25rem;
}

.custom-dropdown>.select2-container {
	margin-top: 11px
}

.rolePermission .custom-dropdown>.select2-container, .userRole .custom-dropdown>.select2-container
	{
	margin-top: 0px
}

.select2-container--default .select2-selection--single .select2-selection__rendered
	{
	color: #526C79
}

.select2-container--default .select2-selection--single {
	border-bottom: 1px solid #D6D6D6 !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected]
	{
	background: #72C5D6 !important
}
/*-----------------------Check box-------------------------------------*/
.fill-checkbox, .radiobox {
	position: relative;
	margin-bottom: 1rem;
	display: inline-block
}

.fill-checkbox input[type="checkbox"] {
	display: none;
}

.fill-checkbox input[type="checkbox"]:checked+label.fillbox:before {
	content: '';
	width: 7px;
	height: 12px;
	position: absolute;
	left: 5px;
	top: 3px;
	border-width: 2px;
	border-color: transparent #90A4AE #90A4AE transparent;
	border-style: solid;
	transform: rotate(40deg);
}

.fill-checkbox label.fillbox {
	display: inline-block;
	padding-left: 1.5rem;
	font-weight: normal
}

.fill-checkbox label.fillbox:after {
	content: '';
	width: 18px;
	height: 18px;
	border: #90A4AE solid 2px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 3px;
	border-radius: 2px;
}

/*-----------------------Radio box-------------------------------------*/
.radiobox input[type="radio"] {
	display: none;
}

.radiobox input[type="radio"]:checked+label.fillbox:before {
	content: '';
	position: absolute;
	width: 9px;
	height: 9px;
	left: 5px;
	top: 5px;
	background: #999;
	border-radius: 20px;
}

.radiobox label.fillbox {
	display: inline-block;
	padding-left: 30px;
}

.radiobox label.fillbox:after {
	content: '';
	width: 15px;
	height: 15px;
	border: #666 solid 2px;
	display: inline-block;
	position: absolute;
	left: 0;
	border-radius: 20px;
}

/*Radio box*/
input[type="radio"]+.label-text:before {
	content: "\f26c";
	font-family: "Material-Design-Iconic-Font";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
	font-size: 1.25rem;
	color: #666;
}

input[type="radio"]:checked+.label-text:before {
	content: "\f26f";
	color: #666;
	animation: effect 250ms ease-in;
}

/*-Login start -*/
.loginbox {
	width: 410px;
	margin: 0 auto;
	background: rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.5);
}

.loginbox .login_section {
	padding: 0.625rem 1.875rem
}

.loginbox .login-logo {
	background: #424242;
	padding: 15px 10px;
}

.login-logo img {
	margin: 0 auto
}

.login_section .btn-lg {
	padding: 10px 16px;
}

.login_section input[type="submit"] {
	cursor: pointer;
}

a.forgotpsd {
	float: right;
	color: #374B5E;
	text-decoration: none
}
/*-Login end -*/

/*-navigation start -*/
.main-nav, .main-wrapper, .main-wrapper .main-header {
	-webkit-transition: all 500ms ease-out 200ms;
	-moz-transition: all 500ms ease-out 200ms;
	-o-transition: all 500ms ease-out 200ms;
	transition: all 500ms ease-out 200ms;
}

.nav-toggle .main-nav {
	left: 0;
	width: 300px;
	-webkit-transition: all 500ms ease-out 100ms;
	-moz-transition: all 500ms ease-out 100ms;
	-o-transition: all 500ms ease-out 100ms;
	transition: all 500ms ease-out 100ms;
}

.nav-toggle .main-wrapper {
	margin-left: 70px;
	-webkit-transition: all 500ms ease-out 100ms;
	-moz-transition: all 500ms ease-out 100ms;
	-o-transition: all 500ms ease-out 100ms;
	transition: all 500ms ease-out 100ms;
}

.nav-toggle .main-wrapper .main-header {
	left: 0;
	-webkit-transition: all 500ms ease-out 100ms;
	-moz-transition: all 500ms ease-out 100ms;
	-o-transition: all 500ms ease-out 100ms;
	transition: all 500ms ease-out 100ms;
}

.nav-toggle .btn-circle i.zmdi-menu {
	width: 255px;
	text-align: left;
	margin-left: 10px
}

.nav-toggle .sidebar-menu>li>a {
	text-align: left
}

.nav-toggle .sidebar-menu li>a span {
	display: inline-block;
	margin-left: 1rem;
}

.main-nav {
	width: 70px;
	position: fixed;
	left: 0;
	top: 70px;
	bottom: 0;
	overflow: auto;
	background: #424242; /*z-index: 9998;*/
	z-index: 50
}

.main-sidebar, .left-side {
	padding-top: 73px;
	-webkit-transform: translate(-300px, 0);
	-ms-transform: translate(-300px, 0);
	-o-transform: translate(-300px, 0);
	transform: translate(-300px, 0);
}

.main-sidebar, .left-side {
	bottom: 0;
	overflow-y: auto;
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	width: 300px;
	z-index: 810;
	-webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s
		ease-in-out;
	-moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
	-o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

.user-panel {
	display: block;
	width: 300px;
}

.user-panel {
	position: relative;
	width: 100%;
	padding: 70px 5px 50px;
}

.user-panel:before, .user-panel:after {
	content: " ";
	display: table;
}

.user-panel {
	background-color: #341714;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.user-panel:after {
	clear: both;
}

.user-panel>.info {
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.5rem;
	text-shadow: 0 1px 4px #000;
	color: #fff;
	text-decoration: none
}

.usertype {
	font-size: 1rem;
}

.user-panel>.info a, .user-panel>.info a:hover, .user-panel>.info a:focus
	{
	color: #fff;
	text-decoration: none
}

.sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-menu>li {
	position: relative;
	margin: 0;
	padding: 0;
	color: #fff;
	text-decoration: none
}

.sidebar-menu>li>a {
	padding: 0 25px;
	line-height: 4rem;
	display: block;
	color: #F4EAD3;
	text-decoration: none;
	white-space: nowrap
}

.sidebar-menu>li>a:hover, .sidebar-menu>li>a:focus, .sidebar-menu>li.active>a
	{
	background: #78C7D8;
	color: #fff
}

.sidebar-menu>li>a>.zmdi {
	font-size: 1.5rem;
	text-align: left;
	display: inline-block;
	vertical-align: middle
}

.ripple.has-ripple>span {
	vertical-align: top;
}

.sidebar-menu>li .label, .sidebar-menu>li .badge {
	margin-top: 3px;
	margin-right: 5px;
}

.sidebar-menu li.header {
	padding: 10px 25px 10px 15px;
	font-size: 12px;
}

.sidebar-menu li.active>.treeview-menu {
	display: block;
}

.sidebar-menu .treeview-menu {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
	padding-left: 5px;
}

.sidebar-menu .treeview-menu .treeview-menu {
	padding-left: 20px;
}

.sidebar-menu .treeview-menu>li {
	margin: 0;
}

.sidebar-menu .treeview-menu>li>a {
	padding: 5px 5px 5px 15px;
	display: block;
	font-size: 14px;
}

.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu>li.header {
	/*white-space:nowrap; overflow: hidden;*/
	
}

.sidebar-menu:hover {
	overflow: visible;
}

.sidebar-menu>li.header {
	overflow: hidden;
	text-overflow: clip;
}

.sidebar-menu li>a {
	position: relative;
}

.sidebar-menu li>a>.pull-right {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -7px;
}
/*main navigation end*/

/*-all buttons css start-*/
.adnew-btn, .adnew-btn:hover {
	background: #676980 !important
}

.srch-btn, .srch-btn:hover {
	background: #FFB61C !important
}

.inctv-btn, .inctv-btn:hover {
	background: #B0BEC5 !important
}

.act-btn, .act-btn:hover {
	background: #22BB9C !important
}

.dlt-btn, .dlt-btn:hover {
	background: #FF8181 !important;
}

.exprt-btn, .exprt-btn:hover {
	background: #72C5D6 !important;
}

.back-btn, .back-btn:hover {
	background: #3F3F3F !important
}

.btn-lg {
	padding: 5px 15px
}

.btn-circle i {
	font-size: 1.25rem;
	color: #374B5E;
	vertical-align: text-bottom;
	margin-right: 5px;
	color: #fff
}

.btn-circle i.zmdi-home {
	margin-right: 1.25rem;
	color: #F4EAD3;
	font-size: 1.5rem
}

.btn-group {
	display: inline-block;
}

.btn-group ul { /*display: inline-block;*/
	list-style-type: none;
	margin: 0 5px;
	padding: 0;
}

.btn-group ul li {
	display: inline-block;
	margin: 0 0px 0 5px;
	padding: 0;
}

.btn-group ul li#action_buttons ul {
	margin: 0;
	padding: 0;
	display: inline-block;
}

.btn-group ul li#action_buttons li {
	margin: 0 0px 0 5px;
	padding: 0;
	display: inline-block;
}

.btn-menu {
	display: inline-block;
	color: #424242;
	width: 70px;
	background: #fff;
}

.btn-menu i.zmdi-menu, .btn-menu i.zmdi-close {
	display: block;
	height: 70px;
	line-height: 70px;
	width: 70px;
	border-right: 1px solid #E6E6E6;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.btn-menu i {
	display: block;
	width: 3rem;
	line-height: 3rem;
	text-align: center;
	font-size: 1.5rem;
}

.main-container .container-head .head-right .btn-group .btn-circle {
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	padding: 7px 10px;
	min-width: 100px;
	text-align: center;
	border: 0px;
}

.vet-mdl {
	display: inline-block;
	vertical-align: middle
}

.main-container .container-head .head-right .btn-group .btn-circle:hover,
	.main-container .container-head .head-right .btn-group .btn-circle:focus
	{
	background: #4FC3F7;
	color: #fff
}

.btn-eye-off:hover, .btn-eye-off:focus {
	background: #666 !important
}

.btn-eye:hover, .btn-eye:focus {
	background: #8BC34A !important
}

.btn-delete:hover, .btn-delete:focus {
	background: #C62828 !important
}

.head-right .btn-group .btn-lg {
	display: inline-block;
}

.table-bordered {
	border: none;
	-webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1);
}

.table-responsive thead {
	color: #37464D
}

.table-responsive tbody {
	background: #fff
}

.table-bordered>thead>tr>th {
	border: none
}

.table-bordered>tbody>tr>td {
	border-bottom: 1px solid #EDECEC;
	border-left: none;
	border-right: none;
	border-top: none;
}

.table-responsive th:first-child, .table-responsive td:first-child {
	text-align: left
}

.table-bordered>thead>tr>th:nth-child(2), .table-bordered>tbody>tr>td:nth-child(2)
	{
	width: 270px;
	text-align: right
}

.tophading-tbl1 th:nth-child(2), .tophading-tbl1 th:nth-child(3),
	.tophading-tbl1 th:nth-child(4), .tophading-tbl1 th:nth-child(5) {
	width: 270px !important;
	vertical-align: text-top
}

.table-bordered>thead>tr>th:nth-child(3), .table-bordered>tbody>tr>td:nth-child(3),
	.table-bordered>thead>tr>th:nth-child(4), .table-bordered>tbody>tr>td:nth-child(4),
	.table-bordered>thead>tr>th:nth-child(5), .table-bordered>tbody>tr>td:nth-child(5)
	{
	width: 140px;
	text-align: right;
}

.inpwdhsml {
	width: 50px;
	margin: 0 auto;
	display: inline-block
}

.inpwdhbg {
	width: 150px;
	margin: 5px auto 0;
}

.inpwdhmd {
	width: 200px;
}

.inpwdhlg {
	width: 250px;
	margin: 5px auto 0;
}

.view-btn, .view-btn:hover {
	width: 65px !important;
	background: #86A0B9;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 5px;
	padding: 5px 15px !important;
	font-size: 0.875rem
}

.calculate-btn, .calculate-btn:hover {
	width: 100px !important;
	background: #22BB9C;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 5px;
	padding: 5px 15px;
	font-size: 0.875rem
}

.inrpo-btn, .inrpo-btn:hover {
	width: 100px !important;
	display: table !important;
	line-height: 25px !important;
	background: #26C6DA;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 5px;
	padding: 5px 15px;
	font-size: 0.875rem
}

.asing, .asing:hover {
	width: 80px !important
}

.won-btn, .won-btn:hover {
	width: 100px !important;
	background: #66BB6A;
	display: table;
	line-height: 25px !important;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 5px;
	padding: 5px 15px;
	font-size: 0.875rem
}

.los-btn, .los-btn:hover {
	width: 100px !important;
	background: #FF8181;
	display: table;
	line-height: 25px !important;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 5px;
	padding: 5px 15px;
	font-size: 0.875rem
}

.unmtch-btn, .unmtch-btn:hover {
	width: 100px !important;
	background: #B0BEC5;
	display: table;
	line-height: 25px !important;
	color: #fff !important;
	text-decoration: none !important;
	border-radius: 5px;
	padding: 5px 15px;
	font-size: 0.875rem
}
/*Switch button start*/
.switch-more, .switch-more:hover, .switch-more:focus {
	background: #FBCF67 !important;
	color: #3f3f3f
}

.switchbtn .yesbtn, .switchbtn .nobtn {
	background: #fff;
	border: 1px solid #ddd;
	color: #666
}

.switchbtn .yesbtn:focus, .switchbtn .yesbtn:active, .switchbtn .yesbtn.active
	{
	background: #8BC34A;
	border-color: #ddd;
	color: #fff
}

.switchbtn .nobtn:focus, .switchbtn .nobtn:active, .switchbtn .nobtn.active
	{
	background: #bbb;
	border-color: #ddd;
	color: #666
}

.switchbtn .btn-default {
	background-color: #fff;
	border-color: #ddd;
	color: #666;
}

.switch-field {
	overflow: hidden;
	display: inline-block;
	vertical-align: middle
}

.switch-title {
	margin-bottom: 5px;
}

.switch-field input {
	display: none;
}

.switch-field label {
	float: left;
}

.switch-field input:checked+label.npbtclr {
	background: #bbb;
	color: #666
}

.switch-field label {
	display: inline-block;
	width: auto;
	background-color: #fff;
	color: #666;
	font-weight: normal;
	text-align: center;
	text-shadow: none;
	padding: 5px 10px;
	font-size: 14px;
	margin: 0;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked+label {
	color: #fff;
	background-color: #8bc34a;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.switch-field label:first-of-type {
	border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
	border-radius: 0 4px 4px 0;
}

.table-grid>table>thead>tr>th:first-child.status>div>a, .table-grid>table>tbody>tr>td:first-child.status>div>a
	{
	background: #D7D7D7;
}

.table-grid>table>thead>tr>th:first-child, .table-grid>table>tbody>tr>td:first-child
	{
	position: relative
}

.table-grid>table>thead>tr>th:first-child>div>a.active, .table-grid>table>tbody>tr>td:first-child>div>a.active
	{
	background: #4AD0A5;
	width: 15px;
	min-height: 44px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

.table-grid>table>thead>tr>th:first-child>div>a.inactive, .table-grid>table>tbody>tr>td:first-child>div>a.inactive
	{
	background: #B0BEC5;
	width: 15px;
	min-height: 44px;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}

/*Switch button end*/

/*all buttons css end*/

/*header css start*/
.logo-lg img {
	margin-top: -10px
}

.dropdown.user.user-menu {
	display: inline-block;
	vertical-align: top;
	height: 70px;
	padding-right: 10px;
	background: #FBCF67;
}

.header-logo {
	display: inline-block;
	margin-left: 10px;
}

.main-header {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	right: 0;
}

.main-header .header-container {
	background: #424242;
	height: 70px;
	line-height: 70px;
	padding: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.main-header .header-container li:last-child {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	padding-left: 20px;
}

.main-header .header-container li:last-child>ul li.user-body {
	border: none;
	margin: 0;
	padding: 0 0 0 0;
	display: block;
	font-size: 1rem
}

.main-header .header-container li:last-child>ul li.user-body .btn-circle
	{
	padding: 0 10px;
	line-height: 50px
}

.main-header .header-container li:last-child>ul li.user-body .btn-circle i
	{
	vertical-align: middle;
	margin-right: 15px;
	color: #374B5E
}

.main-header .header-container li:last-child>ul.dropdown-menu {
	border-radius: 0;
	border: none;
	min-width: 97%;
	line-height: 50px
}

.main-header .header-container li:last-child>ul.dropdown-menu>li>a:hover,
	.main-header .header-container li:last-child>ul.dropdown-menu>li>a:focus
	{
	background: #45B1C9;
	color: #fff;
}

.main-header .header-container li:last-child>ul.dropdown-menu>li>a.btn-circle:hover>i,
	.main-header .header-container li:last-child>ul.dropdown-menu>li>a.btn-circle:focus>i
	{
	color: #fff
}

.profile-img {
	margin-left: 10px;
}

.dropdown-menu {
	right: 0;
	left: inherit;
}

a.dropdown-toggle {
	padding: 20px 10px
}

.header-container .btn-group ul {
	margin: 0 0px 0 5px;
}
/*header css edn*/

/*maincontainer css start*/
.main-container {
	height: 100%;
	transition: top .5s;
}

.main-container {
	padding-top: 70px;
	/* 	min-height: 695px; */
	margin-bottom: 80px;
}

.main-container .container-head {
	padding: 10px 10px 10px 20px; /*float: left;*/
	width: 100%;
	background: #F4EAD3;
	border-bottom: 1px solid #E6E6E6;
}

.main-container .container-head .head-right {
	float: right;
	margin: 2px;
}

.main-container .container-head .head-right .right-group {
	float: right;
}

.main-container .container-head h1 {
	display: inline-block;
	font-size: 1.375rem;
	color: #3f3f3f;
	margin: 0;
	line-height: 2.5rem;
}

.main-container .container-detail { /*padding: 0 10px 20px;*/
	padding: 25px;
	float: left;
	width: 100%;
}
/*maincontainer css end*/

/*Custom checkbox start*/
input[type=checkbox].css-checkbox {
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

input[type=checkbox].css-checkbox ~label.css-label {
	padding-left: 23px;
	min-height: 18px;
	display: inline-block;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 1rem;
	vertical-align: middle;
	cursor: pointer;
}

input[type=checkbox].css-checkbox:checked ~label.css-label {
	background-position: 0 -18px;
}

label.css-label {
	background-image: url(../images/checkbox1.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox {
	margin: 0;
	padding: 0
}

.fooicon-plus, .fooicon-minus {
	float: left;
	line-height: 20px;
	margin: 0 5px 0 0 !important;
}

.footable-toggle.fooicon-plus ~ .checkbox, .footable-toggle.fooicon-minus 
	~ .checkbox {
	float: left;
}

/*Custom checkbox end*/

/*Pagination start*/
.pagination {
	border-radius: 5px;
	border: 1px solid #E9E9E9;
}

.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover,
	.pagination>.active>span:hover, .pagination>.active>a:focus,
	.pagination>.active>span:focus {
	background-color: #86A0B9;
	border-color: #E9E9E9;
	color: #fff;
}

.pagination>.disabled>span, .pagination>.disabled>span:hover,
	.pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover,
	.pagination>.disabled>a:focus {
	background-color: #fff;
	border-color: #E9E9E9;
	color: #999;
}

.pagination>li>a, .pagination>li>span {
	background-color: #fff;
	border: none;
	color: #666;
	float: left
}

.pagesize-control {
	float: right;
	width: 80px;
	background: #fff !important;
	margin: 10px 0 0 0;
	height: 37px
}

.footable-paging .label-default {
	background: transparent;
	color: #536D79;
	float: left;
	margin: 20px 0 0 !important;
	padding: 0 !important;
	font-size: 1rem;
	font-weight: normal
}
.footable-paging select {
    padding: 0px !important;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus,
	.pagination>li>span:focus {
	color: #fff;
	background: #86A0B9;
}

.pagination+.divider {
	display: none
}
/*Pagination end*/

/*Dashboard start*/
.iconbar1 {
	margin: 20px;
	display: block
}

.iconbar {
	min-height: 180px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #F0DEC6;
	color: #666;
	text-align: center;
	margin-bottom: 30px;
	padding: 15px 15px 0;
	display: block;
	position: relative;
	transition: ease-in 200ms;
	-webkit-transition: ease-in 200ms;
}

.iconbar:hover, .iconbar:focus {
	text-decoration: none;
	outline: none;
	color: #45B1C9;
	transform: scale(1.02);
	transition: ease-out 200ms;
	-webkit-transform: scale(1.02);
	-webkit-transition: ease-out 200ms;
	box-shadow: 0 0 20px rgba(37, 49, 56, 0.2);
	border: #78C7D8 1px solid;
}

.iconbar .zmdi {
	font-size: 4rem;
	color: #3F3F3F;
	/*padding: 3.5rem 0 0 0;*/
}
.iconbar-btn a:hover i {
    color: #fff !important;
}

.iconbar:hover .zmdi, .dashboard .iconbar:focus .zmdi {
	animation: bounce 0.5s 1;
	-webkit-animation: bounce 0.5s 1;
	color: #45B1C9
}

@
keyframes bounce { 0% {
	transform: scale(1)
}

50%
{
transform


:scale


(1
.3


)
}
100%
{
transform


:scale(1)

 

}
}
@
-webkit-keyframes bounce { 0% {
	transform: scale(1)
}

50%
{
transform


:scale


(1
.3


)
}
100%
{
transform


:scale(1)

 

}
}
.iconbar h2 {
	padding: 5px 0 10px;
	margin: 0;
	font-size: 1rem;
	color: #37464C
}

.iconbar h3 {
	font-size: 1.125rem;
	background: transparent;
	border-top: 1px solid #E7E6E4;
	padding: 15px 0;
	color: #575F6C;
	margin: 0;
}

.iconbar:hover>h3, .iconbar:focus>h3 {
	background: #28B6F6;
	color: #fff
}

.conutbox-sprt {
	width: 100%
}

.conutbox-sprt span {
	width: 48%;
	display: inline-block
}

.conutbox {
	background: #77c6d7;
	border: #F0E2C1 solid 0px;
	border-radius: 0px 4px 0px 5px;
	min-width: 40px;
	margin: 0 auto;
	/* padding: 10px 20px 5px;
	min-height: 80px; */
	top: 0px;
    right: 0px;
    position: absolute;
}

.conutbox1 {
	min-height: 107px;
}

.conutbox>.desc, .conutbox>.conutbox-sprt>span>.desc {
	color: #90A4AD; display: none;
}

.conutbox>.desc, .conutbox>.conutbox-sprt>span>.desc, .iconbar h2,
	.iconbar-fullbtn, .iconbar-lftbtn, .iconbar-rgtbtn, .conutbox>.conutbox-sprt>span>.desc,
	.conutbox>.conutbox-sprt>span+span>.desc {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.conutbox>.nubmr, .conutbox>.conutbox-sprt>span>.nubmr {
	color: #37464E;
	font-size: 1rem;
	line-height: 2rem;
}

.conutbox>.conutbox-sprt>span+span>.nubmr:before {
	background: #45B1C9;
	content: "";
	display: inline-block;
	vertical-align: super;
	float: left;
	width: 1px;
	height: 30px;
}

.iconbar-btn {
	margin: 0 0 0.5rem 0;
	line-height: 2.5rem;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.875rem;
}

.dubble-btn>a {
	width: 49%;
	display: inline-block;
	color: #45B1C9;
}

.single-btn>a {
	width: 100%;
	display: inline-block;
	color: #45B1C9;
}

.iconbar-fullbtn {
	background: #fff;
	border: 1px solid #45B1C9;
	border-radius: 5px;
	padding: 0 5px;
}

.iconbar-lftbtn {
	background: #fff;
	border: 1px solid #86CEDC;
	border-radius: 5px 0 0 5px;
	padding: 0 5px
}

.iconbar-rgtbtn {
	background: #fff;
	border: 1px solid #45B1C9;
	margin-left: -4px;
	border-radius: 0 5px 5px 0;
	padding: 0 5px
}

.iconbar-fullbtn:hover, .iconbar-lftbtn:hover, .iconbar-rgtbtn:hover {
	background: #78C7D8;
	color: #fff;
}

.iconbar-btn>a>.zmdi {
	font-size: 1.25rem;
	vertical-align: text-bottom;
	margin-right: 0.625rem; padding: 0px; color: #45B1C9;
}
.menuBlockHolder{display: inline-block; width: 100%; /* padding-bottom: 1.25rem; */}


/*Row with equal height columns start*/
.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

/*.dasbrd_box_main{margin:20px 0 0 0;}*/
/*Row with equal height columns end*/

/*Dashboard end*/
body#login-pg footer, body#register-pg footer {
	color: #fff;
	padding: 1rem 0;
	width: 100%;
	position: relative;
	text-align: center;
}

footer {
	color: #546E7A;
	padding: 1rem 0;
	width: 100%;
	text-align: center;
	height: 70px;
	position: absolute;
	bottom: 0px; 
	margin-top: 10px;
	z-index: -1;
}

footer img {
	vertical-align: middle;
}

.tophading-tbl, .tophading-tbl1 {
	background: #DCE0E4;
	line-height: 30px;
	padding: 10px;
	font-size: 1.2rem;
	color: #000;
	position: relative;
	z-index: 1
}

.footable thead tr th {
	border: 0;
	line-height: 18px !important;
	vertical-align: top;
}

.footable th:nth-child(1), .footable td:nth-child(1) {
	/*text-align: right;*/
	
}
/*.table-responsive:before, */
/* .table-grid:before{ background:#28B6F6; width:100%; height:4px; content:""; display:block;
border-top-left-radius:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;
border-top-right-radius:10px;-moz-border-radius-topright:10px;-webkit-border-top-right-radius:10px;} */
.table-responsive {
	border-top: 4px solid #28B6F6;
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}

.footable-header {
	background: #E5E5E5;
	border-radius: 5px 5px 0 0;
	vertical-align: top;
	/*-webkit-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.1);
box-shadow: 0px -1px 3px 0px rgba(0,0,0,0.1);*/
}

.footable-header th {
	color: #37464E;
	font-size: 1rem;
	font-weight: normal;
	line-height: 35px !important;
	vertical-align: middle !important;
}

.footable-header th i {
	color: #B6B6B6;
	vertical-align: middle
}

.role .footable th:nth-child(1), .role .footable td:nth-child(1),
	.rolePermission .footable th:nth-child(1), .rolePermission .footable td:nth-child(1),
	.permission .footable th:nth-child(1), .permission .footable td:nth-child(1)
	{
	text-align: left;
}

.usertbl tr:nth-child(2) th:last-child, .usertbl tbody td:last-child {
	/*width:165px; 
	text-align: right*/
	
}

#adm-led th:nth-child(4), #adm-led td:nth-child(4), #adm-led th:nth-child(5),
	#adm-led td:nth-child(5) {
	width: 140px;
	text-align: center
}

#adm-led th:nth-child(6), #adm-led td:nth-child(6) {
	width: 100px;
	padding-right: 25px
}
/*#adm-led th:nth-child(5){width:70px !important; text-align:center}
#adm-led td:nth-child(5){width:70px !important; text-align:left; vertical-align:top}*/
#adm-led1 .control-from.custom-dropdown {
	padding-bottom: 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
	{
	top: 2px !important
}

#adm-led1 .control-from.custom-dropdown .select2-container--default .select2-selection--single
	{
	background: transparent
}

.select2-container .select2-selection--single {
	height: 35px !important
}

.select2-container--default .select2-selection--single .select2-selection__rendered
	{
	line-height: 30px !important
}

.select2-container--default .select2-selection--single {
	background-color: transparent !important
}

.datpiker label {
	color: #929292;
	font-weight: normal;
	margin-bottom: 0; /*margin-top: -10px;*/
}

.datpiker .paper-input, .bannerUrl .paper-input {
	padding: 0.7rem 0
}

.dtepckbox {
	margin-bottom: 20px
}

#adm-led1 .custom-dropdown>.select2-container {
	margin-top: 0
}

#adm-led1 th:nth-child(1), #adm-led1 tbody td:nth-child(1), #adm-led1 th:nth-child(3),
	#adm-led1 tbody td:nth-child(3), #adm-led1 th:nth-child(4), #adm-led1 tbody td:nth-child(4)
	{
	width: 135px !important;
	text-align: left;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#adm-led1 .paper-input {
	padding: 7px
}

#sles-mach-cust thead th:first-child, #sles-mach-cust tbody td:first-child
	{
	text-align: left;
	width: 130px
}

#sles-mach-cust th:nth-child(4), #sles-mach-cust td:nth-child(4),
	#sles-mach-cust th:nth-child(5), #sles-mach-cust td:nth-child(5) {
	width: 130px;
	text-align: center
}

#reprt thead th:first-child, #reprt tbody td:first-child {
	text-align: left
}

#reprt thead th:nth-child(2), #reprt tbody td:nth-child(2), #reprt thead th:nth-child(3),
	#reprt tbody td:nth-child(3), #reprt thead th:nth-child(4), #reprt tbody td:nth-child(4),
	#reprt thead th:nth-child(5), #reprt tbody td:nth-child(5) {
	width: 120px;
	text-align: right
}

.footable-header span, .footable tbody td:last-child a {
	width: 28px;
	/*display: inline-block;*/
	text-align: center;
	text-decoration: none;
	padding-left: 10px;
	
}

.footable-header span i, .footable tbody td:last-child a i {
	font-size: 1.5rem;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td,
	.table>tbody>tr>td, .table>tfoot>tr>td {
	padding: 10px 15px; /*white-space: nowrap;*/
	font-size:0.875rem;
}

.footable tbody tr:hover, .footable tbody tr:focus, .footable tbody tr:active,
	.tractv {
	background-color: #F2F2F2
}
/*.footable .footable-detail-row tbody tr, .footable .footable-detail-row tbody tr:hover{background: #F2F2F2;}*/
.footable .footable-detail-row td:hover, .footable tr.footable-detail-row:hover
	{
	background: none !important;
}

.table-grid { /*-webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.1);
box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.1);*/
	
}

.footable tbody {
	background: #FFF;
}

.footable tbody td {
	color: #526C79; /*line-height:35px !important*/
	line-height: 20px !important
}

.footable tbody td a {
	color: #536D79;
	text-decoration: underline;
}

.footable-filtering .form-group {
	margin: 0 -10px 10px 0 !important;
}

.footable-paging {
	background: #F7F8F9;
}

.icnclr-gray {
	color: #666
}

.icnclr-green {
	color: #8BC34A
}

.icnclr-blue {
	color: #72C5D6;
	vertical-align: middle
}

.icnclr-red {
	color: #FF8181;
	vertical-align: middle
}

.emal {
	color: #666 !important;
	text-decoration: none !important;
}

.emal:hover {
	color: #7D2239 !important;
	text-decoration: none !important;
}

table.footable>tbody>tr.footable-empty>td {
	font-size: 1rem
}

header a.dropdown-toggle {
	color: #263238
}

.select2-results__option {
	padding: 5px !important
}

.pricbox {
	text-align: right;
	width: 100%;
	font-size: 1.5rem;
	color: #37464C
}

.prcbox-won, .prcbox-lost {
	display: inline-block
}

.prcbox-won span {
	color: #28B6F6
}

.prcbox-lost span {
	color: #809DAA;
	margin-left: 1.5rem
}

.tfootnone tfoot {
	display: none
}

.totalbox {
	background: #F7F8F9
}

.totalbox td {
	padding: 15px 5px !important
}

.tltpcr {
	color: #37464C !important;
	font-size: 1.125rem
}

a.perstge {
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 25px;
	background: #374B5E;
	color: #fff !important;
	font-size: 0.8125rem;
	text-decoration: none !important;
	display: block;
	text-align: center
}

.diclne {
	background: #FF8181 !important
}
.editableIcons{text-align: right !important; }
.editableIcons .icons-box{display: flex; /*float: right; */ min-width: 60px; justify-content: flex-end;}

/*Datepicker start*/
.dtpckr {
	display: inline-block;
	vertical-align: top;
	width: 160px;
}

.dtpckr input {
	border-radius: 4px !important
}

.caldicon {
	background: transparent none repeat scroll 0 0;
	margin: -20px 0 0 -22px !important;
	padding: 0;
}

.caldicon i {
	font-size: 1.5rem
}
/*Datepicker end*/

/*Drag and Drop start*/
#sortable {
	list-style-type: none;
	margin: 0;
	padding: 0; /*width: 60%; */
}

#sortable li {
	margin: 0 0 0px;
}

#sortable li span {
	position: relative;
	background: url(../images/draganddrop.jpg) repeat;
	cursor: move; /* fallback if grab cursor is unsupported */
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.ui-state-default, .ui-widget-content .ui-state-default,
	.ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover,
	html .ui-button.ui-state-disabled:active {
	border: none !important;
	background: none !important
}

.ui-icon {
	width: 20px !important;
	height: 70px !important
}

#qustonaire .table>tbody>tr>td {
	padding: 0 !important;
	text-align: left;
	line-height: 30px !important;
}

#qustonaire .table>tbody>tr>td>.ui-state-default {
	background: #fff !important;
	border-bottom: 1px solid transparent !important
}

#qustonaire .table>tbody>tr>td>.ui-state-default:hover {
	background: rgba(40, 182, 246, 0.1) !important
}

#qustonaire .table>tbody>tr>td i {
	font-size: 1.5rem
}

#qustonaire .table>tbody>tr>td {
	display: inline-block !important;
	background: #fff;
}

.usertbl #sortable tr:nth-child(2) th:last-child, .usertbl tbody#sortable td:last-child
	{
	width: 100% !important
}

.ui-icon {
	margin: 0 !important
}

#qustonaire .drg-num {
	display: inline-block;
	width: 80px;
	text-align: center
}

#qustonaire .drgmain-des {
	display: inline-block;
	vertical-align: middle;
}

#qustonaire .drgmain-des .drg-des {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	right: 80px;
	left: 100px;
	top: 5px
}

#qustonaire .drgmain-des .drg-des1 {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	right: 80px;
	left: 100px;
	top: 35px
}

#qustonaire .drg-edticn {
	float: right;
	margin: 20px 10px 10px 10px;
	position: relative;
	z-index: 100
}

.ui-sortable-handle:hover {
	cursor: pointer
}

.quet {
	color: #526C79 !important;
	padding: 0 0 0 30px !important;
	margin: 0 20px 0 0px;
	font-size: 1.125rem
}

.quet:last-child {
	margin: 0
}

.modal-dialog .add-answer-option label {
	color: #526C79
}

.add-ans-ot-hdng {
	color: #27B6F6;
	margin: 10px 0 15px 0;
	display: inline-block
}

.admre-opt {
	width: 75%;
	margin: 10px auto -15px 18%
}
/*Drag and Drop end*/

/*modal css start*/
.modal-backdrop { /*z-index: 99999*/
	z-index: 1050
}
.modal.fade .modal-dialog{
   -webkit-transform: inherit;
}

.modal { /*z-index:999999*/
	z-index: 1060
}

/* .select2-drop {
	z-index: 9999999
} */

.modal-dialog {
	margin: 5% auto;
	width: 400px
}

.modal-dialog-big {
	width: 850px; margin: 5% auto;
}

.modal-content {
	-webkit-box-shadow: 0 2px 30px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0 2px 30px rgba(0, 0, 0, .5);
	box-shadow: 0 2px 30px rgba(0, 0, 0, .5);
	border-radius: 5px;
	padding: 0px;
}

.modal-body {
	padding: 15px
}

.modal-header {
	padding: 10px;
	border-bottom: 1px solid #D6D6D6;
	margin-bottom: 0px
}

.modal-footer {
	padding: 0;
	border: none
}

.modal-dialog label, #profile form label {
	font-weight: normal;
	color: #333;
}

.btn-default {
	background-color: #999;
	border-color: #888;
	color: #fff;
}

.modal-title {
	font-size: 1.375rem;
	color: #37464C;
}

button.close {
	border-radius: 50px;
	height: 2rem;
	width: 2rem;
	margin: -10px -10px 0 0
}

.close {
	color: #90A4AE;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1.5rem;
	opacity: 1;
}
/*modal css end*/
.table-responsive {
	-webkit-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1);
}

/* Dinesh made css*/
input[type="checkbox"]+.lbl, input[type="radio"]+.lbl {
	display: inline-block;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	min-height: 14px;
	min-width: 14px;
	position: relative;
	z-index: 11;
}

input[type="checkbox"]+.lbl:before, input[type="radio"]+.lbl:before {
	background-color: #FAFAFA;
	border: 1px solid #CCCCCC;
	border-radius: 0 0 0 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	color: #32A3CE;
	content: " ";
	display: inline-block;
	font-family: fontAwesome;
	font-size: 14px;
	font-weight: normal;
	height: 16px;
	line-height: 14px;
	margin-right: 1px;
	min-width: 16px;
	text-align: center;
	vertical-align: middle;
}

input[type="checkbox"]:checked+.lbl:before, input[type="radio"]:checked+.lbl:before
	{
	background-color: #F5F8FC;
	border-color: #ADB8C0;
	content: "";
	display: inline-block;
}

input[type="checkbox"], input[type="radio"] {
	height: 16px;
	opacity: 0;
	position: absolute;
	width: 16px !important;
	z-index: 12;
	margin-left: 0 !important;
	float: none !important;
}

.text-center{text-align: center !important;}
.text-right{text-align: right !important;}
.d-inline{display: inline-block; }

.mar-0 {
	margin: 0px !important;
}

.m-t-5 {
	margin-top: 5px;
}

.m-t-10 {
	margin-top: 10px;
}

.m-t-15 {
	margin-top: 15px;
}

.m-t-20 {
	margin-top: 20px;
}

.m-t-30 {
	margin-top: 30px;
}

.m-t-40 {
	margin-top: 40px;
}

.m-t-50 {
	margin-top: 50px;
}

.m-b-40 {
	margin-bottom: 40px;
}

.m-b-60 {
	margin-bottom: 60px;
}

.m-t-0 {
	margin-top: 0 !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-l-0 {
	margin-left: 0 !important;
}

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

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

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

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

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

.padd-0 {
	padding: 0px !important;
}

.padd-15 {
	padding: 15px;
}

.padd-20 {
	padding: 20px;
}
.padd-25 {
	padding: 25px;
}

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

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

.p-r-10 {
	padding-right: 10px !important;
}
.p-t-0 {
	padding-top: 0px !important;
}
.p-t-10 {
	padding-top: 10px !important;
}
.p-t-15 {
	padding-top: 15px !important;
}

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

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

.bdr-b {
	border-bottom: 1px solid #D7D0CB;
}

.bdr-t {
	border-top: 1px solid #D7D0CB;
}

.bdr {
	border: 1px solid #D7D0CB;
}

#breadcrumbs {
	background-color: #FFF;
	border-bottom: 1px solid #E5E5E5;
	display: block;
	line-height: 38px;
	min-height: 40px;
	padding: 0;
}

#breadcrumbs>div.display {
	display: inline;
	border-bottom: none;
}

.breadcrumb {
	background-color: transparent !important;
	border-radius: 0 0 0 0;
	color: #333333;
	display: inline-block;
	font-size: 13px;
	line-height: 24px;
	margin: 0 15px 0 15px !important;
	padding: 0 !important;
}

.breadcrumb>li+li::before {
	content: '' !important;
	padding: 0 2px !important;
}

.breadcrumb>li.page-title {
	font-size: 16px;
	font-weight: normal;
	color: #0B6CBC;
}

.grid-btns {
	float: right;
	font-size: 12px;
	margin-right: 10px
}

.grid-btns>ul, .grid-btns>ul>li>ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.grid-btns>ul li, .grid-btns>ul>li>ul>li {
	display: inline-block;
}

.grid-btns>ul>li>ul>li {
	margin-right: 2px;
	margin-left: 2px;
}

.grid-btns>ul>li>ul>li>a, .grid-btns>ul>li>ul>li>button {
	padding: 7px 9px;
	background: #EBEBEB;
	color: #333333;
	text-decoration: none;
	box-shadow: 1px 1px 0 #CFCFCF;
	line-height: normal;
	font-size: 12px;
	border: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.grid-btns>ul>li>ul>li>a>i, .grid-btns>ul>li>ul>li>button>i {
	margin-right: 3px;
	margin-left: 3px;
	font-size: 14px;
	line-height: 16px;
}

.grid-btns>ul>li>ul>li>.btn-active {
	color: #FFF;
	background: #73B74F
}

.grid-btns>ul>li>ul>li>.btn-active:hover, .grid-btns>ul>li>ul>li>.btn-active:focus
	{
	color: #FFF;
	background: #5F9A3F;
}

.grid-btns>ul>li>ul>li>.btn-inactive {
	color: #FFF;
	background: #C4C4C4;
}

.grid-btns>ul>li>ul>li>.btn-inactive:hover, .grid-btns>ul>li>ul>li>.btn-inactive:focus
	{
	color: #FFF;
	background: #B2B2B2;
}

.grid-btns>ul>li>ul>li>.btn-trash {
	color: #FFF;
	background: #E84F4C;
}

.grid-btns>ul>li>ul>li>.btn-trash:hover, .grid-btns>ul>li>ul>li>.btn-trash:focus
	{
	color: #FFF;
	background: #D9201C;
}

.grid-btns>ul>li>ul>li>.btn-search {
	color: #FFF;
	background: #339900;
}

.grid-btns>ul>li>ul>li>.btn-search:hover, .grid-btns>ul>li>ul>li>.btn-search:focus
	{
	color: #FFF;
	background: #298000;
}

.grid-btns>ul>li>ul>li>.btn-addnew {
	color: #FFF;
	background: #4A98C9;
}

.grid-btns>ul>li>ul>li>.btn-addnew:hover, .grid-btns>ul>li>ul>li>.btn-addnew:focus
	{
	color: #FFF;
	background: #3584B3;
}

.grid-btns>ul>li>ul>li>.btn-reset {
	color: #FFF;
	background: #00ACEC;
}

.grid-btns>ul>li>ul>li>.btn-reset:hover, .grid-btns>ul>li>ul>li>.btn-reset:focus
	{
	color: #FFF;
	background: #0088BB;
}

.grid-btns>ul>li>ul>li>.btn-cancel {
	color: #FFF;
	background: #F8A326;
}

.grid-btns>ul>li>ul>li>.btn-cancel:hover, .grid-btns>ul>li>ul>li>.btn-cancel:focus
	{
	color: #FFF;
	background: #E28B07;
}

.grid-btns>ul>li>ul>li>.btn-save {
	color: #FFF;
	background: #73B74F;
}

.grid-btns>ul>li>ul>li>.btn-save:hover, .grid-btns>ul>li>ul>li>.btn-save:focus
	{
	color: #FFF;
	background: #5F9A3F;
}

.search_h {
	margin-bottom: 10px !important;
	display: none;
}

.search-grid {
	border: 1px solid #E5E5E5;
}

.search-grid>div.search-header {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #E5E5E5;
}

.search-grid>div.search-header:before {
	clear: both
}

.search-grid>div.search-header>h4>i {
	font-size: 20px;
	margin-right: 5px;
}

.search-grid>div.search-header>h4 {
	color: #339900;
	font-size: 16px;
	font-weight: normal;
	margin: 0
}

.search-grid>div.search-header>a.search-close {
	font-size: 24px;
	position: absolute;
	right: 10px;
	top: 5px;
	color: #E84F4C;
	text-decoration: none;
}

.search-grid>div.search-header>a.search-close:hover {
	color: #E43834;
}

.search-grid>div.search-box {
	padding: 10px;
}

.search-grid>div.search-box>form.form-vertical {
	margin-bottom: 0 !important
}

.search-grid>div.search-box>form.form-vertical>div.row-fluid>div.control-group>div.controls>input,
	.search-grid>div.search-box>form.form-vertical>div.row-fluid>div.control-group>div.controls>select
	{
	margin-bottom: 0 !important
}

.search-grid>div.search-box>form.form-vertical>div.form-actions {
	background: none !important;
	border: none !important;
	margin: 0 !important;
	padding: 0;
}

.relative {
	position: relative
}

.add-bidding-h {
	margin-bottom: 20px !important;
	display: none;
}

.biddingBlock {
	position: absolute;
	z-index: 1;
	top: 60px;
	height: 70px;
	background: #F0F0F0;
	border-bottom: #78C7D8 1px solid;
	width: 100%;
}

.biddingBlock .control-from {
	margin: 15px 0 0 0;
}

.biddingBlock .field_box {
	width: 24%;
	padding: 0px 15px;
	float: left;
}

.biddingBlock .field_box:first-child {
	width: 4%;
}

.bidding-grid {
	border: 1px solid #E5E5E5;
}

.bidding-grid>div.bidding-header {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #E5E5E5;
}

.bidding-grid>div.bidding-header:before {
	clear: both
}

.bidding-grid>div.bidding-header>h4>i {
	font-size: 20px;
	margin-right: 5px;
}

.bidding-grid>div.bidding-header>h4 {
	color: #3f3f3f;
	font-size: 16px;
	font-weight: normal;
	margin: 0
}

.bidding-grid>div.bidding-header>a.add-bidding-close {
	font-size: 24px;
	position: absolute;
	right: 10px;
	top: 5px;
	color: #E84F4C;
	text-decoration: none;
}

.bidding-grid>div.bidding-header>a.add-bidding-close:hover {
	color: #E43834;
}

.bidding-grid>div.bidding-box {
	padding: 15px 10px 10px 10px;
}

.update-bidding-h {
	margin-bottom: 20px !important;
	display: none;
}

.update-grid {
	border: 1px solid #E5E5E5;
}

.update-grid>div.update-header {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid #E5E5E5;
}

.update-grid>div.update-header:before {
	clear: both
}

.update-grid>div.update-header>h4>i {
	font-size: 20px;
	margin-right: 5px;
}

.update-grid>div.update-header>h4 {
	color: #3f3f3f;
	font-size: 16px;
	font-weight: normal;
	margin: 0
}

.update-grid>div.update-header>a.update-bidding-close {
	font-size: 24px;
	position: absolute;
	right: 10px;
	top: 5px;
	color: #E84F4C;
	text-decoration: none;
}

.update-grid>div.update-header>a.updatge-bidding-close:hover {
	color: #E43834;
}

.update-grid>div.update-box {
	padding: 15px 10px 10px 10px;
}

button.update-bidding, button.remove-bidding, button.update-bidding:focus,
	button.remove-bidding:focus, button.buttonAddBidding {
	background: transparent;
	border: 0px;
	outline: 0px;
	margin: 0 15px;
}

button.update-bidding i, button.remove-bidding i, button.buttonAddBidding i
	{
	font-size: 1.5rem;
}

button.buttonAddBidding {
	float: right;
	margin: 22px 72px 0 0;
}

.mainBannerBlock {
	display: block;
	margin: 0px 0 20px 0;
}

.bannerBlock {
	width: 200px;
	height: 200px;
	border: 2px solid #ccc;
	margin: 5px;
	float: left;
}

.successmsg {
	font-size: 16px;
	width: 40%;
	text-align: center;
	padding: 10px 0;
	background: rgba(34, 187, 156, 0.9);
	color: #fff;
	position: fixed;
	z-index: 10000;
	margin: 0 0 0 -15%;;
	left: 50%;
	top: 82px;
}
.deleteMsg {
	font-size: 16px;
	width: 40%;
	text-align: center;
	padding: 10px 0;
	background: rgba(255,0,0, 0.9);
	color: #fff;
	position: fixed;
	z-index: 10000;
	margin: 0 0 0 -15%;;
	left: 50%;
	top: 82px;
}
.failuremsg {
	font-size: 0.8125rem;
	width: 40%;
	text-align: center;
	padding: 10px 0;
	background: rgba(255,0,0, 0.9);
	color: #fff;
	position: fixed;
	z-index: 10000;
	margin: 0 0 0 -15%;;
	left: 50%;
	top: 82px;
}

.add-bidding-h {
	display: none;
}

.editBanner-Block, .flexBlock {
	display: flex;
}

.left-box {
	background: #DDF1F4;
	border-right: #B0BEC5 solid 1px;
}

.editable-block {
	width: 70%;
	margin: 100px auto;
}

.editable-block img {
	width: 100%;
}

.editable-block a.prev, .editable-block a.next {
	position: absolute;
	top: 50%;
}

.editable-block .prev i, .editable-block .next i {
	color: #3f3f3f;
	font-size: 2.5rem;
}

.editable-block .prev {
	left: 10%;
}

.editable-block .next {
	right: 10%
}

/*-photo main-*/
.mainBannerBlock .page-header {
	float: left;
	width: 100%;
}

.mainBannerBlock .page-header h5 {
	margin-top: 0;
	float: left;
}

.mainBannerBlock .page-header .moveH {
	float: right;
}

.mainBannerBlock .page-header .moveH select {
	
}

.mainBannerBlock .page-header {
	margin: 0 0 20px;
	padding-bottom: 0;
}

.mainBannerBlock .bannerBlock {
	display: table;
	width: 100%;
	border: 0 !important
}

.mainBannerBlock .bannerBlock tr {
	float: left;
	position: relative;
	margin: 0 5px 10px 5px;
	width: 180px;
	border-size: 2px;
	border-style: solid;
	background: #f2f2f2;
	text-decoration: none;
	padding: 5px;
	box-sizing: border-box;
}

.mainBannerBlock .bannerBlock tr.active {
	border-color: #FBCF67
}

.mainBannerBlock .bannerBlock tr.inactive {
	border-color: #C4C4C4
}

.mainBannerBlock .bannerBlock tr.selected {
	border-color: #78C7D8 !important
}

.mainBannerBlock .bannerBlock tr .bannerTitle {
	font-size: 0.785rem;;
	padding-top: 5px;
}

.mainBannerBlock .bannerBlock tr .bannerTitle span {
	font-size: 0.785rem;
	font-weight: bold;
}

.mainBannerBlock .bannerBlock tr td {
	padding: 0 !important;
	border-top: 0 !important
}

.mainBannerBlock .bannerBlock tr td:first-child {
	width: auto !important;
}

.mainBannerBlock .bannerBlock tr td.checkbox, .mainBannerBlock .bannerBlock tr td.radiobox
	{
	position: absolute;
	margin: 0;
	padding: 0;
	width: 36px;
	height: 36px; /*left:4px; top:4px; z-index:1000;*/
	background: none;
}

.mainBannerBlock tr.active:hover td.radiobox {
	background: none;
}

.mainBannerBlock .bannerBlock button.update-bidding {
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.bannerBlock tr th.checkbox {
	border-bottom: 0px !important;
	padding: 5px;
}

.bannerBlock tr td.checkbox label {
	margin-bottom: 0 !important;
	padding-left: 0px;
}

.bannerBlock tr td.checkbox label input[type="checkbox"] {
	width: 36px !important;
	height: 36px !important;
	margin-top: 0 !important;
}

.bannerBlock tr td.checkbox label input[type="checkbox"]+.lbl:before,
	.bannerBlock tr td.radiobox label input[type="radio"]+.lbl:before {
	border-radius: 20px !important;
	width: 34px !important;
	height: 34px !important;
	font-size: 18px !important;
	line-height: 34px !important;
	content: "\f26b";
	color: #999 !important;
	font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
}

.bannerBlock tr td.checkbox label input[type="checkbox"]:checked+.lbl:before,
	.bannerBlock tr td.radiobox label input[type="radio"]:checked+.lbl:before
	{
	border-color: #3F3F3F !important;
	background: #3F3F3F !important;
	color: #FFF !important;
}

.bannerBlock tr td.checkbox [input :checked]+.thumb {
	border-color: #0B6CBC
}

.bannerBlock thead tr {
	float: none;
	background: transparent !important;
	border: 0 !important;
	margin: 0 0 10px 0 !important;
	height: auto !important;
	width: auto !important;
}

.bannerBlock tr th.checkbox label {
	font-size: 14px;
	float: left;
	display: inline;
	width: 200px;
	cursor: pointer !important;
	margin-bottom: 0px;
	padding-left: 0px;
}

.bannerBlock tr th.checkbox label input[type="checkbox"]+.lbl:before {
	width: 36px;
	height: 36px;
	content: "\f26b";
	color: #999;
	font-size: 16px !important;
	line-height: 36px !important;
	background: transparent;
	border-radius: 20px;
	font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
}

.bannerBlock tr th.checkbox label input[type="checkbox"]:checked+.lbl:before
	{
	background: #3f3f3f !important;
	color: #FFF !important;
}

.bannerBlock td.thumb {
	float: left;
	width: 165px;
	height: 165px;
	text-decoration: none;
	overflow: hidden;
}

.bannerBlock td.thumb a {
	display: block;
}

.bannerBlock td.thumb .img_h {
	float: left;
	width: 150px;
	height: 150px;
	background: #FFF
}

.bannerBlock td.album_detail {
	position: relative;
	float: left;
	width: 100%;
}

.bannerBlock td.album_detail .album_title {
	color: #000000;
	font-size: 12px;
	left: 0;
	line-height: normal;
	position: absolute;
	right: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	display: inherit !important;
	height: auto !important;
	padding: 5px 5px 0;
}

.bannerBlock td.album_detail .album_title span.title {
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	margin-bottom: 3px;
}

.bannerBlock td.album_detail .album_title span.totlepics {
	display: block;
	font-size: 11px;
	color: #666;
}

.add_album { /*border-bottom:1px solid #ccc; margin-bottom:20px; */
	
}

.nobanner {
	text-align: center;
	padding: 15px 0;
	/* text-transform: capitalize; */
	font-size: 18px;
}

/*--*/
.mainBannerBlock .datpiker label, .mainBannerBlock .bannerUrl label {
	color: #929292;
	font-weight: normal;
	margin-bottom: 0;
	font-size: 16px;
}

.mainBannerBlock .btn-file {
	position: relative;
	height: 50px;
	padding: 10px;
	margin: 0;
	z-index: 99;
	border: 1px solid #CFD8DC;
	border-radius: 6px;
	font-size: 18px;
	text-align: center;
}

.mainBannerBlock .datpiker, #updatebannerform .datpiker, #news_form .datpiker
	{
	margin-bottom: 1rem;
}

.mainBannerBlock .datpiker .control-from, #updatebannerform .datpiker .control-from,
	#news_form .datpiker .control-from {
	margin-bottom: 0px; min-height: auto;
}

.table-grid>table>thead>tr>th.checkbox, .table-grid>table>tbody>tr>td.checkbox
	{
	background-color: transparent !important;
}

/* Loader overlay */
.overlay {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.7;
	z-index: 19;
}
.overlay .loader_box {
	width: 100px;
	height: 100px;
	background: rgba(0, 0, 0, 0.8);
	top: 50%;
	left: 50%;
	margin: -50px 0 0 -50px;
	position: absolute;
	border-radius: 5px;
}
#loading-img {
	background: url(../images/new-ajax-loader.gif) center center no-repeat;
	height: 100%;
	z-index: 20;
}

/* Loader overlay */

/* Credit management block */
.search_block {
	margin: 15px 0 0 0;
}

.search-box {
	border-bottom: 1px solid #D6D6D6;
	border-radius: 0px;
	height: 45px;
	position: relative;
}

.search-box input[type="text"], .search-box .btn-default {
	background: none;
	border: 0;
	height: 45px;
	line-height: 45px;
}

.search-box .btn-default i {
	font-size: 24px;
	color: #606060;
}

.search-box .input-group-btn {
	top: 0px;
	position: absolute;
	right: 40px;
}

.pageTitle {
	font-size: 1.25rem;
	margin: 0px 0px 20px 0px;
	font-weight: bold;
}

.creditlist {
	width: 100%;
	border-bottom: 1px solid #ddd;
	padding: 15px 20px;
}

.creditlist .title {
	font-size: 1.5rem;
	line-height: 24px;
	font-weight: bold;
	padding-bottom: 10px;
	color: #2F3337;
}

.creditlist .price_date {
	width: 100%;
	line-height: 20px;
}

.creditlist .price {
	font-size: 18px;
	color: #277889;
	border-right: 1px solid #CDCDCD;
	padding-right: 15px;
	margin-right: 10px;
	position: relative;
	line-height: 30px;
}

.creditlist .date {
	font-size: 16px;
	color: #777;
	position: relative;
	line-height: 30px;
}

.creditlist .zmdi-money, .creditlist .zmdi-calendar-note {
	font-size: 24px;
	position: relative;
	top: 2px;
	left: 0;
	margin-left: 5px;
}

.creditlist .zmdi-calendar-note {
	top: 4px;
	margin-right: 10px;
}

.creditlist .issedby {
	color: #4E4E4E;
	font-size: 1.5rem;
	padding: 5px 0;
	line-height: 24px;
	display: inline-block;
}

.creditlist .notes {
	color: #3F3F3F;
	font-size: 16px;
	line-height: 24px;
}

.autoSearch span.select2-container {
	width: 100% !important;
}
/* #creditlist thead th:last-child, #creditlist tbody td:last-child{text-align: left; }
#creditlist .footable th:nth-child(1), #creditlist .footable td:nth-child(1){text-align: left;} */
#searchCreditform .or {
	padding: 15px 0 10px 0 !important;
	font-size: 0.75rem;
}

.creditBidderDetails {
	margin: 15px 0 10px 0;
	color: #333;
}

.creditBidderDetails span {
	color: #3399AE;
	font-weight: 600
}

/* Credit management block */

/* Site Configuration Css start */
.updateButton {
	width: 300px !important;
}

/* Site Configuration Css end*/

/* MAO management Css start */
.auctionsHolder {
	border: 1px solid #ddd;
	width: 100%;
	padding: 12px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 1rem;
	line-height: 1.125rem;
	border-radius: 5px;
}

.auctionsHolder .imgHolder {
	width: 90px; height: 90px; border: 1px solid #ddd; position: relative;
}

.auctionsHolder .imgHolder img {
	min-width: 100%; height: 100%; max-width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; object-fit: cover;
}

.auctionsHolder .auctionNumber {
	color: #3399AE; padding-bottom: 6px;
}
.auctionsHolder .auctionTitle {
	color: #3f3f3f;font-size: 1rem; padding-bottom: 6px;
}
.auctionsHolder .auctionAddress {
	color: #3f3f3f;
	font-size: 1rem;
	padding-bottom: 6px;
}
.auctionsHolder .auctionAddress i{margin-right:3px; }
.auctionsHolder .auctionDate{font-size: 1rem;}
.auctionsHolder .auctionDate i{margin-right: 2px;}
.auctionsHolder:hover {
	background: #eee;
	cursor: pointer;
}

.offerBdr {
	border: 1px solid #D7D0CB;
	max-height: 700px;
	overflow: auto;
}

.offerlist {
	width: 100%; /*height: 110px;*/
	float: left;
	padding: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	font-size: 0.875rem;
	color: #3f3f3f;
}

.offerlist:last-child {
	border-bottom: 0px;
}

.offerlist .itemImgBlock {width: 80px;height: 80px;float: left;margin-right: 15px; position: relative;}

.offerlist .itemImgBlock img {min-width: 100%; height: 100%; max-width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; object-fit: cover;}

.offerlist span {
	background: #ccc;
	width: 40px;
	height: 28px;
	border-radius: 50px;
	line-height: 28px;
	text-align: center;
	font-size: 0.875rem;
	color: #3f3f3f;
	right: 0;
	float: right;
	margin-top: 25px;
}

.offerlist:hover, .offerlist.selected, .offerlist.activeMAO {
	background: #D6EFF3;
	cursor: pointer;
}

.offerlist:hover span, .activeMAO span {
	background: #3092A7;
	color: #fff;
}


.bidderInfoBlock {
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	font-size: 0.875rem;
	color: #3f3f3f;
}

.bidderInfoBlock .bidItemImgBlock {
	width: 80px; height: 80px;float: left;	margin-right: 15px; position: relative;
}

.bidderInfoBlock .bidItemImgBlock img {
	display: block; min-width: 100%;  height: 100%;  max-width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; object-fit: cover;
}

.bidOfferHeading {
	font-size: 1.5rem;
	color: #3f3f3f;
	padding: 10px 15px 5px 15px;
}

.bidderList {
	width: 100%;
	min-height: 74px;
	/* padding: 15px; */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-bottom: 1px solid #ddd;
	font-size: 0.875rem;
	color: #3f3f3f;
}

.bidderList:last-child {
	border-bottom: 0px;
}

.bidderList .bidderName {
	color: #3399AE;
	font-size: 1.25rem;
	line-height: 24px;
}

.bidderList .bidderId {
	font-size: 0.875rem;
	color: #3f3f3f;
}
.bidderList a{padding: 15px;}
.bidderList:hover, .bidderList a.activeMAO {
	background: #D6EFF3;
	cursor: pointer;
}

.chatHolder {
	position: relative;
}

.chatHolder .bidderProfile {
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
	border-bottom: 1px solid #ddd;
	width: 100%;
	min-height: 80px;
	background: #fff;
	margin-bottom: 5px;
}

.chatHolder .bidderProfile .bidderPName {
	color: #3399AE;
	font-weight: bold;
	font-size: 1.125rem;
	display: block;
}

.chatHolder .bidderProfile .bidderPName span {
	color: #666666;
	font-size: 1rem;
	margin-left: 10px;
	font-weight: normal;
	vertical-align: text-top;
}

.chatHolder .bidderProfile .bidPriceQty {
	color: #3f3f3f;
	font-size: 1rem;
	display: block;
	padding: 5px 0;
}

.chatHolder .bidderProfile .bidPriceQty span {
	margin-left: 15px;
	border-left: 1px solid #ddd;
	padding-left: 15px;
	vertical-align: text-top;
}

.chatHolder .bidderProfile .bidTotal {
	color: #3399AE;
	font-size: 1.125rem;
	font-family: "mulisemibold";
}

.chatHolder .bidderProfile .payAmt {
	color: #256E7E;
	font-size: 1rem;
	font-family: "mulisemibold";
	line-height: normal;
}

.chatHolder .bidderProfile .payAmt span {
	font-size: 12px;
	display: block;
}

.chatHolder .chatBlock {
	max-height: 200px;
	border-bottom: 1px solid #ddd;
	display: table-cell;
	vertical-align: bottom;
}

.chatHolder .chatBox {
	max-height: 200px;
	overflow: auto;
}

.chatHolder .chatBox .bidderChat {
	background: #DBDBDB;
	border-radius: 5px;
	width: calc(80% - 20px);
	margin: 5px 0px 5px 20px;
	min-height: 40px;
	padding: 10px;
	display: inline-block;
	position: relative;
}

.chatHolder .chatBox .bidderChat .leftArrow {
	width: 0;
	height: 0;
	left: -8px;
	vertical-align: middle;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 8px solid #DBDBDB;
	margin-top: 5px;
	position: absolute;
}

.chatHolder .chatBox .adminChat {
	background: #C7E7EF;
	border-radius: 5px;
	width: calc(80% - 20px);
	margin: 5px 20px 5px 0px;
	min-height: 40px;
	float: right;
	padding: 10px;
	display: inline-block;
	position: relative;
}

.chatHolder .chatBox .adminChat .rightArrow {
	width: 0;
	height: 0;
	right: -8px;
	vertical-align: middle;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #C7E7EF;
	margin-top: 5px;
	position: absolute;
}

.chatHolder .sendButton {
	width: 130px;
	font-weight: normal;
	font-size: 1rem;
}

.chatHolder .bidderProfile .bidApprovedTitle {
	color: #333;
	font-family: "mulisemibold";
	font-size: 1rem;
	display: block;
	padding: 5px 0 0;
	margin-top: 5px;
}

.chatHolder .bidderProfile .bidApprovedStatus {
	color: #3f3f3f;
	font-size: 0.875rem;
	display: block;
	padding: 0 0 5px;
}

.chatHolder .bidderProfile .bidApprovedStatus span {
	margin-left: 15px;
	border-left: 1px solid #ddd;
	padding-left: 15px;
	vertical-align: text-top;
}

.chatHolder .bidderProfile .bidApprovedStatus span:first-child {
	border-left: 0px;
	margin-left: 0;
	padding-left: 0;
}

#approveOfferRequestForm .control-from {
	margin: 0 !important;
}

#exTab2 .tabContent {
	border: 1px solid #ddd;
	border-top: none;
	padding-bottom: 15px;
	background: #fff;
}

#exTab2 ul.nav-tabs li {
	margin-right: 5px;
	list-style: none;
}

#exTab2 ul.nav-tabs li:last-child {
	margin-right: 0;
}

#exTab2 ul.nav-tabs li a {
	color: #333;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	background-color: #e5e5e5;
}

#exTab2 ul.nav-tabs li.active a, #exTab2 ul.nav-tabs li.active a:focus,
	#exTab2 ul.nav-tabs li a:hover {
	color: #FFF;
	background-color: #4bacc1;
	border: 1px solid #4bacc1;
	border-bottom-color: transparent;
}

.historyBtn {
	color: #45B1C9;
	font-size: 1.5rem;
}

.historyBtn:hover {
	color: #2E899C;
}

.offerHistoryModal {
	width:
}

.historyHolder {
	color: #3f3f3f;
	font-size: 0.875rem;
	font-family: 'muliregular';
	padding: 10px 0 5px 0;
	line-height: 1.875rem;
	border-bottom: 1px solid #DDD;
}

.historyHolder .adminComment {
	line-height: normal;
	padding-bottom: 5px;
}

.historyHolder .adminComment span {
	display: block;
}

.historyHolder:nth-child(odd) {
	background: #e9e9e9;
}

.historyHolder:nth-child(even) {
	background: #fff;
}

.historyHolder span {
	font-family: 'mulisemibold';
	margin-right: 10px;
	padding: 5px 0;
	font-size: 1rem;
}


.addImageBtn{border: 1px solid #45B1C9; background: #72C5D6; color: #fff; padding: 5px 12px; display: inline-block; border-radius: 2px;}
.addImageBtn i{color: #FFF; font-size: 30px;}

.saveImageBtn, .saveImageBtn:hover{border: 1px solid #45B1C9; background: #72C5D6; color: #fff;  padding: 8px 15px; border-radius:2px;}
.saveImageBtn i {font-size: 1.5rem;}
.cancelImageBtn, .cancelImageBtn:hover{border: 1px solid #666; background: #666; color: #3f3f3f; color: #fff;  padding: 8px 15px; border-radius:2px;}
.cancelImageBtn i {font-size: 1.5rem;}

#TextBoxContainer #picUrl{width: 80%; float: left;}

.removeImgBtn{font-size: 1.5rem; position: absolute; top: 0; right: 0px;}

/* MAO management Css end */

/* Bid Retraction CSS Start */
.retractionHolder {
	border: 1px solid #ddd;
	width: 100%;
	height: 100%;
	padding-bottom: 15px;
}

.retractionHolder .checkbox {
	float: right;
}

.retractionHeading {
	font-size: 1.125rem;
	color: #3f3f3f;
	padding: 10px 15px;
	background: #f0f0f0;
}

.bidrtcItem {
	border: 1px solid #ddd;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	opacity: 0.7;
	filter: alpha(opacity = 70);
	background: #fff;
	font-size: 0.875rem;
	color: #666;
	position: relative;
	overflow: hidden;
	padding: 12px;
}

.bidrtcItem:hover, .selectBidRtc {
	border: 1px solid #78C7D8;
	background: #D6EFF3;
	opacity: 1;
	filter: alpha(opacity = 100);
	cursor: pointer;
	color: #000;
}

.rtcItemImg {width: 100px; height: 100px; float: left; margin-right: 12px; position: relative;}
.rtcItemImg img {min-width: 100%; height: 100%; max-width: 100%; left: 50%; top: 50%; transform: translate(-50%, -50%); position: absolute; object-fit: cover;}

.bidCounter {
	background: #BBBBBB;
	min-width: 60px;
	height: 40px;
	right: -12px;
	top: 10px;
	position: absolute;
	z-index: 1;
	color: #444;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 6px 10px;
	font-size: 1.125rem;
	border-radius: 50px 0 0 50px;
}

.bidCounter i {
	font-size: 1.125rem;
	padding-right: 5px
}

.bidrtcItem:hover .bidCounter {
	background: #91CFDC;
}

.selectBidRtc .bidCounter {
	background: #91CFDC;
}

.bidrtcBidder {
	border-bottom: 1px solid #ddd;
	width: 100%;
	padding: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #fff;
	font-size: 0.875rem;
	color: #666;
	position: relative;
}

.bidrtcBidder:hover, .selectRtcBidder {
	background: #D6EFF3;
	cursor: pointer;
	color: #000;
}

.bidrtcBidder.highBidder{
	background: rgba(5, 157, 37, 0.25);
}

.rtcBidderImg {
	width: 80px;
	height: 80px;
	display: block;
	border: 1px solid #ddd;
}

.rtcBidderImg img {
	width: 100%;
	display: block;
}

.bidrtcBidder .rtcBidderName {
	color: #2C8294;
	font-size: 1rem;
}

.bidrtcBidder .rtcBidderName span {
	color: #3f3f3f
}

.bidrtcBidder .rtcBidderTime, .bidrtcBidder .rtcBidderAmount {
	color: #3f3f3f;
	font-size: 1rem;
}

.bidrtcBidder .rtcBidderTime i, .bidrtcBidder .rtcBidderAmount i {
	color: #2C8294;
	font-size: 1rem;
	padding-right: 5px;
	width: 20px;
}

.bidrtcBidder .deleteBids .zmdi {
	font-size: 1.25rem;
	color: #FF8181 !important
}

.retractionHolder .historyItemList {
	margin-top: 15px;
}

.retractionHolder .historyItemList:last-child {
	margin-bottom: 15px;
}
/* Bid Retraction CSS End */

/* Confirmation Modal CSS */
.confirmationModal .modal-header {
	background: #424242;
	text-align: center;
}

.confirmationModal .modal-header .modal-title {
	color: #fff;
}

.confirmationModal .modal-footer {
	text-align: center;
}

.confirmationModal .btn-primary {
	background: #72C5D6;
	border: #45B1C9 1px solid;
}

.confirmationModal .btn-primary:hover {
	background: #4BB5CB;
	border: #39ABC4 1px solid;
}

.confirmationModal .btn {
	text-transform: uppercase;
	min-width: 100px;
}

/* Confirmation Modal CSS */

/* News Management :start */
.newsTitle, .titleblock {
	max-width: 200px !important;
}

.newsDesc, .descblock {
	max-width: 300px !important;
}

.newsTitle, .newsDesc {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.newsDescriptions label, .blogDescriptions label {
	font-size: 1.125rem;
	color: #929292;
	font-weight: normal;
}

/* News Management :start */

/* Blog Start */
.blogImage {
	width: 220px;
}

.blogImage .btn-file {
	height: 45px;
	padding: 10px;
	margin: 15px 0px;
	text-align: center;
}

.blogImage label {
	font-weight: normal;
	margin: 0;
	color: #929292;
}

.blogImage input {
	width: 100% !important;
}

.blogSaveBtn{padding: 8px 29px 7px 30px; border: 0px;}

/* Blog End */
.errorContent {
	text-align: center;
	width: 690px;
	margin: 40px auto 0;
}

.errorContent img {
	width: 100%;
	height: 100%;
}

/* Terms and Condition CSS Start */
.termsAndCondition h2 {
	font-size: 1.25rem;
	border-bottom: 1px solid #ddd;
	margin: 10px 0 20px 0;
	padding: 0 0 10px 0;
}

.termsAndCondition .control-from {
	margin-top: 0.5rem;
}

.generalTnCHolder .col-xs-12:nth-child(3n+1) {
	clear: both;
}

/* Terms and Condition CSS End */

/*  IP Tracker Start  */
.searchBlock {
	width: 98%;
	margin: 15px auto;
	border: 1px solid #DDD;
	clear: both;
	padding: 15px 10px 0px 10px;
}
/*  IP Tracker Start  */

/* Manage Auctions */
.manageAuctions .iconbar {min-height: 190px;}
.manageAuctions .iconbar-btn {  margin: 0.875rem 0 0 0;}

.manageAuctions span {	font-size: 0.75rem;	line-height: 0px;	display: inherit;}

.chargeAuctions {	padding: 10px 20px;}

.chargeAuctions ul {margin: 0;list-style: none;padding: 0;	border-bottom: 1px solid #ccc;float: left;width: 100%;}

.chargeAuctions ul li {list-style: none;font-size: 1rem;float: left;position: relative;	padding: 0;	border-right: 0px solid #ccc;	margin-right: 5px;}

.chargeAuctions ul li:last-child {	border-right: none;	margin-right: 0px;}

.chargeAuctions ul li a {	list-style: none;	font-size: 1rem;color: #333;margin: 0px;padding: 10px 15px;	display: inline-block;background: #e5e5e5;border-radius: 5px 5px 0 0;}

.chargeAuctions ul li a:hover, .chargeAuctions ul li.selected a {background: #4bacc1;	color: #FFF; border-right: none;}

.chargeAuctionMsg {text-align: center;	margin: 10px 0px 20px 0px;	font-size: 0.8125rem;	color: #666;}

.biddersInvoice{font-size: 1.25rem; padding: 10px 15px 5px 15px;}
.biddersDetails{font-size: 0.875rem;padding: 10px 15px 10px 10px;}
.biddersDetails span{font-weight: bold; padding: 1px 10px 1px 5px; display: inline-block;}

.biddersDetails:hover {background: #eee;cursor: pointer;}

.itemRowHide{background: rgba(113, 197, 214, 0.25);}
.itemRowHide td{color: #000 !important;}

.itemEnableDisableModal .itemBidFail{
	font-size: 1rem; padding: 10px 0; background: #fffbf1;
}
.itemEnableDisableModal .itemBidFail span{
	font-weight: bold;
}

.footable tbody td:last-child a{width: auto;}
.bidsDisable{background: #e2e3e5;}
.bidsParDisable{background: #fff3be;}


/* Manage Auctions */

/* Refund Management */
.refundmgmnt .iconbar {
	min-height: 180px;
}

.refundinvoice .modal-dialog, .tagsNotes .modal-dialog {
	margin: 5% auto;
	width: 900px
}

/* #refundlist table th:last-child, #refundlist table td:last-child {
	text-align: left !important;
} */

/* Refund invoice  */
.refundWrapper {
	border-radius: 5px;
	font-size: 0.875rem;
}

.refundWrapper .bidderInfo {
	text-align: center;
	font-size: 14px;
	color: #3f3f3f;
	margin-bottom: 15px;
}

.refundWrapper .bidderInfo span {
	margin: 0 5px;
	border-right: 1px solid #999;
	padding-right: 10px;
}

.refundWrapper .bidderInfo span:last-child {
	border-right: none;
}

.refundWrapper .bidderInfo span strong {
	font-weight: 600;
}

.refundTable {
	border: 1px solid #CDCDCD;
	border-bottom: 0px;
	margin-bottom: 10px;
	display: inline-block;
	width: 100%;
	font-size: 0.875rem;
}
.refundTable table{width: 100%;}
.refundTable th {
	background: #DDF1F4;
	font-weight: 600;
	padding: 7px 5px;
	text-align: left;
	border-bottom: 1pt solid #CDCDCD;
	white-space: nowrap;
}

.refundTable td {
	padding: 10px 5px;
	text-align: left;
	line-height: 24px;
	border-bottom: 1pt solid #CDCDCD;
	border-right: 1px solid #e5e5e5;
}

.refundTable td:last-child {
	border-right: 1px solid #CDCDCD;
}

.refundTable table .finalTotal {
	text-align: right;
	background: #F9D788;
	border-right: none;
}

.refundTable th.text-center {
	text-align: center;
}

.refundTable .remarkItem {
	color: #000;
}

.refundTable .remarkItem i {
	font-size: 1rem;
	color: #72C5D6;
}

.refundTable .form-check label {
	white-space: nowrap;
}

.refundTable .refundAmt {
	width: 100px;
	text-align: right;
	font-weight: normal;
	padding: 0 3px;
}

.refundTable .refundPercentage {
	width: 65px;
}

.labelHoder{font-size: 0.75rem;   color: #45B1C9 !important;}
/* Refund Management */

/* Wallmart Report */
.wallMSearchBlock {
	width: 60%;
	margin: 15px auto;
	border: 1px solid #DDD;
	clear: both;
	padding: 15px 10px 15px 10px;
}

.wallMSearchBlock .control-from, .wallMSearchBlock .datpikerm,
	.wallMSearchBlock .btn-lg {
	margin-bottom: 0px !important;
}

.standardReport {
	margin: 0;
}

.standardReport ul {
	margin: 10px 0 0 0;
	list-style: none;
	padding: 0;
}

.standardReport ul li {
	font-size: 1.25rem;
	color: #333;
	padding: 10px 15px;
}

.standardReport ul li a {
	font-size: 1rem;
	color: #666;
	padding: 5px 0;
}

.standardReport ul li:first-child {
	background: #e5e5e5;
}

.standardReport ul li a:before {
	content: '\f273';
	display: inline-block;
	font: normal normal normal 14px/30px 'Material-Design-Iconic-Font';
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-right: 10px;
}

.standardReport ul li a:after {
	content: '\f220';
	display: inline-block;
	font: normal normal normal 14px/30px 'Material-Design-Iconic-Font';
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	border: 1px solid #ccc;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	text-align: center;
	margin-left: 10px;
}

.standardReport ul li a:hover:after {
	border: 1px solid #3092A7;
	color: #3092A7
}

.summaryReports table {
	border: 1px solid #ccc;
	width: 100%;
}

.summaryReports table th {
	background: #78C7D8;
	border-bottom: 1px solid #ccc;
	text-align: center;
	padding: 5px;
}

.summaryReports table td {
	padding: 5px;
}

.summaryReports table td:first-child {
	width: 40%;
}

/* .overallsummaryreport table th:last-child, .overallsummaryreport table td:last-child
	{
	text-align: left !important;
}
 */
.makeRefundTitle, .periodSummaryTitle {
	background: #F4EAD3;
	padding: 8px 5px;
	display: inline-block;
	margin-bottom: 15px;
	font-size: 1rem;
	font-weight: 600;
}

.periodSummaryTitle table{width: 100%; text-align: center !important;}
.periodSummaryTitle table th{font-weight: bold; }
.periodSummaryTitle table th:first-child{text-align: center !important;}

.progress {
	position: relative;
}

.progress-bar {
	background: #78C7D8;
}

.persentageValue {
	width: 100%;
	font-size: 0.8125rem;
	position: absolute;
	text-align: center;
}

.progress-bar-striped {
	background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%,
		transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%,
		rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	background-size: 1rem 1rem;
}

.goalsummarypercentage{width: 400px; margin: 0 auto;}

.goalPerLocation {}

.goalPerLocation .goalLocationReport {}

.goalLocationReport .table {
	border-bottom: 1px solid #ddd;
}
/* .goalLocationReport .table td{padding: 20px 10px;} */
.goalLocationReport .table td:first-child {
	width: 200px;
	border-left: 1px solid #ddd;
}

.goalLocationReport .table td:last-child {
	border-right: 1px solid #ddd;
	text-align: right;
}

.ytd_heading {
	background: #E5E5E5;
	line-height: 1.5rem;
	font-size: 1rem;
	padding: 7px 10px;
}

.goalLocationReport .editable {
	padding: 2px 10px;
	cursor: pointer;
}

.goalsummaryReport table {
	border-bottom: 1px solid #ddd
}

.goalsummaryReport table tfoot {
	background: #e0e0e0;
	border-top: 1px solid #ddd;
}

/* Wallmart Report */
table.footable-details th, table.footable-details td {
	border: none !important;
	line-height: 18px !important;
	padding: 1px 8px !important;
	font-size: 0.75rem;
}

table.footable-details th {
	text-align: right;
	font-weight: 600;
}

.noteMsg {
	font-size: 0.6875rem;
	margin: 0px;
	font-weight: normal;
}

.labelTitle {
	font-size: 0.875rem; color: #666;
	margin: 0px 0px 10px 0px;
}

.noteMsg ~ .errormessage {
	margin-top: 0px;
}

/* Location Management */


select{
	padding: 0.6875rem 0 !important; height: 45px;
	/* -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; */
	background-color: transparent;
}

select::-ms-expand {display:none;}

/*  Tooltip Message CSS  */
.tooltip {
    position: relative;
    display: inline-block;
    font-size: 16px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
     position: absolute;
     z-index: 1;
    width: 120px;
    top: 100%;
     left: 50%; 
     margin-left: -60px; 
    font-size: 12px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}
/*  Tooltip Message CSS  */

.reportPrice table th{text-align: center; }
.reportPrice table td{text-align: right;} 
.reportPrice table th:first-child, .reportPrice table td:first-child{text-align: left;}


/* Edit & post Auction */

#confirmationModal {
    z-index: 1200;
}

.smlBtn{background: #72C5D6; padding: 5px 7px !important; font-size: 0.75rem; color: #fff !important; border-radius:3px;}
.chkIcon{font-size: 1.5rem;}
.viewItems{font-size: 1.5rem; color: #72C5D6 !important; padding: 5px;}
.popover  {	background: #414141 !important; color: #fff;}
.popover.left .arrow:after { border-left-color:#414141;}
.popover.bottom .arrow:after { border-bottom-color:#414141;}


.txtSplit{width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; position: absolute; left: 10px; right: 10px; margin-top: -10px; padding-right: 15px;}
.auctionItemsList .table>tbody>tr>td{vertical-align: middle;}

.w60{width: 60px;}
.w100{width: 100px;}
.w100p{width: 100%;}
.w150{width: 150px;}
.w300{width: 300px;}


.auctionLeftHolder{background: #f0f0f0;}
.auctionImageTitle{color: #3f3f3f; font-size: 1.376rem; padding: 10px 20px 0px 20px;}
.auctionImageBlock{background: #FFF; border: 1px solid #d5d5d5; width: calc(100% - 40px); overflow:hidden; margin:20px; position: relative;}

.auctionImageBlock .img-BoxInner:before { content: ''; position: relative; padding-top: calc(100% / 1*1);  width: 100%; float: left; background: #FFF; }
.auctionImageBlock .responsive {position: absolute;height: 100%;top: 0;left: 0;width: 100%;}
.auctionImageBlock .img-fluid{width: 100%;height: 100%;object-fit: cover;}

.itemImgHolder{width: 72px; height: 72px; border: 1px solid #d6d6d6; overflow: hidden; background: white; position: relative; float: left;}
/*.auctionThumbImageBlock{background: #FFF; border: 1px solid #d5d5d5; height: 120px; width: calc(33.333% - 30px); overflow:hidden; position: relative; margin: 15px; float: left;}*/

.mainThumImageBlock{   display: flex; width: 100%; flex-direction: row;  flex-wrap: wrap;  justify-content: space-between;}

.auctionThumbImageBlock{background: #FFF; border: 1px solid #d5d5d5; width: calc(33.333% - 30px); overflow:hidden; position: relative; margin: 15px; display: block; }
.auctionThumbImageBlock .img-BoxInner:before { content: ''; position: relative; padding-top: calc(100% / 1*1);  width: 100%; float: left; background: #FFF; }
.auctionThumbImageBlock .responsive {position: absolute;height: 100%;top: 0;left: 0;width: 100%;}
.auctionThumbImageBlock .img-fluid{width: 100%;height: 100%;object-fit: cover;}

.itemRemoved{width: 100%; display: inline-block; color: #f00; font-size: 0.875rem;}
.itemRemoved strong{color: #3f3f3f; font-weight: bold;}



.itemImgHolder img, .auctionImageBlock img/*, .auctionThumbImageBlock img*/{ position: absolute; min-width: 100%;  min-height: 100%;  max-width: 100%;  left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: cover;}
.checkboxFlag{display: inline-block; margin: 0 20px 0 0px;}

.more-icon, .more-icon:hover, .more-icon:focus{background-color:#424242 !important; position:relative; z-index:5; width:40px; height:40px; border-radius:50%; border:0; text-align:center; color:#FFFFFF!important; font-size:1.25rem; padding:0;}
.ddrb{position:relative; z-index:5; right:0; top:0; height:40px; width:40px;}
.ddrb .dropdown-menu{-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;max-height: 0;display: block;overflow: hidden;
opacity:0;transform: scale(0);transform-origin:bottom right;background-color:#424242;border-radius:300px; bottom:30px; right:30; margin:0;}
.ddrb.open .dropdown-menu {max-height: 200px;opacity: 1;transform: scale(1);border-radius:5px 5px 5px 5px; bottom:-2px; right:-2px;}
.ddrb ul li{color: #fff;padding: 5px 10px; width: 100%;}
.ddrb ul li a{text-align: center; width: 100% !important; padding:8px 0px !important;font-size: 0.875rem; display: block;white-space: nowrap; color: #FFF; border-bottom: 1px solid #333; text-transform: uppercase;}
.ddrb ul li a:hover{background: transparent; color: #fff;}
.ddrb ul li a:last-child{border-bottom: 0px;}

.bidIncrement{font-size: 0.8125rem; color: red; margin: 0px 0 20px 0; display: inline-block;}
.bidIncrement span{font-weight: bold; color: #3F3F3F;}

/* Edit & post Auction */

.panel-body {padding: 15px 0 0; border: 0px !important; margin-top: 10px;}
.panel-default{ border: 0px !important; border-radius: 0px; box-shadow: none;}
.panel-default>.panel-heading{background: #f3e9d3; color: #3f3f3f; height: 40px; line-height: 40px; }
.panel-default .panel-title{font-size: 1rem;}


.customTable table{padding: 0; margin: 0px; width: 100%;}
.customTable table thead{background: #E5E5E5}
.customTable table thead th, .customTable table tbody td{padding: 10px 15px; font-size: 0.875rem;}
.customTable table thead th{color: #37464E; font-weight: normal;}
.customTable table tbody td{color: #526C79; border-top: 1px solid #ddd}
.customTable table tbody td:last-child {text-align: right;}
.customTable table tbody td:last-child a i { font-size: 1.5rem;}

.tagNotes a{cursor: pointer; color: #3F3F3F;}
.tagNotes a i { font-size: 1.5rem;}
.tagsNotes .modal-body {padding: 0px; max-height: calc(100vh - 200px);  overflow: auto;}
.auctionNotes table{padding: 0; margin: 0px; width: 100%;}
.auctionNotes table tbody td{color: #526C79; padding: 8px 15px; }
.auctionNotes table tbody tr{border-bottom: 1px solid #ddd}
.auctionNotes table tbody tr:last-child{border-bottom: 0px;}


.auctionInfoMsg{background-color: #d9edf7; display: inline-block; margin: 5px 15px; padding: 8px 10px; font-size: 0.875rem; border-radius: 2px;}

/* User Role Management: Start */
.rolePermission .panel-heading{padding: 12px 15px;}
/* .rolePermission .panel-title a.collapsed:before {
	content: '\f278';
	display: inline-block;
	font: normal normal normal 14px/30px 'Material-Design-Iconic-Font';
	font-size: 1.25rem; margin-right: 10px;
}
.rolePermission .panel-title a:before {
	content: '\f273';
	display: inline-block;
	font: normal normal normal 14px/30px 'Material-Design-Iconic-Font';
	font-size: 1.25rem; margin-right: 10px;
} */
.rolePermission .panel-body{margin: 0px; padding: 15px 20px 0px 20px;}
.rolePermission .panel-body span{color: #526C79; font-size: 0.875rem; font-weight: bold; display: block;}
.rolePermission .panel-body .moduleSection{display: block; margin: 0px 0 15px 0; }
.rolePermission .panel-body .rolePLabel{display: inline-block; margin: 0px 20px 5px 0px;}
.rolePermission .panel-default .panel-title{line-height: normal;}
.modulePermission{float: right; line-height: normal;}

/* User Role Management: End */
/* Print Invocie css */
.printInvoices .searchBlock .control-from{min-height: 60px;}
/* Print Invocie css */

/* Multiple css */
.control-from.muliSelect .multipleSelect label, .multipleSelect .multiselect-container.dropdown-menu .multiselect-all label{position: relative;}
.multipleSelect .dropdown-menu{right: inherit; width: 100%; margin: 0px;}
.multiselect-native-select .btn-default.active, .bootstrap-select .btn-default:active, .bootstrap-select.open .dropdown-toggle.btn-default {color: #333; background-color: transparent; border-color: transparent;}
.multipleSelect input[type="checkbox"]{opacity: 1; position: relative;}

.multipleSelect .multiselect-container>li>a>label{padding: 6px 20px !important;}
.control-from.muliSelect label{pointer-events: inherit;}
.muliSelect .multiselect-native-select .btn-group{width: 100%;}
.muliSelect .multiselect-native-select button.multiselect.dropdown-toggle{width: 100%;background: transparent;color: #526C79;text-align: left;border-radius: 0;border-width: 0 0 1px 0;border-color: #ccc;padding: 0.7rem 5px;}
.muliSelect .multiselect .caret{right: 15px;position: absolute;top: 14px;}

.muliSelect .btn-group ul li{display: block;margin: 0 0px 0 0px;padding: 0;}
.multipleSelect .dropdown-menu > .active > a, .multipleSelect .dropdown-menu > .active > a:focus, .multipleSelect .dropdown-menu > .active > a:hover{
	background-color: transparent; color: #3F3F3F; 
}
.muliSelect .btn-group.open .dropdown-toggle, .muliSelect .multiselect-native-select .btn:active{box-shadow: none;}
.multipleSelect input {margin-top: 2px; float: left !important;  margin-right: 5px;}
.multipleSelect .open>.dropdown-menu{max-height: 300px; overflow-y:auto;}

#reviewrefundtransaction_form .zmdi-delete{font-size: 2.25rem;}


.refundRemarkError{border-bottom: 2px solid #f00;}

/* Dinesh made css*/
@media all and (max-width: 2500px) and (min-width: 991px) {
	.text-block {
		display: block !important;
	}
	.switch-more {
		display: none;
	}
}

@media ( max-width :1366px) {
	html {
		font-size: 14px;
	}
	.iconbar {
		 min-height: 150px 
	}
	.iconbar .zmdi {
	    font-size: 3rem;
		padding: 1.5rem 0 0 0;
	}
	
	.iconbar h2 {
		padding: 5px 0 15px;
		font-size: 1rem;
	}
	.conutbox1 {
		min-height: 80px;
	}
	.conutbox {
		/* padding: 10px 5px 0px;
		min-height: 80px; */
	}
	.conutbox>.nubmr, .conutbox>.conutbox-sprt>span>.nubmr {
		font-size: 1rem
	}
	.conutbox-sprt span {
		font-size: 0.875rem
	}
	.iconbar-rgtbtn {
		margin-left: -5px
	}
	/*.usertbl tr:nth-child(2) th:last-child, .usertbl tbody td:last-child {
		width: 165px
	}*/
	
	.auctionThumbImageBlock{height: 130px; width: calc(50% - 30px);}
	
}

@media ( max-width :1250px) {
	.tophading-tbl1 {
		font-size: 1rem
	}
}
@media ( max-width :1200px) {
	.editableIcons .icons-box{justify-content: flex-start;}
	.auctionThumbImageBlock{height: 100px; width: calc(50% - 30px);}
}
@media ( max-width :1050px) {
	.tophading-tbl1, .tophading-tbl1 th {
		font-size: 0.9rem !important
	}
	.editable-block {
		width: 100%;
		margin: 20px auto;
	}
}

@media ( max-width :1024px) {
	.iconbar {
		/* min-height: 255px */
	}
	/*Display none block commen start*/
	.dashboard-superbadmin.nav-toggle .btn-menu i.zmdi-menu,
		.dashboard-superbadmin .btn-menu i.zmdi-close, .dashboard-admin.nav-toggle .btn-menu i.zmdi-menu,
		.dashboard-admin .btn-menu i.zmdi-close, .dashboard-salesperson.nav-toggle .btn-menu i.zmdi-menu,
		.dashboard-salesperson .btn-menu i.zmdi-close {
		display: block
	}
	.dashboard-superbadmin .btn-menu i.zmdi-menu, .dashboard-superbadmin.nav-toggle .btn-menu i.zmdi-close,
		.dashboard-admin .btn-menu i.zmdi-menu, .dashboard-admin.nav-toggle .btn-menu i.zmdi-close,
		.dashboard-salesperson .btn-menu i.zmdi-menu, .dashboard-salesperson.nav-toggle .btn-menu i.zmdi-close
		{
		display: none
	}
	/*Display none block commen start*/
	.main-nav {
		top: 70px;
		left: 0;
		width: 255px;
	}
	.main-wrapper {
		margin-left: 0;
	}
	.dashboard-superbadmin .nav-toggle .main-container, .dashboard-admin .nav-toggle .main-container,
		.dashboard-salesperson .nav-toggle .main-container {
		margin-left: -70px
	}
	.dashboard-superbadmin .main-container, .dashboard-admin .main-container,
		.dashboard-salesperson .main-container {
		margin-left: 0
	}
	.nav-toggle .main-wrapper {
		margin-left: 0
	}
	.main-container {
		margin-left: -70px
	}
	.sidebar-menu li>a span {
		display: inline-block;
		margin-left: 0.9rem;
	}
	.main-wrapper .main-header {
		left: 0;
	}
	.nav-toggle .main-nav {
		left: -300px
	}
	.dashboard .iconbar>.zmdi {
		font-size: 3.5rem;
		padding: 1rem 0 0.5rem
	}
	.iconbar h2 {
		font-size: 1.125rem;
		padding: 0px 0 10px
	}
	.conutbox>.nubmr, .conutbox>.conutbox-sprt>span>.nubmr {
		font-size: 1rem
	}
	.iconbar h3 {
		font-size: 1rem;
		padding: 10px 0;
	}
	.iconbar1 {
		margin: 5px
	}
	.conutbox-sprt span {
		width: 44%;
	}
	.conutbox-sprt span:last-child {
		width: 54%;
	}
	.sidebar-menu>li>a {
		padding: 0 5px 0 25px;
		line-height: 3rem;
	}

	/* Responsive table start */
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		/*border:none;*/
		border-bottom: none;
		border-left: none;
		border-right: none;
	}
	.table-responsive>.table {
		margin-bottom: 0;
	}
	.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th,
		.table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td,
		.table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td
		{
		white-space: nowrap;
	}
	.table-responsive>.table-bordered {
		border: 0;
	}
	.table-responsive>.table-bordered>thead>tr>th:first-child,
		.table-responsive>.table-bordered>tbody>tr>th:first-child,
		.table-responsive>.table-bordered>tfoot>tr>th:first-child,
		.table-responsive>.table-bordered>thead>tr>td:first-child,
		.table-responsive>.table-bordered>tbody>tr>td:first-child,
		.table-responsive>.table-bordered>tfoot>tr>td:first-child {
		border-left: 0;
	}
	.table-responsive>.table-bordered>thead>tr>th:last-child,
		.table-responsive>.table-bordered>tbody>tr>th:last-child,
		.table-responsive>.table-bordered>tfoot>tr>th:last-child,
		.table-responsive>.table-bordered>thead>tr>td:last-child,
		.table-responsive>.table-bordered>tbody>tr>td:last-child,
		.table-responsive>.table-bordered>tfoot>tr>td:last-child {
		border-right: 0;
	}
	.table-responsive>.table-bordered>tbody>tr:last-child>th,
		.table-responsive>.table-bordered>tfoot>tr:last-child>th,
		.table-responsive>.table-bordered>tbody>tr:last-child>td,
		.table-responsive>.table-bordered>tfoot>tr:last-child>td {
		border-bottom: 0;
	}

	/*#questionnaire .category-box .paper-input{  display: inline-block; height: 50px !important; max-width: 430px; position: relative !important;}
	#questionnaire .category-box label, #questionnaire .category-box .custom-dropdown label{ display:inline-block; color:#28B6F6; font-size:16px !important; font-weight:normal; }
	#questionnaire .category-box label > span{ color:#79929E; font-size:14px; font-style:italic; }*/
	@media ( max-width :1199px) {
		#profile .profile-img {
			width: 260px;
			height: 270px;
		}
		.btn-file input[type="file"] {
			width: 260px;
		}
		#profile form .admin_form {
			width: calc(100% - 45%);
		}
		#profile form .upload_pic {
			width: 300px;
		}
		#profile .profile-img .second-bg {
			line-height: 250px;
		}
		.paper-input ~ label {
			font-size: 0.875rem;
		}
		
		
		
	}
	@media ( max-width :767px) {
		#profile form .admin_form, #profile form .upload_pic {
			width: 100%;
			padding: 15px;
		}
		#profile .profile-img, .btn-file input[type="file"], .btn-file {
			width: 100%;
			margin: 0px;
		}
	}

	/* Responsive table end*/
}

@media ( max-width :990px) {
	.footable-header span, .footable tbody td:last-child a.emal {
		width: auto
	}
	.switch-more {
		background: #374B5E;
		border: none;
		border-radius: 50px;
		color: #3f3f3f3;
		font-size: 1.1rem;
		height: 35px;
		line-height: 35px;
		width: 35px
	}
	.text-block {
		display: none
	}
	/*.usertbl tr:nth-child(2) th:last-child{display:none !important}
	#adm-led th:nth-child(5){ display:block !important; width:50px !important}*/
	/*.usertbl tr:nth-child(2) th:last-child, .usertbl tbody td:last-child{width:50px}*/
	.relative {
		position: relative
	}
	.footable-toggle ~ .more-btn-toogle {
		right: 90px;
	}
	.more-btn-toogle {
		position: absolute;
		z-index: 1;
		top: 25px;
		margin-top: -25px;
		right: 50px;
		background: #fff;
		box-shadow: 1px 1px 5px #999;
		border-top: #7D2139 solid 3px;
	}
	.more-btn-toogle:after {
		content: '';
		position: absolute;
		border-width: 7px;
		border-color: transparent transparent transparent #fff;
		top: 17px;
		border-style: solid;
	}
	.more-btn-toogle .icons-box {
		display: table;
		border-spacing: 5px;
		min-width: 80px
	}
	.more-btn-toogle .icons-box a {
		display: table-cell;
		padding: 10px;
	}
	.modal-dialog-big {
		width: 95%
	}
	.admre-opt {
		width: 89%;
		margin: 10px auto -15px 100px
	}
	.usertbl tr:nth-child(2) th:last-child, .usertbl tbody td:last-child {
		width: auto
	}
	/*#adm-led th:nth-child(5),*/
	#adm-led1 th:nth-child(3), #reprt thead th:nth-child(4), #reprt thead th:nth-child(5)
		{
		display: table-cell !important;
		margin: 0 0 0 5px
	}
	td.footable-sortable>span.fooicon, th.footable-sortable>span.fooicon {
		right: 5px
	}
	.editBanner-Block, .flexBlock {
		display: block;
	}
	#searchCreditform .or {
		padding: 0px 0 10px 0 !important;
	}
}

@media ( max-width :800px) {
	.row-eq-height {
		display: block
	}
	.row-eq-height>.col-sm-6 {
		width: 48%
	}
	.dasbrd_box_main .col-md-3:nth-child(4) {
		clear: inherit
	}
	.dashboard .iconbar>.zmdi {
		padding: 1rem 0 0.5rem
	}
	.iconbar-btn {
		margin: 1rem 0;
		line-height: 2.1rem;
	}
	.conutbox, .conutbox1 {
		/* padding: 5px 5px 0px;
		min-height: 70px; */
	}
	.dasbrd_box_main .iconbar:nth-child(3), .dasbrd_box_main+.dasbrd_box_main .iconbar:nth-child(1)
		{
		clear: left;
	}
	/*.dasbrd_box_main {margin:15px 0 0 -6px;}*/
	.main-header .header-container li:last-child>ul.dropdown-menu {
		width: 200px;
		position: absolute;
		left: auto;
		right: 0px;
	}
	.main-header .header-container {
		padding: 0
	}
	a.dropdown-toggle {
		padding: 20px 0px;
	}
	.table-grid>table>thead>tr>th:first-child>div>a.active, .table-grid>table>tbody>tr>td:first-child>div>a.active,
		.table-grid>table>thead>tr>th:first-child>div>a.inactive, .table-grid>table>tbody>tr>td:first-child>div>a.inactive
		{
		width: 20px;
		min-height: 35px;
	}
	.checkbox {
		text-align: center
	}
	.dtepckbox .checkbox {
		text-align: left
	}
	.modal-dialog-big .checkbox {
		text-align: left
	}
	.admre-opt {
		width: 88%;
		margin: 10px auto -15px 50px
	}
	.biddingBlock .field_box {
		padding: 0 13px;
	}
	.footable-header th {
		font-size: 16px;
	}
	
	.auctionThumbImageBlock{height: 140px; width: calc(100% - 30px);}
}

@media ( max-width :768px) {
	.admre-opt {
		margin: 10px auto -15px 70px
	}
	.editBanner-Block, .flexBlock {
		display: flex;
	}
}

@media ( max-width :767px) {
	.main-container .container-detail {
		padding: 15px
	}
	.modal-dialog {
		width: 95%
	}
	.dropdown-menu .btn-circle .supr-admin-usr span {
		display: block;
	}
	.iconbar1, .icn-txt, .btn-circle span {
		display: none
	}
	.iconbar {
		margin-bottom: 20px;
	}
	h1 {
		font-size: 1.25rem
	}
	.paper-input {
		padding: 0.7rem 0;
	}
	.control-from, a.btn-lg {
		margin-bottom: 1rem
	}
	.paper-input ~ label {
		font-size: 1rem
	}
	.loginbox>div {
		padding: 0.625rem 1rem;
	}
	.btn-circle i {
		font-size: 1.3rem
	}
	.main-nav {
		top: 70px;
	}
	.main-header .header-container li:last-child>ul li.user-body,
		.main-header .header-container li:last-child>ul.dropdown-menu>li>a:hover,
		.main-header .header-container li:last-child>ul.dropdown-menu>li>a:focus
		{
		display: inline-table;
		width: 100%;
		margin-right: 0
	}
	.main-header .header-container li:last-child>ul li.user-body .btn-circle i
		{
		margin-right: 0
	}
	.dropdown-menu>li>a {
		width: 100%
	}
	.main-container {
		padding-top: 70px
	}
	.header-logo img {
		height: 50px;
	}
	.btn-circle i.zmdi-home {
		margin-right: 0
	}
	/* .main-header .header-container li:last-child {
		padding-left: 0
	} */
	.btn-menu, .btn-menu i.zmdi-menu, .btn-menu i.zmdi-close {
		width: 50px
	}
	/* .btn-group ul li {
		margin: 0 2px;
	} */
	.btn-circle {
		height: 2rem;
		width: 2rem;
	}
	.btn-circle i {
		width: 2rem;
		line-height: 2rem;
		font-size: 1.5rem;
		vertical-align: middle;
	}
	.main-container .container-head {
		padding: 10px;
	}
	.main-container .container-head h1 {
		display: inline-block;
		font-size: 1.125rem;
		line-height: 2rem;
	}
	.main-container .container-head .head-right {
		float: none;
		display: block;
		text-align: center;
		float: right;
	}
	.main-container .container-head .head-right .right-group {
		float: none;
		display: inline-block;
		text-align: center;
	}
	.dashboard .iconbar>.zmdi {
		padding: 1rem 0
	}
	footer div {
		text-align: center !important
	}
	.pagesize-control {
		margin: 10px auto 0;
		float: inherit
	}
	.footable-paging .label-default {
		float: inherit;
		margin: 0 !important;
		text-align: center;
		width: 100%;
	}
	.main-container .container-head .head-right .btn-group .btn-circle {
		border-radius: 20px;
		padding: 0px 0px;
		text-align: center;
		min-width: inherit
	}
	.head-right .btn-group ul li {
		vertical-align: top
	}
	/*.usertbl tr:nth-child(2) th:last-child, .usertbl tbody td:last-child {width:auto !important; text-align:right; text-overflow: ellipsis;white-space:normal;overflow: hidden; vertical-align:middle}*/
	.footable-detail-row th {
		width: auto
	}
	/*.footable th:nth-child(1), .footable td:nth-child(1), .itemtypestbl .footable th:nth-child(1), .itemtypestbl .footable td:nth-child(1){ text-align:center;}*/
	th, td {
		padding: 5px !important
	}
	th {
		color: #37464E;
		font-size: 0.9rem;
		font-weight: normal;
	}
	.footable-detail-row .footable-details td {
		text-align: left !important;
		line-height: 25px !important
	}
	.footable-detail-row .footable-details tbody {
		background: #F7F8F9
	}
	.fooicon-plus, .fooicon-minus {
		margin: 0 5px !important
	}
	#adm-led .fooicon-plus, #adm-led .fooicon-minus, #userlist .fooicon-plus,
		#userlist .fooicon-minus {
		margin: 0 20px 0 10px !important
	}
	table.footable-details>tbody>tr>th:nth-child(1) {
		min-width: 160px;
	}
	/*.footable-detail-row th{ width:20% !important; text-align:left !important}*/
	#adm-led1 th:nth-child(1), #adm-led1 tbody td:nth-child(1) {
		width: 26% !important;
		text-align: left;
		text-overflow: inherit;
		white-space: inherit;
		overflow: inherit;
	}
	.row-eq-height>.col-xs-12 {
		width: 98%
	}
	/*.footable th:nth-child(1), .footable td:nth-child(1) {
		text-align: right
	}*/
	#qustonaire .drg-num {
		width: 40px
	}
	.ui-icon {
		height: 61px !important;
	}
	#qustonaire .drgmain-des .drg-des {
		top: 3px;
		left: 70px;
		right: 50px
	}
	#qustonaire .drgmain-des .drg-des1 {
		top: 28px;
		left: 70px;
		right: 50px
	}
	#qustonaire .drg-edticn {
		margin: 15px 5px 0px 0px;
	}
	.admre-opt {
		width: 100%;
		margin: 10px auto -15px 0px
	}
	#adm-led1 .control-from.custom-dropdown {
		padding-bottom: 20px
	}
	#adm-led1 .footable-detail-row .footable-details th {
		text-align: right
	}
	#adm-led td:nth-child(5) {
		text-align: center
	}
	.footable tbody td {
		line-height: 35px !important
	}
	.dtepckbox .custom-dropdown {
		margin-bottom: 35px
	}
	.pricbox {
		text-align: center;
		font-size: 1rem;
	}
	.prcbox-won, .prcbox-lost {
		margin-right: 15px
	}
	.prcbox-lost span {
		margin-left: 0
	}
	.calculate-btn, .calculate-btn:hover, .view-btn, .view-btn:hover,
		.inrpo-btn, .inrpo-btn:hover, .won-btn, .won-btn:hover, .los-btn,
		.los-btn:hover, .unmtch-btn, .unmtch-btn:hover {
		padding: 0 5px;
	}
	#reprt thead th:nth-child(4), #reprt thead th:nth-child(5), #adm-led1 th:nth-child(3)
		{
		display: none !important
	}
	#reprt tbody td:nth-child(2) {
		width: auto
	}
	a.perstge {
		margin-left: 30px
	}
	.editBanner-Block, .flexBlock {
		display: block;
	}
	.editable-block {
		width: 100%;
		margin: 20px auto;
	}
	#incrementalbidding_form colgroup {
		display: none;
	}
	.biddingBlock .field_box {
		width: 100%;
		padding: 10px 15px;
		float: left;
	}
	.biddingBlock .field_box:first-child {
		display: none;
	}
	.biddingBlock .field_box .btn-grp {
		text-align: center;
	}
	/* 	.footable-header { */
	/* 		height: 355px; */
	/* 	} */
	.biddingBlock {
		height: 295px;
	}
	button.buttonAddBidding {
		float: none;
		margin: 10px auto;
	}
	button.update-bidding, button.remove-bidding, button.update-bidding:focus,
		button.remove-bidding:focus {
		padding: 10px;
		margin: 0;
	}

	/* Meta configuration css */
	.updateButton {
		width: 100% !important;
	}
	.errorContent {
		width: 100%;
	}
	.dropdown.user.user-menu {
		padding-right: 0px;
	}
	
	.auctionThumbImageBlock{height: 120px; width: calc(25% - 30px);}
}

@media ( max-width :568px) {
	#adm-led1 th:nth-child(3), #adm-led1 tbody td:nth-child(3) {
		width: 110px !important;
		text-align: left
	}
	.auctionThumbImageBlock{height: 120px; width: calc(33.333% - 30px);}
}

@media ( max-width :480px) {
	.loginbox {
		width: 95%
	}
	#adm-led1 th:nth-child(1), #adm-led1 tbody td:nth-child(1) {
		width: 37% !important
	}
	.editable-block {
		width: 100%;
		margin: 20px auto;
	}
	.auctionThumbImageBlock{height: 140px; width: calc(50% - 30px);}
}

@media ( max-width :320px) {
	body#login-pg {
		padding: 20px 0 0
	}
	.pricbox {
		font-size: 1rem;
	}
}

/*** DDstyle 1 **/
#questionnaire .category-box .paper-input {
	display: inline-block;
	height: 50px !important;
	max-width: 430px;
	position: relative !important;
}

#questionnaire .category-box .width_100 {
	max-width: 100px;
	!
	important;
}

#questionnaire .category-box label, #questionnaire .category-box .custom-dropdown label
	{
	display: inline-block;
	color: #28B6F6;
	font-size: 16px !important;
	font-weight: normal;
}

#questionnaire .category-box label>span {
	color: #79929E;
	font-size: 14px;
	font-style: italic;
}

.commonbg, #questionnaire .commonbg {
	background-color: #fff;
	padding: 0px;
}

#profile form .modal-title {
	margin-bottom: 20px;
}

.upload_pic, .admin_form {
	padding-top: 30px;
	padding-bottom: 15px;
}

#profile .profile-img {
	border: 1px solid #CFD8DC;
	margin: 0px auto;
	border-radius: 10px;
	width: 300px;
	height: 300px;
	text-align: center;
	padding: 10px;
}

#profile .profile-img .second-bg {
	background-color: #B0BEC5;
	width: 100%;
	height: 100%;
	line-height: 280px;
	border-radius: 5px;
}

.btn-file input[type="file"] {
	height: 50px;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	position: absolute;
	width: 300px;
	color: #374B5E;
	cursor: pointer;
	opacity: 0;
}

.btn-file {
	position: relative;
	height: 50px;
	padding: 10px;
	margin: 0 20px;
	z-index: 99;
	border: 1px solid #CFD8DC;
	border-radius: 6px;
	font-size: 18px;
}

#profile form .upload_pic {
	width: 340px;
	display: inline-block;
	vertical-align: top;
}

#profile form .admin_form {
	width: calc(100% - 40%);
	display: inline-block;
	vertical-align: top;
}

#questionnaire .category-box {
	border-bottom: 1px solid #EDECEC;
	padding: 10px 25px;
	font-family: source_sans_proregular;
}

#questionnaire .category-box select[multiple], select[size] {
	min-height: 180px;
	max-width: 430px;
}

#questionnaire .category-box select[multiple] option {
	padding: 5px 10px;
	color: #7694A3;
}

#questionnaire .category-box select[multiple] option:hover,
	#questionnaire .category-box select[multiple] option:focus, option.selected
	{
	background: #D9E1E6 !important;
}

#questionnaire form .btn-lg {
	max-width: 440px;
}

#questionnaire .category-box .custom-dropdown>.select2-container {
	max-width: 430px;
	margin: 0px;
}

#questionnaire .category-box select.form-control {
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#questionnaire .category-box .ans-opption {
	display: block;
	margin-top: 10px;
}

.mandatory {
	color: #ff1744 !important;
	font-style: normal !important;
}

#questionnaire .select2-container--default .select2-selection--single .select2-selection__rendered
	{
	color: #526C79;
}

#questionnaire .Onboarding-bg {
	background-color: #F1F3F5;
	padding: 20px;
}

.m-b-20 {
	margin-bottom: 20px;
}

.btn_login {
	border: 1px solid #29B6F6;
	background: #29B6F6;
	color: #fff;
	width: 100%;
	font-size: 1.25rem;
	border-radius: 4px;
	margin-bottom: 1.25rem;
	display: block;
	padding: 4px;
}

.btn_green {
	border: 1px solid #81C784;
	background: #81C784;
	color: #fff;
	font-size: 1rem;
	margin-bottom: 0;
	display: inline-block;
	vertical-align: bottom;
	width: 100%;
	border-radius: 4px;
	padding: 4px;
}

.rightsign {
	font-size: 1.25rem;
	display: inline-block;
	vertical-align: bottom;
	margin-right: 7px
}

.lead_save {
	width: 31.33%;
	padding-top: 15px;
	padding-left: 15px;
}

#bannerMgmt .radiobox {
	position: absolute;
	left: 0;
}

.justify-content-center{ justify-content: center;}
.background-none{ background:none !important;}
.width-auto{ width:auto !important;}