@CHARSET "UTF-8";

@font-face{
	font-family: text-security-disc;
	src: url("https://raw.githubusercontent.com/noppa/text-security/master/dist/text-security-disc.woff");
}
header, header a {
	font-family: 'Roboto', sans-serif !important;
	font-weight: normal;
}
header li {
	margin: 0px !important;
}
body, h1,h2,h3 {
	font-family: 'Roboto', sans-serif !important;
}

body {
	background:#FFF;
	margin-top: 50px !important;
	padding-top: 0px !important;
}

.btn-success, .btn-success:focus {
	background-color: #337AB7;
	border-color: #285E8E;
}

.btn-success:hover {
	background-color: #285E8E;
	border-color: #285E8E;
}

body.wrapper-full-height {
	margin-top: 0 !important;
}

.bg-primary {
    color: #fff;
    background-color: #337ab7;
}

.bg-success {
    background-color: #dff0d8;
}

.bg-info {
    background-color: #d9edf7;
}

.bg-warning {
    background-color: #fcf8e3;
}

.bg-danger {
    background-color: #f2dede;
}

.bg-gray {
    background-color: #f9f9f9;
}

.color-dark-red {
	color: #a00808;
}

.notices {
	padding-top:0px;
	min-height:350px;
}

.list_last_navigated_highlight {
	border-left: 3px solid gray;
}

.picker-md {
	width:100% !important;
	max-width:500px !important;
}

.picker-md-lg {
    width:100% !important;
    max-width:600px !important;
}
.picker-lg {
	width:100% !important;
	max-width:700px !important;
}

.picker-xl {
	width:100% !important;
	max-width:980px !important;
}

.pull-right-always {
	float: right;
}

.sticky-report-header {
	position: sticky;
	/*height of top nav*/
	top: 67px;
}

.alert-default {
  color: #333;
  background-color: #EEEEEE;
  border-color: #ddd;
}

.color-primary-blue {
	color: #337AB7;
}

.navbar-inverse {
  border: none;
}
.navbar-inverse .navbar-form .form-control {
	border:none;
}
.navbar-inverse .navbar-form .form-control:focus {
	border:none;
}

.table-middle > tbody > tr > td {
	vertical-align: middle;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
	border: none;
}

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

.panel>.table {
    border: none;
}

.panel .table-bordered tr:first-child th:first-child,
.panel .table-bordered tr:last-child td:last-child,
.panel .table-bordered tr:last-child td:first-child {
	border-radius: 0;
}

.panel .table-bordered tr td:first-child,
.panel .table-bordered tr th:first-child {
	border-left: none;
}

.panel .table-bordered tr:last-child td {
	border-bottom-color: transparent;
}



@media (max-width: 767px) {
	.visible-inline-xs {
		display:inline !important;
	}

	header .btn .hidden-xs {
		display: none!important;
	}

	header .navbar-nav .open .dropdown-menu > li > a {
		color: #fff !important;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #FFFFFF;
	}
	.modal-dialog {
		top:51px;
	}
	.container {
		max-width: 768px;
	}
    .pull-right {
        float: none !important;
    }
	.notices {
		min-height:50px;
	}
}

@media screen and (max-width:991px){
	.table-responsive {
		border: 1px solid #DDDDDD;
		margin-bottom: 15px;
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100%;
	}
}

@media screen and (min-width:768px){
	.visible-inline-sm {
		display:inline !important;
	}

	.modal-dialog {
		top:0px;
	}
}

