html,body {
    background-color:#fafafa;
    height: 100%;
    margin:0 auto;
    padding:0;
    height:100%;
}
.content { min-height: 768px; height: 100%; margin: 0 auto ;padding: 0 0;}
.ca-bg { background: url(../img/bg.jpg) no-repeat center bottom #fafafa; background-size: 100% auto;}
.ca-yellow { color:#ff9900;}
.footer { background-color: #282828; bottom: 0;left: 0;right: 0;}
.footer p { color:white; }
.footer 
[ng-cloak] {
    display: none !important;
}
.header {
    height:50px;
    border-bottom:1px solid #ccc;
    margin-bottom: 50px;
}
.clickable { cursor: pointer !important;}
.no-padding { padding:0 !important;}
table { background-color: white;}
/*#337ab7*/
.table > tbody > tr.clickable:hover { background-color: #eeeeee !important; color:#339933!important }
.fa.fa-sort { color:#ccc; }
.required { color:#DD4442; }
.reset-form-group-margin { margin-left:15px !important; margin-right:15px !important; }
.date-control { width: 150px; }

/*nav bar*/
.navbar-default {
	background-color: #09652B;
    border-color: #0C8C3B;
}

.nav.navbar-nav > li > a { color: #ccc; font-weight:bold;}
.nav.navbar-nav > li > a:hover { color:#FDB912; }
.nav.navbar-nav > li.active > a,.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: white; background-color: #0C8C3B; }
.nav.navbar-nav > li:hover { cursor: pointer ;}
.nav.navbar-nav > li:hover, .nav.navbar-nav > li.active:hover { background-color:#0B7F36; }

.navbar-nav.user-info.user-info > li:hover{ border: 0 ; background-color: #09652B ;  }
.navbar-nav.user-info > li > span {cursor: default ; color:white;}
.nav>li>span { position: relative; display: block; padding: 10px 15px; }
.nav.navbar-nav > li > a > i { margin-right:5px;}
.navbar-default .navbar-toggle { border-color: #0B7F36; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:#0B7F36; }
.navbar-default .navbar-toggle .icon-bar { background-color: white; }
/*nav bar*/

.mg-left-xs { margin-left: .1em !important; }

.table > thead > tr > th { white-space: pre-line; background-color: #0C8C3B; color: white;text-align: center;padding:8px 3px; vertical-align: middle;  }
.table.warn > thead > tr > th {  background-color: #FFC113; }
.table.warn > thead > tr > th .fa.fa-sort { color:#eee;}
.table.warn > tbody > tr.clickable:hover { color:#999!important }

button .glyphicon {margin-right:5px;}
.alert.alert-warning{ border-width:2px;}
.table > thead > tr > th a {color:white;}
.table > tbody > tr > td:first-child > .checkbox input[type=checkbox] { margin-left:0px !important;}
.table input.ng-invalid.ng-invalid-required, input.ng-dirty.ng-invalid,
.table textarea.ng-invalid.ng-invalid-required, textarea.ng-dirty.ng-invalid,
form textarea.ng-invalid.ng-invalid-required, textarea.ng-dirty.ng-invalid,
form input.ng-invalid-required, form select.ng-invalid-required { background-color:#f2dede;border: 1px solid #d43f3a;}
.product-qty {width:20px; display:inline-table;}
.width-xs {width:50px;}
.width-sm {width:80px;}
.width-md, .width-date {width:120px;}
.width-lg {width:175px;}
.width-xl {width:300px;}
.upload-progress {display: inline-block; width: 100%;border: 3px solid #CCC; border-radius: 10px;  margin-top: 8px; margin-left:auto;margin-right: auto;}
.upload-progress div {font-size: .7em; background: #559933; width: 0;  border-radius:10px; color:white; font-weight: bold;position:relative; }
.glyphicon.glyphicon-trash.clickable:hover{color:#dd4422;}
.claim-form .control-label { white-space: nowrap;}
.table select.form-control { padding: 0;}
a.disabled { cursor: not-allowed; }
.table>tbody>tr>td.small-padding-horizontal,.table>thead>tr>th.small-padding-horizontal {padding-left:2px;padding-right: 2px;}
.no-padding-horizontal{ padding-left:0px !important;padding-right: 0px !important;}
.padding-right-sm { padding-right:5px;}
.padding-xs { padding-right:3px;padding-left:3px;}
.amz-logo { background-image:url('../img/logo.png'); background-repeat: no-repeat; width: 60px; height: 45px; }
.navbar-brand{ padding:0 15px;}
.help-form-control { padding:8px; margin-bottom: 0px;}
.form-horizontal.form-bill .form-group{ margin-bottom: 5px }
.form-horizontal .control-label { color:#053F1B;}
.progress { margin:5px;}
.progress-modal  
{
    width:100%;
    top: 0;
    left: 0;
    height: 100%; 
    position: fixed;
    background-color: black;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80); 
    opacity: 0.8;
    z-index: 999999;
    cursor:wait;
}
.progress-modal .progress-wrapper {margin: 25% auto;width: auto; max-width: 400px;  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100); 
    opacity: 1;}
.progress-wrapper { width:150px;}
.help-invoice { padding-left:0px;}
.help-invoice > i.glyphicon { margin-top:5px; font-size: 1.5em; cursor:help; color:#0C8C3B; }
.help-invoice .popover { max-width:620px;}
.help-invoice .popover-content { min-width: 620px; width:620px;}
.help-cancel-claim .popover { max-width: 500px;}
.inline { display:inline; }
.uib-datepicker-popup .uib-day button.btn.btn-default.btn-sm, 
.uib-datepicker-popup .uib-month button.btn.btn-default.btn-sm, 
.uib-datepicker-popup .uib-year button.btn.btn-default.btn-sm,
.uib-daypicker > thead > tr > th > button.btn.btn-default.btn-sm { border:0; }
table .checkbox input[type=checkbox],table .checkbox-inline input[type=checkbox] { margin-left:0px; position: relative;}
.text-nowrap { white-space: nowrap !important;}
.form-search-claims .control-label { white-space: nowrap;}
.modal-header { background-color:#0B7F36; color:white; }
.btn-fixed-width-md{width:100px !important;}
tr.disabled{ cursor: not-allowed;}
.col-date { width: 100px;}
hr { border-top: 3px solid #ddd;}
.no-margin-top{ margin-top: 0;}
@media (min-width: 768px)
{
    .navbar { border-radius: 0; }
    
    .navbar-nav>li>span {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
@media screen and (max-width:970px){
    .padding-xs { padding-right:15px;padding-left:15px;}
    .search-btn-wrapper { margin-top:20px;}
}
@media screen and (max-width: 768px) and (max-height:660px)
{
    .navbar-fixed-bottom { position:relative !important; }
}
.dont-break-out {

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.bg-transparent {
    background-color: transparent;
}
.text-sm-date{font-size:0.8em;}
.big-num { position:relative; top:-0.2em;}
.icon-big{ font-size:1.8em;}
.cursor-help { cursor: help; }
.icon-middle{ width: 32px; height:32px; margin:auto; font-size:2em;}
.icon-bakery{ width:24px; height:24px; position:relative; top:-5px;}

.error-title {
    font-size: 2.5em;
}

.error-content {
    text-align: center;
}

.error-code {
    font-size: 8em;
    color: #3598dc;
    font-weight: bolder;
    margin: 0.8em;
}

.error-desc {
    font-size: 1em;
}

.error-bg {
    background-color: #fafafa;
}