/*HGB Fonts*/
@font-face {
  font-family: 'FS Me Web Regular';
  src: url('../fonts/fsmeweb-regular-fd.eot');
  src: url('../fonts/fsmeweb-regular-fd.eot?ie') format('embedded-opentype'), url('../fonts/fsmeweb-regular-fd.woff') format('woff'), url('../fonts/fsmeweb-regular-fd.ttf') format('truetype'), url('../fonts/fsmeweb-regular-fd.svg#FSMeWebRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FS Me Web Bold';
  src: url('../fonts/fsmeweb-bold-fd.eot');
  src: url('../fonts/fsmeweb-bold-fd.eot?ie') format('embedded-opentype'), url('../fonts/fsmeweb-bold-fd.woff') format('woff'), url('../fonts/fsmeweb-bold-fd.ttf') format('truetype'), url('../fonts/fsmeweb-bold-fd.svg#FSMeWebBold') format('svg');
  font-style: normal;
}
@font-face {
  font-family: 'FS Me Web Italic';
  src: url('../fonts/fsmeweb-italic-fd.eot');
  src: url('../fonts/fsmeweb-italic-fd.eot?ie') format('embedded-opentype'), url('../fonts/fsmeweb-italic-fd.woff') format('woff'), url('../fonts/fsmeweb-italic-fd.ttf') format('truetype'), url('../fonts/fsmeweb-italic-fd.svg#FSMeWebItalic') format('svg');
  font-weight: normal;
  font-style: italic;
}
@font-face {
    font-family: 'FS Me Web Light';
    src: url('../fonts/fsmeweb-light-fd.eot');
    src: url('../fonts/fsmeweb-light-fd.eot?ie') format('embedded-opentype'), url('../fonts/fsmeweb-light-fd.woff') format('woff'), url('../fonts/fsmeweb-light-fd.ttf') format('truetype'), url('../fonts/fsmeweb-light-fd.svg#FSMeWebLight') format('svg');
    font-weight: 200;
    font-style: normal;
}
@font-face {
  font-family: 'Mayfield';
  src: url('../fonts/mayfield.eot');
  src: url('../fonts/mayfield.eot?#iefix') format('embedded-opentype'), url('../fonts/mayfield.woff') format('woff'), url('../fonts/mayfield.ttf') format('truetype'), url('../fonts/mayfield.svg#Mayfield') format('svg');
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, h5, table tr td, a, p, select, button, ul li { font-family: "FS Me Web Regular", Arial, Helvetica, Verdana, sans-serif !important; }
p, a, ul li { font-size: .9rem; }
p { margin-bottom: .25rem; }
button, button.button { margin-bottom: .25rem; }
button.ui-datepicker-trigger { background-color: transparent; padding: 0; margin: 0; }

#cover { position:fixed; width:100%; height:100%; top:0; left:0; z-index:99999; overflow:hidden; background-color:#ffffff; opacity:.9; }
#loader { position:fixed; width:100%; height:100%; top:0; left:0; z-index:999999; background-image: url(../images/animated-loader.gif);background-position: center center;background-repeat: no-repeat;display: none;}

.alt { color: #484641; }
.acenter { text-align: center; }
.aright { text-align: right; }
.box-container {background-color:#ffffff;box-shadow:0 3px 4px 2px #d5d5d5;color:#676767;border-top:2px solid #4e8416; border-top: 0; border-radius:0 0 4px 4px;margin-top: .5rem;margin-bottom: 1rem;}
.box-container div:nth-child(2n) { background-color: #f7f7f7; }
.box-header { padding: .5rem 1rem; background-color: #5c9a1b; }
.box-header h4 { color: #ffffff; margin-top: 0; margin-bottom: 0; font-size: 18px; }
.box-label.alt { color: #1d5b2d; }
.box-line-item { padding: .5rem 0 .5rem 2rem; border-bottom: solid 1px #ededed; }
.box-line-item.link {  background-image: url(../images/arrow-right-icon-1.png); background-repeat:no-repeat;  background-position: left 1rem center; }
.box-line-item.first { border-top: solid 1px #ededed; }
.box-line-item.link:hover { background-color:#f7f7f7; cursor: pointer; }
.box-line-item a { color: #484641; font-weight:bold; font-size:.9rem;  }
.box-line-item:hover a, .box-line-item a:hover { color: #aa005f; }
.box-line-item.large a { font-size:1.5rem;  }
.cancel { color: #484641; font-size:.8rem; }
.cancel:hover { color: #aa005f; }
.clear { clear: both; }
.link-primary { color: #ffffff; font-family: "FS Me Web Regular",Tahoma,Helvetica,Arial,sans-serif; font-style: normal;font-weight: normal;font-size: 16px;text-decoration: none;background-color: #1d5b2d;display: inline-block;padding: 10px 20px;border: 1px solid #ffffff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box; margin-top: .5rem;}
.loading { background-image: url(../images/495.GIF); background-repeat:no-repeat; background-position:center center; min-height:46px;}
.new-window-icon { margin: 0 0 .25rem .25rem;}
.noLeftPad { padding-left: 0; }
.noRightPad { padding-right: 0; }
.noLeftPad > .columns:first-child { padding-left: 0; }
.noBottomMargin { margin-bottom: 0; }
.noTopMargin { margin-top: 0; }
.lightgreen { color: #4e8416; }
.plum { color: #aa005f; }
.plum.link-primary { background-color: #aa005f; color: #ffffff;}
.plum.link-primary:hover, .plum.link-primary:active, .plum.link-primary:focus { background-color: #88004c; color: #ffffff; }
.required, .invalid { color: red; margin-top: 0; font-size:.8rem; }
.reveal-modal { top: 3rem; min-height: 0; position:absolute; }
.reveal-modal-full-screen { top: 0; bottom: 0; position:fixed; overflow-y:scroll; overflow-x:hidden; }
.reveal-modal .close { position: absolute; top: 15px; right: 15px; padding-right: 25px; background: transparent url(../images/close.png) no-repeat right center; color: #aa005f; text-decoration: none; font-size: 0.9rem; line-height: 1.5; }
.reveal-modal-bg { background: rgba(0, 0, 0, 0.9); }
.rounded-container { padding: 1rem; border: solid 2px #ededed; border-radius: 8px; }
.rounded-container-alert { padding: 1rem; border: solid 2px #aa005f; border-radius: 8px; background-color:#ffffff; }
.rounded-container-white { padding: 1rem; border: solid 2px #ededed; border-radius: 8px; background-color:#ffffff; }
.rounded-container-gray { padding: 1rem; border: solid 2px #ddd; border-radius: 8px; background-color:#ededed; margin: .25rem 0; }
.row .row { margin-left: 0; margin-right: 0; }
.sm-note { font-size: .8rem; }
.sm-note-light { font-size: .8rem;color: #999; line-height:1; }
.standout { padding: .5rem .75rem; border: solid 2px #ddd; border-radius: 8px; background-color: #e8f4dc; font-size:.8rem; }


.tbl, .tbl tr td table.tbl { border: none; margin-top: 0;margin-bottom: 0; width: 100%;background: transparent; }
.tbl tr, .tbl tr td table.tbl tr { border: none; vertical-align: top; background: transparent; }
.tbl tr.alt { background: transparent; }
.tbl tr.even, .tbl tr.alt, .tbl tr:nth-of-type(2n) { background: transparent; }
.tbl tr td, .tbl tr td table.tbl tr td { background-color: #ffffff; padding: 0 .5rem; background: transparent; font-size:.8rem; color: #484641; }
.tbl tr td table.tbl tr td { padding-left: 0;}
.tbl tr td button { margin-bottom:0; margin-top: .25rem; }
.tbl tr td.error-list { padding-top: 1rem; }
.tbl tr td.error-list strong { color:red; }
.tbl tr td input[type=text], .tbl tr td input[type=password] { margin: .25rem 0; border: solid 1px #ddd; box-shadow: none; background-color: #ffffff; border-radius: 8px; }
.tbl tr td input[type=radio], .tbl tr td input[type=checkbox] { margin-bottom: 0; }
.tbl tr td input.phone1 { width: 54px; display:inline; }
.tbl tr td input.phone2 { width: 54px; display:inline; }
.tbl tr td input.phone3 { width: 82px; display:inline; }
.tbl tr td input.phoneExt { width: 86px; display:inline; }
.tbl tr td input.ssn1 { width: 54px; display:inline; }
.tbl tr td input.ssn2 { width: 36px; display:inline; }
.tbl tr td input.ssn3 { width: 72px; display:inline; }
.tbl tr td input.txt-medium { width: 250px; }
.tbl tr td input.txt-small { width: 150px; }
.tbl tr td input.middleInitial { width: 32px; }
.tbl tr td input.title, .tbl tr td input.password, .tbl tr td input.rank, .tbl tr td input.supervisor, .tbl tr td input.email, .tbl tr td input.answer { width: 60%; min-width: 200px; max-width: 320px; }
.tbl tr td label, .tbl tr td strong { font-weight: bold; font-size: .9rem; cursor: default; }
.tbl tr td label.invalid { margin-top:.25rem; }
.tbl tr td label.required { margin-top:.25rem; }
.tbl tr td label.rd { margin-top: 0;font-weight: normal;cursor: pointer;}
.tbl tr td label.rd strong { margin-right: 0;}
.tbl tr td label.inline { display: inline; }
.tbl tr td label strong { margin-right: .2rem;font-size: .9rem; }
.tbl tr td p { font-size: .8rem; }
.tbl tr td ul li { font-size: .9rem; }
.tbl tr td select { border-radius: 8px; margin: .25rem 0; }
.tbl tr td select.sel-xlarge { width: 400px; }
.tbl tr td select.sel-large { width: 350px; }
.tbl tr td select.sel-medium { width: 250px; }
.tbl tr td select.sel-small { width: 150px; }
.tbl tr td select.sel-xsmall { width: 100px; }
.tbl tr td span { font-size: .8rem; }
.tbl tr td textarea.reason { width: 80%; min-width: 200px; max-width: 320px;border: solid 1px #ddd; box-shadow: none; background-color: #fff; border-radius: 8px;margin: .25rem 0;}
.tbl tr td textarea.submit-question { width: 80%; min-width: 320px; border: solid 1px #ddd; box-shadow: none; background-color: #f0f0f0; border-radius: 8px;margin: .25rem 0;}

.tbl-form tr td label { margin-top: .9rem; }
.tbl-form tr td p { font-size:.9rem; }
.tbl-form tr td button i { font-size: .9rem; }

.tbl-grid { border:none; }
.tbl-grid tr th { background-color: #5c9a1b; color: #ffffff;padding: .5rem .75rem;border-right: solid 1px rgba(104, 173, 31, 1); font-size:.8rem; }
.tbl-grid tr th.first { border-top-left-radius: 8px;}
.tbl-grid tr th.last { border-top-right-radius: 8px;}
.tbl-grid tr th span.sort { cursor: pointer; }
.tbl-grid tr th span.asc, .tbl-grid tr th span.desc { display:none; }
.tbl-grid tr:nth-child(2n) td { background-color:#ededed; }
.tbl-grid tr td a { font-size: .8rem;text-decoration: underline; }
.tbl-grid tr td.first { border-left: solid 1px #ededed; }
.tbl-grid tr td.last { border-right: solid 1px #ededed; }
.tbl-grid tr td { padding: .5rem .75rem;border-bottom: solid 1px #ddd; }
.tbl-grid tr td > table tr td { border-bottom: none; }
.tbl-grid tbody tr.selected { background-color: #d9edf7; }
.tbl-grid tbody tr.selected td { background-color: #d9edf7; }
.tbl-grid tfoot tr { background-color:transparent; }
.tbl-grid tfoot tr td { padding: .5rem; }
.tbl-grid tfoot tr td button { border-radius: 4px; padding: .25rem .75rem; font-size: .8rem; }
.tbl-grid tfoot .paging-left { width: 70%; float:left; }
.tbl-grid tfoot .paging-right { width: 30%; float:right; text-align:right;}

.tbl-inner { border: none;margin-bottom:0; background-color:transparent;}
.tbl-inner tr { background-color:transparent; }
.tbl-inner tr td { padding: 0; background-color:transparent; }
.view-document-container { width: 100%; height: 96%; min-height: 680px; border:none; }

.vspacer025 { margin-top:0.25rem; }
.vspacer05 { margin-top:0.5rem; }
.vspacer06 { margin-top:0.6rem; }
.vspacer075 { margin-top:0.75rem; }
.vspacer1 { margin-top:1rem; }
.vspacer125 { margin-top:1.25rem; }
.vspacer15 { margin-top:1.5rem; }
.vspacer175 { margin-top:1.75rem; }
.vspacer2 { margin-top:2rem; }
.vspacer275 { margin-top:2.75rem; }
.vspacer3 { margin-top:3rem; }

@media (max-width: 680px) {
    
.noLeftPad { padding-left: 0.25rem; padding-right: 0.25rem; }
.noLeftPad .columns { padding-left: 0.25rem; padding-right: 0.25rem; }

}

#emailTemplatesList { list-style-type:none; margin:0; padding:0; }

input[type=text]:-ms-input-placeholder { color: #cacaca; }  /* IE 10+ */
input[type=text]::-webkit-input-placeholder { color:#444 !important; }
input[type=text]::-webkit-input-placeholder { color:#999; opacity: 0.5; }  /* Chrome/Opera/Safari */
input[type=text]::-moz-placeholder { color: #777; }  /* Firefox 19+ */
input[type=text]:-moz-placeholder { color: #777; }  /* Firefox 18- */

#modalSessionTimeout { width: 500px; }
#modal-t2017-popup { width: 500px; top: 10rem; position:fixed; }

#cobrowse { float:right; }
#cobrowse > svg { cursor: pointer; }
.cobrowse-icon { height: 40px; width: 40px; stroke: #ffffff; stroke-width: 0.125em; cursor: pointer; fill: #5c9a1b; margin:0; float:right; margin-right: 1rem; }

/**************   GRID STYLING   ********************/

/******* these divs serve as columns/headers */
.grid-ui-headers { display: table; width:100%; }
.grid-ui-header { display: table-row; font-weight: bold; font-size: .8rem; background-color:#5c9a1b; color:#fff; width:100%; }
.grid-ui-header div { display: table-cell;  padding:.2rem .4rem; }
/*.grid-ui-headers div { font-weight: bold; font-size: .8rem; background-color:#5c9a1b; color:#fff; font-family: "FS Me Web Regular", Arial, Helvetica, Verdana, sans-serif !important; }*/
/*.grid-ui-headers div span { line-height: normal; display:inline-block; }*/
.grid-ui-headers div label { display:none; color:#fff; }
.grid-ui-headers div div.canSort { cursor:pointer; }
/*.grid-ui-headers br { clear: both; }*/

/******* this div serves as a container for each of the divs in the grid rows (items) */
.grid-ui-rows { background-color:#fff; display: table; width:100%; }
.grid-ui-rows p { padding: 1rem; }

/******* paging - 5, 10, 25, 50 per page styles *******/
.five-per-page { height: 141px; }
.ten-per-page { height: 282px; }
.twenty-five-per-page { height: 705px; }
.fifty-per-page { height: 1410px; }

/******* these divs serve as the rows themselves - for each item, there is a row */
.grid-ui-row { display: table-row; width:100%; }
.grid-ui-row:nth-child(odd) div { background-color:#ededed !important; }
.grid-ui-row a { font-size: .8rem; }
.grid-ui-row div { display:table-cell; padding:.2rem .4rem; font-weight: normal; font-size: .8rem; border-bottom: solid 1px #ddd; background-color:#fff; font-family: "FS Me Web Regular", Arial, Helvetica, Verdana, sans-serif !important; }
/*.grid-ui-row br { clear: both; }*/

/******* these divs are used for the paging features */
.grid-ui-paging { padding: .5rem; border-top: solid 1px #ddd; border-bottom: solid 2px #ccc; background-color:#fff; }
.grid-ui-paging strong { font-size: .8rem; }
.grid-ui-paging a { font-size: .8rem; color:#aa005f; margin:0 .4rem; text-decoration:underline; }
.grid-ui-paging p { background-color:#ddd; padding: .1rem .4rem; color:#777; border-radius:4px; font-size:.8rem; display:inline; margin:0; border: solid 1px #ccc; }
.grid-ui-paging span { font-size:.8rem; color:#999; margin: 0 .25rem; }
.grid-ui-paging div { float:left; }
.grid-ui-paging div.pageLinks { width: 60%; }
.grid-ui-paging div.itemsPerPage { width: 25%; }
.grid-ui-paging div.totalItems { width: 15%; }
.grid-ui-paging select { width: 50px; padding: 0 .25rem; height:auto; margin:0; font-size:.8rem; }
.grid-ui-paging br { clear: both; }