/* Webfonts */
* {border-radius: 0 !important;}
@font-face {
    font-family: 'Ubuntu';
    font-weight: 400;
    font-style: normal;
    src: url('/fonts/Ubuntu-regular/Ubuntu-regular.eot');
    src: url('/fonts/Ubuntu-regular/Ubuntu-regular.eot?#iefix') format('embedded-opentype'),
    local('Ubuntu'),
    local('Ubuntu-regular'),
    url('/fonts/Ubuntu-regular/Ubuntu-regular.woff2') format('woff2'),
    url('/fonts/Ubuntu-regular/Ubuntu-regular.woff') format('woff'),
    url('/fonts/Ubuntu-regular/Ubuntu-regular.ttf') format('truetype'),
    url('/fonts/Ubuntu-regular/Ubuntu-regular.svg#Ubuntu') format('svg');
}

@font-face {
    font-family: 'Ubuntu';
    font-weight: 500;
    font-style: normal;
    src: url('/fonts/Ubuntu-500/Ubuntu-500.eot');
    src: url('/fonts/Ubuntu-500/Ubuntu-500.eot?#iefix') format('embedded-opentype'),
    local('Ubuntu Medium'),
    local('Ubuntu-500'),
    url('/fonts/Ubuntu-500/Ubuntu-500.woff2') format('woff2'),
    url('/fonts/Ubuntu-500/Ubuntu-500.woff') format('woff'),
    url('/fonts/Ubuntu-500/Ubuntu-500.ttf') format('truetype'),
    url('/fonts/Ubuntu-500/Ubuntu-500.svg#Ubuntu') format('svg');
}

/* General styles */
body {
    color: #333;
    font-family: "Open Sans", "Verdana","Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,sans-serif;
}




