/* Brand Colors */



/* Brand One - Header and Footer - Structural */
.brand_one, .brand_one .container {
    background-color: #0067a4;
}

header#head {
    border-top: 7px solid #0067A6;
}

.LiquorText{
	padding-left:43px !important
}
.speciallegend {
margin-bottom:12px !important;
}
.specialnote p:first-child{
margin-left:53px !important;
}
.speciallegendconditions p{
padding-top:20px!important;
padding-bottom:10px!important;
}

.fontchange {
    text-transform: lowercase !important;
}

.fontchange:first-letter {
    text-transform: uppercase !important;
}
/* Brand Two - Typography - styles */
.brand_two h1, .brand_two h2, .brand_two h3, .brand_two h4, .brand_two h5, a:hover {
    color: #006a9e;
}

/* Structure */
.pad {
    margin: 1.375em;
}

.container {
    background-color: #fff;
}



/* Header */

.pad h1 {
    margin-top: 47px;
}

/* Footer */
footer#footer_nav ul li {
    list-style-type: none;
}

footer#footer_nav ul.dark li:first-child, footer#footer_nav ul.light li:first-child {
    opacity: 1;
}

footer#footer_nav ul.light li a {
    color: #fff;
    display: block;
}

footer#footer_nav ul.light li {
    color: #fff;
    opacity: 0.5;
}

footer#footer_nav ul.dark li a {
    color: #F0F0F0;
    display: block;
}

footer#footer_nav ul.dark li {
    color: #F0F0F0;
    opacity: 0.5;
}



/*Copyright*/
#outer, footer#outer .container {
    background-color: #eee;
}

    #outer ul li {
        list-style-type: none;
        color: #b2b2b2;
        font-size: 10px;
    }


/* Custom */

h2 {
    margin-bottom: 10px;
}

form {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

a.brand, a.brand:hover {
    /*color: #000000;*/
    color: rgb(0, 92, 0);
    margin-left: 10px;
}

#logout {
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 124px;
}

div.brand_two {
    margin-top: 20px;
    margin-bottom: 20px;
}

.receipt {
    padding: 50px;
    background-color: #FFF;
    border: #888 solid 1px;
    margin: auto 5px;
    font-family: Arial;
}

    .receipt .receipt-header {
        background: url("../../img/hcc-logov3.png") transparent;
        background-position: right;
        background-repeat: no-repeat;
        background-size: 250px;
        padding-top: 10px;
        min-height: 130px;
    }

    .receipt p {
        margin: 0px;
        text-align: left;
        padding: 2px;
        line-height: 18px;
    }

.receipt-title {
    text-align: center;
}

    .receipt-title p {
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        margin: 15px;
        padding: 10px;
    }

.receipt-details {
    margin: 10px;
    text-align: center;
}

    .receipt-details span {
        padding: 10px;
    }

.receipt .receipt-table {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border: 1px solid #000000;
}

.receipt-table table {
    width: 100%;
    /*height: 100%;*/
    margin: 0px;
    padding: 0px;
    text-align: left !important;
}

