#master-inner
{
    margin:10px;
    background-color:White;
}


/* reduce nav bar height from the default of 50px */
.navbar
{
    margin-top:4px;
    margin-bottom:6px;
    min-height:30px;
}

/* reduce the padding in the menu item text from the default of 15px */
.navbar-nav > li > a
{
    padding-top:4px;
    padding-bottom:4px;
}



/* adjust the panel corner radius */
.panel
{
    border-radius: 10px;
}

/* reduce top/bottom padding around the panel heading, and adjust the heading radius */
.panel-heading
{
    padding:2px 15px;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}



.breadcrumb
{
    background-color: transparent;
}


/* to replace pull-right menus on menu bar drop downs - indent the menu items */
.indented-menu-item
{
    margin-left:10px;
}




/* create classes for checkout/shopping buttons */
.btn-purchase { 
  color: black; 
  background-color: #FFCC00; 
  border-color: #EE8800; 
} 

.btn-purchase:hover, 
.btn-purchase:focus, 
.btn-purchase:active, 
.btn-purchase.active, 
.open .dropdown-toggle.btn-purchase { 
  color: black; 
  background-color: #EEBB00; 
  border-color: #EE8800; 
} 

.btn-purchase:active, 
.btn-purchase.active, 
.open .dropdown-toggle.btn-purchase { 
  background-image: none; 
} 

.btn-purchase.disabled, 
.btn-purchase[disabled], 
fieldset[disabled] .btn-purchase, 
.btn-purchase.disabled:hover, 
.btn-purchase[disabled]:hover, 
fieldset[disabled] .btn-purchase:hover, 
.btn-purchase.disabled:focus, 
.btn-purchase[disabled]:focus, 
fieldset[disabled] .btn-purchase:focus, 
.btn-purchase.disabled:active, 
.btn-purchase[disabled]:active, 
fieldset[disabled] .btn-purchase:active, 
.btn-purchase.disabled.active, 
.btn-purchase[disabled].active, 
fieldset[disabled] .btn-purchase.active { 
  background-color: #FFCC00; 
  border-color: #EE8800; 
} 

.btn-purchase .badge { 
  color: #FFCC00; 
  background-color: black; 
}



/* define franchisee purchase button styles */
.btn-fpurchase { 
  color: black; 
  background-color: #00FF88; 
  border-color: #00EE66; 
} 

.btn-fpurchase:hover, 
.btn-fpurchase:focus, 
.btn-fpurchase:active, 
.btn-fpurchase.active, 
.open .dropdown-toggle.btn-fpurchase { 
  color: black; 
  background-color: #00EE66; 
  border-color: #00EE66; 
} 

.btn-fpurchase:active, 
.btn-fpurchase.active, 
.open .dropdown-toggle.btn-fpurchase { 
  background-image: none; 
} 

.btn-fpurchase.disabled, 
.btn-fpurchase[disabled], 
fieldset[disabled] .btn-fpurchase, 
.btn-fpurchase.disabled:hover, 
.btn-fpurchase[disabled]:hover, 
fieldset[disabled] .btn-fpurchase:hover, 
.btn-fpurchase.disabled:focus, 
.btn-fpurchase[disabled]:focus, 
fieldset[disabled] .btn-fpurchase:focus, 
.btn-fpurchase.disabled:active, 
.btn-fpurchase[disabled]:active, 
fieldset[disabled] .btn-fpurchase:active, 
.btn-fpurchase.disabled.active, 
.btn-fpurchase[disabled].active, 
fieldset[disabled] .btn-fpurchase.active { 
  background-color: #00FF88; 
  border-color: #00EE66; 
} 

.btn-fpurchase .badge { 
  color: #00FF88; 
  background-color: black; 
}






.navbar-admin
{
    margin-top:0px;
    margin-bottom:0px;
    min-height:10px;    
}

.navbar-admin li > a
{
    color:Navy!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}

.left-panel-header
{
    float:left;
    padding-left:10px;
}


.table-layout {
    display:table;
    width:100%;
}
.table-layout .table-cell {
    display:table-cell;
    border:solid 1px #ccc;
}

.fixed-w-100 {
    width:160px;
}



.input-number
{
    text-align: right;
}




.tab-content .tab-pane
{
    text-align:left;
    min-height:15em;
}


/* remove margin-left (120px) setting */
.checkbox input[type=checkbox]
{
    margin-left:0;
}

/* override the center alignment specified for the body (SMC.css) */
.checkbox
{
    text-align:left;
}



/* cause tab panels to have a border */
.tab-pane {

    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
}

.nav-tabs {
    margin-bottom: 0;
}




.calendar-entry
{
    max-width: 10em;
}


/* file upload */
.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

/* match control-label padding-top */
.control-value
{
    padding-top:7px;
}


.breadcrumb
{
    margin-bottom:0;
}



.ajax__tab_xp .ajax__tab_header .ajax__tab_tab
{
    height: auto !important;
}


/* ensure filter glyphs and text are rendered, no matter the banner settings */
.search-filter
{
    color:Black;
}



#TeaserText
{
    height:120px;
    overflow-y:auto;
}



/* make drop down search appear when screen width shrinks */
@media (min-width: 41rem) {
       .navbar-sm-only {
              display: none;
       }
}

.navbar-sm-hidden {
        display: none ;
}

/* make drop down search appear when screen width shrinks */
@media (min-width: 41rem) {
       .navbar-sm-hidden {
              display:inherit ;
       }
}


