.header {
    padding-top: 15px;
}

.footer.footer-padding {
    padding-top: 10px;
}

.footer.footer-light {
    color: #FFF;
}

.footer.footer-light a {
    color: #FFF;
    text-decoration: underline;
}

.footer.footer-light a:hover {
    color: #FFF !important;
}

.small-light {
    color: #b3b3b3 !important;
}

.col-equal, .col-equal>div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 auto;
}

.login-links a {
    box-shadow: 2px 2px 5px rgba(81, 79, 181, 0.4);
    -webkit-box-shadow: 2px 2px 5px rgba(81, 79, 181, 0.4);
    -moz-box-shadow: 2px 2px 5px rgba(81, 79, 181, 0.4);
}

.menu a {
    box-shadow: 1px 1px 4px rgba(81, 79, 181, 0.1);
    -webkit-box-shadow: 1px 1px 4px rgba(81, 79, 181, 0.1);
    -moz-box-shadow: 1px 1px 4px rgba(81, 79, 181, 0.1);
}

.panel-shadow {
    box-shadow: 1px 1px 6px rgba(81, 79, 181, 0.3);
    -webkit-box-shadow: 1px 1px 6px rgba(81, 79, 181, 0.3);
    -moz-box-shadow: 1px 1px 6px rgba(81, 79, 181, 0.3);
    border-color: #B7B6D6 !important;
}

.equal, .equal>div[class*='col-'] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1 1 auto;
}

.hr-sm {
    margin-top: 10px;
    margin-bottom: 10px;
    border-color: #FFF;
}

.terms {
    border: 1px solid #999999;
    height: 340px;
    overflow: auto;
}

.small-padding {
    padding-left: 5px;
    padding-right: 5px;
}

.alert-small ul {
    padding-left: 15px;
}

.panel-thick {
    border: 5px solid transparent;
    border-radius: 10px !important;
}

.panel-btn {
    padding-bottom: 20px;
}

.panel-btn a {
    white-space: normal !important;
    word-wrap: break-word;
}

.panel-btn a:hover {
    text-decoration: underline;
}

.checkbox a, .checkbox a:hover {
    color: #000 !important;
    text-decoration: none !important;
}

.radio a, .radio a:hover {
    color: #000 !important;
    text-decoration: none !important;
}

.label-logout {
    padding: .3em .6em .3em !important;
    box-shadow: 1px 1px 4px rgba(81, 79, 181, 0.1);
    -webkit-box-shadow: 1px 1px 4px rgba(81, 79, 181, 0.1);
    -moz-box-shadow: 1px 1px 4px rgba(81, 79, 181, 0.1);
}

.col-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
}

.panel-body .panel-tab {
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-width: 3px 1px 1px 1px;
    border-top-color: #514FB5;
    padding: 5px 15px 15px 15px;
}

.nav.nav-tabs>.active a {
    color: #fff;
    background-color: #514FB5;
}

.nav.nav-tabs>.active a:hover, .nav.nav-tabs>.active a:active {
    color: #fff !important;
    background-color: #514FB5;
}

.form-group.margin-bg {
    margin-bottom: 10px;
}

.input-tooltip {
    position: absolute;
    right: 20px;
    z-index: 999;
    top: 30%;
}

.subtitle-separator {
    margin-bottom: 7px;
}

.grid-rows {
    width: auto;
    height: 25px;
    padding: 4px 0px;
    display: inline;
    font-size: 12px;
}


