@font-face {
	font-family: 'proxima-nova-regular';
	src: url('/resources/fonts/proxima-nova-regular.eot');
	src: local('☺'), url('/resources/fonts/proxima-nova-regular.woff') format('woff'), 
	url('/resources/fonts/proxima-nova-regular.ttf') format('truetype'), 
	url('/resources/fonts/proxima-nova-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'proxima-nova-bold';
	src: url('/resources/fonts/proxima-nova-bold.eot');
	src: local('☺'), url('/resources/fonts/proxima-nova-bold.woff') format('woff'), 
	url('/resources/fonts/proxima-nova-bold.ttf') format('truetype'), 
	url('/resources/fonts/proxima-nova-bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.brm-newtbl-loading{background-color: #fff;height: 140%;position: fixed;width: 100%;z-index: 999999999;text-align: center;}
.brm-tbl-sku{overflow: hidden; height: 38px;}
table .brm-hide-thead{overflow: hidden; opacity: 0;background-color: transparent !important;visibility :hidden !important;}
table .brm-hide-thead th{color: transparent !important;visibility : hidden !important;border: none !important;}
table.brm-tbdy-vlgn > tbody > tr > td{vertical-align: middle !important;}
table.brm-tbdy-mt0 thead th{padding-top: 0 !important;height: 35px;min-height: 35px;}
table.brm-tbdy-wa thead th{width: auto;}

div , p , span , input , select , option , h1 , h2 , h3 , h4 , h5 , h6 , h7, button, html, input, select, textarea:not(.trz-terms-condition *){
	font-family: 'proxima-nova-regular',Arial !important;
}

html {background-color:#fff;}
body {
	background: #fff;
	font-family: 'proxima-nova-regular',Arial !important;
}
button, html, input, select, textarea {
    font-family: 'proxima-nova-regular',Arial !important;
}

.glyphicon {
	font-family: 'Glyphicons Halflings' !important;
}

.cf:after {
	visibility: hidden;
	display: b.location-box div.col-xs-12:nth-child(even) lock;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .cf {
	zoom: 1;
}

*:first-child+html .cf {
	zoom: 1;
}

textarea {
	resize: none !important;
	height: 75px;
	width: 264px;
	min-height:75px;
}

input:focus, a:focus {
	outline: none;
}

.float-l {
	float: left;
}

.float-r {
	float: right;
}
.text-black{
	color:#000000;
}

.margin-top-20 {
	margin-top: 20px;
}
.nintyfive-prcnt {
	width: 94%;
}
.hundred-prcnt {
	width: 100% !important;
}
.ninty-prcnt {
	width: 90%;
}

.eighty-prcnt {
	width: 80%;
}

.seventy-prcnt {
	width: 70%;
}

.sixty-prcnt {
	width: 60%;
}

.fifty-prcnt {
	width: 50%;
}

.fourty-prcnt {
	width: 40%;
}

.light-grey-bg {
	/* background-color: #dcdcdc;
	color: #545454; */
	background-color: white;
    border: 1px solid #ddd;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    color: black;
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 4px;
    margin: 5px;
}
.justify-content-end{
	justify-content:flex-end;
}
.justify-content-space-around{
	justify-content:space-around;
}
.display-inline {
	display: inline;
}

.full-radius {
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
}

.no-raduis {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	margin: -1px !important;
	height: 34px !important;
}

.no-left-raduis {
	-webkit-border-top-left-radius: 0 !important;
	-moz-border-top-left-radius: 0 !important;
	border-top-left-radius: 0 !important;
	-webkit-border-bottom-left-radius: 0 !important;
	-moz-border-bottom-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	height: 34px !important;
}

/* Login Page */
.login {
	background: #1aae60;
	/* background-image: url(/resources/img/login-bg.jpg); */
}

.login-box {
	background: #fff;
	min-height: 200px;
	min-width: 370px;
	max-width: 420px;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 2000;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-51%);
	-moz-transform: translateX(-50%) translateY(-51%);
	-ms-transform: translateX(-50%) translateY(-51%);
	transform: translateX(-50%) translateY(-51%);
}

.login-box .title {
	font-size: 16px;
	font-weight: bold;
	padding: 30px 0;
	color: #000;
	margin: 0 20px 10px;
	text-align: center;
	border-bottom: solid 1px #d0d0d0;
}

.login-box .login-body {
	padding: 20px 40px;
	width: 100%;
	margin: 0 auto;
}

.forgot-pwd-lnk {
	line-height: 34px;
	color: #333;
	white-space: nowrap;
}

.forgot-pwd-lnk:hover {
	color: #337ab7;
}

/* Header Section */
.header {
	background: #2c2c2c;
	padding: 5px 0;
	height: 55px;
}

.app-op-box {
	float: right;
	padding: 7px 0 0 0;
}

.app-op-box img {
	padding: 0 4px;
}

.app-op-box .dropdown {
	display: inline-block;
	font-size: 12px;
	border-right: solid 1px #b0b0b0;
	padding: 0 15px 0;
}
/* .app-op-box .dropdown a{
  color: #b0b0b0;
} */
/* changes by dharmesh*/
.app-op-box .dropdown {
	color: black;
}

/* changes by dharmesh*/

/* Navbar Section */
.site-navbar {
	background: #00a651;
	height:30px;
}
/* .site-navbar .navbar-nav li a{
	padding: 5px 10px !important;
} */
.site-navbar .navbar-nav>li>a {
	color: #fff;
	padding: 15px 10px !important;
}

.site-navbar .navbar-nav>li>a:hover {
	background-color: #008641;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background: #000;
}

.site-navbar .navbar-nav .dropdown-menu {
	/*position: fixed;*/
	position: absolute;
	background: #000;
	top: auto;
	width: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 15px 0;
	z-index: 1024;
}

.site-navbar .navbar-nav .dropdown-menu .submenu-title {
	font-size: 16px;
	color: #00a651;
	display: block;
	padding: 0 0 10px 0;
	font-weight: bold;
}

.site-navbar .navbar-nav .dropdown-menu a {
	font-size: 12px;
	color: #fff;
	display: block;
	width: 100%;
	line-height: 25px;
}

.site-navbar .navbar-nav .dropdown-menu a:hover {
	text-decoration: underline;
}

.wh-selection, .brm-pt-10 {
	padding-top: 7px;
}

.wh-selection a {
	color: #e0fe9a;
}

/* Breadcrumb Section Start */
.breadcrumb-box {
	color: #818181;
	padding-top: 10px;
}

.breadcrumb-box a {
	color: #aaaaaa;
	text-decoration: none;
}

.breadcrumb-box a:hover {
	color: #00a651;
}

/* Content Section Start */
.content {
	padding: 0 0 20px 0;
}

.page-title {
	padding: 2px 0;
	border-bottom: solid 5px #f5f5f5;
	font-size: 26px;
	font-weight: bold;
}

.top-section {
	background: #fff;
	padding: 5px 0 10px;
	color: #6e6e6e;
}
.top-section .brm-pl0{
 padding-left: 0;
 }
 .brm-srch-brdr{
 border-color: #ccc !important;
 }
 .brm-actn-btn{
 	padding-right:0;
 }
 .btn-width-lg {
    width: 125px;
}
 .brm-ac-nw{
 	margin: 0 10px;
 }
 .brm-actn-btn .brm-pan{
 display : inline-block;
 }
.top-section label {
	display: block;
	color: #444;
}

.bottom-section {
	background-color: #fff;
}

.dash-margine {
	margin-bottom: 0px !important;
}

.dash-10margine {
	margin-bottom: -10px !important;
	padding-top: 0px !important;
}

.dash-topPadding {
	padding-top: 0px !important;
}

.bottom-section .section-title {
	border-bottom: solid 1px #d6d8dc;
	padding: 5px 0;
}

.bottom-section .section-title .title {
	font-size: 12px;
	font-weight: bold;
	color: #4a4a4a;
}

.bottom-section .tab-content label {
	font-weight: normal;
	color: #757575;
	font-size: 12px;
}

.bottom-section .form-group, .adv-search-container .form-group {
	margin: 10px 0 5px 0;
}

.adv-search-container .form-group {
	margin: 10px 0 30px 0;
}

.remove-record .glyphicon-minus-sign {
	font-size: 21px;
	color: #d42020;
	padding-top: 10px;
	padding-left: 5px;
}

.bottom-section .form-group .remove-record .glyphicon {
	margin-top: 35px;
}

.add-record .glyphicon-plus-sign {
	font-size: 21px;
	color: steelblue;
	padding-top: 10px;
	padding-left: 5px;
}

.bottom-section .form-group .add-record .glyphicon {
	margin-top: 35px;
}

.bottom-section .form-group .add-remove {
	float: left;
	font-size: 20px;
	padding: 4px 0 0 10px;
}

.bottom-section .form-group .add-remove>a {
	float: left;
}

.add-remove .add {
	color: #00a651;
}

.add-remove .remove {
	color: #d42020;
}

.bottom-section .form-section {
	padding: 0 0 50px 0;
}

.bottom-section .form-section.last {
	padding: 0;
}

.adv-search {
	width: 685px;
}

.adv-search-box {
	width: 100%;
	padding: 10px 20px;
}

.adv-search-box .row {
	margin: 0;
}

.input-group .adv-search-box .form-control:last-child {
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	border-radius: 4px !important;
}

/* Footer Section Start */
.footer {
	border-top: solid 1px #c1c1c1;
	margin-top: 15px;
}

.footer .copyright {
	text-align: center;
	font-size: 12px;
	color: #949494;
	padding: 15px 0;
}

/* For Styleguide */
#grids [class*="col-"] {
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #EEE;
	background-color: rgba(86, 61, 124, 0.15);
	border: 1px solid #DDD;
	border: 1px solid rgba(86, 61, 124, 0.2);
}

/* Toggle Button Method 1 */
input[type=checkbox].toggle-chkbox {
	-webkit-transition: background-position .5s ease;
	-webkit-appearance: none;
	width: 72px;
	height: 23px;
	border-radius: 50em;
	border: 1px solid transparent;
	background-repeat: no-repeat;
	background-position: -72px -1px;
	background-image: url(/resources/img/login-bg.jpg);
}

input[type=checkbox].toggle-chkbox:checked {
	background-position: -1px -1px;
}

input[type=checkbox].toggle-chkbox:focus {
	outline: none;
}

/* Toggle Button */
.onoffswitch {
	position: relative;
	width: 90px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #FFFFFF;
	border-radius: 20px;
}

.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 29px;
	padding: 0;
	line-height: 29px;
	font-size: 10px;
	color: white;
	font-family: 'proxima-nova-regular';
	font-weight: bold;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.onoffswitch-inner:before {
	content: "ACTIVE";
	padding-left: 8px;
	background-color: #02A552;
	color: #FFFFFF;
}

.onoffswitch-inner:after {
	content: "INACTIVE";
	padding-right: 8px;
	background-color: #D42020;
	color: #FFFFFF;
	text-align: right;
}

.onoffswitch-switch {
	display: block;
	width: 22px;
	margin: 3.5px;
	background: #FFFFFF;
	border: 2px solid #FFFFFF;
	border-radius: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 57px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0px;
}

/*Style rules for rounded-checkbox*/

.rounded-checkbox {
    position: relative;
}
.rounded-checkbox > input[type="checkbox"] {
    z-index: 2;
    opacity: 0;
    cursor:pointer;
}
.rounded-checkbox > input[type="checkbox"] + span {
    position: absolute;
    width: 14px;
    height: 14px;
    left: -1px;
    top: 3px;
    border-radius: 50%;
    background: #eee;
    box-shadow: 0 0 1px 1px #ddd inset;
    z-index: 1;
    cursor: pointer;
    border: 1px solid #999;
    box-sizing: border-box;
}
.rounded-checkbox > input[type="checkbox"]:checked + span::after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    background: #333;
    content: "";
    border-radius: 50%;
}
/* To make Bootstrap Non-Responsive */
/* Template-specific stuff
 *
 * Customizations just for the template; these are not necessary for anything
 * with disabling the responsiveness.
 */

/* Account for fixed navbar */
body, .navbar-fixed-top, .navbar-fixed-bottom {
	min-width: 970px;
}

/* Don't let the lead text change font-size. */
.lead {
	font-size: 16px;
}

/* Finesse the page header spacing */
.page-header {
	margin-bottom: 30px;
}

.page-header .lead {
	margin-bottom: 10px;
}

/* Non-responsive overrides
 *
 * Utilize the following CSS to disable the responsive-ness of the container,
 * grid system, and navbar.
 */

/* Reset the container */
.container {
	/*width: 970px;
  max-width: none !important;*/
	
}

/* Demonstrate the grids */
/*.col-xs-4 {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #eee;
  background-color: rgba(86,61,124,.15);
  border: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
}*/
.container .navbar-header, .container .navbar-collapse {
	margin-right: 0;
	margin-left: 0;
}

/* Always float the navbar header */
.navbar-header {
	float: left;
}

/* Undo the collapsing navbar */
.navbar-collapse {
	display: block !important;
	height: auto !important;
	padding-bottom: 0;
	overflow: visible !important;
	visibility: visible !important;
}

.navbar-toggle {
	display: none;
}

.navbar-collapse {
	border-top: 0;
}

.navbar-brand {
	margin-left: -15px;
}

/* Always apply the floated nav */
.navbar-nav {
	float: left;
	margin: 0;
}

.navbar-nav>li {
	float: left;
	position: static;
}

.navbar-nav>li>a {
	padding: 10px;
}

/* Redeclare since we override the float above */
.navbar-nav.navbar-right {
	float: right;
}

/* Undo custom dropdowns */
.navbar .navbar-nav .open .dropdown-menu {
	position: absolute;
	float: left;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .15);
	border-width: 0 1px 1px;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	/*color: #333;*/
	
}

.navbar .navbar-nav .open .dropdown-menu>li>a:hover, .navbar .navbar-nav .open .dropdown-menu>li>a:focus,
	.navbar .navbar-nav .open .dropdown-menu>.active>a, .navbar .navbar-nav .open .dropdown-menu>.active>a:hover,
	.navbar .navbar-nav .open .dropdown-menu>.active>a:focus {
	color: #fff !important;
	background-color: #428bca !important;
}

.navbar .navbar-nav .open .dropdown-menu>.disabled>a, .navbar .navbar-nav .open .dropdown-menu>.disabled>a:hover,
	.navbar .navbar-nav .open .dropdown-menu>.disabled>a:focus {
	color: #999 !important;
	background-color: transparent !important;
}

/* Undo form expansion */
.navbar-form {
	float: left;
	width: auto;
	padding-top: 0;
	padding-bottom: 0;
	margin-right: 0;
	margin-left: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Copy-pasted from forms.less since we mixin the .form-inline styles. */
.navbar-form .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}

.navbar-form .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

.navbar-form .form-control-static {
	display: inline-block;
}

.navbar-form .input-group {
	display: inline-table;
	vertical-align: middle;
}

.navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn,
	.navbar-form .input-group .form-control {
	width: auto;
}

.navbar-form .input-group>.form-control {
	width: 100%;
}

.navbar-form .control-label {
	margin-bottom: 0;
	vertical-align: middle;
}

.navbar-form .radio, .navbar-form .checkbox {
	display: inline-block;
	margin-top: 0;
	margin-bottom: 0;
	vertical-align: middle;
}

.navbar-form .radio label, .navbar-form .checkbox label {
	padding-left: 0;
}

.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"]
	{
	position: relative;
	margin-left: 0;
}

.navbar-form .has-feedback .form-control-feedback {
	top: 0;
}

.adp-days.ng-binding {
	display: none;
}
/* Bootstrap Overrides */
.nav-tabs>li {
	margin: 0 3px -1px 3px;
}

.nav-tabs>li>a, .nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
	color: #555;
	cursor: pointer;
	background-color: #e1e1e1;
	border: 1px solid #DDD;
	border-bottom-color: rgba(0, 0, 0, 0);
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
	{
	/*   background-color: #fbfbfb;
 */
	
}

.tab-content {
	/*   padding-top: 15px;
 */ /*   background: #fbfbfb;
 */
	
}

.row.no-gutter {
	margin-left: 0;
	margin-right: 0;
}

.row.no-gutter [class*='col-']:not (:first-child ), .row.no-gutter [class*='col-']:not
	(:last-child ) {
	padding-right: 0;
	padding-left: 0;
}

.adv-search-box .row [class*='col-']:not (:first-child ),
	.adv-search-box .row [class*='col-']:not (:last-child ) {
	padding-right: 15px;
	padding-left: 15px;
}

/* Nested Flat Tabs */
.flat-tabs {
	border-bottom: 3px solid #ddd;
	margin-top: 40px;
	margin-bottom: 20px;
}

.nav-pills.flat-tabs>li {
	margin-left: 35px;
}

.nav-pills.flat-tabs>li>a {
	font-weight: bold;
	background: none;
	border-radius: 0px;
	font-size: 12px;
	padding: 0 0 10px 0;
	color: #999;
}

.nav-pills.flat-tabs>li.active>a, .nav-pills.flat-tabs>li.active>a:hover,
	.nav-pills.flat-tabs>li.active>a:focus {
	background: none;
	color: #000;
	border-bottom: 3px solid #00a651;
	margin-bottom: -20px;
}

/* Dropdown menu for btns */
.dropdown-menu-btn {
	margin-top: 17px;
}

.adv-search {
	text-align: left;
}

.glyphicon-sm {
	font-size: 30px;
}

.glyphicon-sl {
	font-size: 50px;
}

.small-header {
	padding: 8px 15px;
}

.tags {
	position: relative;
}

.tags-container {
	position: absolute;
	top: 5px;
	left: 10px;
	z-index: 9;
	width: 90%;
}
.tags-container-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.tags-container-wrap > .label {
    margin-bottom: 3px;
}
.advanced-search-container .tags-container{
	left:0;
	top:0;
	max-width:calc(100% - 215px);
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	height:100%;
	padding:1px 5px;
}
.tags-wrap {
    max-width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
}
.dropdown-tags-wrap{
	display:flex;
	flex-wrap:wrap;
	padding:5px 7px 0px;
}
.tags-wrap > .label, .dropdown-tags-wrap > .label {
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 3px;
    padding: 3px 5px 2px;
}
.tags-wrap > .label > *, .dropdown-tags-wrap > .label > *{
	display:inline-block;
	margin:0 1px;
	vertical-align:middle;
	line-height:1.4;
}
.dropdown-tags-wrap > .label{
	margin-bottom:7px;
}
.dropdown-tags-wrap > .label > .label-text, .tags-wrap > .label > .label-text, .tags-container > .label > .label-text {
    display: inline-block;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.show-all-tags-container {
    position: absolute;
    top: 1px;
    right: -2px;
    text-align: right;
    width:106px;
}
/* Custom Check Box */
.onoffswitch {
	position: relative;
	width: 90px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 0px solid #ccc;
	border-radius: 3px;
}

.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 25px;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	color: white;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.onoffswitch-inner:before {
	content: "ACTIVE";
	padding-left: 18px;
	background-color: #00a651;
	color: #FFFFFF;
}

.onoffswitch-inner:after {
	content: "INACTIVE";
	padding-right: 10px;
	background-color: #808080;
	color: #FFF;
	text-align: right;
}

.onoffswitch-switch {
	display: block;
	width: 18px;
	margin: 3px;
	background: #FFFFFF;
	border: 0px solid #999999;
	border-radius: 3px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 65px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0px;
}

.yesnoswitch {
	position: relative;
	width: 60px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.yesnoswitch-checkbox {
	display: none;
}

.yesnoswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 0px solid #ccc;
	border-radius: 3px;
}

.yesnoswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.yesnoswitch-inner:before, .yesnoswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 25px;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	color: white;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.yesnoswitch-inner:before {
	content: "YES";
	padding-left: 10px;
	background-color: #00a651;
	color: #FFFFFF;
}

.yesnoswitch-inner:after {
	content: "NO";
	padding-right: 10px;
	background-color: #808080;
	color: #FFF;
	text-align: right;
}

.yesnoswitch-inner.onoff:before {
	content: "ON";
	padding-left: 10px;
	background-color: #00a651;
	color: #FFFFFF;
}

.yesnoswitch-inner.onoff:after {
	content: "OFF";
	padding-right: 10px;
	background-color: #808080;
	color: #FFF;
	text-align: right;
}

.yesnoswitch-switch {
	display: block;
	width: 18px;
	margin: 3px;
	background: #FFFFFF;
	border: 0px solid #999999;
	border-radius: 3px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 36px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.yesnoswitch-checkbox:checked+.yesnoswitch-label .yesnoswitch-inner {
	margin-left: 0;
}

.yesnoswitch-checkbox:checked+.yesnoswitch-label .yesnoswitch-switch {
	right: 0px;
}

.qtyswitch {
	position: relative;
	width: 90px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.qtyswitch-checkbox {
	display: none;
}

.qtyswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 0px solid #ccc;
	border-radius: 3px;
}

.qtyswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.qtyswitch-inner:before, .qtyswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 25px;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	color: white;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.qtyswitch-inner:before {
	content: "VARIABLE";
	padding-left: 15px;
	background-color: #00a651;
	color: #FFFFFF;
}

.qtyswitch-inner:after {
	content: "FIXED";
	padding-right: 25px;
	background-color: #808080;
	color: #FFF;
	text-align: right;
}

.qtyswitch-switch {
	display: block;
	width: 18px;
	margin: 3px;
	background: #FFFFFF;
	border: 0px solid #999999;
	border-radius: 3px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 65px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.qtyswitch-checkbox:checked+.qtyswitch-label .qtyswitch-inner {
	margin-left: 0;
}

.qtyswitch-checkbox:checked+.qtyswitch-label .qtyswitch-switch {
	right: 0px;
}

.row-bottom-gutter {
	margin-bottom: 20px;
}

.no-padding {
	padding: 0px;
}

.threepx-padding {
	padding: 3px !important;
}

.full-width {
	width: 100% !important;
}

.panel-top-padding {
	padding-top: 10px;
}

.save-btn {
	margin: 0 3px 0 0;
	padding: 0px;
	border: none;
	color: #337ab7;
	background: none;
}

.save-btn:hover {
	background: none;
	color: #337ab7
}

.ninety-prcnt {
	width: 90%;
}

.loading-container {
	background: rgba(123, 123, 123, 0.7) none repeat scroll 0 0;
	height: 140%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999999;
}

.removeLinkUnderline {
	text-decoration: none;
}

.location-box div.col-xs-12 {
	border-top: 1px solid #ddd;
}

.location-box div.col-xs-12:nth-child(even) {
	background: #f9f9f9;
}

.loading {
	left: 50%;
	/*margin: 40px 5px;
    padding: 20px;*/
	position: fixed;
	top: 50%;
	width: 0;
	margin: -50px 0 0 -50px;
}

.loading img {
	-webkit-user-select: none;
	background-color: #000000;
	padding: 20px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}

.contentloader {
	left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
}

.contentloader2 {
	left: 0;
    margin: 0 auto;
    right: 0;
    text-align: center;
}

.contentloader img {
	height: 100px;
}

.contentloader2 img {
	height: 100px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak,
	.x-ng-cloak {
	display: none !important;
}

/* Sub Tabs Styles */
.nav-tabs.sub-tabs>li.active>a, .nav-tabs.sub-tabs>li.active>a:hover,
	.nav-tabs.sub-tabs>li.active>a:focus {
	background-color: transparent;
	border: none;
	border-bottom: 3px solid #00a651;
}

.nav-tabs.sub-tabs>li>a, .nav-tabs.sub-tabs>li>a:hover, .nav-tabs.sub-tabs>li>a:focus
	{
	color: #555;
	cursor: pointer;
	background-color: transparent;
	border: none;
	border-bottom-color: rgba(0, 0, 0, 0);
}

/* Vertically Center Modal */
.modal {
	text-align: center;
}

/* changes by Mansi Joshi */
/* First User Default Currency*/
.defaultCurrencyDropDown {
	margin-bottom: 20px;
}

.defautlCurrencyBox {
	margin: 0 auto;
	float: none;
}
/* First User Default Currency*/
@media screen and (min-width: 650px) {
	.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
}

.modal-dialog {
	display: inline-block;
	text-align: left;
	vertical-align: middle;
}

/*changes*/
.panel {
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: 4px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
	margin-bottom: 15px;
	padding-top: 15px
}

.panel-default>.panel-heading {
	background-color: #f5f5f5;
	border-color: white;
	color: #333;
}

.text-danger {
	color: red;
	font-size: 12px;
}

a.text-danger:hover {
	color: red;
}

.tracking-details-body {
	max-height: 420px;
	overflow-y: auto;
	overflow-x: hidden;
}

/*no title switch*/
.notitleswitch {
	position: relative;
	width: 60px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.notitleswitch-checkbox {
	display: none;
}

.notitleswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 0px solid #ccc;
	border-radius: 3px;
}

.notitleswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.notitleswitch-inner:before, .notitleswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 25px;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	color: white;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.notitleswitch-inner:before {
	content: "";
	padding-left: 10px;
	background-color: #00a651;
	color: #FFFFFF;
}

.notitleswitch-inner:after {
	content: "";
	padding-right: 10px;
	background-color: #808080;
	color: #FFF;
	text-align: right;
}

.notitleswitch-inner.onoff:before {
	content: "";
	padding-left: 10px;
	background-color: #00a651;
	color: #FFFFFF;
}

.notitleswitch-inner.onoff:after {
	content: "";
	padding-right: 10px;
	background-color: #808080;
	color: #FFF;
	text-align: right;
}

.notitleswitch-switch {
	display: block;
	width: 18px;
	margin: 3px;
	background: #FFFFFF;
	border: 0px solid #999999;
	border-radius: 3px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 36px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.notitleswitch-checkbox:checked+.notitleswitch-label .notitleswitch-inner
	{
	margin-left: 0;
}

.notitleswitch-checkbox:checked+.notitleswitch-label .notitleswitch-switch
	{
	right: 0px;
}

.info-sign .glyphicon-info-sign {
	color: steelblue;
	font-size: 21px;
	padding-left: 0px;
	padding-top: 6px;
}

.rawMaterialModalLabel {
	display: inline-block;
	font-weight: bold;
	margin-bottom: 5px;
	max-width: 100%;
}

/*Hybrid Search Starts*/
.brm-sdbr-srh ul {
	padding: 0;
	margin: 0;
}

.brm-sdbr-srh ul li {
	list-style-type: none;
	padding: 10px 0 10px 40px;
	margin: 0;
	position: relative;
}

.brm-sdbr-srh ul li a {
	color: #333;
	text-decoration: none;
}

.brm-sdbr-srh ul li a img {
	position: absolute;
	left: 10px;
	top: 9px;
}

.brm-sdbr-dtl a {
	font-size: 20px;
	margin: 0;
	color: #333;
	text-decoration: none;
	display: block;
}

.brm-sdbr-dtl a span {
	color: #333;
	font-size: 20px;
}

.brm-sdbr-dtl p, .brm-sdbr-dtl span {
	font-size: 12px;
	margin: 0;
}

.brm-sdbr-dtl ul {
	padding: 7.5px 15px;
	margin-bottom: 0;
}

.brm-sdbr-dtl ul:hover {
	background-color: #f5f5f5;
}

.brm-drpdwn-box {
	border: 1px solid #ccc;
	border-top: 0;
	padding: 0;
	background-color: #fff
}

.brm-drpdwn-ovrflw {
	border: 1px solid #ccc;
}

.brm-drpdwn-ovrflw .brm-drpdwn-box {
	border: none;
	border-bottom: 1px solid #ccc;
}

.brm-drpdwn-ovrflw>.ng-scope:last-child .brm-drpdwn-box {
	border-bottom: none;
}

.brm-srch {
	padding: 5px 0;
}

.brm-srch .input-group-addon, .brm-srch button.btn {
	background-color: #00a651 !important;
	border-color: #00a651 !important;
	cursor: pointer;
}

.brm-srch .input-group-addon img, .brm-srch button.btn img {
	width: 20px;
}

.brm-srch ul li.divider {
	margin: 2px 0;
}

.brm-srch ul li a {
	padding: 5px 20px 5px 35px;
	position: relative;
}

.brm-srch ul li a img {
	left: 8px;
	position: absolute;
	top: 5px;
	width: 18px;
}

.brm-drpdwn-ovrflw {
	max-height: 500px;
	overflow-x: hidden;
	min-height: 40px;
}

.brm-srch-results {
	padding: 0;
}

.brm-cursor {
	cursor: pointer;
}

.cursor-text {
	cursor: text;
}

.brm-drpdwn-dtl {
	display: block;
	padding: 10px;
	text-align: left;
	list-style: outside none none;
}

.brm-showmore {
	font-weight: bold;
	background: #f4f4f4;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
	padding: 5px 5px;
	line-height: 1;
}

.brm-srch-results .brm-sdbr-dtl {
	padding: 0;
	border-left: 1px solid #f4f4f4;
}

.brm-drplist {
	
}

.brm-sdbr-dtl .brm-drp-title {
	margin-top: 0;
}

.brm-sdbr-dtl .brm-drp-title a, .brm-sdbr-dtl .brm-drp-title a span {
	font-size: 15px;
}

.brm-drplist h6 {
	margin-bottom: 0;
}

.brm-divider {
	background-color: #e5e5e5;
	height: 1px;
	display: block;
	margin: 5px 0 0 !important;
}

.brm-srch-title {
	text-transform: uppercase;
	font-weight: bold;
}

.brm-src-list.brm-sdbr-dtl .brm-drp-title a, .brm-src-list.brm-sdbr-dtl .brm-drp-title a span
	{
	font-size: 15px;
}

.brm-src-list.brm-sdbr-dtl .brm-drp-title a:hover {
	color: #333;
}

.brm-src-list.brm-sdbr-dtl ul {
	padding: 15px;
}

.brm-l-side ul {
	margin-top: 15px !important;
}

.brm-sdbr-srh {
	
}

.brm-sdbr-srh ul {
	padding: 0;
	margin: 0;
}

.brm-sdbr-srh ul li {
	list-style-type: none;
	padding: 10px 0 10px 40px;
	margin: 0;
	position: relative;
}

.brm-sdbr-srh ul li.active, .brm-sdbr-srh ul li:hover {
	background-color: #f5f5f5;
}

.brm-sdbr-srh ul li a {
	color: #333;
	text-decoration: none;
}

.brm-sdbr-srh ul li a img {
	position: absolute;
	left: 10px;
	top: 9px;
}

.brm-sdbr-dtl {
	border-bottom: none;
	padding: 10px 15px;
}

.brm-sdbr-dtl p {
	font-size: 12px;
	color: #aaa;
	margin: 0;
}

.brm-src-sublist {
	list-style: none;
	margin: 0;
	padding: 0 !important;
}

.brm-sdbr-dtl .brm-src-sublist>li, .brm-sdbr-dtl .brm-src-sublist>li>span
	{
	font-size: 12px;
}

.brm-nav-r .dropdown {
	padding: 0 5px;
	font-size: 12px;
}

.brm-nav-r .dropdown .brm-nav-user {
	display: inline-block;
	margin-right: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
	width: 50px;
}

.brm-tab-selct {
	background-color: #e5e5e5
}

.brm-search-onload {
	display: none;
}

.brm-search-afterload {
	display: block !important;
}
/*Hybrid Search Starts*/

/*Shopify Order List Starts*/
.selectionRedirection {
	cursor: pointer;
}

.searchBar {
	display: initial;
}
/*Shopify Order List Ends*/
.tab-width {
	padding: 10px 50px !important;
}

.brm-lng-desc {
	height: 65px !important;
	resize: none !important;
	width: 100% !important;
}

.brm-sku-stats {
	margin-top: 10px;
}

.brm-sku-tags {
	margin-top: -25px;
}

.qty-mismatch {
	color: red !important;
}

.qty-match {
	color: green !important;
}

.qty-tr-gen {
	color: violet !important;
}

.qty-normal {
	color: #337ab7;
	cursor: pointer
}

.brm-border-red {
	border: 1px solid red !important;
}

.brm-inv-pg h1 {
	margin-bottom: 20px;
	margin-top: 0;
}

.brm-info-btn {
	border-left: 1px solid #ccc !important;
}

.glyphicon.glyphicon-plus-sign.gi-5x {
	font-size: 14em;
	padding-top: 65px;
}

.brm-info-bordr {
	border-bottom-left-radius: 2px !important;
	border-bottom-right-radius: 0;
	border-color: #ececec !important;
	border-style: solid;
	border-top-left-radius: 2px !important;
	border-top-right-radius: 2px !important;
	border-width: 1px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
	box-sizing: border-box;
}

.brm-autoc-pad {
	padding: 5px;
}

.brm-fin-tot {
	font-weight: bold;
}

.brm-adj-edt {
	background-color: #fff;
	cursor: pointer;
	color: #337ab7;
}

.brm-var-err {
	color: red;
}

.brm-lc-sku-dd {
	display: block;
}

.brm-inv-pay {
	padding: 0px 10px;
}

.brm-sku-desc {
	margin-bottom: 15px;
}

.brm-spfy-tbl-hed {
	background: #EFEFEF;
}

.brm-spfy-add {
	font-size: 7em !important;
 	padding-top: 30px;
}

.brm-spfy {
	background-color: #f4f4f5;
	border-radius: 3px;
	text-align: center;
	position: relative;
	cursor: pointer
}

.brm-spfy span {
	position: absolute;
	left: 0;
	bottom: 4px;
	color: #cac7c7;
	color: #6eaeff;
}

.trz-terms-condition .ta-editor {
	height: auto;
	max-height: 110px;
	min-height: 110px;
}

.brm-pt-40 {
	padding-top: 40px;
}

.brm-pt-20 {
	padding-top: 20px;
}

.brm-pt-3 {
	padding-top: 3px;
}
.pl-5 {
	padding-left: 5px;
}
.pl-8 {
	padding-left: 8px;
}
.pl-10 {
	padding-left: 10px;
}
.brm-pl-15 {
	padding-left: 15px;
}

.brm-pl-6 {
	padding-left: 6px;
}

.brm-flt-opt-sku {
	white-space: normal !important;
}

.brm-sku-opt {
	padding-bottom: 40px;
}

.mt-0 {
	margin-top: 0px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}
.mb0 {
   margin-bottom: 0;
}

.brm-lc-sctn {
	padding-top: 0 !important;
}

.brm-li-sctn {
	margin-bottom: -10px !important;
}

.brm-pd-0 {
	padding: 0px !important;
}

.brm-pt-30 {
	padding-top: 30px !important;
}

.brm-var-chips-inpt {
	width: 360px !important;
}

.brm-ldr-ctnr {
	background: rgba(256, 256, 256, 0.25) none repeat scroll 0 0;
	height: 140%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999999;
}

.brm-ldr {
	left: 50%;
	margin-left: -100px;
	margin-top: -70px;
	position: fixed;
	top: 50%;
}

.brm-pg-ldr {
	background: white !important;
	z-index: 99999999;
}

.brm-brdcrm-pd {
	padding: 10px 0 5px;
}

.brm-txt-edit {
	background-color: #eeeeee;
	border: 1px solid #ccc !important;
	border-radius: 5px;
	padding: 15px;
}

.brm-txt-edit .ta-toolbar button {
	border: 1px solid #ccc !important;
	margin: 5px 0 !important;
	border-left: 0 !important;
}

.brm-txt-edit .ta-toolbar button:first-child {
	border-left: 1px solid #ccc !important;
}

.brm-txt-edit .ta-text {
	width: 100%;
	border: 1px solid #ccc !important;
}

.brm-img-del-btn {
	margin-top: 5px;
}

.reo-lab {
	margin-top: 9px;
}

.reo-lab-pad {
	padding: 0px;
}

.reo-bt-mar {
	margin-left: 475px;
}

.brm-rcv-all-mdl {
	width: 300px !important;
}

.brm-rcv-crr-mdl {
	width: 650px !important;
}

.brm-stp-pay-mdl {
	width: 500px !important;
}

.brm-stp-err-mdl {
	width: 400px !important;
}

.brm-vnd-dp-add {
	padding: 7.5px 12px !important;
}

.brm-wdth-100 {
	width: 100% !important;
}

.brm-top-sc-cl-rm {
	color: #2e2e2e !important;
}

.brm-dash-panel {
	border: 0 solid transparent !important;
	margin-right: 10px !important;
}

.brm-inv-hst-subtb {
	color: #6e6e6e !important;
}

.brm-ft-wt-nr {
	font-weight: normal !important;
}

.brm-crsr-nrml {
	cursor: default !important;
}

.brm-crsr-pntr {
	cursor: pointer !important;
}

.brm-skupop-cus-dd {
	position: relative;
}

.brm-skupop-cus-dd input {
	width: 100%;
}

.brm-skupop-cus-dd ul {
	position: absolute !important;
	margin: -2px 0 0 0;
	width: 100%;
	padding: 0;
	z-index: 15;
	overflow-y: auto;
	max-height: 100px !important;
	top: 100%;
	background-color: #fff !important;
	border: 1px solid #ccc !important;
}

.brm-skupop-cus-dd li {
	background: #fff;
	border: 0;
	border-color: #ccc !important;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
	margin: 0 !important;
	width: 100%;
	height: auto;
	color: #000;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset;
}

.brm-skupop-cus-dd li:last-child {
	border-bottom: 0px;
}

.brm-skupop-cus-dd li:hover, .brm-skupop-cus-dd li:focus,
	.brm-skupop-cus-dd li:active {
	background: #5cb85c;
	color: #fff;
}

.brm-stp-crd-edt {
	margin-top: 40px !important;
	cursor: pointer !important;
}

.brn-inv-btn-pnl {
	height: 30px;
}

md-autocomplete-suggestions-container {
	top: 0px !important;
}

.brm-msg-ovrly {
	z-index: 10 !important;
	position: absolute !important;
}

.brm-zi-20 {
	z-index: 20 !important;
}

.brm-ctc-phn-btn {
	padding: 7px 12px !important;
}

.brm-mb-0 {
	margin-bottom: 0px !important;
}

.brm-mb-10 {
	margin-bottom: 10px !important;
}

.brm-mr-17 {
	margin-right: 17px !important;
}

.brm-mr-15 {
	margin-right: 15px;
}

.brm-pb-10 {
	padding-bottom: 10px;
}

.brm-pr-10 {
	padding-right: 10px;
}

.brm-bcm-act {
	color: #00a651 !important;
	cursor: default;
}

.brm-bcm-act a:hover {
	color: #aaaaaa;
	text-decoration: none;
}

.breadcrumb>li+li::before {
	content: ">" !important;
}

.brm-breadcrumb {
	background-color: transparent !important;
	margin-bottom: 0px !important;
	padding: 0 !important;
}
.brh-dsh.brm-shp-str img{
	padding: 0 20px;
}

.tree-node-content {
	margin: 10px;
}

.tree-node {
	background: #f8faff none repeat scroll 0 0;
	border: 1px solid #dae2ea;
	color: #7c9eb2;
}

.angular-ui-tree-handle {
	background: #f8faff none repeat scroll 0 0;
	border: 1px solid #dae2ea;
	color: #555;
	padding: 10px;
}

.tre-btn-dsbl {
	cursor: default;
	color: #afafaf !important;
}

.brm-tre-tgl-dsbl {
	color: #afafaf;
	cursor: default;
}

.brm-cat-srch {
	padding: 10px 5px;
	color: #000000;
	margin-bottom: 0px;
	border-bottom: 1px solid #ddd;
}

.brm-cat-srch:hover, .angucomplete-row:hover .skuCode {
	background-color: #00a651;
	color: #ffffff;
}

.brm-cat-warn {
	border: 1px solid #fc0 !important;
}
.br-warning {
	color: #ffcc00 !important;
}
.brm-rdo-lbl {
	display: unset !important;
	cursor: pointer !important;
}
.sk-sd-wd {
	width: 97.5% !important;
}
.sk-ld-ht {
	height: 310px !important;
}
.brm-tbl-srt {
	color: #2e2e2e;
	cursor: pointer;
}
.ship-btn .btn {
	margin-left: 5px;
}
.trk-flg-chk {
	margin-bottom: 6px;
	margin-top: -10px;
}
.brm-sku-trk {
	line-height: 1.42857;
    padding: 6px 12px;
    width: 100%;
}
md-radio-button:not([disabled]).md-primary.md-checked .md-off{
	 border-color: #00a651;
}
md-radio-button:not([disabled]).md-primary .md-on {
    background-color: #00a651;
}
md-radio-button .md-label{
	padding-left:50px;
}

md-toast.md-bottom {
	bottom: 0;
	padding-bottom: 40px;
	left: 50%;
	position: fixed;
	transform: translate(-50%, 0px);
	-moz-transform: translate(-50%, 0px);
	-webkit-transform: translate(-50%, 0px);
	-ms-transform: translate(-50%, 0px);
	z-index: 1000000;
}
md-toast.brm-toast-blue {
    bottom:0;
    padding-bottom: 40px;
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0px);
	-moz-transform: translate(-50%, 0px);
	-webkit-transform: translate(-50%, 0px);
	-ms-transform: translate(-50%, 0px);
	z-index: 1000000;
}
md-toast.brm-toast-blue .md-toast-content {
    background: #337ab7;
    color: #fff;
}
md-toast.brm-toast-grn {
    bottom:0;
    padding-bottom: 40px;
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0px);
	-moz-transform: translate(-50%, 0px);
	-webkit-transform: translate(-50%, 0px);
	-ms-transform: translate(-50%, 0px);
}
md-toast.brm-toast-grn .md-toast-content {
    background: #dff0d8;
	color: #3c763d;
}
md-toast.brm-toast-red {
    bottom:0;
    padding-bottom: 40px;
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0px);
	-moz-transform: translate(-50%, 0px);
	-webkit-transform: translate(-50%, 0px);
	-ms-transform: translate(-50%, 0px);
}
md-toast.brm-toast-red .md-toast-content {
    background: #f2dede;
	color: #a94442;
}

.alladress-modal .modal-dialog{
	max-width: 600px;
}
.alladress-modal .modal-body{
	padding:15px 30px;
}
.alladress-modal .md-primary:last-child{
	border-bottom:0;
}
.alladress-modal md-radio-button{
	border-bottom:1px solid #ddd;
	    padding-bottom: 10px;
    margin-bottom: 10px;
}
md-toast.md-bottom .md-toast-content {
	background: #f2dede;
	color: #a94442;
	text-align: center;
}
md-toast.brm-toast-green .md-toast-content {
	background: #dff0d8;
	color: #3c763d;
}
.brm-width-98 {
	width: 98% !important;
}
.sku-note.form-control.brm-inv-notes {
	border-color: red;
	box-shadow: none
}
.a11y {
  left: -9999px;
  position: absolute;
  top: -9999px;
}
.radioalign {
	vertical-align: middle !important;
	margin: 0px !important;
}
.br-attach-img{
	width:150px;
	height:150px;
}
.brm-dblok{
	display: block;
}
.brm-upBtn {
	margin-left: 335px;
}
.brm-rmvFlt {
	float: none !important;
}
.btn-add-note{
	display: block;
	margin: 6px 0 2px;
}
.sku-note.form-control{
	width:100%;
  	height:34px;
  	border:1px solid #66afe9;
  	overflow-y: auto !important;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  	margin:5px 0 0;
  	max-height:85px;
  	min-height:34px;
}
.view-sku-note{
    color: #999;
    display: block;
    margin: 6px 0 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}
.brh-integrations-block.brh-dsh-main .col-sm-4{
  margin-bottom: 15px;
}
.brh-integrations-block h2{
  font-weight: bold;
  border-bottom: 1px solid #e2e2e2;
  padding: 0 0 15px;
  margin-bottom: 40px;
}
.brh-integrations-block h3{
  font-weight: bold;
  margin-bottom: 20px;
  margin-top: 50px;
}

.brh-integrations-block .brh-dsh{
  width: 100%;
  display: table;
  padding: 0;
  height: 183px;
}
.brh-integrations-block .brh-dsh .brh-inner-dsh img{
  padding: 0;
  height: 55px;
}
.brh-integrations-block  .brh-inner-dsh{
  display: table-cell;
  vertical-align: middle;
}
.margin-top-0 {
	margin-top: 0px !important;
}

.btn-sendmail{
	background: none;
    border: 1px solid #337AB7;
    border-radius: 3px;
    height: 30px;
    padding: 4px 8px 7px;
}
.emailInvoiceModal .modal-dialog{width: 500px;}
.emailInvoiceModal .form-group{	margin: 0 0 10px;}
.emailInvoiceModal .modal-header .close { margin-top: -23px;}
.emailInvoiceModal .email-invoice-form .modal-body{padding:15px 30px 15px 50px;}

/* Ribbon */
.ribbon {position: absolute; left: -5px; top: -5px; z-index: 1; overflow: hidden; width: 75px; height: 75px; text-align: right; }
.ribbon span {font-size: 10px; font-weight: bold; color: #FFF; text-transform: uppercase; text-align: center; line-height: 20px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); width: 100px; display: block; background: #79A70A; background: linear-gradient(#EF612C 0%, #EB5B2A 100%); box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1); position: absolute; top: 19px; left: -21px; }
.ribbon span::before {content: ""; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #EB5B2A; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #EB5B2A; }
.ribbon span::after {content: ""; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #EB5B2A; border-bottom: 3px solid transparent; border-top: 3px solid #EB5B2A; }
.ribbon-green span {background: #79A70A;background: linear-gradient(#449D44 0%, #449D44 100%);box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);}
.ribbon-green span::before {border-left: 3px solid #449D44;border-right: 3px solid transparent;border-bottom: 3px solid transparent;border-top: 3px solid #449D44;}
.ribbon-green span::after {border-left: 3px solid transparent;border-right: 3px solid #449D44;border-bottom: 3px solid transparent;border-top: 3px solid #449D44;}
/* Ribbon */

.invoice-page{background-color: #fff; border: solid 1px #D0D0D0; box-shadow: 3px 3px 5px #888888; -webkit-box-shadow: 3px 3px 5px #888888; -moz-box-shadow: 3px 3px 5px #888888; margin: 0px auto 100px; width: 923px; padding:50px;position: relative;}
.invoice-page h2{font-weight:bold;}
.invoice-page table thead{background: #F5F5F5;}
.invoice-page table tr td,.invoice-page table tr th{font-size: 12px;line-height: 16px;}
.invoice-page table tr td.highlight-text{font-weight: bold;background-color: #F5F5F5;}
.invoice-page .bold{font-weight: bold;}
.invoice-page .invoice-top-details {margin-bottom: 15px;}
.invoice-page .invoice-top-details span{display: block;}
.invoice-page .invoice-top-details em{font-size: 13px;line-height: 17px;margin-bottom: 3px;display: inline-block;font-style: normal;}
.invoice-page .invoice-top-details a{color: #000;}
.invoice-page .invoice-top-details{font-size: 12px;line-height: 16px;}
.invoice-page .invoice-top-details p,.invoice-page .invoice-top-details label{margin: 0;}
.invoice-page .invoice-top-details .invoice-inner{margin: 15px 0 40px;}
.invoice-page .thank-you-text p{font-size: 24px;line-height: 28px;font-weight: bold;}
.invoice-page .pay-banner{text-align: right;}
.invoice-page .pay-banner a{display: inline-block;margin: 5px 0 35px;}
.invoice-page .invoice-totals-tbl{float: right;max-width: 400px;}
.invoice-page .invoice-totals-tbl tr>td:last-child {background: #f5f5f5;}
.invoice-body {padding-top: 30px !important;}
.top_bar {
    background-color: #FFFDD2;
    padding: 10px;
    border: solid 1px #D0D0D0;
    margin: 0px auto 20px;
    width: 923px;
}
.header_table {width: 100%;}
.balance {
    float: left;
    font-weight: bold;
    font-size: 18px;
    color: black;
    margin-left: 40px;
}
a.invoice_logo {
    float: right;
    margin-right: 10px;
    color: #565656;
}
.powered-by-image {width: 80px;}

.table-fixed thead {width: 100%;}
.table-fixed tbody {min-height: 100px;overflow-y: auto;width: 100%;}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {display: block;}
.table-fixed tbody td, .table-fixed thead > tr> th {float: left;border-bottom-width: 0;}        
.so-to-po .modal-dialog {
	width: 800px;
	min-height: 150px;
}
.create-dropship-modal .modal-dialog {
	width:600px;
	min-height: 100px;
}
/* .create-purchase-order-modal table tbody{min-height: 100px;max-height: 252px;overflow-y: auto;width: 100%;}
.create-purchase-order-modal .modal-footer{padding-bottom:0;} */

.tax-autocomplete{
	background: none;
    height: 34px;
    max-width: 75px;
}
md-autocomplete[disabled].tax-autocomplete:not([md-floating-label]){
	background:none;
}
.tax-autocomplete .md-whiteframe-z1{
	background: none;
    height: 34px;
    box-shadow:none;
}
.tax-autocomplete button.ng-scope{
	display:none;
}
.tax-autocomplete input:not(.md-input){
	height: 34px;
	line-height:34px;
	background-color: #ffffff;
    border:1px solid #ececec;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    font-size: 12px;
    margin-bottom: 5px;
    outline: 0 none;
    padding: 6px;
    max-width:75px;
    
}
.tax-autocomplete input:not(.md-input)[disabled] {
    cursor: not-allowed;
    background-color: #eee;
    border-style: solid;
    border-width: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.tax-autocomplete input:not(.md-input):focus{
	border:1px solid #66afe9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)
}

.brm-tax-row {
	position : relative;
}

.brm-at-pplt {
    display: block !important;
    left: 8px;
    position: absolute;
    top: 40px;
    width: 50px !important;
}

#clickToLinkModal .modal-footer {margin-top: 20px;}
#clickToLinkModal .angucomplete-dropdown{width:100% !important;}

.pl0 {padding-left:0;}
.pr10 {padding-right:10px;}
.brm-btn-tolink {margin-bottom:10px;}
.brm-btn-tolink a {width:100%;}

/*26-09-2017*/
.brm-hdr-fix-wth-tab {
    left: 0;
    position: fixed;
    right: 0;
    top: 52px;
    width: 100%;
    background-color: #fff;
    z-index: 9;
}
.brm-nw-crl{
	display: inline-block;
	text-align: center;
	position: relative;
}
.brm-nw-crl p{
	font-size: 10px;
	margin: 0;
}
.brm-nw-crl span{
	position: absolute;
	margin: 0 auto;
	left: 0;
	right:3px;
	top:4px;
	font-size: 10px;
	color: #fff;
}
.brm-nw-crl .progress-bar{
	background-color: #00a651;
}
.brm-nw-crl .progress {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 5px;
    margin-top: 0;
    width: 40px;
    border-radius: 2px;
    background-color: #d9dee1;
}
/*26-09-2017*/

/* CSS Rules for progress bar*/
.progress-label {
    background: #cccccc none repeat scroll 0 0;
    border-radius: 2px;
    box-shadow: 0 0 2px 2px #bbb inset;
    color: #ffffff;
    font-size: 10px;
    line-height: normal;
    margin-right: 3px;
    -webkit-box-flex:0;
    -ms-flex:0 0 45px;
    flex:0 0 45px;
    padding: 5px;
    position: relative;
    text-align: center;
    z-index: 1;
}
.progress-label > .progress-bar {
    background: #00a651 none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    z-index: -1;
    border-radius:2px;
    max-width:100%;
}
.progress-label > .progress-orange {
    background-color: #f1a314;
}
.pagination > li{
	display:inline-block;
}
/*04-10-2017*/
.brm-sel-bx{
	position: relative !important;
	padding: 0 8px 2px !important;
}
th.brm-sel-bx input[type="checkbox"]{
    margin: 0;
}
/*04-10-2017*/
.pd-20 {
	padding: 20px !important;
}
.pl-0 {
	padding-left: 0px !important;
}
.pl-15 {
	padding-left: 15px !important;
}
.pr-0 {
	padding-right: 0px !important;
}
.rp-adv-sp {
	padding: 0 17px !important;
}
.srv-src[disabled] {
	background-color: white;
}
.dp-tb {
	display: table !important;
}
.sku-img {
	max-height: 25px !important;
    max-width: 25px !important;
}
.pt-100 {
	padding-top: 100px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-20 {
	padding-top: 20px;
}
.pt-30 {
	padding-top: 30px;
}
.pb-20 {
	padding-bottom: 20px;
}
.ml-8 {
	margin-left: 8px;
}
.ml-5 {
	margin-left: 5px;
}
.ml-1 {
	margin-left: 1px;
}
.mr-8 {
	margin-right: 8px;
}
.pl-20 {
	padding-left: 20px;
}
.mb-10 {
	margin-bottom: 10px;
}
.badge.pr-fl-bdg {
	padding: 2px 4px;
	font-size: 9px;
	background-color: #fff;
	color: #00A651;
}
.add-list {
	min-height: 140px;
}
.con-list {
	min-height: 200px;
}
.va-bt {
	vertical-align: bottom;
}
.add-mdl div {
	min-height: 80px;
	margin: 0px !important;
}
.mh-at {
	min-height: auto !important;
}
.sel-add-opt {
	max-height: 300px;
	overflow-y: auto;
}
.alladress-modal{
 	padding-right: 15px;
 	margin-right: -15px;
}
.alladress-modal label{
 	color: #757575 !important;
 	font-weight: normal !important;
}
.mt-20 {
 	margin-top: 20px;
}
.mb-50 {
	margin-bottom: 50px;
}
.pb-50 {
	padding-bottom:50px;
}
.pd-cmp-phn {
	padding: 7.5px 12px;
}
.pb-10 {
	padding-bottom: 10px;
}
.t-0 {
	top: 0px !important;
}
.pt-5 {
	padding-top: 5px;
}
.pt-10 {
	padding-top: 10px;
}
.pt-15 {
	padding-top: 15px;
}
.pt-20 {
	padding-top: 20px;
}
.mr-10 {
	margin-right: 10px;
}
.add-cnct-chk {
	display: block;
}
.add-cnct-chk input{
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
.m-0 {
 	margin : 0 !important;
}
.inv-qty {
	margin-bottom: 0px !important;
	width: 100% !important;
 	height: 25px;
 }
 .brm-mgt-src {
 	height: 32px;
}

 .errIgnr {
 	color:orange;
 }
 
  .errFail {
 	color:red;
 }
 
.brd-red {
	border: 1px solid red !important;
}
.angucomplete-dropdown.cus-ven-lst-add {
	width: 270px;
}
.angucomplete-dropdown.cus-ven-lst {
	width: 235px;
}
.brm-cat-srch.brm-gray {
	color: #555;
}
.form-control.bd-cl-rd {
	border-color: red;
}
.od-lnk {
	float: left;
}
.od-tot div {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}
.brm-cust-tag{
	background: #00a651;
    border-radius: 3px;
    padding: 5px 11px 5px 11px;
    cursor: text;
    display: inline-block;
    margin: 2px;
    color: #fff !important;
    position: relative;
    line-height: 1;
}
.date-width-alignment{width: 8%; text-align:left;}
.customer-vendor-width-alignment{width: 11%;text-align:left;}
.progress-tag-width-alignment{width: 16%;text-align:left;}
.check-box-width-alignment{width: 1%;text-align:left;}
.common-method-width-alignment{width:7%;text-align:left;}
.total-width-alignment{width:7%;text-align:right; padding-right:25px !important;}
.pagination{
	margin:0;
}
.pagination-bar {
    position: absolute;
    right: 0;
    top: 0;
}
.pl0 {padding-left: 0;}
.pr10 {padding-right: 10px;}
.brm-btn-tolink {margin-bottom: 10px;}
.brm-btn-tolink a {width: 100%;}
.brm-stcy-head {
	border-bottom: 2px solid #ddd;
	vertical-align: bottom;
	background: #eee none repeat scroll 0 0 !important;
	width: 100%;
}
.fw-45 input[type="text"] {
	width: 45%;
	float: left;
}
.fw-45 span {
	text-align: center;
 	padding: 7px 0;
	width: 10%;
	float: left;
}
.wd-100 {
	width: 100% !important;
}
.wd-750 {
	width: 750px !important;
}
.force-error {
  border-color: red !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.brm-serch-title > li{
	list-style: outside none none;
}

.sku-search-bar{
	display:flex;
}
.sku-search-bar .searchBar{
	width: calc(100% - 141px);
}
.sku-search-bar .btn-unlinked{
	width: 136px;
	margin-left:5px;
}
.sku-search-bar .btn-unlinked .btn-primary{
	width:100%;
}

.brm_wd500{width:500% !important;}
.brm_wd260{width:260%;}
.brm_wd34_imp{width:34% !important;}
.brm_wd32_imp{width:32% !important;}
.brm_wd34{width:34%;}
.brm_wd30{width:30%;}
.brm_wd36{width:36%;}
.brm_wd31{width:31%;}
.brm_wd29{width:29%;}
.brm_wd20{width:20%;}
.brm_wd27{width:27%;}
.brm_wd25{width:25%;}
.brm_wd15{width:15%;}
.brm_wd10{width:10%;}
.brm_wd010{width:10% !important;}
.brm_wd9{width:9%;}
.brm_wd8{width:8%;}
.brm_wd7{width:7%;}
.brm_wd6{width:6%;}
.brm_wd5{width:5%;}
.brm_wd05{width:5% !important;}
.brm_wd04{width:4% !important;}
.brm_wd3{width:3%;}
.brm_wd03{width:3% !important;}
.brm_wd2{width:2%;}
.brm_wd15_imp{width:15% !important;}
.brm_wd12{width:12%;}
.brm_wd17{width:17%;}

.brm_pdtp_18{padding-top:18px;}
.brm_pdtp_10{padding-top:10px;}
.brm_pdtp_30{padding-top:30px;}

.brm_pdtp_17{padding-top: 17px !important;}
.brm_pdtp_10{padding-top: 10px !important;}
.brm_pdtp_19{padding-top: 19px !important;}
.brm_pdtp_24{padding-top: 24px !important;}
.brm_pdtp_15{padding-top: 15px !important;}
.brm_pdlt_0{padding-left:0px !important;}
.brm_pdlt_10{padding-left:10px;}
.brm_pdlt_40{padding-left:40px !important;}
.brm_pdlt_70{padding-left:70px !important;}
.brm_pdlt_75{padding-left:75px !important;}
.brm_pd_0{padding:0;}

.brm_pdlf_17{padding-top: 19px;}

.brahm_error{border: 1px solid red;}
.brahm_error_text{color: red;}
.brahm_disable{background-color: #c8c8c8;}
.brahm_diableSKU{border: none; background-color: transparent;}
.brahm_success_text{color: green;}

.reorderList i{ visibility:hidden; }
.reorderList:hover i{ visibility:visible; }
.reorderEdit {color: #00a651;}
.reorderList .column-md { width: 100px !important;}

.brm_dtble_content{ overflow: visible !important; }
.bomTable .table-striped tr td {vertical-align: top !important; }

.brm_left{ text-align: left;}
.brm_right{ text-align: right;}
.brm_top{ text-align: top;}
.brm_bottom{ text-align: bottom;}
.brm_center{ text-align: center;}

.brahm_error_border{ border-color: red !important; font-size: 12px !important;}
.brm-newtbl-manufac-loading{background:rgba(255,255,255,0.9); height: 140%;position: fixed;width: 100%;z-index: 999999999;text-align: center;}


.prod-img { max-height: 229px !important; max-width: 220px !important; }

.brm_fnt24 {font-size : 24px;}
.brm_fnt12 {font-size : 12px;}
.brm_fnt18 {font-size : 18px;}

.brm_margin0{ margin: 0;}


.salesorder{}
.salesorder div {padding-left: 15px; padding-right: 15px; padding-bottom: 3px;}

.column-md1 {width: 111px;}

.brahm_error_imp{border: 1px solid red !important;}


.brahm_bom_pageTitle{ padding: 15px 0; font-size: 26px; font-weight: bold;}
.brahm_bom_right_data{background-color: #F0F0F0; margin-left: 0; padding-top: 10px;}
.brmTags .tree-control .tree-input { min-width: 280px; }
.brmTotal .table > tbody > tr > td, .table > tfoot > tr > td { border-top: none;}
.brmHist .table > tbody > tr > td, .table > tfoot > tr > td { border-top: none;}

.brmHist h3 {margin-top: 10px;}
.brmTotal h3 {margin-top: 10px;}

/* VENDOR PRODUCT - Toggle Button */
.onoffswitch5 {
	position: relative;
	width: 90px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch5-checkbox {
	display: none;
}

.onoffswitch5-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 0px solid #ccc;
	border-radius: 3px;
}

.onoffswitch5-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	-moz-transition: margin 0.3s ease-in 0s;
	-webkit-transition: margin 0.3s ease-in 0s;
	-o-transition: margin 0.3s ease-in 0s;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch5-inner:before, .onoffswitch5-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 25px;
	padding: 0;
	line-height: 25px;
	font-size: 10px;
	color: white;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.onoffswitch5-inner:before {
	content: "ADD";
	padding-left: 18px;
	background-color: #00a651;
	color: #FFFFFF;
}

.onoffswitch5-inner:after {
	content: "SEARCH";
	padding-right: 10px;
	background-color: #00a651;
	color: #FFF;
	text-align: right;
}

.onoffswitch5-switch {
	display: block;
	width: 18px;
	margin: 3px;
	background: #FFFFFF;
	border: 0px solid #999999;
	border-radius: 3px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 65px;
	-moz-transition: all 0.3s ease-in 0s;
	-webkit-transition: all 0.3s ease-in 0s;
	-o-transition: all 0.3s ease-in 0s;
	transition: all 0.3s ease-in 0s;
}

.onoffswitch5-checkbox:checked+.onoffswitch5-label .onoffswitch5-inner {
	margin-left: 0;
}

.onoffswitch5-checkbox:checked+.onoffswitch5-label .onoffswitch5-switch {
	right: 0px;
}


#products .angucomplete-dropdown{
	left: 16px; width:542px;
}


.badge-warning {background-color: #ffc107; color: #fff;}
.badge-primary {background-color: #007bff; color: #fff;}
.badge-secondary {background-color: #6c757d; color: #fff;}
.badge-success {background-color: #28a745; color: #fff;}
.badge-danger {background-color: #dc3545; color: #fff;}

.badge{border-radius: 0.25rem; vertical-align: middle;}

#textAngular-editableFix-010203040506070809 {visibility: hidden;}

.tree-control .tree-input{min-width:320px !important;}


.bom-operations-time{border-top:none !important; border-left: none !important; border-right: none !important; border-radius:none; -webkit-box-shadow: none; box-shadow: none;}

.bom-oper-time-box{padding: 0; padding-left: 10px;}
.bom-oper-time-colon{padding: 0; padding-left: 0px; text-align: center; padding-top: 25px;}

#skuForm .trz-terms-condition .btn {border: 1px solid #ccc !important; margin: 5px 0 !important;}
#skuForm .tree-control .tree-input{width: 97%;}

/* @media screen and (min-width: 768px){
	
} */
#bulkReceiveModal .modal-dialog { width:0 !important; }

.brm_alert{color: #fcc200; font-size: 18px;}


/*** Password Strength ***/
ul.password-strength {
	padding-left: 0px;
	list-style: none;
}
ul.password-strength li {
	color: #666;
	opacity: 0.7;
}
ul.password-strength li.complete {
	color: #337ab7;
	opacity: 1;
}
.show-hide-password {
	float: right;
    color: #337ab7;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 2px;
}
/*** Password Strength ***/

/*** Gantt Chart ***/
.angular-ui-tree-node ol .gantt-tree-handle-button.btn.btn-xs.gantt-tree-expanded[disabled] {
	display: none;
}

/*** Gantt Chart ***/
.data-table-height1 .data-table-row {
	height: 55px;
}
.data-table-height1 .data-table-heading,.data-table-height1 .data-table-content {
	height: 44px;
}

/*** Input Range ***/
.range-wrap {
  position: relative;
  margin: 0 auto 3rem;
}
.range {
  width: 95% !important;
}
.bubble {
  background: #3b75ba;
  color: white;
  padding: 4px 12px;
  position: absolute;
  border-radius: 4px;
  left: 50%;
  transform: translateX(-50%);
}
.bubble::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  background: #3b75ba;
  top: -1px;
  left: 50%;
}
/*** Input Range ***/

.modal-xl {
    max-width: 1140px;
    width: auto;
}
.data-table-height1 .data-table-row {
	height: 55px;
}

.data-table-height1 .data-table-heading,.data-table-height1 .data-table-content {
    height: 44px;
}
.announcekit-link a {
    padding-top: 18px;
    color: #000;
    display: block;
    margin-right: 5px;
    text-decoration: none;
}

.switch-full-width {
	width: 90px;
}
.switch-full-width .yesnoswitch-switch {
	right: 65px	
}
.switch-full-width .onoffswitch-inner:before {
	padding-left: 10px;
}
.inv-row {
    font-size: 14px;
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 10px;
    padding: 5px 0;
    box-shadow: 2px 2px 5px 0px #f2f2f2;
}

table.table-overlow tbody {
    display: block;
    height: 50vh;
    overflow: auto;
    
}
table.table-overlow thead th {
	background: #f2f2f2 !important;
    padding: 8px;
    height: auto !important;
}
table.table-overlow thead,table.table-overlow tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;/* even columns width , fix width of table too*/
}
table.table-overlow thead {
    width: calc( 100% - 1em )/* scrollbar is average 1em/16px width, remove it from thead width */
}
table.table-overlow {
    width: 100%;
}

.drag-image{
     border: 5px dashed #fff;
    height: 300px;
    width: 350px;
    border-radius: 5px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #f2f2f2;
    margin: 0 auto;
    position: relative;
}
.drag-image.active{
  border: 2px solid #fff;
}
.drag-image .icon{
  font-size: 30px;
  color: #fff;
}

.drag-image-file {
	height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    opacity:0;
    cursor: pointer;
}
.drag-image h6{
  font-size: 20px;
  font-weight: 300;
  color: #000;
}
.drag-image span{
  font-size: 14px;
  font-weight: 300;
  color: #999;
  margin: 10px 0 15px 0;
}
.drag-image label.browse-file{
  padding: 10px 25px;
  font-size: 14px; 
  font-weight: 300;
  border: none;
  outline: none;
  background:#5cb85c;
  color: #fff !important;
  border:1px solid #5cb85c !important;
  border-radius: 5px;
  cursor: pointer;
  transition:all 0.5s;
}

.drag-image button:hover{
    background-color:#fff;
    color:red;
}

.drag-image img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.bgViewGrid {
	width: 200px;
    height: 200px;
    background-size: cover;
    position: relative;
    background-position: center center;
}
.bgViewGrid .defaultImage {
	background: #337ab7;
    color: #fff;
    padding: 10px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}
.bgViewGrid .deleteImage {
	background: #d9534f;
    color: #fff;
    padding: 10px;
    position: absolute;
    right: 32px;
    bottom: 0;
    cursor: pointer;
}

.tax-label-box {
    position: absolute;
    bottom: -9px;
    right: 0;
    font-size: 9px;
    font-style: italic;
}

.pricing-card {
    width: 300px;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    text-align: center;
    margin: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.pricing-card.active{
	background-color: #f5f5f5;
}
.features-wrap {
	min-height:165px;
}
.title {
  font-size: 24px;
  margin-bottom: 10px;
}

.price {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 20px;
}
.price-list {
	padding: 5% 10%;
}
.sub_confirm_error {
	border: 1px solid #dc3545;
}
.sub_confirm_error_msg {
	color:#dc3545;
}
.features {
  list-style-type: none;
  padding: 0;
  margin-bottom: 20px;
}

.features li {
  margin-bottom: 10px;
}

.price-list .btn {
  padding: 10px 20px;
  background-color: #333;
  color: #fff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
} 

.display-flex {
	display: inline-flex;
}

.subscritionConfirmError{
	border: 1px solid #f00;
}

.template_order_by{
	width: 55%;
}
.sys_template_order_by{
	width: 35%;
}
.bom-checkbox-margin{
	margin-left: 10px;
    margin-top: 5px;
	accent-color: green;
}

 .button-xero {
      background-color: #017EAC; /* Replace with exact color */
      color: white;
      /* cursor: pointer; */
      display: inline-flex;
      align-items: center;
      gap: 10px; /* Space between icon and text */
      text-decoration: none; /* Remove underline if it's a link */
    }

.button-xero:hover {
      background-color: #006BA1; /* Darker shade for hover effect */
      color: white;
    }

/* All major buttons common css  */

.btn-save {
    background-color: #337ab7; /* Primary Button Blue */
    color: #fff;
}
.btn-save:hover,
.btn-save:focus,
.btn-save:active {
    background-color: #2e6da4; /* Darker blue on hover, focus, and active */
    color: #fff; /* Keep text color white */
}

.btn-new {
    background-color: #337ab7; /* Primary Button Blue */
    color: #fff;
}
.btn-new:hover,
.btn-new:focus,
.btn-new:active {
    background-color: #2e6da4; /* Darker blue on hover, focus, and active */
    color: #fff; /* Keep text color white */
}

.btn-confirm {
    background-color: #337ab7; /* Primary Button Blue */
    color: #fff;
}
.btn-confirm:hover,
.btn-confirm:focus,
.btn-confirm:active {
   background-color: #2e6da4; /* Darker blue on hover, focus, and active */
    color: #fff; /* Keep text color white */
}

.btn-run {
    background-color: #337ab7; /* Primary Button Blue */
    color: #fff;
}
.btn-run:hover,
.btn-run:focus,
.btn-run:active {
    background-color: #2e6da4; /* Darker blue on hover, focus, and active */
    color: #fff; /* Keep text color white */
}


.btn-edit {
    background-color: #337ab7; /* Primary Button Blue */
    color: #fff;
}
.btn-edit:hover,
.btn-edit:focus,
.btn-edit:active {
    background-color: #2e6da4; /* Darker blue on hover, focus, and active */
    color: #fff; /* Keep text color white */
}

.btn-bulk-actions {
    background-color: #E0E0E0; /* Light gray background */
    color: #000;
}
.btn-bulk-actions:hover,
.btn-bulk-actions:focus,
.btn-bulk-actions:active {
    background-color: #D0D0D0; /* Darker gray on hover, focus, and active */
    color: #000; /* Keep text color black */
}


.btn-actions {
   background-color: #E0E0E0; /* Light gray background */
    color: #000;
}
.btn-actions:hover,
.btn-actions:focus,
.btn-actions:active {
    background-color: #D0D0D0; /* Darker gray on hover, focus, and active */
    color: #000; /* Keep text color black */
}

.btn-print {
    background-color: #E0E0E0; /* Light gray background */
    color: #000;
}
.btn-print:hover,
.btn-print:focus,
.btn-print:active {
    background-color: #D0D0D0; /* Darker gray on hover, focus, and active */
    color: #000; /* Keep text color black */
}

.btn-email {
    background-color: #E0E0E0; /* Light gray background */
    color: #000;
}
.btn-email:hover,
.btn-email:focus,
.btn-email:active {
    background-color: #D0D0D0; /* Darker gray on hover, focus, and active */
    color: #000; /* Keep text color black */
}

.btn-manage-filters {
    background-color: #E0E0E0; /* Light gray background */
    color: #000;
}
.btn-manage-filters:hover,
.btn-manage-filters:focus,
.btn-manage-filters:active {
    background-color: #D0D0D0; /* Darker gray on hover, focus, and active */
    color: #000; /* Keep text color black */
}


.btn-cancel {
    background-color: #E0E0E0; /* Light gray background */
    color: #000;
}
.btn-cancel:hover,
.btn-cancel:focus,
.btn-cancel:active {
    background-color: #D0D0D0; /* Darker gray on hover, focus, and active */
    color: #000; /* Keep text color black */
}

.custom-colbar-icon {	
    width: 14px; /* Adjust size as needed */
    height: 14px; /* Adjust size as needed */
    margin-bottom:-4px;
    padding : -3px;
    
   }

.export-btn{
	background-color: #E0E0E0;
	color: #000;
}
.export-btn:hover,
.export-btn:focus,
.export-btn:active {
        background-color: #D0D0D0; 
        color: #000;
    }

/* Inventory column in mfg and view sales css */
.sku-badge {
	width: 100px; /* Fixed width for consistent badge size */
	text-align: center; /* Center the text */
	display: inline-block; /* Ensures badges maintain uniform width */
	font-weight: bold; /* Bold font for readability */
	line-height: 1.2; /* Line height to separate lines neatly */
}

.expected-badge {
	color: #333333; /* Lighter black text color */
	background-color: #ffc107; /* Yellow background */
}

.expected-badge small {
	display: block; /* Ensure date is on a new line */
	font-size: 0.85em; /* Slightly smaller font for date */
	margin-top: 2px; /* Space between "Expected" and date */
	color: #333333; /* Lighter black color */
}

/* CSS for mfg orders operation users */ 
.progress-user {
	background: #00a651;
	border-radius: 3px;
	padding: 5px 11px 5px 11px;
	cursor: text;
	display: inline-block;
	margin: 2px;
	color: #fff !important;
	position: relative;
	line-height: 1;
}