@media screen and (min-width:992px){

	.visible-inline-md {
		display:inline !important;
	}

	header .nav-large {
		display:inline;
		min-width:70px;
		float:left;
		margin: 0px 0px 0px 0px;
		padding-left: 50px;
		padding-right: 20px;
	}

	header .divider-right {
		border-right: 1px solid #ccc;
		min-height: 70px;
	}

	header ul.nav-large > li {
		margin-left:-35px !important;
		list-style-type:none;
	}
	header ul.items-wide > li > a {
		padding: 5px 20px !important;
	}

	header ul.items-wide > li > a > i {
		width: 18px;
		text-align: center;
	}

	header ul.nav-large > li > a {
		margin: 0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		height:70px;
		width:70px;
		min-width:70px;
		display:block;
	}

	header ul.nav-large > li > a > i.fa {
		font-size: 3em;
	}

	header ul.nav-large > .disabled a:hover {
		color:red;
	}

	header ul.items-wide {
		margin-left:0px;
		padding:0px;
		display:inline;
		float:left;
	}

	header ul.items-wide > li {
		margin-bottom:5px;
		list-style-type:none;
	}

	header .dropdown-menu .container-fluid {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	header .dropdown-menu .disabled a {
		color: #9b9b9b !important;
		cursor: default !important;
	}

	header .dropdown-wide {
  		width:100% !important;
	}
}

header .dropdown-menu .divider {
    background-color: #BBBBBB;
    border-bottom: medium none;
    margin: 3px 0 0;
}

.navbar-brand {
	color:#fff;
}

.navbar-inverse .navbar-brand {
  color: #fff;
}

.navbar-nav > li > .dropdown-menu {
		margin-top: 0px;
  		border-top-right-radius: 0px;
  		border-top-left-radius: 0px;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

.navbar-inverse {
    background-color: #357ebd;
}

.btn .hidden-xs {
	display: inline-block !important;
}

.page-header {
	padding-top: 10px;
	padding-bottom: 2px;
	background: #eee;
}
.page-header h1, .page-header a {
	color: #666;
	font-size:28px;
}

.page-subheader {
	background: #eee;
	padding:20px;
}

header .navbar-nav > li > a {
	color: #fff !important;
	font-size: 14px !important;
	font-weight: normal !important;
}

.navbar-inverse .navbar-nav > li > a {
  color: #fff;
}

header.navbar-inverse .navbar-nav > li > a:hover,
header.navbar-inverse .navbar-nav > li > a:focus
{
  color: #fff;
  background-color: #2B6497 !important;
}

header.navbar-inverse .nav .active a,
header.navbar-inverse .nav .active a:hover,
header.navbar-inverse .nav .active a:focus,
header.navbar-inverse .nav li.dropdown.open .dropdown-toggle,
header.navbar-inverse .nav li.dropdown.active .dropdown-toggle,
header.navbar-inverse .nav li.dropdown.open.active .dropdown-toggle{
  color: #fff;
  background-color: #2B6497 !important;
}

header .dropdown-menu .dropdown-header {
    font-size: 14px;
    font-weight: bold;
    padding: 5px 20px;
}
header .dropdown-menu li a {
    color: #2878BA !important;
	font-weight: 400 !important;
}

header .dropdown-menu li a .fa {
	color: #94BCE0;
	margin-bottom: 5px;
}

header li.hidden-md ul.dropdown-menu li a .fa {
	width: 18px;
	text-align: center;
}

header .dropdown-menu li.disabled a .fa {
    color: #9B9B9B !important;
}

header .dropdown-menu {
    background-clip: padding-box;
    background-color: #e4e4e4;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    display: none;
    float: left;
    font-size: 14px;
    left: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 25px 0;
    position: absolute;
    top: 100%;
    z-index: 1000;
}

header .dropdown-menu.dropdown-wide {
	border-bottom: 1px solid #aaa;
}

ul.dropdown-menu.ng-isolate-scope {
	background-color:#fff;
	overflow-y: auto;
	overflow-x: auto;
	width: max-content;
	min-width: 100%;
}

ul.dropdown-menu.ng-isolate-scope > li > a {
	color:#333;
}

ul.dropdown-menu.ng-isolate-scope > li.ng-scope.active  a {
	color:#FFF;
}


.form-control.has-error {
	border-color: #f00;
}
.radio.has-error {
    border: 1px solid;
    border-color: #f00;
}

.content {
	background: inherit;
}

.btn-default-grey {
	background-color: #D3D7D7;
}

.btn-white {
	color: #333;
	background-color: white;
	border-color: #ddd;
}

.btn-white:hover
{
	background-color: #eee;
}

.btn-warning, .dropdown-toggle.btn-info
{
  border-color: #E7964E;
  background-color: #E7964E;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning
{
  border-color: #DB8239;
  background-color: #DB8239;
}

.badge.badge-info
{
  background-color: #3F3F3F !important;
}

.text-strike {
	text-decoration: line-through;
}

.badge.badge-warning
{
  background-color: #E7964E !important;
}

.ui-widget-content a {
	color: #2986B9;
}

.vendor-row td{
	//background-color:#EAEAEA;
	//color: #FFF;
}
.vendor-item td{
	background-color:#FFF;
}
.vendor-item-detail td{
	background-color:#D8D8D8;
}

.item_table th {
	background-color: #EAEAEA;
}

.listItem {
  width: 100%;
  background: #eee;
  display: inline-block;
  padding: 10px 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: left;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.listItem:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.listItem:hover,
.listItem:focus {
  color: #333333;
  text-decoration: none;
}

.listItem a {
  font-weight: bold;
}

.listItem a:hover {
  text-decoration: underline;
}

.grip {
  height: 22px;
  width: 22px;
  margin-right: 10px;
  cursor: move;
  background: url(../../site-configuration/images/grip.png) no-repeat;
}

.listExpand {
  background: url(../../site-configuration/images/btn-plus.png) no-repeat;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  cursor: pointer;
}

.listCollapse {
  background: url(../../site-configuration/images/btn-minus.png) no-repeat;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  cursor: pointer;
}

.sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.mce-container {
	width: 100%;
}

.input-instructions {
	font-size: 12px;
	margin-top: 4px;
	display: none;
}

input:focus + .input-instructions {
	display: block;
}

.input-instructions img {
	margin-top: -2px;
	max-height: 15px;
	width: auto;
}

.lblRequired {
	color: #64B92A;
}

.beta-label {
	color: #fff;
	background-color: #999;
	padding: 2px 4px 2px 4px;
	vertical-align: 7%;
}

.beta-label-inverse {
	color: #999;
	background-color: #fff;
}

.selectImageContainer {
	max-width: 180px;
}

/* icon inside input, left or right */
.inner-addon {
	position: relative;
}
.inner-addon .fa {
	position: absolute;
	padding: 9px;
	pointer-events: none;
}
.left-addon .fa  { left:  0px;}
.right-addon .fa { right: 0px;}
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

input[type="checkbox"].form-control {
	width: 15px;
    height: 30px;
	display: inline;
}


.form-control,
.input-group-addon {
	border-color: #ddd;
}

.input-group-addon {
    background-color: #eee;
}
.form-control {
	color: #333333;
}
.form-control::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #CBCBCB;
}
.form-control::-moz-placeholder {
	/* Firefox 19+ */
	color: #CBCBCB;
}
.form-control:-ms-input-placeholder {
	/* IE 10+ */
	color: #CBCBCB;
}
.form-control:-moz-placeholder {
	/* Firefox 18- */
	color: #CBCBCB;
}

.input-group-addon:not(:first-child):not(:last-child) {
	border-right: none;
}

.container-full {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 100%;
}

.container-no-padding {
	padding: 0;
}

.tab-content {
	background-color: #fff;
}

.tab-pane {
	border: 1px solid #ddd;
	border-top: 0px;
	padding: 20px;
	border-radius: 0 0 4px 4px;
}

.btnProductPopup {
	position:absolute;
	display:none;
}

.ui-front {
    z-index: 1800;
}

.badge-product {
	margin-top:7px;
	cursor:pointer;
}

.badge-product-multi {
	background-color: #1B71A0;
}

.strike {
	text-decoration: line-through;
}

.dropdown-menu-compact {
	min-width: 100px;
	text-align: left;
}

.dropdown-menu-compact > li > a {
	padding-left:5px;
	padding-right:5px;
	text-align: left;
}

.catalog-search-margin-top {
	margin-top: 10px;
	margin-bottom: 30px;
}

.catalog-search-wrapper {
    position: absolute;
	height: 85px;
    top: -11px;
    right: 0;
    background-color: #eeeeee9c;
    width: 100%;
    border-radius: 4px;
}

div.modal .catalog-search-wrapper {
	width: 100%;
}

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

.mt-15 {
    margin-top: 15px;
}

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

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

@media screen and (min-width:768px){

	div.modal .catalog-search-wrapper {
		width: 96%;
	}

    .catalog-search-wrapper {
        width: 93%;
        height: 55px;
        margin-right: 15px;
    }

	.catalog-search-margin-top {
		margin-top: 10px;
	}

	.catalog-search-wrapper {
		top: -11px;
	}
}

@media screen and (min-width:992px){

	div.modal .catalog-search-wrapper {
		width: 93%;
	}

    .catalog-search-wrapper {
        width: 89%;
        height: 55px;
        margin-right: 15px;
    }

	.catalog-search-margin-top {
		margin-top: 10px;
	}

	.catalog-search-wrapper {
		top: 0;
	}
}

@media screen and (min-width:1000px){

	div.modal .catalog-search-wrapper {
		width: 92%;
	}

    .catalog-search-wrapper {
        width: 85%;
        height: 55px;
        margin-right: 15px;
    }

	.catalog-search-margin-top {
		margin-top: 10px;
	}

	.catalog-search-wrapper {
		top: 0;
	}
}

@media screen and (min-width:1200px){

	div.modal .catalog-search-wrapper {
		width: 89%;
	}

    .catalog-search-wrapper {
        width: 80%;
        height: 55px;
        margin-right: 15px;
    }

	.catalog-search-margin-top {
		margin-top: 10px;
	}

	.catalog-search-wrapper {
		top: 0;
	}
}

@media screen and (min-width:1500px){

	div.modal .catalog-search-wrapper {
		width: 83%;
	}

    .catalog-search-wrapper {
        width: 76%;
        height: 55px;
        margin-right: 15px;
    }

	.catalog-search-margin-top {
		margin-top: 10px;
	}

	.catalog-search-wrapper {
		top: 0;
	}
}

@media screen and (min-width:1700px){

	div.modal .catalog-search-wrapper {
		width: 80%;
	}

    .catalog-search-wrapper {
        width: 74%;
        height: 55px;
        margin-right: 15px;
    }

	.catalog-search-margin-top {
		margin-top: 10px;
	}

	.catalog-search-wrapper {
		top: 0;
	}
}

/*******************************************************************************
REPORTS
*******************************************************************************/

.filter-margins {
	margin-right: 20px;
	margin-bottom: 20px;
}

.report-caret {
	padding:6px;
	width:20px;
	font-size:20px;
	cursor:pointer;
	color:#2986B9;
}

.report-summary-label {
	border-bottom: 1px solid #eee;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.report-summary-currency {
	border-bottom: 1px solid #eee;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.report-summary-value {
	border-bottom: 1px solid #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}

.report-summary-table {
	margin-right: 40px;
}

.report-tools{
    margin-left:20px;
    margin-top:10px;
}

.report-tools-right{
    margin-left:20px;
    margin-top:10px;
    float: right;
}

.report-body{
    margin-left:20px;
    margin-right:20px;
}

.report-text-attendees {
	height: 150px !important;
	resize: none;
}

/*******************************************************************************
MODAL/PICKER
*******************************************************************************/

/* Needed for modal dialogs */
ul.ui-autocomplete {
    z-index: 1100;
}

.modal
{
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1040;
  display: none;
  overflow-x: auto;
  overflow-y: auto;
}

body.modal-open, .modal-open .navbar-fixed-top, .modal-open .navbar-fixed-bottom {
	margin-right:0px;
}

.modal-dialog
{
  position:fixed;
  right:0px;
  left:auto;
  bottom:0px;
  padding: 50px 0px 0px 0px;
  margin:0px;
  border:none;
  width:300px;
}

.modal-dialog-small
{
	width:100%;
	max-width: 500px;
}

.modal-dialog-medium
{
	width:100%;
	max-width: 710px;
}

.modal-dialog-extra-medium
{
	width:100%;
	max-width: 920px;
}

.modal-dialog-large {
	width: 100%;
	max-width: 1200px;
}

.modal-content {
	border:none;
	position:fixed;
  	top:0px;
  	right:0px;
  	left:auto;
  	bottom:0px;
	width:100%;
	border:none;
	border-radius:0 !important;
}

.modal-header {
	background:#fff;
	color:#333;
}

.modal-title {
    line-height: 1.1;
}

.modal-body {
	position:fixed;
	overflow:auto;
	top:50px;
	bottom:75px;
	width:100%;
}

#select_date .modal-body {
	top: 0;
}

.modal-body h4 {
	margin-top:30px;
}

.modal-header h4 {
	margin-top:0px;
}

.modal-body iframe {
	border:none;
	width:100%;
	height:100%;
}

.modal-footer {
	width:100%;
	position:fixed;
	bottom:0px;
	background-color: #fff;
	margin-top: 0;
	padding: 10px 15px;
}

.modal-no-footer {
	bottom:0px;
}

.modal-results {
	margin-top:0px;
	padding:0px;
	width:100%;
}

.modal-results li {
	list-style-type:none;
	margin:0px;
	padding:7px;
	margin-left:-40px;
	border-bottom:1px solid #DDD;
	color: #2986B9;
	cursor: pointer;
}

.modal-results li.selected{
	background-color: #1b71a0;
	color:#FFF;
}

.modal-results ul li.with-buttons {
	position: relative;
	/*   display: block; */
}

.modal-results li.with-buttons .fa {
	color: #999;
	top: 50%;
	right: 10px;
	position: absolute;
	transform: translateY(-50%);
}

.modal-results li.with-buttons:hover .fa-plus {
	color: #64b92a;
}
.modal-results li.with-buttons:hover .fa-close {
	color: #c0392b;
}
.modal-results li.with-buttons:hover .fa-times {
	color: #c0392b;
}
.modal-results li.with-buttons:hover .fa-minus {
	color: #c0392b;
}


.modal-results-plain {
	border-top:1px solid #DDD;
	margin-top:0px;
	padding:0px;
	width:100%;
}

.modal-results-plain li {
	list-style-type:none;
	margin:0px;
	padding:7px;
	margin-left:-40px;
	border-bottom:1px solid #DDD;
}

/*******************************************************************************
Pop-up Modal
*******************************************************************************/
.modal-pop.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: none;
    overflow: auto;
    overflow-y: scroll;
    outline: none;
}

.modal-pop.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}

.modal-pop.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-pop .modal-dialog {
    position: relative;
    /* top: 40%;
    transform: translateY(-50%) !important; */
    z-index: 1050;
    width: auto;
    padding: 10px;
    margin-right: auto;
    margin-left: auto;
}

.modal-pop .modal-content {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px !important;
    outline: none;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
}

.modal-pop .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
    background-color: #000000;
}

