@import url('https://fonts.googleapis.com/css?family=Montserrat');

body {
    background: #b6b7bc;
    margin: 0px;
    padding: 0px;
    color: #000;
    font-size: 11px;
    font-family: Verdana, Arial;
}

.page {
    border: 1px solid black;
    width: 960px;
    background: #fff;
    margin: 0px auto 0px auto;
    min-height: 500px;
}

.content {
    overflow: auto;
    margin-right: 25px;
    margin-bottom: 25px;
}

.noPrint .right {
    text-align: left !important;
}

.help {
    text-align: right;
    margin-right: 20px;
    margin-top: -105px;
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 45px;
}

.top {
    vertical-align: top;
}

.center {
    text-align: center;
}

.clear {
    clear: both;
}

.bold {
    font-weight: bold;
}

.block {
    display: block;
}

.none {
    display: none;
}

h1 {
    padding-top: 9px;
    font-size: 1.4em;
    font-weight: 600;
}

h2 {
    font-size: 1.3em;
    font-weight: 600;
}

h3 {
    font-size: 1.2em;
    font-weight: 600;
}

.FieldLabel {
    background-color: #DEDEDE;
    width: 175px;
    text-align: right;
    border: 1px solid grey;
}






/* Weirdness with the Cashier Page */

table .FieldLabel {
    width: 150px;
}

.LargeTextBox {
    width: 200px;
}

.SmallTextBox {
    width: 100px;
}

.Button {
    background-color: #DEDEDE;
    border: 1px solid;
    border-top-color: #000000;
    border-left-color: #000000;
    border-right-color: #000000;
    border-bottom-color: #000000;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 7px;
    padding-left: 7px;
    font-weight: bold;
    font-size: 11px;
}

.GridCell {
    background-color: #FFFFFF;
}

.AltGridCell {
    background-color: #EAEAEA;
}

.GridCellTotals {
    background-color: #ffffcc;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
}

img.reqdIndcator {
    height: 10px;
    width: 4px;
    vertical-align: middle;
}

.Menu ul.AspNet-Menu
/* Tier 1 */

{
    margin-left: 10px;
    width: 15em;
    border-top: 1px solid #000;
}

.Menu ul.AspNet-Menu ul
/* Tier 2 */

{
    width: 6em;
    top: 100%;
    left: 0;
    font-weight: bold;
}

.Menu ul.AspNet-Menu ul ul
/* Tier 3+ */

{
    top: 0%;
    left: 6em;
    font-weight: normal;
}

.Menu li
/* all list items */

{
    width: 6em;
    background: #DEDEDE;
}

.Menu li:hover,





/* list items being hovered over */

.Menu li.AspNet-Menu-Hover {
    background: #FFF;
    color: #000;
}

.Menu a,





/* all anchors and spans (nodes with no link) */

.Menu span {
    color: #000;
    padding: 4px 2px 4px 8px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
}

.Menu li.AspNet-Menu-Leaf a,





/* leaves */

.Menu li.AspNet-Menu-Leaf span {
    background-image: none !important;
}

.Menu .AspNet-Menu-Selected
/* this tier is selected */

{
    background: #FFF;
    font-weight: bold;
}

.Menu .AspNet-Menu-ChildSelected
/* a tier below this one is selected */

{
    background: #FFF;
}

.HorizontalMenu ul.AspNet-Menu
/* Tier 1 */

{
    width: 100%;
}

.HorizontalMenu li
/* all list items */

{
    width: 10em;
    margin-right: 2px;
    background: #DEDEDE;
    text-align: center;
}

.HorizontalMenu li:hover,





/* list items being hovered over */

.Menu li.AspNet-Menu-Hover {
    background: #FFF;
    color: #000;
}

.HorizontalMenu a,





/* all anchors and spans (nodes with no link) */

.Menu span {
    font-weight: bold;
    color: #000;
    padding: 4px 4px 4px 4px;
    border: 1px solid #000;
}

.Cart {
    height: 250px;
    width: 100%;
    overflow-y: scroll;
}

a[href] {
    color: #0000A0;
}

.HelpPageContainer {
    width: 100%;
    padding: 0px;
}

.HelpPageMain {
    float: left;
    width: 70%;
    margin: 0px;
    padding: 0px;
}

.HelpPageRight {
    float: right;
    width: 30%;
    margin: 0px;
    padding: 0px;
}

.HelpPageBox {
    border: solid 1px black;
    padding: 2px;
    margin: 2px;
}

.Watermark {
    color: Gray;
}

table {
    background: gray;
}

