body
{
    background-color: #525457;
    color: #585858;
}
/* Style guide styling. for headings in the style guide. Not styles used in applicaiton. */
h1.style-guide
{
    font-size: 24px;
}

h2.style-guide
{
    font-size: 18px;
    border-bottom: solid 1px #ececec;
    margin-bottom: 5px;
}

hr
{
    border-color: #969696;
    margin: 2px 0px 5px 0px;
}

/* Font Styling */
h1, h2, h3, h4, h5
{
    margin: 10px 0px;
}

h1
{
    font-size: 36px;
    color: #3d3e3e;
    font-weight: bold;
}

h2
{
    font-size: 22px;
    color: #3d3e3e;
    font-weight: bold;
    border-bottom: solid 1px #ececec;
    margin-top: 10px;
}

h3
{
    font-size: 18px;
    color: #585858;
    font-weight: bold;
    border-bottom: solid 1px #ececec;
    margin-top: 20px;
}

h4
{
    font-size: 16px;
    color: #3d3e3e;
    font-weight: bold;
}

h5
{
    font-size: 14px;
    color: #3d3e3e;
    font-weight: bold;
}

p
{
    margin: 5px 0px 2px 0px;
}

p.stand-out
{
    font-weight: bold;
    font-size: 22px;
}

.label
{
    color: #000;
}

.label.label-default
{
    color: #fff;
}

aside.sidebar h2, section h2
{
    margin: 0px -10px 0px 0px;
    padding: 5px;
    background-color: #103048;
    color: #fff;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #ad152c; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#0d3c60, #103048); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#0d3c60, #103048); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#0d3c60, #103048); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#0d3c60, #103048); /* Standard syntax (must be last) */
}

section .header h2
{
    padding: 5px 5px 5px 90px;
}

aside.sidebar h3, section h3
{
    color: #0e3e64;
    padding-bottom: 2px;
    border-bottom: 1px solid #a2ae46;
    font-size: 18px;
    margin-top: 0px;
}

section h3:nth-child(1n+2)
{
    margin-top: 10px;
}

section h4
{   
    color: #585858;
    padding-bottom: 2px;
    border-bottom: 1px solid #c4c4c4;
    font-size: 18px;
}

section h4 span.glyphicon-info-sign
{
    color:#0e3e64;
}

a
{
    text-decoration: underline;
    color: #0a4e7d;
}

a:hover
{
    color: #0a3858;
}

/* Container Styling */
.container
{
    background-color: #fff;
}

