﻿.button {
    width: 150px;
    height: 50px;
    background-color: #cdcdcd;
    font-weight: bold;
}
#divDepartmentListing {
    font-weight: bold;
}
#divDepartmentListing div {
    margin-bottom: 10px;
}
#divItemForm {
    text-align: center;
    font-weight: bold;
}
#divItemForm input[type=text] {
    width: 250px;
}
#divPaymentMethod {
    font-weight: bold;
}
#divPaymentMethod div {
    margin-bottom: 10px;
}
#divSeal {
    background-color: #BF660C;
    padding: 20px;
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
}
#divSeal img {
    margin-right: 20px;
}
.ItemRow {
    font-size: 24px;
    width: 700px;
    margin: 10px 10px 10px 20px;
}
.ItemRow div {
    display: inline-block;
    width: 150px;
    margin-right: 10px;
}
.ItemRow .DeleteIcon {
    width: 100px !important;
    text-align: right;
}
.ItemRow .DeleteIcon span {
    color: #b22222;
}
.ReferenceNumber {
    width: 100px !important;
}
.Department {
    width: 300px !important;
}
.DepartmentText {
    font-size: 18px;
}
.Amount {
    width: 100px !important;
}
.ItemRowHeader .ReferenceNumber, .ItemRowHeader .Department, .ItemRowHeader .Amount {
    color: #ffffff;
    padding: 5px;
    background-color: #BF660C;
}
#divItemSubtotals div {
    border-top: 1px solid #000000;
}
section {
    margin-top: 20px;
    background-color: #ffffff;
}
.textbox {
    width: 200px;
}
.is-link {
    cursor: pointer;
}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}

#divrfc {
    background: #fff
}

.title
{
    Font-family: ""Open Sans", "sans-serif"" !important;
	Font-Size: 22px;
	Line-Height: 18px;
	Color: #fff

}

.footer{
    background: #f3f1ee !important
}

.footerContent
{
    Font-family: ""Open Sans", "sans-serif"" !important;
	Font-Size: 16px;
	Line-Height: 18px;
	Color: #00415d;
    text-align:center;

}

#wizard-step-container {
    margin: 20px 0;
}

#wizard-content-container {
    margin: 20px 0;
}

#wizard-navigation-container {
    border-top: 1px solid #eee;
    margin: 20px 0;
    padding-top: 20px;
}

.panel-login {
    border-color: #ccc;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.2);
}

.panel-login > .panel-heading {
    color: #00415d;
    background-color: #fff;
    border-color: #fff;
    text-align: center;
}

.panel-login input[type="text"], .panel-login input[type="email"], .panel-login input[type="password"] {
    height: 45px;
    border: 1px solid #ddd;
    font-size: 16px;
    transition: all 0.1s linear;
}

.btn-login {
    background-color: #59B2E0;
    outline: none;
    color: #fff;
    font-size: 14px;
    height: auto;
    font-weight: normal;
    padding: 14px 0;
    text-transform: uppercase;
    border-color: #59B2E6;
}

.btn-login:hover,
.btn-login:focus {
    color: #fff;
    background-color: #53A3CD;
    border-color: #53A3CD;
        }

#tblNav a {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: normal;
}

#tblNav a:hover {
    color: #ffffff !important;
    text-decoration: none;
    font-weight: bold;
}

.accTable td {
    text-align: right;
    padding-right: 30px;
    height: 40px;
    /*vertical-align:top; */
}

.accTableLeft {
    width: 200px;
    /* vertical-align:top; */
}


.ui-datepicker-calendar {
    display: none;
}

.help-block {
    color: #ff0000;
    text-align: left;
}