.modal-pop .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}

.modal-pop .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.modal-pop .modal-header {
    min-height: 16.428571429px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    height: unset;
    background: unset;
    color: unset;
}

.modal-pop .modal-header .close {
    margin-top: 3px;
}

.modal-pop .modal-title {
    margin: 0;
    line-height: 1.428571429;
}

.modal-pop .modal-body {
    position: relative;
    padding: 15px;
    overflow: unset;
    top: unset;
    bottom: unset;
    width: unset;
}

.modal-pop .modal-footer {
    padding: 15px;
    margin-top: 0;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    background-color: unset;
    width: unset;
    position: unset;
    bottom: unset;
    height: unset;
}

.modal-pop .modal-footer:before,
.modal-pop .modal-footer:after {
    display: table;
    content: " ";
}

.modal-pop .modal-footer:after {
    clear: both;
}

.modal-pop .modal-footer:before,
.modal-pop .modal-footer:after {
    display: table;
    content: " ";
}

.modal-pop .modal-footer:after {
    clear: both;
}

.modal-pop .modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}

.modal-pop .modal-footer .btn-group .btn+.btn {
    margin-left: -1px;
}

.modal-pop .modal-footer .btn-block+.btn-block {
    margin-left: 0;
}

.modal.modal-pop.modal-centered.in {
    display: flex !important;
    align-items: center;
}