.container.main-content
{
    background-image: url(../../resources/images/wheat.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}


/*Navigation Structure*/
header
{
    background-color: #0e3e63;
}

header .container
{
    background-color: transparent;
}

.top-menu
{
    background-color: #9ca939;
    padding: 2px 0px 2px 0px;
}

.top-menu a
{
    color: #fff;
    font-weight: bold;
}

.user-container
{
    margin-right: 20px;
    color: #fff;
    font-weight: bold;
}

.navbar
{
    margin-bottom: 0px;    
}

.navbar-default
{
    background-color: transparent;
    border-style: none;
}

.logo a
{
    height: auto;
    padding: 2px 10px;
    color: #fff;
    font-size: 52px;
    display: inline-block;
    text-decoration: none;
}

.menu > span > img
{
    margin-top: 10px;
}

.navbar-default .navbar-nav > li > a
{
    color: #fff;
    text-decoration: none;
}

.navbar-nav > li > a
{
    padding-top: 24px;
    padding-bottom: 24px;
    font-size: 14px;
    font-weight: bold;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, ul.nav > li.dropdown:hover > a
{
    color: #fff;
    background-color: transparent;
    border-bottom: 5px solid #d61734;
    padding-top: 24px;
    padding-bottom: 19px;
}

ul.nav > li.dropdown-toggle:hover > a 
{
    
}

.navbar-right .dropdown-menu
{
    left: 0;
    right: auto;
}

.open .dropdown-menu
{
    display: block;
}

.dropdown-menu
{
    background-color: #ececec;
}

.dropdown-menu li a:hover
{
    background-color: #d7d7d7;
}

.dropdown-menu li a
{
    text-decoration: none;
    font-size: 14px;
    color: #000;
}

/*Section Styling */
section
{
    background-color: #fff;
    margin: 25px 0px 25px 0px;
    padding: 0px 10px 10px 0px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    background: #ebebeb; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fbfbfb, #ebebeb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fbfbfb, #ebebeb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fbfbfb, #ebebeb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fbfbfb, #ebebeb); /* Standard syntax (must be last) */
    box-shadow: 5px 2px 5px #7a7a7a;
}

section .header
{
    display: block;
    position: relative;
    min-height: 70px;
}

section .body
{
    padding: 0px 5px;
}

section .body a
{
    color: #585858;
    font-style: italic;
}

section .body p
{
    border-bottom: solid 1px #cccccc;
}


section .body p a
{
    font-style: normal;
    color: #42627e;
    font-weight: bold;
}

section .header .header-icon
{
    position: absolute;
    background-color:#929e34;
    top: -20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 1;
}

section .header-icon
{
    background-color: #929e34;
    height: 80px;
    width: 80px;
}

/* Aside Styling */
aside.sidebar
{
    border: 1px solid #d8d8d8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 0px 8px 0px 8px;
    background-color: #fff;
}

aside.sidebar p
{
    margin-bottom: 2px;
}

aside.sidebar .body
{
    margin: 5px 0px 5px 0px;
}

/* Form Styling*/

label
{
    margin-bottom: 3px;
}

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

.form-inline
{
    margin: 10px 0px;
}

.form-control
{
    height: 26px;
    padding: 4px 5px;
    font-size: 12px;
    border-radius: 0px;
}

.checkbox-inline, .radio-inline
{
    margin-bottom: 2px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]
{
    margin-left: -15px;
}

input[type=text].txt-box-lg
{
    width: 50%;
}

.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline
{
    margin-left: 5px;
}

.form-inline.label-top label, .form-inline.label-top .select-label
{
    display: table;
}

.form-inline.label-top button
{
    margin-top: 15px;
}

.has-error
{
    background-color: #f2dede;
    border: 1px solid #ebccd1;
    padding: 10px;
}

.has-error .select-label, .has-error select
{
    color: #a94442;
}

.form-inline.label-top label.radio-inline
{
    display: inline-block;
}

.form-inline.label-top > .form-group.radio > label.radio-inline
{
    margin-top: 0px;
    display: inline-block;
}

.form-inline.label-top.stacked > .form-group
{
    vertical-align: top;
}

.form-inline.label-top.stacked > .form-group.radio > label
{
    display: block;
}

.form-inline.label-top.stacked > .form-group.radio > label + label
{
    margin-left: 0px;
}

.form-inline.label-top label.checkbox-inline, .form-inline.label-top label.radio-inline
{
    margin-top: 20px;
}

.form-inline > .form-group+.form-group, .form-inline.label-top > .form-group+.form-group
{
    margin-left: 15px;
}

.form-inline.label-top .xs-txt-bx
{
    display: inline-block;
    width:50px;
}


/* Button Styling  */

.btn
{
    border-radius: 8px;
    font-weight: bold;
}

.btn-xs
{
    padding:  3px 10px;
}

.btn-group, .btn-group.spaced
{
    margin-top: 10px;
}

.btn-group.spaced.default-actions
{
    margin-top: 20px;
    margin-bottom: 30px
}

.btn-group.spaced>.btn:first-child:not(:last-child):not(.dropdown-toggle), .btn-group.spaced>.btn:first-child:not(:last-child):not(.dropdown-toggle),.btn-group.spaced>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .btn-group.spaced>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child)
{
    border-radius: 8px;
}

.btn-group.spaced>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle)
{
    margin-left: 5px;
}

.btn-group.spaced>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child)
{
    margin-left: 5px;
}

.btn-warning, .btn-success, .btn-danger, .btn-info, .btn-warning:hover, .btn-success:hover, .btn-danger:hover, .btn-info:hover
{
    color:#000;
}

.btn-default
{
    background: #092b47; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#093560, #092b47); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#093560, #092b47); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#093560, #092b47); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#093560, #092b47); /* Standard syntax (must be last) */
    border-color: #092b47;
    color: #fff;
}

.btn-default:hover
{
    background: #092b47; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#092b47, #093560); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#092b47, #093560); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#092b47, #093560); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#092b47, #093560); /* Standard syntax (must be last) */
    border-color: #092b47;
    color: #fff;
}

.btn-primary
{
    background: #7c862b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#99a638, #7c862b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#99a638, #7c862b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#99a638, #7c862b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#99a638, #7c862b); /* Standard syntax (must be last) */
    border-color: #7c862b;
}

