@charset "UTF-8";
/* CSS Document */

html, body, .container-table { height: 100%;
font-family:Arial, Helvetica, sans-serif;}

.td-small { 
font-size: 12px; padding-top: 1px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px;
}

[data-name="divitem"] [data-name="tditem"] { 
padding-top: 1px; font-size: 12px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px;}

.border-top-white {
border-top: 2px solid white;
border-bottom: 2px solid white;
}
	
.bg-black { 
background-color: #000000;
color: #fafafa;
border: 1px solid black;
}	

.bg-green { 
background-color: #3C0;
color: white;
border: 1px solid black;
}

.bg-grey { 
background-color: #aaa;
color: white;
}	

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

.border-black 
{
	border: 1px solid black;
	background-color: white;
}
	
body {
background-color: #eaeaea;
}

.bold { font-weight: bold;

}
.container-table {
    display: table;
}

.vertical-center-row {
    display: table-cell;
    vertical-align: middle;
}

.cd-container-bg-grey {
background-color: #eee;	
}

.cd-container-bg-silver {
background-color: #ddd;	
}

.cd-container-bg-blue {
background-color: #069;
color: #fff;	
}


.cd-container-bg-white {
background-color: #fff;	
}

.cd-container-padding {
padding: 15px; 	
}

.cd-container-hpadding {
padding-left: 15px; 
padding-right: 15px; 	
}


.cd-container-sm-padding {
padding: 2px; 	
}


.cd-horizontal-padding {
margin-left: 15px; 
margin-right: 15px; 	
}

.cd-title {

font-size: 18px;
font-weight: bold;
	
}

.cd-title-14 {

font-size: 14px;
font-weight: bold;
	
}

.col-height-36 { 

height: 36px;
display: flex;
flex-direction: column;
justify-content: center;
}