@media screen and (min-width: 768px) {
    .modal-pop .modal-dialog {
        width: 600px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .modal-pop .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }

    .modal-pop .modal-dialog.modal-sm {
        width: 300px;
    }

    .modal-pop .modal-dialog.modal-lg {
        width: 900px;
    }
}

.modal-pop.modal-pop-scrollable .modal-dialog .modal-content .modal-body {
	height: 500px;
	overflow-y: auto;
}

.payment-options li {
	font-size:20px;
}

.selectBtn {
	padding: 12px 20px;
	background: none;
	border: none;
	color: #D9D9D9;
	transition: .15s ease background;
}

.selectBtn .fa {
	font-size: 22px;
}

.selectBtn .selected {
	color: #A9D051;
}

.selectBtn:hover {
	color: #a8a8a8;
}

.list-comma::before {
	content: ',';
}
.list-comma:first-child::before {
	content: '';
}

div#vendorModal-results.modal-results > ul > li.selected {
	background-color: #1B71A0;
	color:#FFF;
}

div.modal-results-plain > ul > li > div > ul.dropdown-menu > li {
	margin-left:0px;
	padding-left:0px;
}

.modal-results li:hover {
	background-color: #1B71A0;
	color:#FFF;
}

.modal-results-muted li:hover {
	background-color: #EEE;
	color:#FFF;
}

.has-nested-results {
	background-color: #FFF !important;
	border-bottom:1px solid white !important;
	color: #1B71A0 !important;
}

.has-nested-results.selected {
	background-color: #FFF !important;
	border-bottom:1px solid white !important;
}

.has-nested-results:hover {
	background-color: #EEE !important;
	border-bottom:1px solid white !important;
	color:#1B71A0 !important;
}

.nested-modal-results {
	margin-top:8px;
}

.nested-modal-results li:hover {
	background-color: #1B71A0 !important;
	color:#FFF !important;
}

.nested-modal-results li {
	color: #1B71A0;
	margin-right:0px;
	padding-right:0px;
}
.nested-modal-results li.selected{
	color:#1B71A0 !important;
}

.modal-results-muted span {
	font-size:150%;
}

.modal-result-on {
	color:#64B92A !important;
}

.tt-suggestion {
	list-style-type:none;
}

.tt-dropdown-menu {
  width:100%;
  border:none !important;
  border-radius:0 !important;

}

.panel-setting .form-group {
	margin-top:15px;
}

.panel-setting .form-group .btn {
	width:145px;
	margin-top:-7px;
}

.modal-body-block-grey {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: -20px;
	margin-right: -20px;
	background-color: #eee;
	margin-top: -20px;
}

/*******************************************************************************
New Till
*******************************************************************************/

.largerText {
	font-size: 120%;
}

.customerSearchResult {
	font-size:14px;
}

.tillProductImage {
	width:40px;
	height:40px;
	margin-left:0px;
	margin-right:10px;
	margin-top:2px;
}

.tillProductImageEmpty {
	height:40px;
	min-width:40px;
	max-width:40px;
	margin-right:10px;
	display:inline;
}

.tillRowRight {
	margin: 0px 0px 5px 0px;
	padding:3px 0px 0px 0px;

}
.tillRowLeft {
	margin: 0px 0px 5px 0px;
}

.till_head {
	margin: 0px 0px 8px 0px;
    padding: 10px 0 20px;
    min-height: 60px;
}

.till_body {
	margin: 0px 0px 0px 0px;
}

.till_secondary {
	font-size:90%;
	color:#494949;
	padding-left:50px;
}

.till_secondary .serialized {
	margin-bottom:8px;
}

.till_table {
	font-size: 16px;
}

.till_table .row {
	min-height:55px;
}

.till_table .form-group {
	margin:0px;
}

.till_table .till_main {
	max-width:300px;
}

.lineTotal {
	width:110px;
	max-width: 110px;
	text-align: right;
	align:right;
}
.lineTotal div {
	margin-top:2px;
}
.linePrice {
	width:125px;
	min-width:130px;
	max-width:130px;
	text-align: right;
	padding-right:5px;
}
.linePrice input {
	text-align: right;
}
.lineQty {
	min-width:55px;
	max-width:55px;
	text-align: right;
}
.lineQty input {
	text-align: right;
	max-width:55px;
}

.lineBtnCell {
	margin-top:5px;
	padding-top:5px;
	min-width:80px;
	max-width:80px;
}

.line-items-list-cell {
	font-size: 14px;
}

#tillSearch-wrapper {
	position: relative;
	max-width: 625px;
}

@media (max-width: 1370px) {
	#tillSearch-wrapper {
		max-width: 460px;
	}
}

#tillSearch::placeholder {
 white-space: nowrap;
}

.till_summary small {
	font-size: 65%;
}

.till_summary .table,
.till_settlement table {
	margin-bottom: 0;
}

.till_summary,
.till_summary .table,
.till_settlement,
.till_settlement table {
	background-color: #f9f9f9;
}

.till_summary .panel-body,
.till_settlement .panel-body {
	padding: 5px 10px;
}

.till_summary .table .line_top td {
	border-top:1px solid #ddd;
}

.till_settlement .table .line-bottom td {
	border-bottom:1px solid #ddd;
}

.till_summary .table .less-padding td {
	padding-top: 3px;
	padding-bottom: 3px;
}

.till_summary .table .less-padding:first td {
	padding-top: 8px;
}

.till_summary .table .large td,
.till_settlement .table .large td {
	font-size: 18px;
}

table.table.till_payments > tbody > tr td {
	font-size:14px;
	font-weight:normal;
	border:none;
}

table.table.till_payments > tbody > tr td .btn {
	margin:-3px 0px 0px 3px;
	background-color:#DDD;
}

.payment_footer {
	background-color:#F5F5F5;
	font-size:18px;
	font-weight:bold;
	height:40px;
	padding-bottom:8px;
	padding-top:5px;
}