.btn-primary:hover
{
    border-color: #7c862b;
    background: -webkit-linear-gradient(#7c862b, #99a638); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7c862b, #99a638); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7c862b, #99a638); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7c862b, #99a638); /* Standard syntax (must be last) */
}

.table td > button
{
    margin-left: 5px;
}

/* Custom code Application */ 
.mask
{
    color: #7a7a7a;
}

.sub-group-data
{
    width: 70%;
}

.sub-group-data div
{
    padding: 8px 0px;
    border-bottom: solid 1px #ececec;
    overflow: hidden;
}

.sub-group-data select.inline
{
    width: auto;
    display: inline-block;
}


small select.form-control
{
    width: auto;
    display: inline-block;
    margin-bottom: 3px;
}

span.input-group.dollar
{
    width: 20%;
}

.form-control.dollar
{
    text-align: right;
}

.input-group-addon
{
    padding: 5px 12px;
}

textarea.form-control
{
    min-height: 100px;
}

.modal textarea.form-control
{
    width: 100%;
}

.sub-block
{
    padding: 10px;
    background-color: #ececec;
}

.sub-block .form-inline.label-top
{
    margin-top: 0px;
}

.table
{
    margin-bottom: 5px;
}

.table.auto
{
    width: auto;
}

table
{
    color: #6e6e6e;
}



.table > thead > tr > th
{
    border-bottom: #5a5a5a solid 1px;
    padding: 0px 8px 5px 8px;
    font-size: 16px;
}

.table-hover>tbody>tr:hover, .table-hover>tbody>tr.active:hover>td
{
    cursor: pointer;
    background-color: rgba(191, 191, 191, .2);
    color: #6e6e6e;
}

.table > tbody > tr > th
{
    border-bottom: #5a5a5a solid 1px;
}

.table tfoot tr
{
    background-color: #ececec;
}

.list-group
{
    margin-top: 10px;
}

.list-group-item
{
    padding: 5px 10px;
    
}

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover, .table>tbody>tr.active>td, .table>tbody>tr.active:hover>td
{
    background-color:#185989;
    color: #fff;
}

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover
{
    background-color:#cbeaff;
    color: #000;
    border: solid 1px #cbeaff;
}

a.list-group-item
{
    text-decoration: none;
}

/*Tab Styling */


.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
    color: #fff;
     background: #7c862b; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#99a638, #7c862b); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#99a638, #7c862b); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#99a638, #7c862b); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#99a638, #7c862b); /* Standard syntax (must be last) */
    border-color: #7c862b;
    text-decoration: none;
}

.tab-content
{
    padding: 5px;
    border: solid 1px #ececec;
}

.nav-tabs>li>a
{
    padding: 5px 10px;
}

/* Footer Styling Below */
footer
{
    background-color: #9ca939; 
    min-height: 50px;
    margin-top: 15px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}

footer .container
{
    background-color: transparent;
}

footer a, footer a:hover
{
    color: #fff;
}

footer a
{
    text-decoration: none;
}

footer a:hover, footer .nav>li>a:hover
{
    text-decoration: underline;
}

footer ul.nav
{
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
}

footer ul.nav > li
{
    display: inline-block;
}

footer ul.nav-pills > li
{
    float: none;
}

footer ul.nav > li + li
{
    margin-left: 5px;
}

footer ul.nav>li>a
{
    padding: 0px;
}


footer .nav>li>a:focus, footer .nav>li>a:hover
{
    background-color: transparent;
}

.glyphicon.glyphicon-remove 
{
    
    color:#773125;
}

.modal-footer
{
    text-align: left;
}

span.data-element
{
    margin-right: 5px;
}

h2 .popover-content
{
    color: #000;
}

p.info
{
    background-color: #fff;
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 5px;
}

p.blue-text
{
	color: #3333ff;
}

section.match
{
    min-height: 192px;
}



.margin-top-25
{
    margin-top: 25px;
}

.pageConfirmationMessage 
{
	background-color: #66ffc2;
}  

.deactivatedMessage 
{
	background-color: #ffcccc;
}  

.deactivatedMessage p
{
	color: #e60000;
	font-weight: bold;
}

input.caps-transform
{
	text-transform:uppercase;
}

.inforedtextbold
{
	color: #e60000;
	font-weight: bold;
}

.select-file {
       height: 35px !important;
}

/* begin error message - wrap error message block with error id div - use p tag for first sentance and ol-li tags for each individual error message */
iframe.pdfviewer {
	width: 90%;
	height: 600px;
	margin: 5px 10px;
	z-index: 1000;
}

#error {
	background: ##f8f4eb;
	color: #ff0000;
	margin: 7px 0 0 0;
	padding: 0;
}

#error p {
	font-weight: bold;
	line-height: 150%;
	margin: 0 0 0 20px;
	padding: 0;
}

#error ol,#error ul {
	list-style-type: disc;
	line-height: 150%;
	margin: 0 0 0 50px;
	padding: 0;
}

#error li {
	margin: 0;
	padding: 0;
}