.white {
    background: #fff;
}

.border {
    border: 1px solid #000;
}

.flash {
    padding-bottom: 10px;
}

.CreditCard {
    display: block;
    background: #FFF url(../Images/creditcard.png) right 0px no-repeat;
    height: 32px;
    padding: 18px 0px 0px 10px;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    width: 153px;
    margin-left: 10px;
    text-decoration: none;
    color: #000;
}

.Check {
    display: block;
    background: #FFF url(../Images/check.png) right 0px no-repeat;
    height: 32px;
    padding: 18px 0px 0px 10px;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    width: 153px;
    margin-left: 10px;
    text-decoration: none;
    color: #000;
}

.CreditCardManual {
    display: block;
    background: #FFF url(../Images/creditcard.png) right 0px no-repeat;
    height: 32px;
    padding: 18px 0px 0px 10px;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    width: 153px;
    margin-left: 10px;
    text-decoration: none;
    color: #000;
}

.CheckManual {
    display: block;
    background: #FFF url(../Images/check.png) right 0px no-repeat;
    height: 32px;
    padding: 18px 0px 0px 10px;
    border: 1px solid black;
    width: 153px;
    margin-left: 10px;
    text-decoration: none;
    color: #000;
}

.Cash {
    display: block;
    background: #FFF url(../Images/cash.png) right 0px no-repeat;
    height: 32px;
    padding: 18px 0px 0px 10px;
    border: 1px solid black;
    width: 153px;
    margin-left: 10px;
    text-decoration: none;
    color: #000;
}

legend {
    color: #000;
    font-weight: bold;
    padding: 10px 5px 10px 5px;
}

.PaymentMode {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.overlay {
    background: #aaaaaa;
    opacity: .30;
    filter: Alpha(Opacity=30);
}


body {
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px;
    background: #FFF url(../Images/bg1.gif) no-repeat fixed center center;
    background-size: cover;
}

.page {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.35);
}

.page .content {
    line-height: 150%;
}

.white {
    background: rgba(255, 255, 255, 0.75);
}

.page div.noPrint .right {
    background-color: #345368;
}

.page div.noPrint .help a {
    color: #6EA8E7;
    text-decoration: none;
}

.content table.white {
    background-color: transparent;
}

tbody th {
    background-color: #6EA8E7 !important;
    color: black;
}

fieldset legend {
    font-variant: small-caps;
    font-size: 120%;
}

.FieldLabel,
div.labelCell {
    background-color: transparent;
    border: none;
    font-weight: bold;
    border-right: 1px solid gray;
    padding-right: 1em;
}

.NavMenu ul.AspNet-Menu {
    border-top: none;
    background-color: white;
}

.AspNet-Menu-Selected {
    background-color: #6EA8E7 !important;
}

table tbody tr td {
    height: auto !important;
}

.content ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 90%;
}

.content ul li a {
    text-decoration: none;
    border: 1px solid gray;
    padding: .5em;
    float: left;
    border-right: none;
    border-left: 1px dotted white;
    background-color: #333333;
    color: white;
}

.content ul li a:hover {
    background-color: #6EA8E7;
    color: black;
}

.content ul li:last-child a {
    border-right: 1px solid gray;
    border-top-right-radius: .25em;
    border-bottom-right-radius: .25em;
}

.content ul li:first-child a {
    border-left: 1px solid gray;
    border-top-left-radius: .25em;
    border-bottom-left-radius: .25em;
}






/* Fixes for Help Page */

.content .HelpPageRight li a {
    border: none !important;
    float: none;
    border-radius: 0px;
    background: none;
    color: #0000A0;
    padding: 0;
}

.content .HelpPageRight li a:hover {
    background: none;
    color: #0000A0;
    text-decoration: underline;
}

fieldset table tbody tr:hover>td.GridCell {
    background-color: transparent !important;
    color: black;
    font-weight: normal;
}

fieldset table tbody tr:hover>td.AltGridCell {
    background-color: transparent !important;
    color: black;
    font-weight: normal;
}






/*.content > fieldset > table:nth-child(2) > tbody:nth-child(1) > tr:hover > td {
  background-color: black !important;
  color: white;
}*/

#ctl00_textHeder,
#ctl00_textMobile {
    color: white;
    font-family: "Montserrat", sans-serif;
}

.NavMenu {
    margin-right: 1em;
}

.NavMenu li {
    border-radius: .25em;
    overflow: hidden;
    margin-top: .25em;
    border: 1px solid black;
    background-color: #efefef;
}