.receipt-table tr {
    border: 0px !important;
}

    .receipt-table tr:last-child td:last-child {
        -moz-border-radius-bottomright: 0px;
        -webkit-border-bottom-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

.receipt-table table tr:first-child td:first-child {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.receipt-table table tr:first-child td:last-child {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
}

.receipt-table tr:first-child td {
    white-space: nowrap;
}

.receipt-table tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.receipt-table tr:hover td {
}

.receipt-table tr:nth-child(odd) {
    background-color: #e5e5e5;
}

.receipt-table tr:nth-child(even) {
    background-color: #ffffff;
}

.receipt-table td {
    vertical-align: middle;
    border: 1px solid #000000;
    border-width: 0px 1px 1px 0px;
    text-align: left;
    padding: 7px !important;
    font-size: 12px;
    font-family: Arial;
    font-weight: normal;
    color: #000000;
}

.receipt-table tr td:last-child {
    border-right: 0 none !important;
}

.receipt-table tr:last-child td:last-child {
    border-width: 0px 0px 0px 0px;
}

.receipt-table tr:first-child td {
    background: -o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
    background: -moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");*/
    background: -o-linear-gradient(top,#cccccc,b2b2b2);
    background-color: #cccccc;
    border: 0px solid #000000;
    text-align: left !important;
    border-width: 0px 1px 1px 0px;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    color: #000000;
}

.receipt-table tr:first-child:hover td {
    background: -o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
    background: -moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");*/
    background: -o-linear-gradient(top,#cccccc,b2b2b2);
    background-color: #cccccc;
}

.receipt-table tr:first-child td:first-child {
    border-width: 0px 1px 1px 0px;
}

.receipt .receipt-table tr td {
    border-bottom-width: 0px;
}

.receipt .receipt-table tr:first-child td {
    border-bottom-width: 1px;
}

.receipt .receipt-table .receipt-total td {
    border-width: 1px 0 0;
}

a.view-transaction-declaration-button span.icon-download-alt {
    width: 14px !important;    
}

.receipt .printreceipt-table {
    margin: 0px;
    padding: 0px;
    width: 100%;
    /*border: 1px solid #000000;*/
}

.printreceipt-table table {
    width: 100%;
    /*height: 100%;*/
    margin: 0px;
    padding: 0px;
    text-align: left !important;
}

.printreceipt-table tr:first-child td {
    white-space: nowrap;
}

.printreceipt-table tr:hover td {
}

.printreceipt-table tr:nth-child(odd) {
    background-color: #e5e5e5;
}

.printreceipt-table tr:nth-child(even) {
    background-color: #ffffff;
}

.printreceipt-table td {
    vertical-align: middle;
    /*border: 1px solid #000000;
    border-width: 0px 1px 1px 0px;*/
    text-align: left;
    padding: 7px !important;
    font-size: 13px;
    font-family: Arial;
    font-weight: normal;
    color: #000000;
}

.printreceipt-table tr:first-child td {
    background: -o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
    background: -moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");*/
    background: -o-linear-gradient(top,#cccccc,b2b2b2);
    background-color: #cccccc;
    /*border: 0px solid #000000;*/
    text-align: left !important;
    padding: 6px !important;
    /*border-width: 0px 1px 1px 0px;*/
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    color: #000000;
    /*border-right: 1px solid black !important;*/
}

.printreceipt-table tr:first-child:hover td {
    background: -o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
    background: -moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");*/
    background: -o-linear-gradient(top,#cccccc,b2b2b2);
    background-color: #cccccc;
}

.dogscurrent .span3_5, .dogscurrent .span5, .dogscurrent .span4, .dogscurrent .span2, .dogscurrent .span2_5, .dogscurrent .span6, .dogscurrent .span7, .dogscurrent .span8, .dogscurrent .span3 {
    display: inline-block !important;
    vertical-align: top!important;
}

.dogscurrent .span3_5 {
    width: 35%;
}

.dogscurrent .span4 {
    width: 40%;
}

.dogscurrent .span5 {
    width: 50%;
}

.dogscurrent .span8 {
    width: 80%;
}

.dogscurrent .span2 {
    width: 20%;
}

.dogscurrent .span2_5 {
    width: 25%;
}

.dogscurrent .span7 {
    width: 70%;
}

.dogscurrent .span6 {
    width: 60%;
}

.dogscurrent table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
 border-color: gray !important;
}
.dogscurrent .table {
  width: 100%;
  margin-bottom: 18px;
}

.dogscurrent .table th,
.dogscurrent .table td {
  padding: 8px;
  line-height: 18px;
  text-align: left !important;
  vertical-align: top;
  border-top: 1px solid #dddddd !important;
}

.dogscurrent .table th {
  font-weight: bold !important;
}

.dogscurrent .table thead th {
  vertical-align: bottom !important;
}

.dogscurrent .table caption + thead tr:first-child th,
.dogscurrent .table caption + thead tr:first-child td,
.dogscurrent .table colgroup + thead tr:first-child th,
.dogscurrent .table colgroup + thead tr:first-child td,
.dogscurrent .table thead:first-child tr:first-child th,
.dogscurrent .table thead:first-child tr:first-child td {
  border-top: 0 !important;
}

.dogscurrent .table tbody + tbody {
  border-top: 2px solid #dddddd !important;
}

.dogscurrent .table-condensed th,
.dogscurrent .table-condensed td {
  padding: 4px 5px !important;
}

.dogscurrent .table-bordered {
  border: 1px solid #dddddd !important;
 /*border-collapse: separate;*/
  border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px ;
     -moz-border-radius: 4px ;
          border-radius: 4px ;
}

.dogscurrent .table-bordered th,
.dogscurrent .table-bordered td {
  border-left: 1px solid #dddddd !important;
}

.dogscurrent .table-bordered caption + thead tr:first-child th,
.dogscurrent .table-bordered caption + tbody tr:first-child th,
.dogscurrent .table-bordered caption + tbody tr:first-child td,
.dogscurrent .table-bordered colgroup + thead tr:first-child th,
.dogscurrent .table-bordered colgroup + tbody tr:first-child th,
.dogscurrent .table-bordered colgroup + tbody tr:first-child td,
.dogscurrent .table-bordered thead:first-child tr:first-child th,
.dogscurrent .table-bordered tbody:first-child tr:first-child th,
.dogscurrent .table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.dogscurrent .table-bordered thead:first-child tr:first-child th:first-child,
.dogscurrent .table-bordered tbody:first-child tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.dogscurrent .table-bordered thead:first-child tr:first-child th:last-child,
.dogscurrent .table-bordered tbody:first-child tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.dogscurrent .table-bordered thead:last-child tr:last-child th:first-child,
.dogscurrent .table-bordered tbody:last-child tr:last-child td:first-child {
  -webkit-border-radius: 0 0 0 4px;
     -moz-border-radius: 0 0 0 4px;
          border-radius: 0 0 0 4px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.dogscurrent .table-bordered thead:last-child tr:last-child th:last-child,
.dogscurrent .table-bordered tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.dogscurrent .table-striped tbody tr:nth-child(odd) td,
.dogscurrent .table-striped tbody tr:nth-child(odd) th {
  background-color: #f9f9f9;
}

.dogscurrent .table tbody tr:hover td,
.dogscurrent .table tbody tr:hover th {
  background-color: #f5f5f5;
}

.dogscurrent table .span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.dogscurrent table .span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.dogscurrent table .span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.dogscurrent table .span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.dogscurrent table .span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.dogscurrent table .span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.dogscurrent table .span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.dogscurrent table .span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.dogscurrent table .span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.dogscurrent table .span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.dogscurrent table .span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.dogscurrent table .span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.dogscurrent table .span13 {
  float: none;
  width: 1004px;
  margin-left: 0;
}

.dogscurrent table .span14 {
  float: none;
  width: 1084px;
  margin-left: 0;
}

.dogscurrent table .span15 {
  float: none;
  width: 1164px;
  margin-left: 0;
}

.dogscurrent table .span16 {
  float: none;
  width: 1244px;
  margin-left: 0;
}

.dogscurrent table .span17 {
  float: none;
  width: 1324px;
  margin-left: 0;
}

.dogscurrent table .span18 {
  float: none;
  width: 1404px;
  margin-left: 0;
}

.dogscurrent table .span19 {
  float: none;
  width: 1484px;
  margin-left: 0;
}

.dogscurrent table .span20 {
  float: none;
  width: 1564px;
  margin-left: 0;
}

.dogscurrent table .span21 {
  float: none;
  width: 1644px;
  margin-left: 0;
}

.dogscurrent table .span22 {
  float: none;
  width: 1724px;
  margin-left: 0;
}

.dogscurrent table .span23 {
  float: none;
  width: 1804px;
  margin-left: 0;
}

.dogscurrent table .span24 {
  float: none;
  width: 1884px;
  margin-left: 0;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
#wrapper {
padding-top: 150px !important;
}
#navBar{
width:400px !important;
}
}
/*the below code applies styles for iPad*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
#wrapper {
padding-top: 150px !important;
}
#navBar{
width:400px !important;
}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
#wrapper {
padding-top: 150px !important;
}
#navBar{
width:400px !important;
}
}