.payment_footer_with_rounding {
	height:60px;
}
.payment_footer.amount {
	text-align:right;
}
.font-rounding {
	font-size: 15px;
	font-weight: normal;
}
.till-badge{
	font-size:170%;
	margin-top: 12px;
}
.till-badge-inactive {
	color: #9E9E9E;
}
.till-badge-inactive:hover {
	color: #757575;
}
.till-badge i {
	margin-right:1px;
	cursor:pointer;
}
.till-badge-note {
	color: #3C95D0;
	color: #E7964E;
}
.till-badge-repair {
	color: #3C95D0;
	color: #E7964E;
}
.till-badge-rewards {
	color: #64B92A;
	color: #3C95D0;
	color: #E7964E;
}
.till-badge-layaway {
	color: #8F78AF;
	color: #3C95D0;
	color: #E7964E;
}
.till-badge-so {
	color: #3C95D0;
	color: #E7964E;
}
.till-badge-rto {
	color: #3C95D0;
	color: #E7964E;
}
.till-badge-rental {
	color: #C0392B;
	color: #3C95D0;
	color: #E7964E;
}
.till-badge-quotes {
	color: #3C95D0;
	color: #E7964E;
}

.has-notes {
	color: #E7964E;
}
.has-no-notes-bg {
	background-color: #2986b9;
}
.has-notes-bg {
	background-color: #E7964E;
}

.line_discount {
	color: #AC302C;
	margin-top:-7px !important;
	padding-top:0;
}

.btn-circle {
	margin-top:0px;
	width: 24px;
	height: 24px;
	text-align: center;
	padding: 1px 0;
	font-size: 14px;
	line-height: 1.42;
	border-radius: 50%;
	background-color: #EEE;
	border-color:#EEE;
	font-weight:bold;
}

.btn-search-circle {
	margin-right: 8px;
	margin-bottom: 8px;
	margin-top:0px;
	width: 24px;
	height: 24px;
	text-align: center;
	padding: 1px 0;
	font-size: 16px;
	line-height: 1.42;
	border-radius: 50%;
	background-color: #FFF;
	border-color:#FFF;
	color: #d3d7d7;
	font-weight:bold;
}

.btn-search-circle:hover {
	background-color: #FFF;
	border-color:#FFF;
	color: #000;
}

.till_table .btn-circle {
	margin-top:4px;
	margin-right: 8px;
}

.btn-link {
	background-color:inherit;
}

.till_summary .btn-link {
	margin:0 0 0 0;
	line-height:1.1;
	padding:1px;
	width:24px;
	text-align: center;
	font-weight:bold;
}

.btn-cash {
	background-color: #3586AD;
	height:52px !important;
	width:52px !important;
	border:none;
	color: white;
	padding: 12px 0px 0px 0px;
	font-size:130%;
	font-weight:bold;
	margin-bottom: 10px;
	margin-right: 8px;
}

.btn-cash-words {
	padding: 17px 0px 0px 0px;
	font-size:90%;
	font-weight:bold;
	text-transform:uppercase;
}

.btn-cash-words-two-lines {
	padding: 9px 0px 0px 0px;
	font-size:90%;
	font-weight:bold;
	text-transform:uppercase;
}

.btn-cash:hover {
	background-color: #247093;
	color:white;
}

.rentalSrcItem {
	background-color:#6BA4D6;
	color:#FFF !important;
}

.rental-options {
	list-style-type:none;
	margin-left:0px;
}
.rental-options li {
	border-bottom:1px solid #DDD;
	width:100%;
	min-height:40px;
	margin-left:-20px;
	padding-top:3px;
}

.check-option {
	cursor: pointer;
	padding: 4px 0px 4px 0px;
}

.check-option:hover {
	background-color:#EEE;
}

.payment_buttons {
 padding: 10px;
}

.payment_buttons > div {
	padding: 0;
	margin-bottom: 2px;
}

.alert.alert-transaction-edit {
	background-color: #f9f9f9;
}

.alert.alert-transaction-edit .alert-text {
	font-size: 16px;
}

.btnRegister {
	text-align: center;
	cursor: not-allowed;
	border: 1px solid #ddd;
	border-radius: 4px;
	margin: 2px;
	font-size: 16px;
	padding: 18px 8px;
	background-color: #ddd;
	color: #777;
	transition: ease all .25s;
}

.btnRegisterPause,
.btnRegisterPlay,
.btnRegisterCancel,
.btnRegisterFinish {
}

.btnRegister.active {
	background-color: #fff;
	cursor: pointer;
	color: #333;
}
.btnRegister.active:hover {
	filter: brightness(90%);
}
.btnRegisterCash.active {
	color: #64B92A;
}
.btnRegisterCredit.active {
	color: #2986B9;
}
.btnRegisterCheck.active {
	color: #3F3F3F;
}
.btnRegisterGift.active {
	color: #BC392B;
}
.btnRegisterOnAccount.active {
	color: #999999;
}
.btnRegisterOutside.active {
	color: #999999;
}
.btnRegisterOther.active {
	color: #8F78AF;
}
.btnRefundOptions.active {

}
.btnRegisterPause.active {
	background-color: #E7964E;
	color: #fff;
}
.btnRegisterPlay.active {
	background-color: #E7964E;
	color: #fff;
}
.btnRegisterCancel.active {
	background-color: #C0392B;
	color: #fff;
}
.btnRegisterFinish.active {
	background-color: #64B92A;
	color: #fff;
}

.btnRegisterFinish.active.state-update {
	background-color: #2a6ab7;
}

.btnCustomTender.active {
	color: #FFBF00;
}

#tillSearchDiv li {
	cursor: pointer;
}

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

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.picker-md {
		width:56% !important;
		max-width:56% !important;
	}
	.picker-lg {
		width:81% !important;
		max-width:81% !important;
	}
}

@media screen and (min-width:1200px){

	.picker-md {
		width:42% !important;
		max-width:42% !important;
	}

	.picker-lg {
		width:75% !important;
		max-width:75% !important;
	}

	.visible-inline-lg {
		display:inline !important;
	}

}

/*******************************************************************************
Screen Size: sm
*******************************************************************************/
@media (max-width: 767px) {

	.tillProductImage {
		margin-right:20px;
	}

	.till_head {
		min-height:40px !important;
		margin-bottom:5px;
	}

	.till_body {
		margin-left:0px !important;
		margin-right:0px !important;
	}

	.till_table {
		margin: 65px 0 0 0;
		position: fixed;
  		overflow-y: auto;
		overflow-x:hidden;
  		top: 160px;
  		bottom: 40px;
  		width: 99.9%;
	}

	.till_table .row {
		margin-left:0px;
		border-bottom:1px solid #999;
		min-height:20px;
	}

	.modal-dialog {
		top:0px !important;
	}

	.visible-inline-xs {
		display:inline !important;
	}

	header .btn .hidden-xs {
		display: none!important;
	}

	header .navbar-nav .open .dropdown-menu > li > a {
		color: #fff !important;
	}

	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #FFFFFF;
	}
	.modal-dialog {
		top:51px;
	}
	.container {
		max-width: 768px;
	}
    .pull-right {
        float: none !important;
    }
	.notices {
		min-height:50px;
	}

	body {
	  /* Margin bottom by footer height */
	  margin-bottom: 40px;
	}
	.footer-fixed {
	  margin: 0px 0px 0px 0px;
	  position: absolute;
	  bottom: 0;
	  width: 99.9%;
	  /* Set the fixed height of the footer here */

	  background-color: #DDD;
	}

	.btnRegisterPlay.active {
		background-color: #E7964E;
		color:#FFF;
	}

	.till_summary h4 {
		margin-left:7px;
	}

	.till_settlement .table tr td {
	  font-size: 24px;
	  font-weight: bold;
	  color: #606060;
	  background-color: #FFF;
	  border-top: 1px solid #EEE;
	}

    .picker-xl {
        width:100% !important;
    }
}