.navbar-md-hidden {
        display: none ;
}

/* make drop down search appear when screen width shrinks */
@media (min-width: 60rem) {
       .navbar-md-hidden {
              display:inherit ;
       }
}


.navbar-sm-leftpad {
        padding-left: 15px ;
}

/* Give menu items a left pad when displayed horizontally */
@media (min-width: 60rem) {
       .navbar-sm-leftpad {
              padding-left:0 ;
       }
}




/* use this to override the default panel settings for teasers */

.panel-teaser
{
    border: 1px solid #777 ;
}


.category-image
{
    max-height:200px;
    max-width:200px;
}



/* fix chrome place order layout on checkout for pre 5.1.0 releases */
div#ContentPlaceHolder1_Div_PlaceOrder div#ContentPlaceHolder1_Div3 div.row div.col-md-12 div.panel.panel-primary div.panel-body table
{
    width: 100%;
}


table.checkoutdetails
{
    width: 100%;
}

table.checkoutdetails td, th
{
    padding:8px;
}


/* Override the default CheckoutDetails padding*/
table.AddressEntry td, th
{
    padding-top:2px;
    padding-bottom:2px;
}



@media print {
  a[href]:after {
    content: none !important;
  }
}


.navbar-toggle .icon-bar
{
    width:100% !important;
}

.banner-hide
{
    display:none;
}

@media (min-width: 768px) {
  .banner-hide 
  {
      display:inherit;
  }
}

.menu-banner-image
{
    float:left; 
    max-height:60px; 
    border-width:0;
}





.licensePrevNextCounter
{
    position:relative;
    top:-10px;
}




.ModalClose
{
    float:right;
    margin-top:-16px;
    margin-right: -32px;
    z-index:1001;
}


.ModalIFrame
{
    width:100%; 
    height:500px; 
    margin-top:10px;
}




.tab-content
{
    border: 1px solid #337ab7;
    border-radius: 8px;
    padding-right:0;
}



.nav-tabs li a
{
    color:Navy;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.tabs-left li a
{
    border-top-left-radius: 10px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 10px;
}

.nav-tabs > li > a
{
    border: 1px solid #ddd;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #fff;
    background-color: #337ab7;
}




div.tab-pane.active
{
    border:0 solid transparent;
}


/* need this to stop modals from removing scroll bars from the underlying page */
.modal-open
{
    overflow-y: scroll;
}



.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    top: auto; 
    height: auto;
}


/* need this to stop Chrome moving page contents left when a modal pops up*/
.modal-open {
  padding-right: 0 !important;
}


.modal{
    height: unset;
}

html {
  overflow-y: scroll !important;
}




@media only screen and (min-width: 320px){.col-xs-text-center{text-align:center !important}.col-xs-text-end{text-align:right !important}.col-xs-text-start{text-align:left !important}}

@media only screen and (min-width: 768px){.col-sm-text-center{text-align:center !important}.col-sm-text-end{text-align:right !important}.col-sm-text-start{text-align:left !important}}

@media only screen and (min-width: 992px){.col-md-text-center{text-align:center !important}.col-md-text-end{text-align:right !important}.col-md-text-start{text-align:left !important}}

@media only screen and (min-width: 1200px){.col-lg-text-center{text-align:center !important}.col-lg-text-end{text-align:right !important}.col-lg-text-start{text-align:left !important}}




.progress-cell-container
{
    padding:1px;
}

.progress-cell{
    padding-top:4px;
    padding-bottom:4px;
}

.progress-cell-selected
{
    border-color: black !important;
    /*
    font-size:1.1em;
    font-weight:bold;
    */
}

.progress-cell .unselected
{
    font-size:1em;
    font-weight:normal;
}


.progress-enabled-not-visited
{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border-width:2px;
}


.progress-enabled-not-visited a:hover
{
    text-decoration:none;
}

.progress-enabled-visited
{
    color: #fff;
    background-color: #337ab7;
/*
    border-color: #337ab7;
    border-width:2px;
*/
}




.progress-disabled-not-visited{
    color: #CCC;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border-width:2px;
}

.progress-disabled-not-visited a
{
    color: #CCC;
}


.progress-disabled-not-visited a:hover
{
    text-decoration:none;
}

.progress-disabled-visited{
    color: #333;
    background-color: #337ab7;
    border-color: #337ab7;
    border-width:2px;
}

.progress-disabled-visited a
{
    color:#CCC;
}


.progress-disabled-visited a:hover
{
    text-decoration:none;
}



.btn{
    overflow-wrap: break-word;
    white-space: normal;
}



/* styles from themes*/
.alert-success {
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
    background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
    background-repeat: repeat-x;
    border-color: #b2dba1;
}
.alert-danger {
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
    background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
    background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
    background-repeat: repeat-x;
    border-color: #dca7a7;
}
.alert-warning {
    background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
    background-image: -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #f5e79e;
}
.alert-info {
    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
    background-image: -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
    background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
    background-repeat: repeat-x;
    border-color: #9acfea;
}
.panel-success > .panel-heading {
    background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
    background-image: linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
    background-repeat: repeat-x;
}
.panel-info > .panel-heading {
    background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
    background-image: linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
    background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
    background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
    background-image: -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
    background-image: linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
    background-repeat: repeat-x;
}


.form-group{
    margin-bottom: 1rem;
}