/* Global
-------------------------------------------------- */

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 120px) 
{
    .bodytext{font-size :11px;}
    .smalltabletext{font-size :9px;}
    .item-heading{font-size :18px;}
    .producttitle{font-size :12px; font-weight:bold; text-decoration:none;}
    .producttitle:link{font-size :12px; font-weight:bold; text-decoration:none;}
    .producttitle:visited{font-size :12px; font-weight:bold; text-decoration:none;}
    .producttitle:active{font-size :12px; font-weight:bold; text-decoration:none;}
    .producttitle:hover{font-size :12px; font-weight:bold; text-decoration:none;}
              
    .highlight{padding: 3px;text-decoration:none;color:#ffffff; font-size :14px;font-weight:normal;}
    .highlight:link{padding: 3px;text-decoration:none;color:#ffffff; font-size :14px;font-weight:normal;}
    .highlight:visited {padding: 3px;text-decoration:none;color:#ffffff; font-size:14px;font-weight:normal;}
    .highlight:active {padding: 3px;text-decoration:none; color:#ffffff; font-size:14px;font-weight:normal;}
    .highlight:hover {padding: 3px;text-decoration:none;color:#ffffff; font-size:14px;font-weight:normal;}
    
    .highlightsmall{padding: 3px;text-decoration:none;color:#ffffff; font-size :10px;font-weight:normal;}
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) 
{
    .bodytext{font-size :11px;}
    .smalltabletext{font-size :10px;}
    .item-heading{font-size :18px;}
    .producttitle{font-size :12px; font-weight:bold; text-decoration:none;}
    .producttitle:link{font-size :12px; font-weight:bold; text-decoration:none;}
    .producttitle:visited{font-size :12px; font-weight:bold; text-decoration:none;}
    .producttitle:active{font-size :12px; font-weight:bold; text-decoration:none;}
    .producttitle:hover{font-size :12px; font-weight:bold; text-decoration:none;}
                  
    .highlight{padding: 3px;text-decoration:none;color:#ffffff; font-size :14px;font-weight:normal;}
    .highlight:link{padding: 3px;text-decoration:none;color:#ffffff; font-size :14px;font-weight:normal;}
    .highlight:visited {padding: 3px;text-decoration:none;color:#ffffff; font-size:14px;font-weight:normal;}
    .highlight:active {padding: 3px;text-decoration:none; color:#ffffff; font-size:14px;font-weight:normal;}
    .highlight:hover {padding: 3px;text-decoration:none;color:#ffffff; font-size:14px;font-weight:normal;}
    
    .highlightsmall{padding: 3px;text-decoration:none;color:#ffffff; font-size :10px;font-weight:normal;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) 
{
    .bodytext{font-size :11px;}
    .smalltabletext{font-size :10px;}
    .item-heading{font-size :20px;}
    .producttitle{font-size :13px; font-weight:bold; text-decoration:none;}
    .producttitle:link{font-size :13px; font-weight:bold; text-decoration:none;}
    .producttitle:visited{font-size :13px; font-weight:bold; text-decoration:none;}
    .producttitle:active{font-size :13px; font-weight:bold; text-decoration:none;}
    .producttitle:hover{font-size :13px; font-weight:bold; text-decoration:none;}
    
    .highlight{padding: 3px;text-decoration:none;color:#ffffff; font-size :14px;font-weight:normal;}
    .highlight:link{padding: 3px;text-decoration:none;color:#ffffff; font-size :14px;font-weight:normal;}
    .highlight:visited {padding: 3px;text-decoration:none;color:#ffffff; font-size:14px;font-weight:normal;}
    .highlight:active {padding: 3px;text-decoration:none; color:#ffffff; font-size:14px;font-weight:normal;}
    .highlight:hover {padding: 3px;text-decoration:none;color:#ffffff; font-size:14px;font-weight:normal;}
    
    .highlightsmall{padding: 3px;text-decoration:none;color:#ffffff; font-size :10px;font-weight:normal;}
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) 
{
    .bodytext{font-size :12px;}
    .smalltabletext{font-size :12px;}
    .item-heading{font-size :22px;}
    .producttitle{font-size :14px; font-weight:bold; text-decoration:none;}
    .producttitle:link{font-size :14px; font-weight:bold; text-decoration:none;}
    .producttitle:visited{font-size :14px; font-weight:bold; text-decoration:none;}
    .producttitle:active{font-size :14px; font-weight:bold; text-decoration:none;}
    .producttitle:hover{font-size :14px; font-weight:bold; text-decoration:none;}
     
    .highlight{padding: 3px;text-decoration:none;color:#ffffff; font-size :16px;font-weight:normal;}
    .highlight:link{padding: 3px;text-decoration:none;color:#ffffff; font-size :16px;font-weight:normal;}
    .highlight:visited {padding: 3px;text-decoration:none;color:#ffffff; font-size:16px;font-weight:normal;}
    .highlight:active {padding: 3px;text-decoration:none; color:#ffffff; font-size:16px;font-weight:normal;}
    .highlight:hover {padding: 3px;text-decoration:none;color:#ffffff; font-size:16px;font-weight:normal;}
    
    .highlightsmall{padding: 3px;text-decoration:none;color:#ffffff; font-size :12px;font-weight:normal;}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) 
{
    .bodytext{font-size :13px;}
    .smalltabletext{font-size :13px;}
    .item-heading{font-size :24px;}
    .producttitle{font-size :15px; text-decoration:none;}
    .producttitle:link{font-size :15px; text-decoration:none;}
    .producttitle:visited{font-size :15px; text-decoration:none;}
    .producttitle:active{font-size :15px; text-decoration:none;}
    .producttitle:hover{font-size :15px; text-decoration:none;}
    
    .highlight{padding: 3px;text-decoration:none;color:#ffffff; font-size :18px;font-weight:normal;}
    .highlight:link{padding: 3px;text-decoration:none;color:#ffffff; font-size :18px;font-weight:normal;}
    .highlight:visited {padding: 3px;text-decoration:none;color:#ffffff; font-size:18px;font-weight:normal;}
    .highlight:active {padding: 3px;text-decoration:none; color:#ffffff; font-size:18px;font-weight:normal;}
    .highlight:hover {padding: 3px;text-decoration:none;color:#ffffff; font-size:18px;font-weight:normal;}
    
    .highlightsmall{padding: 3px;text-decoration:none;color:#ffffff; font-size :14px;font-weight:normal;}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .container{
        max-width: 940px;
    }
    .bodytext{font-size :13px;}
    .smalltabletext{font-size :13px;}
    .item-heading{font-size :24px;}
    .producttitle{font-size :15px; text-decoration:none;}
    .producttitle:link{font-size :15px; text-decoration:none;}
    .producttitle:visited{font-size :15px; text-decoration:none;}
    .producttitle:active{font-size :15px; text-decoration:none;}
    .producttitle:hover{font-size :15px; text-decoration:none;}
    
    .highlight{padding: 3px;text-decoration:none;color:#ffffff; font-size :18px;font-weight:normal;}
    .highlight:link{padding: 3px;text-decoration:none;color:#ffffff; font-size :18px;font-weight:normal;}
    .highlight:visited {padding: 3px;text-decoration:none;color:#ffffff; font-size:18px;font-weight:normal;}
    .highlight:active {padding: 3px;text-decoration:none; color:#ffffff; font-size:18px;font-weight:normal;}
    .highlight:hover {padding: 3px;text-decoration:none;color:#ffffff; font-size:18px;font-weight:normal;}
    
    .highlightsmall{padding: 3px;text-decoration:none;color:#ffffff; font-size :14px;font-weight:normal;}

}

html 
{
  position: relative;
  min-height: 100%;
}

body 
{
  padding-bottom: 20px;
  margin-bottom: 60px;
  font-size:12px;
}

.navbar 
{
  margin-bottom: 20px;
}

 
.panel 
{
    background-color : #eceeef;
    padding : 20px;
}

.menu_block 
{
  display: inline-block;
  margin-bottom: 5px;
  padding: 5px;
}

.wp-logo {
    background: url(/store/images/Rebrand/WisePay_Logo_Dark_2024.svg) no-repeat;
    width: 250px;
    height: 80px;
    margin-top: 20px;
}

.wp-logo-mobile {
    background: url(/store/images/Rebrand/WisePay_Logo_Dark_2024.svg) no-repeat;
    width: 250px;
    height: 80px;
    margin-top: 15px;
    transform: scale(0.7);
}

/* Home
-------------------------------------------------- */
.home_icon 
{
  display: inline-block;
  margin-bottom: 5px;
  padding: 5px;
}

.home-icons-centred 
{
 display: inline-block;
 text-align:center;
}

.branded-bottom-border 
{
 border-bottom: 4px solid red;
}

.home-welcome-message-small 
{
    font-size:11px;
}

.cashless-home-balance-big
{
  display: inline-block;
  padding: 5px;
  font-size:28px;
}

.cashless-home-balance-mid
{
  display: inline-block;
  padding: 4px;
  font-size:18px;
}

.cashless-home-balance-sml
{
  display: inline-block;
  padding: 4px;
  font-size:12px;
}

.home-highlight 
{
 text-align:center;
 font-size:18px;
 padding: 10px;
 width:49%;
}

/* Template
-------------------------------------------------- */
.menulink:link{font-size:12px; text-decoration:none;}
.menulink:visited {font-size:12px; text-decoration:none;}
.menulink:active {font-size:12px; text-decoration:none;}
.menulink:hover {font-size:12px; text-decoration:none;}

.menulinkselected:link{font-size:12px; text-decoration:none; font-weight:bold;}
.menulinkselected:visited {font-size:12px; text-decoration:none; font-weight:bold;}
.menulinkselected:active {font-size:12px; text-decoration:none; font-weight:bold;}
.menulinkselected:hover {font-size:12px; text-decoration:none; font-weight:bold;}

input{font-size: 11px;}

.ui-datepicker {
    font-size: 12px !important;
}

.table-curved-top {
    border-collapse: separate;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    }
.table-curved-top-left {
    border-collapse: separate;
    border-top-left-radius:6px;
    }
.table-curved-top-right {
    border-collapse: separate;
    border-top-right-radius:6px;
    }
.table-curved-bottom {
    border-collapse: separate;
    border-bottom-left-radius:6px;
    border-bottom-right-radius:6px;
`}
.table-curved-bottom-left {
    border-collapse: separate;
    border-bottom-left-radius:6px;
    }
.table-curved-bottom-right {
    border-collapse: separate;
    border-bottom-right-radius:6px;
    }

.error-table { 
    border-spacing: 10px;
    border-collapse: separate;
}
.error_form_title
{
    padding: 4px;
    vertical-align:top;
    text-align:left;
    width:20%;
    background-color:#d2d2d2;
    margin-right:10px;
    border-collapse: separate;
    border-radius:6px;
}
.error_form_data
{
    padding: 4px;
    vertical-align:top;
    text-align:left;
    background-color:#e4e4e4;
    border-collapse: separate;
    border-radius:6px;
    }
    
.wp-form-table { 
    border-spacing: 10px;
    border-collapse: separate;
}
.wp-form-title
{
    text-align: left;
    padding: 5px;
    background-color:#e4e4e4;
    border-collapse: separate;
    border-radius:6px;
}
.wp-form-data
{
    padding: 4px;
    vertical-align:top;
    text-align:left;
    background-color:#e4e4e4;
    border-collapse: separate;
    border-radius:6px;
    }
/* Render Child Links
------------------------------------------------------*/
.child-links-section-title-bar
{
    margin-bottom:10px; 
    width:100%; 
    background-color:#e4e4e4; 
    padding:5px;
    font-size:24px;
}
.list_product_image
{
  display:table-cell;
  padding: 4px;
  width:150px;
  vertical-align:top;
  cursor:pointer;
}
.list_product_description
{
  display:table-cell;
  padding: 4px;
  width: 100%;
  vertical-align:top;
}
.list_product_price
{
  display:table-cell;
  padding: 4px;
  width:100px;
  vertical-align:top;
  text-align:right;
}

.shop_icon 
{
  display: inline-block;
  margin-bottom: 3px;
  padding: 3px;
}

/* Product
-------------------------------------------------- */
.advanced-product-title-bar
{
    margin-bottom:10px; 
    width:100%; 
    background-color:#e4e4e4; 
    padding:5px;
}

.standard-product-title-bar
{
    margin-bottom:10px; 
    width:100%; 
    background-color:#e4e4e4; 
    padding:5px;
}

.product_description
{
  display:table-cell;
  padding: 4px;
  width: 100%;
  vertical-align:top;
}

.warning
{
  color:red;
}

.col-heading
{
  padding: 4px;
  vertical-align:top;
  text-align:left;
  background-color:#d2d2d2;
  border-left:1px solid white;
  border-right:1px solid white;
  /*width: 100%;*/
}

.col-cell
{
  padding: 4px;
  vertical-align:top;
  text-align:left;
  background-color:#ffffff;
  border-left:1px solid #f0f0f0;
  border-right:1px solid #f0f0f0;
  border-bottom:1px solid #f0f0f0;
  /*width: 100%;*/
}
/* Footer
-------------------------------------------------- */

.footer 
{
  /*position: absolute;*/
  border-top: 1px solid sliver;
  padding:5px;
  bottom: 0;
  background-color:#f0f0f0;
  /*line-height: 60px; /* Vertically center the text there */
}


/* SMART
-------------------------------------------------- */
.layout_text {
        height:30px; 
        z-index:1; 
        position: absolute; 
	    font-size: 10px;
	    padding-top:5px;
	    padding-left:3px;
	    color:#000000;
	    white-space: nowrap;
        overflow: hidden;
        }
.dialog_header {
        width:98%;
        padding:8px;
        background-color: #8bc344;
	    font-size: 18px;
	    color:#ffffff;
	    //border-top-left-radius: 12px; 
	    //border-top-right-radius: 12px;
	    border-bottom:1px solid white;
        }
.dialog_sub_header {
        width:98%;
        padding:8px;
        background-color: #808080;
	    font-size: 16px;
	    color:#ffffff;
        }

.flex-center-text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

table.order-data td{
    text-align: center;
}