﻿/* */

html,body{
    height: 100%;
}
.body-content {
    top: 80px;
    padding-top: 80px;
    padding-left: 5px;
    margin-right: 15px;
    left: 0;
    right: 0;
}
.body-content-footer {    
    position: absolute;
    top: 60px;
    padding-top: 10px;
    bottom: 60px;
    margin-left: 5px;
    margin-right: 5px;
    left: 0;
    right: 0;
    overflow:auto;
}

.inactiveentity {
    font-style: italic;
    color: #999999;
}
.dangertext {    
    color: #FF0000;
}

input[type="number"].inputnumber {
	-moz-appearance: textfield;    
}
.inputnumber::-webkit-inner-spin-button,
.inputnumber::-webkit-outer-spin-button {
	-webkit-appearance: none;
    -moz-appearance: none;
	margin: 0;
}
.subtotal {
    padding-right:20px;
}
.navfooter > li{
  padding-left:10px;
  padding-right:10px;
}
.tooltip-wrapper {
  display: inline-block; /* display: block works as well */
  cursor: not-allowed;
}
.tooltip-wrapper.disabled {
  /* OPTIONAL pointer-events setting above blocks cursor setting, so set it here */
  cursor: not-allowed;
}
.tooltip-wrapper .btn[disabled] {
  /* don't let button block mouse events from reaching wrapper */
  pointer-events: none;
}

.findcartqty {
    border: 2px solid;
}
.paneltable>tbody>tr.pendingline.pendinglinechanged {
    background-color: lightyellow;
}
.psllogo { 
    padding: -1px -1px;
    vertical-align: middle;     
}
.navbar {
    padding-top: 4px;
    padding-bottom: 4px;
}
.navbar-brand {
    padding-top: 10px;
}
.modal-footer .btn+.btn {
    margin-left: 10px;
}
.icon::before {
    display: inline-block;
    margin-right: .5em;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transform: translate(0, 0);
}

.sortable thead {
    font-weight: bold;
    cursor: default;
}

.form-group-tight {
    margin-bottom: 5px;
}
.paneltable {
    margin-bottom: 0;
}
.hidden { 
      display: none; 
  }
.table-center {
    text-align:center;
}
.tablesorter>tfoot>tr>td.table-right.subtotal {
    padding-right:20px;
}
.tablesorter>tbody>tr>td.table-right {
    padding-right:20px;
}
.tablesorter>tfoot>tr>td.table-right {
    padding-right:20px;
}
.tablesorter>tbody>tr>td.table-right.nosort {
    padding-right:0;
}
.table-right {
    text-align:right;    
}
/*Needed to allow textarea to be more than one line when used within a form-group (CRM / EditBusiness) */
.textarea.form-control {
    height: 100%;
}
/*Class to allow fixed-height textarea (CRM / EditBusiness) */
.fixedheighttextarea {
    resize: none;
}
.table-striped2>tbody>tr:nth-child(4n+1)>td
{    background-color: #F9F9F9;     
}
.table-striped2>tbody>tr:nth-child(4n+2)>td
{    background-color: #F9F9F9;     
     border-top: unset;
}
.table-striped2>tbody>tr:nth-child(4n+3)>td
{    background-color: #ffffff;
}
.table-striped2>tbody>tr:nth-child(4n)>td
{    background-color: #ffffff;
     border-top: unset;
}

.sidenav {
    height: 100%;
    width: 150px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    padding-left: 10px;
    padding-top: 70px;
}
.sidenavnarrow {
    height: 100%;
    width: 90px;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    overflow-x: hidden;
    padding-left: 10px;
    padding-top: 70px;
}
.viewmain {
    margin-left:120px;
}
.viewmainnarrow {
    margin-left:80px;
}
/* .findmain {
   margin-left:10px;
}
    */
#democompanyheader {
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 3em;
    color: red;
}
.panel-heading {
    padding: 5px 10px;    
}
.panel-editbutton {
    margin-top: 2px; 
    margin-bottom: 2px; 
    margin-right: 10px; 
}
.btn-info {
    background-color: rgb(106, 207, 237);
}
.btn-info.active, btn-info:active {
    background-color: rgb(24, 151, 188);

}




/* Dropdown SubMenus for Catalog */

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%
}
.dropdown-submenu.pull-left {
    float: none;
}
#product_catalogue .dobold {
    font-weight: bold;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
::-ms-clear {
  display: none;
}

.form-control-clear {
  z-index: 10;
  pointer-events: auto;
  cursor: pointer;
}

#prodcard .popover {
    min-width: 400px;
    max-width: 600px;
    width: auto;
}
.tablesorter .filtered {
  display: none;
}
.tablesorter .tablesorter-filter-row .disabled {
    display: none;
}

input[type="search"] {
  -webkit-appearance: searchfield;  
  -moz-appearance: textfield; 
}
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button;
  -moz-appearance: none; 
}

.vcenter {
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
}
.carousel-inner img {
  margin: auto;
}

.table-input-number {
    min-width: 100px;
    max-width: 100px;
}

/* Disabled Date Picker - make it look enabled */
.datecontrol[readonly] { background-color: #fff !important; opacity: 1; }

/* Sorting Quote Lines */
.sorted_table tr {
  cursor: pointer; }
/* line 96, /Users/jonasvonandrian/jquery-sortable/source/css/application.css.sass */
.sorted_table tr.placeholder {
  display: block;
  background: red;
  position: relative;
  margin: 0;
  padding: 0;
  border: none; }
  /* line 103, /Users/jonasvonandrian/jquery-sortable/source/css/application.css.sass */
  .sorted_table tr.placeholder:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: red;
    margin-top: -5px;
    left: -5px;
    border-right: none; }

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: flex;
}