@media screen and (max-width:991px){
	.table-responsive {
		border: 1px solid #DDDDDD;
		margin-bottom: 15px;
		overflow-x: scroll;
		overflow-y: hidden;
		width: 100%;
	}

	.till_settlement {
		margin-top:15px;
	}
	.till_summary {
		margin-top:15px;
	}

}

@media screen and (min-width:768px){
	.visible-inline-sm {
		display:inline !important;
	}

	.modal-dialog {
		top:0px;
	}

	ul.dropdown-menu.ng-isolate-scope > li.ng-scope.active  a {
		color: black;
	}


}

@media screen and (min-width:992px){

	.visible-inline-md {
		display:inline !important;
	}

	header .nav-large {
		display:inline;
		min-width:70px;
		float:left;
		margin: 0px 0px 0px 0px;
		padding-left: 50px;
		padding-right: 20px;
	}

	header .divider-right {
		border-right: 1px solid #ccc;
	}

	header ul.nav-large > li {
		margin-left:-35px;
		list-style-type:none;
	}

	header ul.nav-large > li > a {
		margin: 0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		height:70px;
		width:70px;
		min-width:70px;
		display:block;
	}

	header ul.nav-large > li > a > i.fa {
		font-size: 3em;
	}

	header ul.nav-large > .disabled a:hover {
		color:red;
	}

	header ul.items-wide {
		margin-top:-3px;
		margin-left:0px;
		padding:0px;
		display:inline;
		float:left;
	}

	header ul.items-wide > li {
		margin-bottom:2px;
		list-style-type:none;
	}

	header .dropdown-wide {
  		width:100% !important;
	}

	.lastWideItem {
		margin-bottom:0px;
	}

}

header ul.items-wide > li > a:hover,
header ul.nav-large > li > a:hover {
	color: #1D4365;
	text-decoration: none;
	background-color: #e4e4e4 !important;
}

header ul.items-wide > li > a:hover > .fa,
header ul.nav-large > li > a:hover > .fa {
	color: #609CD2;
}

.dropdown-menu {
	background-color: #fff;
}
.dropdown-menu>li>a {
    display: block;
    padding: 5px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
	color: #333;
	cursor: pointer;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-menu .active a,
.dropdown-menu .active a:hover,
.dropdown-menu .active a:focus {
	color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

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

.dropdown-menu .divider {
    height: 1px;
    margin: 6px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}


.ui-menu-item {
	cursor: pointer;
}

/*******************************************************************************
PRINT
*******************************************************************************/
@media print {
	body {
		padding-top: 0px !important;
		margin-top: 0px !important;
	}
	h1, .h1
	{
  		font-size: 24px;
		margin-top:0px;
		padding-bottom:0px;
	}

	button, .btn {
		display:none;
	}

	.input-instructions {
		display:none;
	}

	.input-instructions img {
		display:none;
	}

	.form-control {
		border:none;
		padding:0px;
		margin:0px;
		height: 18px;
		line-height:1;
		font-size:70%;
	}
	.report-summary-label, .report-summary-value, .report-summary-currency {
		padding-top:2px;
		padding-bottom:2px;
		border:none;
	}
	table.report-summary-table > tbody > tr > td.report-summary-label {
		padding:2px;
		margin:0px;
	}
}

/*******************************************************************************
THUMBNAILS
*******************************************************************************/

.adminThumbnail {
	position: relative;
	width: 160px;
	height: 230px;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 4px;
	margin: 10px;
	text-align: center;
}
.adminThumbnailImgContainer {
	position: relative;
	width: 150px;
	height: 150px;
	margin-bottom:10px;
}
.adminThumbnailImgContainer > img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 150px;
	max-height: 150px;
}
.adminThumbnailDeleteBtn {
	position: absolute;
	left:150px;
	top:-15px;
	border: 0px solid red;
	font-size:20px;
	cursor: pointer;
	color: #888;
}

/*******************************************************************************
SEARCH INPUTS
*******************************************************************************/

.search-only {
    position: relative;
}

.search-only:before {
    position: absolute;
    top: 1px;
    left: 8px;
    width: 30px;
    line-height: 30px;
    text-align: center;
    font-family: 'Font Awesome 5 Pro', 'Font Awesome\ 5 Free', "FontAwesome";
    font-size: 18px;
    color: hsl(180, 5%, 84%);
    content: "\f002";
    z-index: 20;
}

.search-only:before {
    font-family: 'Font Awesome 5 Pro', 'Font Awesome\ 5 Free';
    font-weight: 900;
    top: 2px;
}

.form-search .btn {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.form-search .search-query, .form-search .search-query:first-child, .form-search .search-query:last-child {
    padding: 0 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
}

.input-group .form-control:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.search-only .form-control:last-child {
    padding-left: 40px;
}

/*******************************************************************************
XL column CSS from BS4, back-ported to play nice with BS3, tweaked for onyx usage
*******************************************************************************/

.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
@media (min-width: 1400px) {
	.col-xl {
		max-width: 100%;
	}

	.col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
		float: left;
	}

	.col-xl-12 {
		width: 100%;
	}

	.col-xl-11 {
		width: 91.66666667%;
	}

	.col-xl-10 {
		width: 83.33333333%;
	}

	.col-xl-9 {
		width: 75%;
	}

	.col-xl-8 {
		width: 66.66666667%;
	}

	.col-xl-7 {
		width: 58.33333333%;
	}

	.col-xl-6 {
		width: 50%;
	}

	.col-xl-5 {
		width: 41.66666667%;
	}

	.col-xl-4 {
		width: 33.33333333%;
	}

	.col-xl-3 {
		width: 25%;
	}

	.col-xl-2 {
		width: 16.66666667%;
	}

	.col-xl-1 {
		width: 8.33333333%;
	}
}

/*******************************************************************************
MISC
*******************************************************************************/

.text-capitalize {
	text-transform: capitalize;
}

.nav a {
	text-decoration: none;
}

#adminNav .dropdown-toggle {
	padding: 15px 12px;
}

