﻿body {
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /* max-width: 280px;*/
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/* OTHER */

.cart-notification {
}


.country-selector,
.lang-selector {
    clear: both;
}

    .country-selector li,
    .lang-selector li {
        float: left;
        list-style: none;
        margin: 0 10px;
        font-size: 80%;
    }





/* styling jquery datepickers */

.ui-datepicker {
    background-color: #fff;
    border: 1px solid #66AFE9;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(102,175,233,.6);
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 240px;
}

    .ui-datepicker a,
    .ui-datepicker a:hover {
        text-decoration: none;
    }

        .ui-datepicker a:hover,
        .ui-datepicker td:hover a {
            color: #2A6496;
            -webkit-transition: color 0.1s ease-in-out;
            -moz-transition: color 0.1s ease-in-out;
            -o-transition: color 0.1s ease-in-out;
            transition: color 0.1s ease-in-out;
        }

    .ui-datepicker .ui-datepicker-header {
        margin-bottom: 4px;
        text-align: center;
    }

    .ui-datepicker .ui-datepicker-title {
        font-weight: 700;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
        cursor: default;
        font-family: 'Glyphicons Halflings';
        -webkit-font-smoothing: antialiased;
        font-style: normal;
        font-weight: normal;
        height: 20px;
        line-height: 1;
        margin-top: 2px;
        width: 30px;
    }

    .ui-datepicker .ui-datepicker-prev {
        float: left;
        text-align: left;
    }

    .ui-datepicker .ui-datepicker-next {
        float: right;
        text-align: right;
    }

    .ui-datepicker .ui-datepicker-prev:before {
        content: "\e079";
    }

    .ui-datepicker .ui-datepicker-next:before {
        content: "\e080";
    }

    .ui-datepicker .ui-icon {
        display: none;
    }

    .ui-datepicker .ui-datepicker-calendar {
        table-layout: fixed;
        width: 100%;
    }

        .ui-datepicker .ui-datepicker-calendar th,
        .ui-datepicker .ui-datepicker-calendar td {
            text-align: center;
            padding: 4px 0;
        }

        .ui-datepicker .ui-datepicker-calendar td {
            border-radius: 4px;
            -webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
            transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
        }

            .ui-datepicker .ui-datepicker-calendar td:hover {
                background-color: #eee;
                cursor: pointer;
            }

            .ui-datepicker .ui-datepicker-calendar td a {
                text-decoration: none;
            }

    .ui-datepicker .ui-datepicker-current-day {
        background-color: #4289cc;
    }

        .ui-datepicker .ui-datepicker-current-day a {
            color: #fff;
        }

    .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
        background-color: #fff;
        cursor: default;
    }


/* styling jquery timepickers */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

 .Numeric, .Decimal, .Currency {
    
   text-align:right;
}

 /* Payment options */
 .borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border-top: none;
    border-bottom: none;
}

 .paymentMethodsWrapper {
     border: solid;
     border-width: 1px;
     border-radius: 4px;
     border-color: rgb(229, 229, 229);
     padding: 10px;
 }

 .paymentMethodsHeaderRow {
     border-bottom: solid;
     border-width: 1px;
     border-color: rgb(229, 229, 229);
 }

 .paymentOptionCell {
     padding-top: 0px;
 }

 #paymentProfileDialog .modal-dialog,
 #paymentProfileDialog .modal-content {
     width: 500px;
 }

 
 .btn-large {
     width: 250px;
 }

 /*fixes order form problem in Chrome*/
 .product-order-form .btn {
     z-index: 50;
 }

.jumbotronDashboardPanel {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    flex-direction: column;
}

.jumbotronDashboardPanel .value {
    font-size: 500%;
}

.jumbotronDashboardPanel .title {
    font-size: 200%;
}

.jumbotronDashboardPanel .subtitle {
    font-size: 125%;
}