span.form-control {
    padding: 4px 0 0 0;
    height: 24px;
}

div.form-control div.readonly {
    padding: 6px;
    white-space: pre-wrap;
}

#login #content {
    margin: 0;
}
.alert-error {
  border-color: #953b39;
  color: #ffffff;
  background: #c26565;
  text-shadow: none;
}
div.login-info span.active a {
    color: white;
}
#logo {
    margin-top: 6px;
}
.smart-style-3 #logo img {
    width: auto;
    height: 40px;
}

#listfilters {
    text-align: right;
}
#listfilters a.active {
    color: black;
}
form.smart-form textarea {
    width: 100%;
    height: 100px;
}
div#main.print {
    margin: 0 10px 0 10px;
}
.smart-style-3 .dropdown-menu {
    background: white;
    text-align: left;
}

.smart-style-3 .dropdown-menu > li > a {
    color: #333;
    padding: 3px 5px;
}

.smart-style-3 .dropdown-menu>.active>a, 
.smart-style-3 .dropdown-menu>.active>a:hover,
.smart-style-3 .dropdown-menu>li>a:hover, 
.smart-style-3 .dropdown-menu>li>a:focus,
.smart-style-3 .tt-suggestion.tt-is-under-cursor {
    background-color: #3276b1;
	color: #fff;
}

.smart-form .instructions li {
    margin: 0 0 0 20px;
}

.smart-form .instructions {
    margin-bottom: 20px;
}

.smart-form .instructions hr {
    border-top: 1px solid black;
    margin: 5px 0 5px 0;
}

div.alert-block li {
    margin: 0 0 0 20px;
}

.input-group #id_location-start_date{
    z-index: 1050;
}

div.dt-wrapper {
    overflow-y: hidden;
    overflow-x: scroll;
}
.ui-dialog .ui-dialog-titlebar-close {
    margin-top: -3px;
    display: none;
}
.ui-widget-overlay {
    z-index: 1030;
}

fieldset section.col-12 {
    width: 100%;
}

table.overview-stats strong.error {
    color: red;
}
table.overview-stats strong.error a {
    text-decoration: underline;
    color: red;
}
 .smart-form .textarea, .smart-form .radio, .smart-form .checkbox {
    display: inline-block;
}

.pagination > li > span {
  color: #111111;
}
.pagination > li > span:hover {
  color: #111111;
  background-color: #ffffff;
}

strong.num-messages {
    background-color: rgba(0, 0, 0, 0.40);
    color: white;
    border-top-left-radius: 3em;
    border-bottom-left-radius: 3em;
    border-top-right-radius: 3em;
    border-bottom-right-radius: 3em;
    padding-left: 1em;
    padding-right: 1em;
}

.btn-group ul.dropdown-menu {
    left: auto;
    right: 0;
}

ul.dropdown-menu.dropdown-scrollable {
    height: 200px;
    overflow: hidden;
    overflow-y: scroll;
}

.range-dropdown {
    margin: 10px;
}

.btn-group .btn-sm {
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    left: 0;
    right: auto;
}

h4.alert-heading {
    margin-bottom: 10px;
}

p.delete-warning {
  color: #B22222;/* FireBrick*/
  text-shadow: none;
  font-size:24px;
  font-weight: bold;
}

/*  Order controls for Cost Savings Program categories and master configs.  */

div.order-box {
    position: relative;
    top: -0.2em;
    width: 10em;
    height: 2em;
    border: 0;
    margin: 0;
}

ul.order-controls {
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
}

h6.order-display {
    position: absolute;
    font-weight: bold;
    left: 2em;
    top: 0.4em;
}

/*  Cost Savings Program tab styles.  */

.nav-tabs > li.csp-tab > a {
    color: #000000;
    background: #fedc92 !important; 
    background-color: #ffffff;
    border-bottom: 1px solid #dddddd;
}
.nav-tabs > li.csp-tab.active > a,
.nav-tabs > li.csp-tab.active > a:hover,
.nav-tabs > li.csp-tab.active > a:focus {
    color: #555555;
    background-color: #fedc92; 
    border: 1px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
}


/*  Cost Savings Program styles attempting to match Cost Savings Program pdf.  */

h1.csp-title {
    text-align: center;
    font-weight: bold;
}

h2.csp-subtitle {
    text-align: center;
    font-style: italic;
}

div.csp-outerborder {
    width: 100%;
    overflow: hidden;
    margin: 0 0 0 0;
    border-style: none none none solid;
    border-width: 0.3em;
    border-color: #0075a8 !important;
}

div.csp-separator {
    width: 100%;
    border-style: none none solid none;
    border-width: 0.3em;
    border-color: #0075a8 !important;
}

div.csp-category {
    width: 100%;
    overflow: hidden;
    margin: 0 0 0 -1em;
    border: 3px solid #fdb924 !important; 
    background: #fdb924 !important; 
    transform: skew(-20deg);
}

h4.csp-category {
    margin: 0 0 0 10.5em;
    transform: skew(20deg);
    font-weight: bold;
}

div.csp-innerborder {
    width: 100%;
    border-style: none none none none;
    border-width: 0;
    margin: .75em 0 1.5em 0;
}

div.csp-logo {
    width: 12em;
    margin: 0 0 0 0.5em;
    display: inline-block;
    vertical-align: top;
}

img.csp-logo {
    width: 100%;
}

img.csp-emp-logo {
    width: 8em;
}

div.csp-main-info {
    width: 40%;
    margin-left: 1em;
    display: inline-block;
}

div.csp-info {
    width: 20%;
    margin-left: 1em;
    display: inline-block;
}


/*  footer: changes to meet marketing website-vgmdashclientrewards.com  */


/* .footer { background: #0075a8 !important; } */
.footer { background: #e1e1e1 !important; } 

.footer p { color: #001c71 !important; }

.footer a { color: #001c71 !important; }

.footer ul li a { color: #00a7e1 !important; }

.footer ul li a:hover { color: #FFF !important; }

.copyright { background: #0075a8; border-top: 1px solid rgba(255,255,255,.1) !important; }

.copyright p { color: #001c71 !important; }

.copyright p a { color: #001c71 !important; }

.copyright p a:hover { color: #FFF !important; }

.footer h5 {color: #001c71 !important; font-weight: bold;}