﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 80px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}
.CustomTable th, .CustomTable td {
    line-height: 2.428571 !important;
}
.Textboxs {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    margin-top: 1px;
    max-width: inherit;
}
    .Textboxs:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
    }

    .border-radius-none {
        border-radius: 0px !important;
    }
.BottomTrayContainer{

}
.FooterNav {
    background-color: #EEEEEE !important;
    border: 0px !important;
}
.LeftBtnContainer, .RightBtnContainer {
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 5px;
/*    padding-bottom: 3px;*/
}
.LeftBtnContainer i, .RightBtnContainer i{
  font-size:25px;
}
.CustomTable tr th, .CustomTable tr td {
    text-align: center;
}
p {
    margin: 0 0 5px !important;
}
hr {
    margin-top:10px !important;
    margin-bottom: 5px !important;
}

.loader {
    margin-left:50%;
    border: 6px solid #f3f3f3;
    border-radius: 50%;
    border-top: 6px solid #3498db;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.ErrorText {
    border: 1px red solid;
}
.UpdateClick{
    cursor:pointer
}
.FridgeRow:hover{
    cursor:pointer;
    background-color:#d5d5d5;
}
.disableField {
    background-color: #EEEEEE;
    color: #333;
}
.btnPrimary {
    background-color: #28A745!important;
    margin-top:5px;
}
.btninfo {
    background-color: #138496!important;
}
.isPaid {
    color: black;
    background-color: lightgreen;
}
.WarningNotPaid {
    background-color: lightcoral;
}
.pFooter{
    margin:0px !important;
    border-top:1px solid;
    text-align:center;
}
.navbar-inverse {
    background-color: aliceblue;
}
.LeftImage,.RightImage{
    width:50%;
    float:left
}

.CompletedPayment_Notification
{
    color:green;
    padding-top:15px;
    font-size:30px;
}
.IconBottom {
    float: left;
    width: 100%;
    text-align: center;
    padding: 5px;
    font-size: 24px !important;
}
.width33{
    width:33% !important;
    float:left;
}