.NavMenu li a {
    border: none;
}

.Button {
    font-size: 100%;
    padding: .25em;
    border-radius: .25em;
    border-color: gray;
    font-weight: normal;
    float: right;
    margin-left: 1em;
}

.Button:hover {
    background-color: #6EA8E7;
}

.Button[value="<< Back"] {
    float: left;
}

.content>div:nth-child(1)>table:nth-child(1) {
    border: none;
}

fieldset table tbody tr td.GridCell {
    background-color: transparent !important;
}

div.contentCell {
    background-color: transparent;
}

.SmallTextBox {
    padding: .5em;
    /*width: 100% !important;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 5px;
}

.SmallTextBox:focus {
    -moz-box-shadow: 0px 0px 5px 5px rgba(255, 165, 0, .25);
    -webkit-box-shadow: 0px 0px 5px 5px rgba(255, 165, 0, .25);
    box-shadow: 0px 0px 5px 5px rgba(255, 165, 0, .25);
    margin: 5px;
}






/*.AltGridCell, td[style="text-align: right; background-color: #DEDEDE;"],
td[style="text-align: right; background-color: #DEDEDE; width: 40%;"]{
  background-color: transparent !important;
}*/

.content>table:nth-child(5)>tbody:nth-child(1) tr:hover>td.AltGridCell,
tr:hover>td.GridCell {
    /*background-color: black !important;
  color: white;*/
    font-weight: bold;
}

.content>div:nth-child(1)>table:nth-child(1)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(1)>fieldset:nth-child(1)>table {
    border: none;
}

.content>fieldset>table:nth-child(2)>tbody:nth-child(1)>tr:hover>td {
    background-color: transparent !important;
    color: black;
}

.content>fieldset>table:nth-child(2)>tbody:nth-child(1)>tr>td.AltGridCell,
.content>table:nth-child(30)>tbody:nth-child(1)>tr>td.AltGridCell {
    background-color: #efefef !important;
}






/*
.content > fieldset > table:nth-child(2) > tbody:nth-child(1) > tr > td.GridCell {
  background-color: #ffffff !important;
}

.content > fieldset > table:nth-child(2) > tbody:nth-child(1) > tr:hover > td.GridCell {
  background-color: black !important;
  color: white;
}

.content > fieldset > table:nth-child(2) > tbody:nth-child(1) > tr:hover > td.AltGridCell, .content > table:nth-child(30) > tbody:nth-child(1) > tr:hover > td.AltGridCell {
  background-color: black !important;
  color: white;
}*/

.content>fieldset:nth-child(5)>table:nth-child(2)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(3),
.content>fieldset:nth-child(5)>table:nth-child(2)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(2),
.content>fieldset:nth-child(6)>table:nth-child(2)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(3),
.content>fieldset:nth-child(6)>table:nth-child(2)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(2),
.content>fieldset:nth-child(7)>table:nth-child(2)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(2),
.content>fieldset:nth-child(7)>table:nth-child(2)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(3) {
    background-color: transparent !important;
}

.content>fieldset:nth-child(5)>table:nth-child(2)>tbody:nth-child(1)>tr:hover:nth-child(1)>td:nth-child(3),
.content>fieldset:nth-child(5)>table:nth-child(2)>tbody:nth-child(1)>tr:hover:nth-child(1)>td:nth-child(2),
.content>fieldset:nth-child(7)>table:nth-child(2)>tbody:nth-child(1)>tr:nth-child(1):hover>td:nth-child(3) {
    color: black;
}

#ctl00_MainContent_NotificationArea1_rblLocations {
    border: none;
}

.content>div:nth-child(1)>table:nth-child(1)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(1)>fieldset:nth-child(1)>table:nth-child(2)>tbody:nth-child(1)>tr>td {
    border-bottom: 1px solid #dddddd;
    padding: .5em;
}

.content>div:nth-child(1)>table:nth-child(1)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(1)>fieldset>table {
    background-color: rgba(255, 255, 255, .7);
    border-radius: 5px;
}

.content>div:nth-child(1)>table:nth-child(1)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(1)>fieldset:nth-child(1)>table:nth-child(2)>tbody:nth-child(1)>tr:last-of-type>td {
    border-bottom: none;
}

.content>div:nth-child(1)>table:nth-child(1)>tbody:nth-child(1)>tr:nth-child(1)>td:nth-child(1)>fieldset:nth-child(1)>table:nth-child(2)>tbody:nth-child(1)>tr>td:nth-child(1) {
    font-weight: bold;
}