/* To format biils table in quick pay */
.grid           { border-collapse: collapse; border-spacing: 0; border: 1px solid #dddddd; /*font-size: 13px;*/ width: 100%;}
.grid tr.odd        { background-color: #f8f8f8; }
.grid tr:hover      { background-color: #eeeeee; }
.grid th        { padding: 3px 5px; text-align: left; width: 130px; border: 1px solid #dddddd; font-weight: 700;
                    font-weight: normal; background-color: #eeeeee;
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#e4e4e4'); /* for IE */
                    background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e4e4e4)); /* for webkit browsers */
                    background: -moz-linear-gradient(top, #fbfbfb, #e4e4e4); /* for firefox 3.6+ */ }
.grid td        { padding: 3px 5px; text-align:left; }

.grid table{
    width: 100%;
}

#accountValues dt,
#accountValues dt{
    text-align: left;
}
/*******************************/
/*Quick pay alerts and values
to pay*/
/*******************************/
#documentsToPay{
    display:inline;
    text-align: left;
}

.DisplayInfoZone{
    width: 50%;
}

.DisplaySuccessZone{
    width: 50%;
}

.DisplayFailZone{
    width: 50%;
}

.alert:empty{
    display:none;
}

/*******************************/
/* CHENILLEKIT STYLES OVERRIDE */
/*******************************/
DIV.ck_tooltip {
    width: auto;
    border: none;
}

DIV.ck_tooltip-title {
    display: none;
}

DIV.ck_tooltip-content {
    width: auto;
    max-width: 300px;
    padding: 5px;
    color: #FFF;
    background-color: #000;
    border-radius: .4rem;
    font-size: smaller;
    word-wrap: break-word;
}

/****************************/
/* TAPESTRY STYLES OVERRIDE */
/****************************/
.t-calendar-trigger {
    position: absolute;
    right: 20px;
    /*top: 25%;*/
    top: 53%
}

.datePicker {
    z-index: 1;
}

table.t-data-grid .delete {
    color: #333;
    text-decoration: none;
    background-image: url(../images/cross.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 15px;
    display: block;
    padding-left: 20px;
    text-align: left;
    margin-right: 11px;
    padding-top: 1px;
}

table.t-data-grid .edit {
    color: #333;
    text-decoration: none;
    background-image: url(../images/pencil.png);
    background-repeat: no-repeat;
    background-position: left center;
    height: 15px;
    display: block;
    padding-left: 20px;
    text-align: left;
    margin-right: 11px;
    padding-top: 1px;
}

table.t-data-grid .edit:hover, table.t-data-grid .delete:hover {
    text-decoration: underline;
}

.t-data-grid-pager a, .t-data-grid-pager span {
    border: 1px solid #ddd !important;
    padding: 5px 7px  !important;
    margin: 0px !important;
}

.t-data-grid-pager span.current {
    background-color: #DDD !important;
}

.t-data-grid-pager {
    color: black !important;
}

/*******************************/
/* FONTAWESOME STYLES OVERRIDE */
/*******************************/
.fa-sm-padding {
    padding-right: 2px;
}

.fa-padding {
    padding-right: 5px;
}

.fa-bg-padding {
    padding-right: 8px;
}

.fa-tooltip {
    padding-left: 8px;
}

/*****************************/
/* BOOTSTRAP STYLES OVERRIDE */
/*****************************/
.panel {
    width: 100%;
}

.row {
    position: relative;
}

small {
    color: #757575 !important;
}

.btn-lg {
    font-weight: bold;
    width: 100%;
}

.panel-primary {
    border-color: #36357E;
}

.panel-primary .panel-heading {
    background-color: #514FB5;
    color: #FFF;
}

.btn-primary {
    background-color: #514FB5;
    border-color: #36357E;
    color: #FFF;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background-color: #36357E !important;
    border-color: #36357E !important;
    color: #FFF !important;
}

.btn-success {
    background-color: #9ACD68;
    border-color: #78B43C;
    color: #514FB5;
}

.btn-success:hover, .btn-success:focus, .btn-success:active {
    background-color: #78B43C !important;
    border-color: #78B43C !important;
    color: #514FB5 !important;
}

a {
    color: #514FB5;
}

a:focus, a:hover {
    color: #36357E !important;
}

.form-control:focus {
    border-color: #514FB5;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
        rgba(81, 79, 181, 0.6);
}

.form-group {
    margin-bottom: 5px;
}

.form-group label {
    padding-left: 5px;
}

.form-group .checkbox, .form-group .radio, .form-horizontal .checkbox,
    .form-horizontal .radio {
    padding-left: 22px;
}

.form-horizontal .radio, .form-horizontal .checkbox {
    margin-right: 15px;
    margin-left: 15px;
}

fieldset {
    padding-bottom: 10px;
}

fieldset legend {
    color: rgb(80, 79, 181);
    font-size: 11px;
}

.well {
    background-color: #514FB5 !important;
    color: #FFF !important;
    border: 2px solid #43439D;
}

.well-sm {
    margin-top: 10px !important;
}

.environmentDisplay {
    cursor: default;
    border: 1px solid #565656;
    padding-top: 0px;
    height: 44px;
    width: 485px;
    position: fixed;
    color: black;
    text-align: center;
    right: -169px;
    top: 47px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    font-weight: bold;
}

.environmentDisplay .softBack {
    position: absolute;
    left: 102px;
    top: -163px;
    width: 299px;
    height: 162px;
}

.environmentDisplay .softBackImg {
    width: 40px;
    position: absolute;
    left: 224px;
    top: -48px;
}

.environmentDisplay .envDesc {
    font-size: 17px;
    margin-top: -5px;
    display: block;
    margin-bottom: -2px;
}

.environmentDisplay .envDescLabel {
    font-size: 10px;
    color: #464646;
}

.environmentDisplay .dbIp {
    font-size: 12px;
}

.environmentDisplay .dbName {
    font-size: 12px;
    margin-top: -2px;
    display: block;
    line-height: 12px;
}

.environmentDisplay .dbLabel {
    font-size: 9px;
    color: #464646;
}