body {
    background-image: url("../images/bg_fizzies.jpg");
    background-repeat: repeat-y;
}

.fancybox-custom .fancybox-skin {
    box-shadow: 0 0 50px #222;
}

.popOutBody {
    max-width: 700px;
    margin: 0 auto;
}

.portal-header {
    margin-top: 20px;
    margin-bottom: 20px;
}

.smrt-logo {
    width: 70%;
}

.formBox {
    background-color: white;
    box-shadow: 10px 10px 5px #888888;
}

.content-header {
    text-align: center;
    font-size: 32px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.content-subheader {
    text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
}

.ExpandableTable {
    text-align: center;
}


.content-subheader a {
    color: black;
}

    .content-subheader a:hover {
        color: red;
    }

.login-username {
    margin-top: 20px;
    margin-bottom: 20px;
}

.login-username-textbox {
    font-size: 16px;
    min-height: 40px;
    text-align: center;
}

.login-password {
    margin-top: 20px;
    margin-bottom: 20px;
}

.login-password-textbox {
    font-size: 16px;
    min-height: 40px;
    text-align: center;
}

.email {
    margin-top: 20px;
    margin-bottom: 20px;
}

.email-textbox {
    font-size: 16px;
    min-height: 40px;
    text-align: center;
}

.mobile-number {
    margin-top: 20px;
    margin-bottom: 20px;
}

.mobile-number-textbox {
    font-size: 16px;
    min-height: 40px;
    text-align: center;
}

.notification {
    margin-top: 20px;
    margin-bottom: 20px;
}

.notification-label {
    font-size: 18px;
    text-align: center;
}

.login-button-area {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

#login-button {
    min-width: 200px;
    font-size: 16px;
}

.request-button-area {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

#request-button {
    min-width: 200px;
    font-size: 16px;
}

.login-footer {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
    text-align: left;
}

    .login-footer a {
        color: black;
    }

        .login-footer a:hover {
            color: red;
        }

.portal-container {
    background-color: white;
}

.form-header-row {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 16px;
}

.form-content {
    padding-top: 20px;
    background-color: white;
}

.form-title {
    margin-bottom: 20px;
    font-size: 32px;
    margin-top: 10px;
    text-align: left;
    background-color: red;
}

.form-title2 {
    margin-bottom: 20px;
    font-size: 32px;
    margin-top: 10px;
    text-align: center;
}

.form-title p {
    margin-left: 10px;
    color: white;
}

.table-responsive {
    margin-top: 20px;
    margin-bottom: 20px;
}

.table-label {
    font-size: 24px;
    text-align: center;
}

.RedImp {
    color: red;
}

.field-label {
    text-align: left;
    margin-left: 20px;
    margin-bottom: 10px;
    font-size: 16px;
}

.field-label2 {
    text-align: left;
    margin-left: 35px;
    margin-bottom: 10px;
    font-size: 16px;
}

.field-value {
    text-align: left;
    margin-bottom: 10px;
    vertical-align: bottom;
}

.number-field {
    text-align: center;
}

.submit-button-area {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: right;
}

.add-button-area {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

/*#submit-button {
    margin-right: 60px;
    margin-bottom: 20px;
    margin-top: 20px;
}*/

#add-button {
    margin-left: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}


/*#close-button {
    margin-right: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}*/

.table-responsive {
    overflow-x: auto;
}


#container {
    text-align: center;
}

.a, figure {
    display: inline-block;
}

.figcaption {
    margin: 100px 0 0 0;
    font-variant: small-caps;
    font-family: Arial;
    font-weight: bold;
    color: #bb3333;
}

.figure {
    padding: 5px;
}

.img:hover {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.img {
    transition: transform 0.2s;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
}

.ClearDiv {
    clear: both;
}

.displaynone {
    display: none;
}

.displayblock {
    display: block;
}

.GridHeaderColor {
    background-color: #eee !important;
    font-weight: 700;
}

.PageIcon {
    background-color: #c9302c;
    color: white;
    border-radius: 4px;
}

.table-scroll-y-overflow {
    max-height: 500px;
    overflow-y: auto;
    width:100%;
    overflow-x:scroll;
}