td.AltGridCell a:hover,
td.GridCell a:hover {
    background-color: #6EA8E7 !important;
    color: #333333;
}

.AltGridCell a,
.GridCell a {
    display: inline-block;
    padding: .25em 1em;
}

td.AltGridCell a,
td.GridCell a {
    border: 1px solid gray;
    background-color: gray;
    border-radius: .25em;
    color: white;
    font-weight: bold;
    text-decoration: none;
    margin: .5em !important;
}






/* OH MY GOD, THIS IS WHAT WE'VE RESORTED TOO */

#ctl00_BodyRoot .content a[disabled="disabled"] {
    background-color: #efefef !important;
    color: #CECECE !important;
    border-color: #DEDEDE !important;
    cursor: not-allowed;
}

#ctl00_BodyRoot .content a[disabled="disabled"]:hover {
    background-color: #efefef !important;
    color: #CECECE !important;
    border-color: #DEDEDE !important;
}






/* END THE CHAOS PLEASE! */

.content>table:nth-child(5)>tbody:nth-child(1)>tr>td.AltGridCell {
    background-color: #efefef !important;
}

table {
    background-color: transparent;
    border: 1px solid gray;
    padding: 0;
    margin: 0;
}






/* This is breaking the Edit User page */

td.top #ctl00_MainContent_DdlOrganizations.LargeTextBox,
.LargeTextBox {
    /*width: 100%;*/
    /*
  padding: .5em;
  background-color: white;
  border: 1px solid gray;
  */
    border-radius: .25em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

#ctl00_MainContent_loginControl input[type=text],
#ctl00_MainContent_loginControl input[type=password] {
    padding: .5em;
    border: 1px solid gray;
    border-radius: 5px;
}

#ctl00_MainContent_loginControl input[type=submit] {
    padding: .5em;
    border-radius: 5px;
    border-color: gray;
    font-size: 100%;
}

#ctl00_MainContent_loginControl input[type=submit]:hover {
    background-color: #6EA8E7;
}

#ctl00_MainContent_loginControl .FieldLabel label {
    padding: .25em;
}

#ctl00_MainContent_loginControl .FieldLabel {
    background-color: transparent;
    border: none;
    font-variant: small-caps;
}

#ctl00_MainContent_RfvFromDate,
#ctl00_MainContent_reqdFromTime,
#ctl00_MainContent_RfvToDate,
#ctl00_MainContent_reqdToTime {
    display: none;
}

#ctl00_MainContent_AvailabilityStateSelect_DdlMain {
    margin-right: 10%;
}

div.content #ctl00_MainContent_AvailabilityStateSelect_DdlMain,
div.content #ctl00_MainContent_DdlOrganizations {
    width: 45%;
    float: left;
}

#ctl00_MainContent_AvailabilityStateSelect_DdlMain,
#ctl00_MainContent_DdlOrganizations {
    width: 100%;
    padding: .5em;
    background-color: white;
    border: 1px solid gray;
    border-radius: .5em;
    margin-bottom: .5em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-variant: small-caps;
}






/* Make table show fully */

#aspnetForm[action^="./Pay.aspx"] .page.noBorder,
#aspnetForm[action^="./Lookup.aspx"] .page.noBorder,
#aspnetForm[action^="./ReportDaily.aspx"] .page.noBorder,
#aspnetForm[action^="./ReportBadTransactions.aspx"] .page.noBorder {
    /* width: 1270px; /* Too small as of 3/8/2017 */
    width: 100%;
}






/* Hide the useless back button on the Portal Settings page */

#aspnetForm[action^="./PortalSettings.aspx"] #ctl00_MainContent_BtnBackDown,
#aspnetForm[action^="./PortalSettings.aspx"] #ctl00_MainContent_BtnBackUp {
    display: none;
}






/* Trying to fix Blowout problem - not sure if this will work */

table.table .input-prepend .add-on[for='cart_itemId_0_field_value_0'],
table.table .input-prepend .add-on[for='cart_itemId_0_field_value_1'],
table.table .input-prepend .add-on[for='cart_itemId_0_field_value_2'],
table.table .input-prepend .add-on[for='cart_itemId_0_field_value_3'],
table.table .input-prepend .add-on[for='cart_itemId_0_field_value_4'] {
    display: block;
    float: none;
    padding-left: 0;
    padding-bottom: 0;
    text-align: left;
    background-color: transparent;
    border: none;
}







/* Correct table cell alignment */

#aspnetForm[action^="./Pay.aspx"] table .FieldLabel {
    vertical-align: top;
}