.typeahead, .tt-query, .tt-hint {
	border: 1px solid #CCCCCC;
	border-radius: 5px 0 0 5px;
	font-size: 14px;
	height: 34px;
	line-height: 30px;
	outline: medium none;
	padding: 8px 12px;
	width: 100%;
	text-transform:uppercase;
}
.typeahead {
	background-color: #fff;
}
.typeahead:focus {
	border: 1px solid #0097CF;
}
.tt-query {
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
.tt-hint {
	color: #999999;
}
.tt-dropdown-menu {
	background-color: #FFFFFF;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	margin-top: 12px;
	padding: 8px 0;
	width: 100%;
}
.tt-suggestion {
	font-size: 14px;
	line-height: 20px;
	padding: 3px 20px;
}
.tt-suggestion.tt-is-under-cursor {
	background-color: #0097CF;
	color: #FFFFFF;
}
.tt-suggestion p {
	margin: 0;
}

.form-inline .form-control {
    vertical-align: middle !important;
}

.cd-icon-border {
	
border-radius: 0 5px 5px 0;
border-left: 0px;
	
}

.caps
{
	text-transform:uppercase;
}

.cd-padding
{
padding-top: 10px;
padding-bottom: 10px;	
}

.cd-disabled
{
color: #c00;
font-size: 12px;
}

.cd-active
{
color: green;
font-size: 12px;	
}

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

.cd-info
{
color: black;
font-size: 12px;	
}

.cd-hover:hover {
	background-color: #ccc;
}


.cd-container-bg-darkest {
background-color: #032336;
color: #f0f0f0;
}

.cd-container-bg-darker {
background-color: #123A52;
color: #f0f0f0;
}

.cd-container-bg-base {
background-color: #28536D;
color: #f0f0f0;
}

.cd-container-bg-lighter {
background-color: #487088;
color: #fff;
}

.cd-container-bg-lightest {
background-color: #7090A3;
color: #fff;
}

.cd-noborder
{
border=0px;	
}

.cd-bottom-border-lighter {
border-bottom: 1px solid #ddd;	
}

.cd-left-indent
{
padding-left: 20px;	
}

.cd-container-bg-inv-lightest {
background-color: #ffd9aa;
}

.cd-container-bg-inv-lighter {
background-color: #d5a56b;
}

.cd-qty-input
{
	width: 60px;
}

.cd-label
{
border: 2px solid black;
	
}

.cd-form-padding
{ padding: 3px; }


.cd-format-size  {
border: 1px solid black;
font-size: 12px;
margin-bottom: 1px;	
}

.cd-margin-10 {
margin: 10px;
}

.cd-margin-x {
margin-right: 10px;
color: #c00;
font-size: 24px;
}

.cd-margin-x:hover {
margin-right: 10px;
color: #f00;
font-size: 24px;
text-decoration: none;
}

.cd-small-text {
font-size: 11px;	
}

[data-name="cd-transaction"] [data-name="item"] { padding-top: 1px; font-size: 12px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px;}

.h100 {
height: 60px;	
}

.data { display: none; }

.div_right_padding {

padding-right: 10px;
	
}

.cd-cell-center
{
vertical-align: middle;	
}

.cd-border-right
{
border-right: 2px solid black;	
}

.gi-1x{font-size: 1em;}
.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

.report-padding-2
{
padding: 1px;	
}

.valign {
  font-size: 0;
}

.valign > [class*="col"] {
  display: inline-block;
  float: none;
  font-size: 14px;
  font-size: 1rem;
  vertical-align: middle;
}

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

.current_tid
{
background-color: #F66;	
}

.gut
{
	margin-left: 10px;
	margin-right: 10px;
}

.padding-10 
{
padding: 10px;	
}

.padding-8 
{
padding: 8px;	
}

.padding-5 
{
padding: 5px;	
}

.padding-1
{
padding: 1px;	
}

.discountsitefullon
{
	color: #999;
	text-decoration: line-through;
}

.discountsitefulloff
{
	color: black;
	text-decoration: none;
}

.discountsitesell
{
	color: #c00;
	text-decoration: none;
}

/*navbar red*/

/* Red 
$bgDefault      : #e74c3c;
$bgHighlight    : #c0392b;
$colDefault     : #ecf0f1;
$colHover       : #ffbbbc; */
/* Green */
$bgDefault      : #2ecc71;
$bgHighlight    : #27ae60;
$colDefault     : #ecf0f1;
$colHover       : #d1ffed; /*/
/* Purple * /
$bgDefault      : #9b59b6;
$bgHighlight    : #8e44ad;
$colDefault     : #ecf0f1;
$colHover       : #ecdbff; /*/
/* Orange * /
$bgDefault      : #e67e22;
$bgHighlight    : #d35400;
$colDefault     : #ecf0f1;
$colHover       : #ffe6d1; /*/

/* --- Style --- */
.navbar-default {
        background-color: $bgDefault;
    border-color: $bgHighlight;
    .navbar-brand {
        color: $colDefault;
        &:hover, &:focus {
            color: $colHover; }}
    .navbar-nav {
        > li {
            > a {
                color: $colDefault;
                &:hover, &:focus {
                    color: $colHover;   }}}
        .active {
            > a, > a:hover, > a:focus {
                color: $colHover;
                background-color: $bgHighlight; }}
        .open {
            > a, > a:hover, > a:focus {
                color: $colHover;
                background-color: $bgHighlight;
                .caret {
                    border-top-color: $colHover;
                    border-bottom-color: $colHover; }}}
        > .dropdown {
            > a {
                .caret {
                    border-top-color: $colDefault;
                    border-bottom-color: $colDefault; }
                &:hover, &:focus {
                    .caret {
                        border-top-color: $colHover;
                        border-bottom-color: $colHover; }}}}}
    .navbar-toggle {
        border-color: $bgHighlight;
        &:hover, &:focus {
            background-color: $bgHighlight; }
        .icon-bar {
            background-color: $colDefault; }}}
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: $colDefault;
        &:hover, &:focus {
            color: $colHover;
            background-color: $bgHighlight; }}
}