@media (max-width: 768px) {
    .search-size {
        width: 100%;
    }
}
@media (max-width: 936px) {
	.switch-navigation-label {
		display: none;
	}
}

@media (max-width: 820px) and (min-width: 768px) {
	.search-size {
		width: 100%;
		max-width: 70px;
	}
}

@media (max-width: 1132px) and (min-width: 821px) {
	.search-size {
		width: 100%;
		max-width: 122px;
	}
}

@media (max-width: 1132px) and (min-width: 768px) {
    .navbar-inner .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-inverse .navbar-nav > li > a {
        padding-left: 3px;
        padding-right: 3px;
    }

    #adminNav .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    #adminNav .dropdown-toggle {
        padding: 15px 6px;
    }

    #adminNav .navbar-form {
        padding-left: 4px;
        padding-right: 4px;
    }

    .search-only:before {
        content: "";
    }

    .search-only .form-control:last-child {
        padding-left: 17px;
    }

    #adminNav .navbar-collapse .navbar-nav.navbar-left:first-child {
        margin-left: -4px;
    }
}
@media (max-width: 1337px) and (min-width: 1133px) {
    .navbar-inner .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-inverse .navbar-nav > li > a {
        padding-left: 8px;
        padding-right: 8px;
    }

    #adminNav .dropdown-toggle {
        padding: 15px 8px;
    }
    .search-size {
        width: 100%;
        max-width: 210px;
    }
}
@media (min-width: 1337px) {
    .search-size {
        width: 100%;
        max-width: 280px;
    }
}

.notification-badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 4px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #9e1515;
    border-radius: 10px;
    position: absolute;
    top: 8px;
    left: 17px;
    padding-bottom: 1px;
}

.btn-selection {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	-o-user-select: text;
	user-select: text;
}

.cust-modal-icon {
	padding-left:10px;
}

.help-inline-block {
    display: inline-block;
    color: #737373;
    margin-left: 10px;
    vertical-align: middle;
}


/*------------------------------------*\
    $breadcrumb - tweak bootflat to work with FA 5
\*------------------------------------*/
.breadcrumb > li + li::before {
	font-family: 'Font Awesome 5 Pro', 'Font Awesome\ 5 Free';
	font-weight: 900;
}

/*------------------------------------*\
    $search-query - tweak bootflat to work with FA 5
\*------------------------------------*/

.search-only:before {
	font-family: 'Font Awesome 5 Pro', 'Font Awesome\ 5 Free';
	font-weight: 900;
	top: 2px;
}


/*------------------------------------*\
    Product page
\*------------------------------------*/
.btn-group-list-products.clear-section .btn-primary{
	border-color: #d3d7d7;
	border-left-color: #aeb1b1;
	background-color: #d3d7d7;
}

.btn-group-list-products.clear-section .btn-primary:hover {
	background-color: #F6F6F6;
}

.btn-group-list-products.clear-section .caret{
	border-top-color: #333;
}

.bulk-edit-disabled {
	pointer-events: none;
	cursor: default;
}

.bootstrap-select button.dropdown-toggle:focus,
.bootstrap-select.open button.dropdown-toggle {
	background-color: transparent;
	outline: none !important;
}

/*------------------------------------*\
    Merge product modal
\*------------------------------------*/
.merge-product-search {

}

.merge-product-search ul.dropdown-menu{
	max-width: 100%;
}

.merge-product-search ul.dropdown-menu{
	max-width: 100%;
}

.merge-product-search ul.dropdown-menu span.price{
	margin: 0 10px;
}

.merge-product-search ul.dropdown-menu span.title {
	white-space: pre-line;
}

.merge-product-search #pslrSearch {
	padding-left: 40px;
}

.merge-product-item.panel-primary .change-product-link {
	color: #fff;
}

/*------------------------------------*\
    Container Styling
\*------------------------------------*/
.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/*------------------------------------*\
	Content Wrapper
\*------------------------------------*/
.mainContentWrapper {
	margin-left: -15px;
	margin-right: -15px;
}

@media (min-width: 1200px) {
	.mainContentWrapper.col-lg-offset-2 {
		margin-left: 16.666666666666664%;
	}
}

@media (min-width: 992px) {
	.mainContentWrapper.col-md-offset-1 {
		margin-left: 8.333333333333332%;
	}
}

/*------------------------------------*\
    Optional Dropdown Menu Styling
\*------------------------------------*/
.dropdown-titles .dropdown-menu .dropdown-header {
	padding: 3px 15px;
	font-weight: 400;
	color: #999;
}

.dropdown-titles .dropdown-menu>li>a {
	padding-left: 25px;
}

/*------------------------------------*\
    Form Styling
\*------------------------------------*/
@media (min-width: 768px) {
    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

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

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

/*------------------------------------*\
    Badge Styling
\*------------------------------------*/
.btn-success .badge {
	color: #64b92a;
	background-color: #fff;
}

/*------------------------------------*\
    Manufacturers dropdown
\*------------------------------------*/
#manufacturer-dropdown-vm .bootstrap-select button.dropdown-toggle:focus,
#manufacturer-dropdown-vm  .bootstrap-select.open button.dropdown-toggle {
	background-color: transparent;
	outline: none !important;
}

#manufacturer-dropdown-vm  .bootstrap-select.btn-group .dropdown-menu li {
	position: inherit;
}

#manufacturer-dropdown-vm  .bootstrap-select.btn-group .dropdown-menu li.selected {
	position: relative;
}

/*------------------------------------*\
    Accessibility
\*------------------------------------*/

.sr-only.visible-focused:focus {
	display: block;
	position: fixed;
	z-index: 150;
	top: 10px;
	left: 10px;
	height: auto;
	width: auto;
	padding: 10px 15px;
	clip: auto;
	background: #fff;
	color: #337ab7 !important;
	border: 1px solid currentColor;
	transition: none;
}

/*------------------------------------*\
    Classes
\*------------------------------------*/
.skill-levels {
	text-transform: capitalize;
}

/*------------------------------------*\
    Beta Features
\*------------------------------------*/
.beta-features-block {
	padding: 20px 0px;
	border-bottom: 1px solid #ddd;
}

.beta-features-block:last-child {
	border-bottom: none;
}

.beta-features-item {
	padding: 10px 0;
	margin-right: 5px;
}

.beta-features-item-title {
	padding-top: 6px;
}

.beta-features-item-option {
	margin-left: 5px;
}

