﻿/*----------------------------------------------------------
JQUERY UI UPDATE
----------------------------------------------------------*/
.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

/*----------------------------------------------------------
CSS RESET
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; } /* remember to define focus styles! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }


/*----------------------------------------------------------
BLOCK ELEMENTS
----------------------------------------------------------*/
body { background-color: #f4f3eb; font-family: Verdana, Arial, Helvetica, sans-serif;} 
p, ul { margin-bottom: 20px; line-height: 1.6em; }


/*----------------------------------------------------------
ANCHOR ELEMENTS
----------------------------------------------------------*/
a:link { color: #006600; text-decoration: underline; }
a:visited { color: #44aa00; }
a:hover { color: #339900; text-decoration: none; }
a:active { color: #66cc00; }


/*----------------------------------------------------------
HEADING ELEMENTS 
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {  color: #006600; font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif; }
h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; }
h2 { font-size: 1.5em; padding: 0 0 10px 0; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }


/* ------------------------------------------------------
PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
#header { min-width: 1125px; width:100%; height:75px; background-image:url(../images/banner_rpt.png); background-repeat:repeat-x; float: left;}
#header div { float: left; }
#header div#header-left { text-align: right; width: 30%; max-width: 337px }
#header div#header-left img { float:right;}
#header div#header-right { width: 70%; padding-top:45px;}
#header h1 { font-size: 24px !important; font-weight: bold; line-height: 2em; padding: 6px 30px; }
#header div#header-left h1 { color: #339900; }
#main-container {  margin: 0 auto; width: 90%;  display: none; }
#main { float: left; padding-top: 10px; width: 100%; }
#main #menu-container { float: left; height: 400px; padding: 0 10px 20px 0; width: 270px; }
#main #content-container { width:860px; margin-left: 280px; padding: 0 0 20px 0; }
#main #content-container h2 { border-bottom: 1px #339900 solid; margin-bottom: 6px; padding-bottom: 2px; }
.ui-widget-panel { margin-bottom: 20px; }
.ui-widget-panel .ui-widget-panel-header { font-weight: normal; padding: 8px 20px; }
.ui-widget-panel .ui-widget-panel-content { padding: 20px; }
.ui-widget-panel .ui-widget-panel .ui-widget-panel-header { font-size: .9em; padding: 6px 10px; }

/* ------------------------------------------------------
PRIMARY LAYOUT ELEMENTS SECURETOKEN  
----------------------------------------------------------*/
#main-securetoken { float: left; padding-top: 10px; width: 100%; }
#main-securetoken #securetoken-content-container { margin-left: 200px; width: 700px; }
#main-securetoken #securetokentbl { width: 100%; }
#main-securetoken .no-close .ui-dialog-titlebar-close { display: none; }
/* ------------------------------------------------------
PRIMARY LAYOUT ELEMENTS GUEST  
----------------------------------------------------------*/
#main-guest { float: left; padding-top: 10px; width: 100%; }
#main-guest #guest-content-container { margin-left: 250px; width:400px; }
/* ------------------------------------------------------
MAIN MENU   
----------------------------------------------------------*/
#accordion-menu ul.menu li { font-size: .8em; line-height: 1.8em; }
#header-menu-container {float:right;}
#header-menu-container a { font-size: .8em; line-height: 1.8em; }
#header-menu-container a:link { color: #ffffff; text-decoration: underline; }
#header-menu-container a:visited { color: #ffffff; }
#header-menu-container a:hover { color: #ffffff; text-decoration: none; }
#header-menu-container a:active { color: #ffffff; }

/* Accordion menu icon ----------------------------------*/
.ui-accordion-header.ui-accordion-header-collapsed .ui-icon {
    background-image: url("../images/ui-icons_ffffff_256x240.png");
}

/* ------------------------------------------------------
FORM ELEMENTS   
----------------------------------------------------------*/
input[type="text"], input[type="password"], select { width: 200px; border: 1px solid #CCC; }
input[type="text"]:hover, input[type="password"]:hover, select:hover { border-color: #339900; }
input[type="text"]:focus, input[type="password"]:focus, select:focus { border: 1px solid #006600; background-color: #ddffaa; }
/* accent-color is to make checkbox and radio button color consistent in all supported browsers, i.e. light blue, otherwise in Edge it is gray but light blue in Chrome. */
input[type="checkbox"], input[type="radio"] { accent-color: #0075FF; vertical-align: -2px; margin-top: 4px; } 

/* ------------------------------------------------------
JQUERY UI ELEMENTS   
----------------------------------------------------------*/
img.ui-datepicker-trigger { cursor: pointer; margin: 0 0 0 4px; vertical-align: middle; }

/* ------------------------------------------------------
JQUERY TIMEPICKER   
----------------------------------------------------------*/
#ui-timepicker-div {  padding: 0.1em }
#ui-timepicker-hours { float: left; }
#ui-timepicker-minutes { margin: 0 0 0 0.1em; float: left; }

.ui-timepicker table { margin:0.15em 0 0 0;  font-size: .9em; border-collapse: collapse; }

.ui-timepicker .ui-timepicker-title { line-height: 1.5em; text-align: center; }
.ui-timepicker td { padding: 1px; width: 2.0em; }
.ui-timepicker td a {
    display:block;
    padding:0.2em 0.3em 0.2em 0.5em;
    text-align:right;
    text-decoration:none;
}

/* ------------------------------------------------------
JQUERY MULTISELECT PLUGIN   
----------------------------------------------------------*/
.ui-multiselect-excluded { display: none }
.ui-multiselect.ui-widget .ui-icon { background-image: url("../images/ui-icons_ffffff_256x240.png"); margin-top: 0em; }

.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline; cursor: pointer;}
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000;  }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

.ui-multiselect-hasfilter .ui-helper-reset li { margin-top: -2px; }
.ui-multiselect-hasfilter .ui-helper-reset span { margin-top: 2px; }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

/* Multiselect draggable
----------------------------------*/

.ui-multiselect-draggable { border: solid 1px; font-size: 0.8em; }
.ui-multiselect-draggable ul { -moz-user-select: none; }
.ui-multiselect-draggable li { margin: 0; padding: 0; cursor: default; line-height: 20px; height: 20px; font-size: 11px; list-style: none; }
.ui-multiselect-draggable li a { color: #999; text-decoration: none; padding: 0; display: block; float: left; cursor: pointer;}
.ui-multiselect-draggable li.ui-draggable-dragging { padding-left: 10px; }

.ui-multiselect-draggable div.selected { position: relative; padding: 0; margin: 0; border: 0; float:left; }
.ui-multiselect-draggable ul.selected { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; position: relative; width: 100%; }

.ui-multiselect-draggable div.available { position: relative; padding: 0; margin: 0; border: 0; float:left; border-left: 1px solid; }
.ui-multiselect-draggable ul.available { position: relative; padding: 0; overflow: auto; overflow-x: hidden; background: #fff; margin: 0; list-style: none; border: 0; width: 100%; }
.ui-multiselect-draggable ul.available li { padding-left: 10px; }
 
.ui-multiselect-draggable .ui-state-default { border: none; margin-bottom: 1px; position: relative; padding-left: 20px;}
.ui-multiselect-draggable .ui-state-hover { border: none; }
.ui-multiselect-draggable .ui-widget-header {border: none; font-size: 11px; margin-bottom: 1px;}
 
.ui-multiselect-draggable .add-all { float: right; padding: 7px; color: #ffffff}
.ui-multiselect-draggable .remove-all { float: right; padding: 7px; color: #ffffff}
.ui-multiselect-draggable .search { float: left; padding: 4px;}
.ui-multiselect-draggable .count { float: left; padding: 7px;}

.ui-multiselect-draggable li span.ui-icon-arrowthick-2-n-s { position: absolute; left: 2px; }
.ui-multiselect-draggable li a.action { position: absolute; right: 2px; top: 2px; }
 
.ui-multiselect-draggable input.search { height: 14px; padding: 1px; opacity: 0.5; margin: 4px; width: 100px; }

.ui-multiselect-draggable .ui-icon { background-image: url("../images/ui-icons_ffffff_256x240.png"); }

    /* ------------------------------------------------------
vertical tabs
----------------------------------------------------------*/
.ui-tabs-vertical { width: 55em; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}

/* ------------------------------------------------------
text area
----------------------------------------------------------*/
.editor-field-multi-line {resize:none;}
/* ------------------------------------------------------
TABLE
----------------------------------------------------------*/
table td { padding: 5px; }
table th { padding: 6px 5px; text-align: left; background-color: #e8eef4; }

table {border: none;}
/* ------------------------------------------------------
DATATABLES  
----------------------------------------------------------*/
.grid-container { font-size: 0.7em; }

.grid-container .dt-header-bar,
.grid-container .dt-footer-bar
{      
    padding: 4px 8px;    
    min-height: 20px; 
}

.grid-container .dt-header-bar .dt-length 
{
    float: left;
    margin-left: 5px;  
}
.grid-container .dt-footer-bar .dt-info {
    float: left;
    margin-left: 5px;  
    font-weight: bold;
}

.grid-container .dt-header-bar .dt-length select {
    width: 50px;
    font-size: 1.1em;   
}

.grid-container .dt-header-bar .dt-search,
.grid-container .dt-footer-bar .dt-paging {
    float: right;
    text-align: right;
    margin-right: 5px;        
}

.grid-container .dt-header-bar .dt-search input {
    margin-left: 5px; 
    font-size: 1.1em;   
    width: 207px;
    height: 20px;
}

.grid-container .dt-paging .dt-paging-button {
    background-color: #59A91C;
    border: 0;
    border-radius: 0;
    padding: 3px 6px;
    text-decoration: none;
    margin: 0.5px;
    font-weight: normal;
    font-size: 1em;
    cursor: pointer;
    color: #FFFFFF;
}

.grid-container .dt-paging .dt-paging-button.first {
    border-radius: 3px 0 0 3px;
}

.grid-container .dt-paging .dt-paging-button.last {
    border-radius: 0 3px 3px 0;    
}

.grid-container .dt-paging .dt-paging-button.disabled,
.grid-container .dt-paging .dt-paging-button.current {
    pointer-events: none;
    color: #7FAD5C;
    background-color: #499210;
}

.grid-container .dt-orderable-none,
.grid-container .dt-orderable-asc,
.grid-container .dt-orderable-desc {
    border: 1px solid #45930b;
    background: #4ca20b url("../images/ui-bg_highlight-soft_60_4ca20b_1x100.png") 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}

.grid-container div#checkAll.dt-orderable-none { padding: 3px 7px; }
.grid-container div#checkAll label.display-label { font-weight: bold; font-size: 0.9em; }

.grid-container table.dataTable { width: 100%; }
.grid-container table.fixedColumns { table-layout: fixed; }
.grid-container table.dataTable thead th { cursor: pointer; padding: 3px 0 3px 10px; }
.grid-container table.dataTable thead th div.DataTables_sort_wrapper { padding-right: 20px; position: relative; }
.grid-container table.dataTable thead th div.DataTables_sort_wrapper span { margin-top: -8px; position: absolute; right: 0; top: 50%; }
.grid-container table.dataTable tr.even { background-color: #EEFFEE; }
.grid-container table.dataTable tr.even td.sorting_1 { background-color: #D5FFD5; }
.grid-container table.dataTable tr.odd { background-color: #DDFFDD; }
.grid-container table.dataTable tr.odd td.sorting_1 { background-color: #C4FFC4; }
.grid-container table.dataTable td { padding: 3px 10px;overflow: hidden; }
.grid-container table.dataTable td.wordbreak { word-break: break-all; }
.grid-container table.dataTable td.center { text-align: center; }
.grid-container table.dataTable td.middle { vertical-align: middle; }
.grid-container table.dataTable td.top { vertical-align: top; }
.grid-container table.dataTable td.right { text-align: right; }
.grid-container table.dataTable td .download { background: url(../images/page_white_put.png) no-repeat 0 50%; padding-left: 20px; padding-bottom: 5px; }
.grid-container table.dataTable td .log { background: url(../images/page_white_text.png) no-repeat 0 50%; padding-left: 20px; padding-bottom: 5px; }
.grid-container table.dataTable td .logbatchstatus { background: url(../images/log.png) no-repeat 0 50%; padding-left: 20px; padding-bottom: 5px;}
.grid-container table.dataTable td .detailsbatchstatus { background: url(../images/details.png) no-repeat 0 50%; padding-left: 20px; padding-bottom: 5px; }
.grid-container table.dataTable td .detailscustomerenrollment { background: url(../images/details.png) no-repeat 0 50%; padding-left: 20px; padding-bottom: 5px; }

.grid-container table.dataTable thead > tr > th:active,
.grid-container table.dataTable thead > tr > td:active {
  outline: none;
}
.grid-container table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, 
.grid-container table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before,
.grid-container table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
.grid-container table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before {
  position: absolute;
  display: block;
  bottom: 50%;
  content: "▲";
  content: "▲"/"";
}
.grid-container table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, 
.grid-container table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
.grid-container table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
.grid-container table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  position: absolute;
  display: block;
  top: 50%;
  content: "▼";
  content: "▼"/"";
}
.grid-container table.dataTable thead > tr > th.dt-orderable-asc, 
.grid-container table.dataTable thead > tr > th.dt-orderable-desc, 
.grid-container table.dataTable thead > tr > th.dt-ordering-asc, 
.grid-container table.dataTable thead > tr > th.dt-ordering-desc,
.grid-container table.dataTable thead > tr > td.dt-orderable-asc,
.grid-container table.dataTable thead > tr > td.dt-orderable-desc,
.grid-container table.dataTable thead > tr > td.dt-ordering-asc,
.grid-container table.dataTable thead > tr > td.dt-ordering-desc {
  position: relative;
  padding-right: 30px;
}
.grid-container table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, 
.grid-container table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, 
.grid-container table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, 
.grid-container table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order,
.grid-container table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order,
.grid-container table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order,
.grid-container table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order,
.grid-container table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  width: 12px;
}
.grid-container table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, 
.grid-container table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after, 
.grid-container table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:before, 
.grid-container table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order:after, 
.grid-container table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, 
.grid-container table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:after, 
.grid-container table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:before, 
.grid-container table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
.grid-container table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:before,
.grid-container table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order:after,
.grid-container table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:before,
.grid-container table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order:after,
.grid-container table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
.grid-container table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:after,
.grid-container table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:before,
.grid-container table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  left: 0;
  opacity: 0.4;
  line-height: 9px;
  font-size: 0.8em;
}
.grid-container table.dataTable thead > tr > th.dt-orderable-asc, 
.grid-container table.dataTable thead > tr > th.dt-orderable-desc,
.grid-container table.dataTable thead > tr > td.dt-orderable-asc,
.grid-container table.dataTable thead > tr > td.dt-orderable-desc {
  cursor: pointer;
}
.grid-container table.dataTable thead > tr > th.dt-orderable-asc:hover, 
.grid-container table.dataTable thead > tr > th.dt-orderable-desc:hover,
.grid-container table.dataTable thead > tr > td.dt-orderable-asc:hover,
.grid-container table.dataTable thead > tr > td.dt-orderable-desc:hover {
  outline: 2px solid rgba(0, 0, 0, 0.05);
  outline-offset: -2px;
}
.grid-container table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, 
.grid-container table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after,
.grid-container table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order:before,
.grid-container table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order:after {
  opacity: 1.0;
}
.grid-container table.dataTable thead > tr > th.sorting_desc_disabled span.dt-column-order:after, 
.grid-container table.dataTable thead > tr > th.sorting_asc_disabled span.dt-column-order:before,
.grid-container table.dataTable thead > tr > td.sorting_desc_disabled span.dt-column-order:after,
.grid-container table.dataTable thead > tr > td.sorting_asc_disabled span.dt-column-order:before {
  display: none;
}

/* ------------------------------------------------------
Styles for MVC validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffdddd; }
.validation-summary-valid { display: none; }
.validation-summary-errors { background-color: #ffdddd; border: 2px solid #CE6F6F; color: #CE6F6F; font-weight: bold; margin: 10px 0; padding: 10px; }
.validation-summary-errors ul { list-style-type: disc; margin: 10px 30px; }
.validation-summary-errors li { font-size: .9em; }

/* ------------------------------------------------------
Styles for MVC success
-----------------------------------------------------------*/
.success-summary-hidden { display: none; }
.success-summary-show { background-color: #DFF2BF; border: 2px solid #4F8A10; color: #4F8A10; font-weight: bold; margin: 10px 0; padding: 10px; }

/* ------------------------------------------------------
Styles for MVC editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label, .display-field, .editor-field { font-size: .9em; font-weight: bold; margin: 0.3em 0; }
.text-box { width: 30em; }
.text-box.multi-line { height: 6.5em; }
.tri-state { width: 6em; }

/* ------------------------------------------------------
Document Formatting Wizard
----------------------------------------------------------*/
div.docfmt-pagination-bar { background-color: #58942A; }
td.docfmt-pagination-button-disabled { font-size: .7em; color: #7FAD5C; background-color: #499210; border: solid 2px #58942A; }
td.docfmt-pagination-button-enabled { font-size: .7em; color: #FFFFFF; background-color: #59A91C; border: solid 2px #58942A; cursor:pointer; }

/* ------------------------------------------------------
MISC   
----------------------------------------------------------*/
.clear { clear: both; }
.error { color: #ff0000; }

.watermark { color: #aaa; }
#ajax-loading-container { margin: 20px, 40px; padding: 10px 20px; position: fixed; right: 20px; bottom: 20px; }
#ajax-loading-container #ajax-loading-content { background: url('../images/loading.gif') no-repeat 0 50%; font-weight: bold; padding-left: 20px; } 

.sectionheader {color: #FFFFFF; background-color: #339900; font-size: .9em; font-weight:bold; }

.small { font-size: .5em; }
.min-margin {  padding: 0px 0px 0px 2px !important; }
.text { font-size: .9em; font-family: Lucida Grande,Lucida Sans,Helvetica,Arial,sans-serif;margin: 0px; }
.input-group-label { font-size: 14px; margin: 0px;font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif;}
.subtext { font-size: .7em;}

/* ------------------------------------------------------
SPECIFIC PAGE ELEMENTS 
----------------------------------------------------------*/
#DocumentTypeID { width: 445px; }
#DocumentStatus { width: 275px; }
#ImageProvider { width: 275px; }
#DocumentDate { width: 150px; }
#PlatformID { width: 225px; }
#Module { width: 250px; }
#Severity { width: 225px; }
#FIList { width: 450px; height: 220px;}

#StartDate { width: 100px; }
#StartTime { width: 100px; }
#EndDate { width: 100px; }
#EndTime { width: 100px; }

#DocumentType { width: 370px; }
#DocumentStatus { width: 270px; }

#StatementMailCode { width: 100px; }

#Disclosures_EnrollmentDisclosures { width: 680px; }

#DefaultMessage { width: 95%; height: 100px;}
#CustomMessage { width: 95%; height: 100px;}
#rbDefault1{height: 150px;}
#rbDefault2{height: 400px;}
#rbCustom{height: 150px;}
#SynergyFtpPort { width:100px; }
#SynergyFtpAddress { width:250px; }
#SynergyFtpDirectory { width:250px; }
#SynergyLocalDirectory { width:250px; }
#CoreFtpAddress { width:250px; }
#CoreFtpDirectory { width:250px; }
#CoreFtpPort { width:100px; }
#FiAddress { width:280px; }
#MinPinLength { width:100px; }
#MaxPinLength { width:100px; }
#MinUsernameLength { width:100px; }
#MaxUsernameLength { width:100px; }
#PinExpirationDays { width:100px; }
#ParentName { width:220px; }
#AccountHeadingLinesFontSize { width:65px; }
#AccountHeadingLinesFontColor {width:100px; }
#AccountHeadingLinesBandColor {width:100px; }
#AccountHeadingLinesBandBorderColor {width:100px; }
#SectionHeadingLinesFontSize { width:65px; }
#SectionHeadingLinesFontColor {width:100px; }
#SectionHeadingLinesBandColor {width:100px; }
#SectionHeadingLinesBandBorderColor {width:100px; }
#ColumnHeadingLinesFontSize { width:65px; }
#ColumnHeadingLinesFontColor {width:100px; }
#ColumnHeadingLinesBandColor {width:100px; }
#ColumnHeadingLinesBandBorderColor {width:100px; }
#TransactionDataFontSize { width:65px; }
#TransactionDataFontColor {width:100px; }
#TransactionDataPrimaryColor {width:100px; }
#TransactionDataSecondaryColor {width:100px; }
#OtherTextFontSize { width:65px; }
#OtherTextFontColor {width:100px; }
#OtherTextBandColor {width:100px; }
#OtherTextBandBorderColor {width:100px; }
#OtherTextPrimaryColor {width:100px; }
#OtherTextSecondaryColor {width:100px; }
#MessageFontSize { width:65px; }
#MessageFontColor {width:100px; }
#MessageBandColor {width:100px; }
#MessageBandBorderColor {width:100px; }
#MessagePrimaryColor {width:100px; }
#MessageSecondaryColor {width:100px; }
#TransactionDataMessageFontSize { width:65px; }
#TransactionDataMessageFontColor {width:100px; }
#TransactionDataMessageBandColor {width:100px; }
#TransactionDataMessageBandBorderColor {width:100px; }
#TransactionDataMessagePrimaryColor {width:100px; }
#TransactionDataMessageSecondaryColor {width:100px; }
#TransactionDataPrimaryColor {width:100px; }
#TransactionDataSecondaryColor {width:100px; }
#AccountBlockInfoFontSize { width:65px; }
#AccountBlockInfoFontColor {width:100px; }
#AccountBlockInfoBandColor {width:100px; }
#AccountBlockInfoBandBorderColor {width:100px; }
#AccountBlockInfoPrimaryColor {width:100px; }
#AccountBlockInfoSecondaryColor {width:100px; }
#CheckSummaryFontSize { width:65px; }
#CheckSummaryFontColor {width:100px; }
#CheckSummaryPrimaryColor {width:100px; }
#CheckSummarySecondaryColor {width:100px; }
#DailyBalanceFontSize { width:65px; }
#DailyBalanceFontColor {width:100px; }
#DailyBalancePrimaryColor {width:100px; }
#DailyBalanceSecondaryColor {width:100px; }
#ODGuidanceFontSize { width:65px; }
#ODGuidanceFontColor {width:100px; }
#ODGuidanceBandColor {width:100px; }
#ODGuidanceBandBorderColor {width:100px; }

.ui-widget-panel-content label.display-label {
    font-weight: normal;
    font-size: 1em;
    vertical-align: middle;
}

.batchstatus-details-modal-container {
    display: none;
}
.batchprocessing-eventlog-modal-container { display: none;}
.enrollmentmanagement-documentenrollment-modal-container { display: none;}
.batchstatus-lasttwelvehours-modal-container { display: none;}
.batchstatus-lasttwelvedays-modal-container { display: none;}
.batchstatus-summarytotals-modal-container { display: none;}
.batchstatus-topfive-modal-container {display: none;}
.batchstatus-serverstats-modal-container {display: none;}

.customerenrollment-eventlog-modal-container { display: none;}

.enrollment-button-container { float: left; text-align: right; width: 30%;border-style:solid;border-width:0px;border-color:red; }
.enrollment-button { cursor: pointer;margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;padding-top: 2px;padding-right: 6px;padding-bottom: 2px;padding-left: 6px; }

#resource-editor-grid .ui-toolbar { height:20px; }
#resource-editor-grid #report-results-container_paginate { display:none; }

#user-management-grid .ui-toolbar { height:20px; }
.usermanagement-user-modal-container { display: none;}
#fi-batch-report-results .ui-toolbar { height:20px; }
#fi-batch-report #DocumentDate { width:117px; }
#batch-report-grid .ui-toolbar { height:20px; }
#sub-grid-container .ui-toolbar { height:20px; }

#controls-report-grid .ui-toolbar { height:20px; }
#controls-message-modal-container #Message_EmailReturnName { width:250px; }
#controls-message-modal-container #Message_EmailReturnAddress { width:250px; }
#controls-message-modal-container #Message_EmailSubject { width:520px; }
#controls-message-modal-container #Message_EmailBody { width:700px; }
#controls-message-modal-container { display: none;}
#controls-message-modal-container .editor-field-multi-line { height:7em; width:40em; }

#document-file-monitor-report-results .ui-toolbar { height:20px; }
#user-report-results .ui-toolbar { height:20px; }                                       
#marketing-management-tabs .ui-helper-clearfix { height: 45px; }

.marketingmanagement-insert-modal-container { display: none; }
.marketingmanagement-rule-modal-container { display: none; }
.marketingmanagement-condition-modal-container { display: none; }
.marketingmanagement-document-modal-container { display: none; }
.marketingmanagement-button-container { float: left; text-align: right; width: 30%;border-style:solid;border-width:0px;border-color:red; }
.marketingmanagement-button { cursor: pointer;margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;padding-top: 2px;padding-right: 6px;padding-bottom: 2px;padding-left: 6px; }

#rules-grid-container .ui-toolbar { height:20px; }
#inserts-grid-container .ui-toolbar { height:20px; }
#conditions-grid-container .ui-toolbar { height:20px; }
#conditions-grid-container .sub-grid .ui-toolbar { height:4px; }

#document-configuration-tabs .ui-helper-clearfix { height: 45px; }
#documents-grid-container .ui-toolbar { height:20px; }
.documentconfiguration-button-container { float: left; text-align: right; width: 30%;border-style:solid;border-width:0px;border-color:red; }
.documentconfiguration-button { cursor: pointer;margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;padding-top: 2px;padding-right: 6px;padding-bottom: 2px;padding-left: 6px; }

.documentconfiguration-testuser-modal-container { display: none; }
.documentconfiguration-link-modal-container { display: none; }

#links-grid-container .ui-toolbar { height:20px; }
#testusers-grid-container .ui-toolbar { height:20px; }

#Settings_EmailBody {
    height: 100px;
    width: 95%;
}

#Settings_EmailBodyAdditional {
    height: 100px;
    width: 95%;
}

#Uploads_CoreDocType .editor-field-dropdownlist { width: 270px; }
#DocumentType .editor-field-dropdownlist { width: 300px; }
#general-settings-tabs .ui-helper-clearfix { height: 65px; }

.userreport-user-modal-container {display:none;}

#vru-grid-container .ui-toolbar { height:20px; }
#vrd-grid-container .ui-toolbar { height:20px; }

#vrd-grid-container .ui-toolbar { height:20px; }
#vr-grid-container .ui-toolbar { height:20px; }

#internal-audit-grid-container .ui-toolbar { height:20px; }

#roles-grid .ui-toolbar { height:20px; }
.roles-button-container { float: left; text-align: right; width: 30%;border-style:solid;border-width:0px;border-color:red; }
.roles-button { cursor: pointer;margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;padding-top: 2px;padding-right: 6px;padding-bottom: 2px;padding-left: 6px; }
#Role_Entitlements { width: 575px; height: 220px;}
#NewRole_Entitlements { width: 575px; height: 210px;}
#NewRole_Description { width: 575px; height: 45px; }
#Role_Description { width: 575px; height: 45px; }

#search-results-container_wrapper .ui-toolbar { height:20px; }

#User_Comment { width: 440px; height: 50px; }
#NewUser_Comment { width: 400px; height: 50px; }
#users-grid .ui-toolbar { height:20px; }
.users-button-container { float: left; text-align: right; width: 30%;border-style:solid;border-width:0px;border-color:red; }
.users-button { cursor: pointer;margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;padding-top: 2px;padding-right: 6px;padding-bottom: 2px;padding-left: 6px; }

/* ------------------------------------------------------
Qtip   
----------------------------------------------------------*/
.ui-tooltip{ opacity:.9!important;filter:alpha(opacity=90)!important;}

.qtip-default.ui-tooltip-red .qtip-titlebar,
.qtip-default.ui-tooltip-red .qtip-content {
    border-color: #D95252;
    background-color: #F78B83;
    color: #912323;
}

.qtip-default.ui-tooltip-red .qtip-titlebar {
    background-color: #F06D65;
}


.qtip-default.ui-tooltip-light .qtip-titlebar,
.qtip-default.ui-tooltip-light .qtip-content {
    border-color: #E2E2E2;
    background-color: #F1F1F1;
    color: #454545;
}

.qtip-default.ui-tooltip-light .qtip-content {
    background-color: #FFFFFF;
}

.changes-warning 
{
	height:30px;
	background-color:#D8D8D8;
	text-align:center;
	vertical-align: middle;
	border:1px solid #979797; 
	border-radius:4px;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	margin-bottom: 15px;
	padding-top:10px;
	font-size:14px;
	color:#444444
}

/* jQuery UI Upgrade Overrides */

.ui-widget {
    font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
    font-size: 1em;
}

.ui-widget button {
    font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Lucida Grande, Lucida Sans, Helvetica, Arial, sans-serif;
    font-size: .9em;
}

.ui-dialog {
    width: 300px;
    top: unset;
    left: unset;
}

.tox-edit-area__iframe {
    background-color: #66cc00;
}