.bg-state-0				{background-color:#FFFFFF;}
.bg-state-1				{background-color:#fcf8e3;}
.bg-state-2			 	{background-color:#d9edf7;}
.bg-state-3				{background-color:#dff0d8;}
.bg-state-4		 		{background-color:#CFCFCF;}
.bg-state-5		 		{background-color:#fcdbdb;}
.bg-state--1			{background-color:#f2dede;}

.stateactive {font-weight:bold; border: 2px solid black !important; text-transform: uppercase;}

h1 {
    margin: 1rem 0 2rem 0;
    font-size: 140%;
}

footer {
    font-size: 90%;
    color: #a0a0a0;
    margin-top: 50px;
    margin-bottom:50px;
}

footer section div {

    padding: 1rem 0;
}


.table-striped>tbody>tr.fixtermin:nth-of-type(even) {font-weight: bold;}
.table-striped>tbody>tr.fixtermin:nth-of-type(odd) {font-weight: bold;}

.navbar-collapse {padding-left: 0;}
.navbar-nav > li {border-right:1px solid #e7e7e7;}

#dataTable4reseller tr.state-0 {background-color:#FFFFFF;}
#dataTable4reseller tr.state-1 {background-color:#fcf8e3;}
#dataTable4reseller tr.state-2 {background-color:#d9edf7;}
#dataTable4reseller tr.state-3 {background-color:#dff0d8;}
#dataTable4reseller tr.state-4 {background-color:#CFCFCF;}
#dataTable4reseller tr.state-5 {background-color:#ffb9b9;}
#dataTable4reseller tr.state--1 {background-color:#f2dede;}

#dataTable4supplier tr.state-0,
#dataTable tr.state-0,
#orderList td.state-0,
button.state-0,
nav .dropdown-menu li.state-0 {
    background-color: #ffffff;
}
#dataTable4supplier tr.state-1,
#dataTable tr.state-1,
#orderList td.state-1,
button.state-1,
nav .dropdown-menu li.state-1:before {
    background-color: #fcf8e3;
}
#dataTable4supplier tr.state-2,
#dataTable tr.state-2,
#orderList td.state-2,
button.state-2,
nav .dropdown-menu li.state-2:before {
    background-color: #d9edf7;
}
#dataTable4supplier tr.state-3,
#dataTable tr.state-3,
#orderList td.state-3,
button.state-3,
nav .dropdown-menu li.state-3:before {
    background-color: #dff0d8;
}
#dataTable4supplier tr.state--1,
#dataTable tr.state--1,
#orderList td.state--1,
button.state--1,
nav .dropdown-menu li.state--1:before {
    background-color: #f2dede;
}

.navbar-header {
    border-right: 1px solid #fff;
}

.form-signin {
    margin: 6rem auto;
    max-width: 400px;
}

/* horizontal column alignment helpers for Bootstrap
   see: http://www.minimit.com/demos/bootstrap-3-responsive-columns-of-same-height */
.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}
.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}
.col-top {
    vertical-align: top;
}
.col-middle {
    vertical-align: middle;
}
.col-bottom {
    vertical-align: bottom;
}

/* rounded form elements are so 2014 */

.form-control {
    border-radius: 2px;
}
.input-group-addon {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/* paging grid */
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background-color: #e7e7e7;
    border-color: #ddd;
    color: #555;
    font-weight: bold;
}

.pagination {
    margin: 10px 0 0 0;
}

/* Table sorting. Taken from: http://bootstrap-table.wenzhixin.net.cn/ */
thead th .th-inner {
    line-height: 24px;
    overflow: hidden;
    padding: 6px 6px 6px 0;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}

thead th .sortable {
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
    padding-right: 30px;
}

thead th .both {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
}
thead th .asc {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==");
}
thead th .desc {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ");
}

thead th a {
    color: #666;
}
thead th a:hover,
thead th a.active{
    color: #333;
    text-decoration: none;
}

/* Order forms */

.orderForm {
    margin-top: 2rem;
}

label.required::after {
    content: ' *';
    font-size: 80%;
    position: absolute;
    right: 0.5rem;
}

.orderForm textarea {
    height: 160px;
}

.orderForm .control-label {
    font-weight: normal;
}

/* order listings */

/* order display */
#orderView i {
    font-size: 110%;
}

#orderPanel {
    border-radius: 2px;
}

#orderPanel h5 {
    margin-bottom: 0;
}





#order-search > *{
  height: 35px;
}


/* creating order; billomat live search field */

#customer_name_search_results {
  display: none;
  position: absolute;
  top: 33px;
  width: 80%;

  border: 1px solid #CCC;
  border-top: 0;
  padding: 0.5rem 1rem 0.5rem 1rem;
  background-color: white;
  z-index: 10;


  -webkit-box-shadow: 4px 4px 11px 0px rgba(50, 50, 50, 0.3);
  -moz-box-shadow:    4px 4px 11px 0px rgba(50, 50, 50, 0.3);
  box-shadow:         4px 4px 11px 0px rgba(50, 50, 50, 0.3);
}


#customer_name_search_results a {
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  border-top: 1px solid #CCC;
}




#development-bar {
  margin: 0;
  width: 100%;
}

#development-bar .change-role a {
  margin-right: 1rem;
}

#development-bar select {
  display: inline-block;
}

#development-bar label {
  display: block;
}





#admin-navbar {
  border-right: 1px solid #DDD;
  min-height: 500px;
  background-color: #EEE;
}

#admin-content {

}

#admin-navbar a {
  text-align: left;
}

#admin-navbar a i.fa {
  margin-right: 7px;
}


#admin-navbar a.active {
}

#admin-navbar a.active i.fa {
}

#admin-navbar a:hover {
}

.container.container-admin {
  padding-top: 0;
  margin-top: 0;
}
.active-block,
.collapsed-block,
.active-inline-block,
.collapsed-inline-block,
.active .active-hidden,
.collapsed .collapsed-hidden {
    display: none;
}
.active .active-block,
.collapsed .collapsed-block {
    display: block;
}
.active .active-inline-block,
.collapsed .collapsed-inline-block {
    display: inline-block;
}