/*------------------------------------*\
    vue-good-table
\*------------------------------------*/
.vbt-autcomplete-list {
	position: absolute;
}

/*------------------------------------*\
    subscription detail block
\*------------------------------------*/
.subscription_detail_wrapper .subscription_detail_table td{
	border: none;
	padding-bottom: 0px;
	padding-top: 0px;
	background-color: transparent!important;
}
.subscription_detail_wrapper .bold_line {
	font-weight: bold;
}

.bs-callout {
	padding: 15px;
	margin: 15px 0;
	border: 1px solid #eee;
	border-left-width: 5px;
	border-radius: 3px;
}
.bs-callout-danger {
	border-left-color: #d9534f;
}
.bs-callout-warning {
	border-left-color: #f0ad4e;
}
.bs-callout-info {
	border-left-color: #5bc0de;
}
.bs-callout h4 {
	margin-top: 0;
	margin-bottom: 5px;
}
.bs-callout-danger h4 {
	color: #d9534f;
}
.bs-callout-warning h4 {
	color: #f0ad4e;
}
.bs-callout-info h4 {
	color: #5bc0de;
}

.mb-25 {
	margin-bottom: 25px;
}

.new-layout #adminLayoutTitle
{
	font-weight: bold;
	color: black;
	margin-top: 5px;
}


/* Tables - Vertically Align Middle */
.table-v-middle tr td {
    vertical-align: middle !important;
}

.filter-wrapper label {
	display: block;
}

@media (min-width: 768px) {
    /* Module List Page - Filters Panel */
    .filter-wrapper .form-group {
        margin-bottom: 5px;
    }
}

/*------------------------------------*\
    tag element
\*------------------------------------*/

.label.tag {
    margin-right: 2px;
    display: inline-block;
}

.label.tag a {
    color: #fff;
    margin-left: 8px;
}

.label.tag a:hover {
    opacity: .65;
}

.d-inline-block {
    display: inline-block;
}

@media (max-width: 767px) {
    .d-xs-none {
        display: none;
    }
}

div.mce-reset[role=application] > div.mce-container-body.mce-abs-layout > label.mce-widget.mce-label {
	width: initial !important;
	height: initial !important;
	left: initial !important;
}

.manufacturer-search ul.dropdown-menu.inner li.no-results {
	padding: 0px;
}

.btn-link.disabled {
	color: #999;
}
.security {
	font-family: text-security-disc;
	-webkit-text-security: disc;
}

.fa-flip {
	-webkit-animation-name: fa-flip;
	animation-name: fa-flip;
	-webkit-animation-delay: var(--fa-animation-delay, 0);
	animation-delay: var(--fa-animation-delay, 0);
	-webkit-animation-direction: var(--fa-animation-direction, normal);
	animation-direction: var(--fa-animation-direction, normal);
	-webkit-animation-duration: var(--fa-animation-duration, 1s);
	animation-duration: var(--fa-animation-duration, 1s);
	-webkit-animation-iteration-count: var(--fa-animation-iteration-count, infinite);
	animation-iteration-count: var(--fa-animation-iteration-count, infinite);
	-webkit-animation-timing-function: var(--fa-animation-timing, ease-in-out);
	animation-timing-function: var(--fa-animation-timing, ease-in-out);
}


@media (prefers-reduced-motion: reduce) {
	.fa-flip{
		animation-delay: -1ms;
		animation-duration: 1ms;
		animation-iteration-count: 1;
		transition-delay: 0s;
		transition-duration: 0s;
	}
}

@-webkit-keyframes fa-flip {
	50% {
		-webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
		transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

@keyframes fa-flip {
	50% {
		-webkit-transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg));
		transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } }

#taxProfileDiv .bootstrap-select.btn-group .dropdown-menu li a span.text {
	word-break: break-word;
	white-space: break-spaces;
}
.quantity-minus {
	background: #bab8b9;
	width: 52px;
	height: 52px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 23px;
	color: white;
	cursor: pointer;
}
.quantity-minus-container {
	width: 68px;
	height: 52px;
}

.select-caret-style,
.dropdown-caret-style .dropdown-toggle .caret {
	background-image: url('data:image/svg+xml,<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 8"> <path d="M7.125 7.125C6.87891 7.125 6.66016 7.04297 6.49609 6.87891L1.24609 1.62891C0.890625 1.30078 0.890625 0.726562 1.24609 0.398438C1.57422 0.0429688 2.14844 0.0429688 2.47656 0.398438L7.125 5.01953L11.7461 0.398438C12.0742 0.0429688 12.6484 0.0429688 12.9766 0.398438C13.332 0.726562 13.332 1.30078 12.9766 1.62891L7.72656 6.87891C7.5625 7.04297 7.34375 7.125 7.125 7.125Z" fill="%333333"></path></svg>');
	background-repeat: no-repeat;
}

.dropdown-caret-style .dropdown-toggle {
	padding-right: 5px;
}

.dropdown-caret-style .dropdown-toggle .caret {
	background-size: 14px;
	background-position-y: 3px;
	display: inline-block;
	width: 14px;
	height: 14px;
	border: none;
	top: 50%;
	right: 5px;
}

.select-caret-style {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-position: calc(100% - 5px);
	background-size: 14px;
	border-radius: 4px;
	background-position-y: 50%;
	padding-right: 25px;
}
.quote-register-list {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.quote-register-list > .quote-register-action {
	width: 25%;
	display: flex;
	justify-content: flex-end;
}
.quote-register-list > .quote-register-list-container {
	display: flex;
	justify-content: space-between;
	width: 75%;
}
.quote-register-action .dropdown-menu {
	left: -175px;
}
.quote-register-action .dropdown .dropdown-toggle {
	border: unset;
	padding: 3px 6px;
	color: #999;
	background: transparent;
}
.quote-register-action .dropdown .dropdown-toggle:hover {
	color: #777;
}
.quote-register-action .dropdown .dropdown-menu {
	height: auto;
	text-align: center;
	line-height: 19px;
	padding: 5px 0;
	min-width: 200px;
}
.quote-register-action .dropdown .dropdown-menu li {
	text-align: left;
	margin: 0;
}
.quote-register-action .dropdown .dropdown-menu li button.action {
	padding: 4px 14px 4px 32px;
	position: relative;
	width: 100%;
	background: unset;
	border: unset;
	text-align: left;
}
.quote-register-action .dropdown .dropdown-menu li button.action i {
	top: 6px;
	left: 0;
	padding: 0 8px;
	position: absolute;
}
.quote-register-action .dropdown .dropdown-menu li:hover:not(:disabled) {
	color: #262626;
	background-color: #f5f5f5;
}

.jc-space-between {
	display: flex;
	justify-content: space-between;
}