a[href^='/CLoan/AlternateLoanPopup.aspx'] {
	display: block !important;
}
html {
  text-align:center;
  /*-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;*/
}

body.read-only read-only-override {
    position:relative;
    z-index:101;
}

body.read-only.activity .activity-read-only-edit,
body.read-only.activity .activity-read-only-edit *[ro_over=false],
body.read-only.activity .activity-read-only-edit a.ClosePop,
body.read-only.activity .activity-read-only-edit a.Header,
body.read-only.activity .activity-read-only-edit a.HeaderFiller {
    z-index: 110 !important;
    position: relative;
}

body.read-only.activity.isscenario .header-read-only{
    display:none;
}

body {
    font-family: 'Trebuchet MS', arial;
    color: #585858;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left 30%;
    position: relative;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background: #e8e8e8;
    background: #fff;
    margin-top: 0px;
    /*margin-bottom:40px;*/
    text-align: left;
    -ms-overflow-style: scrollbar;
}

body:has(> div.ui-widget-overlay){
    overflow: hidden;
}

    body.modal-open {
        overflow: hidden;
    }

.section {
width: 100%;
min-height: 30px;
  left:0;
  right:0;
}
.MainBodyCol {
  width:220px;
}
.NowViewing {
  width:190px;
  text-align:left;
  font-style:normal;
}
.AccordionHeader {
  margin-left:-5px; 
  margin-top:1px;
  padding-top:5px;
}
.AccordionContent {
  overflow:visible; 
  height: auto; 
  font-weight:normal;
  cursor:pointer;
  white-space:nowrap;
}
.section.footer {
position: fixed;
bottom:0;
background: #383838;
color:#647ca0;		
  font-size:8pt;
  padding-top:3px;
  z-index:100000000;
  text-align:center;
}
.section.header {
position: fixed;
  display:inline !important;
top:0;
background: #383838;
  z-index:10000001;
}
.headerContent {
  height:70px;
}
.headerContent.left {
  background-color:#999999;
  display:inline;
  float:left;
  text-align:right;
}
div.footerContent {
  margin: 0 auto;
  display:inline;
}
td.headerBarRight{
  background-color:#042b44;
  height:70px;
  vertical-align:bottom;
  padding-bottom:3px;
}

table {
  margin-left:auto;
  margin-right:auto;
}

div.bodyDiv {overflow-y:scroll;overflow-style:scrollbar; margin-left:auto;margin-right:auto;}
A:link { text-decoration: none; color: #415444; }
A:visited { text-decoration: none; color: #415444; }
A:active { text-decoration: none; color: #415444; }
A:hover { text-decoration: none; color: #8B0000; }
.bootstrap-ready a:link, .bootstrap-ready a:visited, .bootstrap-ready a:active, .bootstrap-ready a:hover { color: #337ab7; }
tr.evenrow td { background-color: #fefeff; font-size:8pt;  font-family:Arial; border-top: solid 1pt transparent; border-bottom: solid 1pt transparent; }
tr.oddrow td { background-color: #efefef;  font-size:8pt; font-family:Arial; border-top: solid 1pt transparent; border-bottom: solid 1pt transparent; }
/* ie 6 fix */
* html tr.evenrow td { background-color: #fefeff; font-size:8pt;  font-family:Arial; border-top: solid 1pt #fefeff; border-bottom: solid 1pt #efefef; }
* html tr.oddrow td { background-color: #efefef;  font-size:8pt; font-family:Arial; border-top: solid 1pt #efefef; border-bottom: solid 1pt #fefeff; }

/* end ie 6 fix*/
tr.hover td { border-top: solid 1pt #415476; border-bottom: solid 1pt #415476; color:#280000; empty-cells: show; }
tr.selected td { border-top: solid 1pt #82A8EC; border-bottom: solid 1pt #82A8EC; font-weight:bold; empty-cells: show; }
a.ClosePop, label.ClosePop, div.ClosePop, span.ClosePop {display:inline-block;font-size: 8pt; color: #415476; font-family: tahoma; cursor: pointer; font-weight: bold;padding:3px 5px;border-radius:2px; }
a.ClosePop:hover, label.ClosePop:hover, div.ClosePop:hover, span.ClosePop:hover {background:#fff;color:#0d5c91 !important;}

table.MainBody { width:960px; min-width:960px; table-layout: fixed; margin: 0 0 50px 275px !important;border:none;}/*main body color*/
/*.shadowed { box-shadow:  3px 4px 3px 0px  #242121; -webkit-box-shadow:3px 4px 3px 0px  #242121; -moz-box-shadow:  3px 4px 3px 0px  #242121;}*/
div.GuideShow { position: absolute; left: 0; top: 0;}
div.GuideHide { position: absolute; left: 0; top: 0; display: none; }
td.SideBox { width: 100%; border-bottom: 1px solid silver; border-top: 1px solid silver; border-left: 1px solid silver; border-right: 1px solid silver; background-color: #fafafa; font-size: 8pt; color: #415476; }
table.SideBoxTbl { font-size: 8pt; color: #415476; }
td.SideBoxHeader { font-size: 8pt; color: #415476; font-weight: bold; background-color: #e3e3e3; }
td.SideBoxEdit { font-size: 7pt; color: #415476; background-color: #e3e3e3; }
td.BlueCell { background-color: #003BD0; color: White; }
.SideBar { color: #415476; font-size: 8pt; }
.SideBarActive { color: #8B0000; font-size: 8pt; font-style: italic; font-weight: bold; }
td.RedCell { background-color: #E1F0D2; color: #006400; }
td.SideBarContainer { background-color: #f1f1f1; vertical-align: top; width: 225px; color: #383838; font-size: 8pt; font-style: italic; font-weight: bold;display:none;}
__td.SideBarContainer { background-color: #f1f1f1; vertical-align: top; width: 225px; color: #383838; font-size: 8pt; font-style: italic; font-weight: bold; border-left:solid silver 1pt;border-right:solid silver 1pt;  }
td.HeaderLabel { color: #585858; font-family: tahoma, arial; font-size: 18pt; font-variant: small-caps; }
td.HeaderSubLabel { color: #585858; font-family: tahoma, arial; font-size: 12pt; font-variant: small-caps; }
td.HeaderInfoLabel { color: #585858; font-family: tahoma, arial; font-size: 9pt; font-variant: small-caps; }
.Percentage { border: solid 1pt silver; background-color: #ffffff; text-align: right; font-family: tahoma, arial; font-size: 8pt; width: 100px; height: 17px; padding-right: 2px; padding-left: 2px; }
.LongText { border: solid 1pt silver; background-color: #ffffff; text-align: Left; font-family: tahoma, arial; font-size: 8pt;width: 175px; padding:2px; }
.VeryLongText { border: solid 1pt silver; background-color: #ffffff; text-align: Left; font-family: tahoma, arial; font-size: 8pt;width: 350px; padding:2px; }
.FakeReadonlyInput{border:solid 1pt silver;background-color:#f1f1f1;height:17px;line-height:17px;padding:0 3px;overflow:hidden;}
.ShortText { border: solid 1pt silver; background-color: #ffffff; text-align: Left; font-family: tahoma, arial; font-size: 8pt; height: 17px; width: 100px; padding-right: 2px; padding-left: 2px; }
.LongNumber { border: solid 1pt silver; background-color: #ffffff; text-align: right; font-family: tahoma, arial; font-size: 8pt; height: 17px; width: 100px; padding-right: 2px; padding-left: 2px; }
.ShortNumber { border: solid 1pt silver; background-color: #ffffff; text-align: right; font-family: tahoma, arial; font-size: 8pt; height: 17px; width: 50px; padding-right: 2px; padding-left: 2px; }
.BaseDate { border: solid 1pt silver; background-color: #ffffff; text-align: right; font-family: tahoma, arial; font-size: 8pt; height: 17px; width: 75px; padding-right: 2px; padding-left: 2px; }
.BaseTime { border: solid 1pt silver; background-color: #ffffff; text-align: right; font-family: tahoma, arial; font-size: 8pt; height: 17px; width: 75px; padding-right: 2px; padding-left: 2px; }
select.BaseSelect { font-family: tahoma, arial; font-size: 8pt; width: 110px; border: solid 1pt silver; }
select.BaseSelect.w200 { width: 200px; }
select.YesNoSelect { font-family: tahoma, arial; font-size: 8pt; width: 75px; border: solid 1pt silver; }

textarea.BaseComment { min-width: 700px !important; max-width: 920px !important; max-height: 400px !important; height: 50px; font-size: 8pt; font-family: tahoma; border: solid 1pt silver; padding-right: 4px; padding-left: 4px; padding-top: 2px; }

textarea.BaseComment.w300 {min-width: 300px !important;}
textarea.BaseComment.w400 {min-width: 400px !important;}
textarea.BaseComment.w460 {min-width: 460px !important;}
textarea.BaseComment.w500 {min-width: 500px !important;}
textarea.BaseComment.w540 {min-width: 540px !important;}
textarea.BaseComment.w600 {min-width: 600px !important;}
textarea.BaseComment.w640 {min-width: 640px !important;}
textarea.BaseComment.w680 {min-width: 680px !important;}
textarea.BaseComment.w760 {min-width: 760px !important;}
textarea.BaseComment.w780 {min-width: 780px !important;}
textarea.BaseComment.w800 {min-width: 800px !important;}
textarea.BaseComment.w880 {min-width: 880px !important;}
textarea.BaseComment.w900 {min-width: 900px !important;}
textarea.BaseComment.w920 {min-width: 920px !important;}
textarea.ResizeHorz { resize:horizontal; }
textarea.ResizeVert { resize:vertical; }
textarea.ResizeNo { resize:none; }


textarea.ShortComment,textarea.Comment540 { min-width: 540px !important; height: 50px; font-size: 8pt; font-family: tahoma; border: solid 1pt silver; padding-right: 4px; padding-left: 4px; padding-top: 2px; }
td.BodyContainer { vertical-align: top;min-height:600px;border:none}
table.BasicTable {  width: 97%; height: 100px; font-size: 8pt; text-align:left;}
table.DataShortTable { padding: 0; width:100%;text-align:left;margin-left:auto;margin-right:auto;background:#ffffff;}

textarea.Comment {height: 50px; font-size: 8pt; font-family: tahoma; border: solid 1pt silver; padding:2px 4px 0px 2px;}
textarea.Comment.w300 {min-width: 300px !important;}
textarea.Comment.w400 {min-width: 400px !important;}
textarea.Comment.w460 {min-width: 460px !important;}
textarea.Comment.w500 {min-width: 500px !important;}
textarea.Comment.w540 {min-width: 540px !important;}
textarea.Comment.w600 {min-width: 600px !important;}
textarea.Comment.w640 {min-width: 640px !important;}
textarea.Comment.w680 {min-width: 680px !important;}
textarea.Comment.w760 {min-width: 760px !important;}
textarea.Comment.w780 {min-width: 780px !important;}
textarea.Comment.w800 {min-width: 800px !important;}
textarea.Comment.w880 {min-width: 880px !important;}
textarea.Comment.w900 {min-width: 900px !important;}
textarea.Comment.w920 {min-width: 920px !important;}

table.DataTable, div.div_DataTable {font-size: 8pt; width:960px; text-align:left;margin-left:auto;margin-right:auto;box-sizing:border-box;background-color:#FFFFFF;}
table.DataTable.w300 {width:300px !important;}
table.DataTable.w400 {width:400px !important;}
table.DataTable.w460 {width:460px !important;}
table.DataTable.w500 {width:500px !important;}
table.DataTable.w480 {width:480px !important;}
table.DataTable.w490 {width:490px !important;}
table.DataTable.w600 {width:600px !important;}
table.DataTable.w680 {width:680px !important;}
table.DataTable.w700 {width:700px !important;}
table.DataTable.w720 {width:720px !important;}
table.DataTable.w800 {width:800px !important;}
table.DataTable.w880 {width:880px !important;}
table.DataTable.w900 {width:900px !important;}
table.DataTable.w910 {width:910px !important;}
table.DataTable.w920 {width:920px !important;}
table.DataTable.w940 {width:940px !important;}
table.DataTable.w960 {width:960px !important;}

table.DataTable.Wrapper {width:100%;width:960px;background:#ffffff;border:1px solid #d4d4d4; border-bottom:1px solid #d4d4d4;overflow:hidden;}
table.DataTable.Content {width:100%;width:920px;max-width:920px;border:none;margin:20px auto;padding:1px;box-sizing:border-box;overflow:auto;}

.NoMargins {margin:0 !important;}

.BgOn {
  background:#fff;
}

.Border {border: 1px solid silver !important;background:#fff;}

.BorderOn {
  border:1px solid #ccc;
}

.BorderOff {
  border:1px solid transparent;
}


.h10{height:10px}
.h20{height:20px}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h60{height:60px}
.h70{height:70px}
.h80{height:80px}
.h90{height:90px}
.h100{height:100px}

.w920 {width:920px;}
.UiContent {background:#fff;}

.ChartHeader, tr.ChartHeader td { padding-left: 2pt; font-family: tahoma, arial; font-size: 8pt;font-weight: bold; color: #585858; border-bottom: solid 1px silver;}
.ChartFooter, tr.ChartFooter td { font-family: tahoma, arial; font-size: 8pt; font-weight: bold; color: #415441; padding: 4px 0 0 0; border-top: solid 1px silver; }
.TableHeader { padding-left: 2pt; font-family: tahoma, arial; font-size: 8pt; background-color: #ddd; font-weight: bold; color: #415441; border-bottom: inset 2pt silver; }
tr.TableHeader td { padding-left: 2pt; border-bottom: inset #F6FCFA 2pt; }


body.popup table.DataTable {
  width:640px;
}


/*Added by SH on 7/13/11 - Start*/
  .custom_button { color: Maroon !important; font-family: arial !important; cursor: pointer; display: inline; padding: 0 3px 0 3px !important; font-weight: normal !important; font-size: 7.9pt !important; white-space: nowrap !important;text-transform:lowercase; }
  .custom_button:visited { color: Maroon !important;}
  .custom_button.white:not(.disabled) { color:white !important;}
button.custom_button { background-color: transparent; border: none; } /* CLOS-5064; Blair Connolly; 3/2/2016 */
  div.div_DataTable { border-bottom: 1px solid silver; vertical-align: top;  margin: 20px 0 20px 0; }
  div.div_Header { width: 100%; position: relative; background: #6C757A url(../styles/images/box_header.png) 50% 50% repeat-x; vertical-align: middle; border: 0; font-size: 9pt; padding: 3px 0 0 0; font-weight: bold; height: 20px; white-space: nowrap; color: #fafaf0; border-top: solid 1pt silver; }
  div.div_HeaderOption { float:left; padding: 0 5px 0 5px; margin-right: 15px; text-align: center; }
  div.div_HeaderWaitImg { float:left; padding: 0 3px 0 3px; margin: 0; position: absolute; right: 0; }
  div.div_TabPage { width: 100%; padding: 5px 5px 15px 5px; }

.custom_button.dotdotdot {
  position: relative;
}
.custom_button.dotdotdot span:before {
  content: "...";
  display: inline-block;
  position: relative;
  top: -2px;
}
/*Finish (7/13/11)*/

/*Added by vnv on 7/19/12 - Start*/
  .custom_header_button {color:White; font-weight:bold; cursor:pointer;}
/*Added by vnv on 7/19/12 - End*/

.slideContainer {
position:absolute;
width:375px;
height:20px;
top:75px;
left:-380px;
  z-index:1000000;
  background-color:black;
}

.slideClick{	
  float:right;
  height:85px;
  width:37px;
  /*background:#be7133;*/
  z-index:999999;
  cursor:pointer;
}
#slideInfoClick{
  position:absolute;
top:110px;
  left:-10px;
  background-image:url(../images/icons/info_tab.png);
}
#slideTagsClick{
  position:absolute;
top:175px;
  left:-10px;
  background-image:url(../images/icons/tags_tab.png);
}
#slideListClick{
  position:absolute;
top:240px;
  left:-10px;
  background-image:url(../images/icons/list_tab.png);
}
#slideSummaryClick{
  position:absolute;
top:305px;
  left:-10px;
  background-image:url(../images/icons/summary_tab.png);
}

.slideContent {
background:#AAA;
width: 368px;/*this must change respective to width in slideClick and left in slideOut*/
height: 1000px;
padding: 5px 0 0 10px;
  float:left;
color: #EFEFEF;
font-family: 'Trebuchet MS', sans-serif;
text-align: center;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}
.clearfix-block:before {
	display: block !important;
}

div.Spacer {
min-height: 10px;
}


.ChartHeader2 { font-family: tahoma, arial; font-size: 8pt; font-style: italic; background-color: #ececec; font-weight: bold; color: #585858; padding-top: 3pt; height: 12pt; }
td.ChartHeaderNoLine { font-size: 9pt; color: #e3e3e3; font-weight: bold; /*background-color:#575C5C;*/ font-family: tahoma, arial; }
__td.HeaderFiller { background-color: #f1f1f1;  font-size: 9pt; color: #333; vertical-align: middle; height: 20px; width: 1400px; overflow: hidden; padding-right: 2pt;border-bottom:1px solid #d4d4d4;  }
__td.Header { background-color: #f1f1f1; border: none; font-size: 9pt; padding-left: 3pt; padding-right: 3pt; font-weight: bold; line-height: 30px; white-space: nowrap; color: #333;border-bottom:1px solid #d4d4d4; }

td.HeaderFiller { background-color: #0d5c91;  font-size: 9pt; color: #ccc; vertical-align: middle; height: 20px; width: 1400px; overflow: hidden; padding-right: 2pt; }
td.Header { background-color: #0d5c91 !important; border: none; font-size: 9pt; padding-left: 3pt; padding-right: 3pt; font-weight: bold; height: 20px; white-space: nowrap; color: #fafaf0; }


td.Spacer { width: 10px; }
td.ButtonSpacer { width: 10px; }
td.SpacerRow { height: 15px; }
td.SpacerRowBG { background-color: White; width: 25px; height: 15px; }
td.InputTableTD { background-color: Transparent; vertical-align: top; padding: 0 0 0 0; text-align:left; max-width: 700px; background-color: #ffffff; color: #001208;margin-left:auto;margin-right:auto;}
__td.InputTableTD { background-color: Transparent; vertical-align: top; padding: 0 0 0 0; text-align:left; max-width: 700px; background-color: #ffffff; color: #001208; border: solid 1pt silver; margin-left:auto;margin-right:auto;}
table.InputTable { padding:10px;box-sizing:border-box;width:100%; vertical-align: top; font-size: 8pt; text-align:left; font-size: 8pt;border:0px solid #9a9a9a;}
table.InsetTable { vertical-align: top; font-size: 8pt; background-color: #ffffff; color: #001208; text-align:left; font-size: 8pt; }
tr.Label td { padding-left: 2pt; font-family: arial; font-size: 7.9pt; color: #585858; }
.Label { padding-left: 2pt; font-family: arial; font-size: 7.9pt; color: #585858; white-space:nowrap;}
.LabelReq { padding-left: 2pt; font-family: arial; font-size: 7.9pt; font-weight: bold; color: #7F0000; }
table.MultiTable { position: absolute; left: 0; top: 0; background-color: #dfdfdf; width: 550px; height: 95px; font-family: tahoma, arial; }
table.MainTable { border: solid 1pt gray; width: 550px; background-color: #dfdfdf; }

tr.MainHeaderRow { background-color: #6C757A; color: White; text-align: center; font-size: 18pt; font-family: tahoma, arial; border-bottom: solid 1pt gray; }
tr.HeaderRow { background-color: #6C757A; color: White; font-family: tahoma, arial; }

.disabled:not(.btn), .disabled:visited:not(.btn) { color:lightgray !important; pointer-events:none; cursor:default !important; }
.incomplete { background-color: #ffe0e0 !important;}
.bootstrap-ready .incomplete, .bootstrap-ready.incomplete {
	background-color: lavenderblush;
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
table.stripeMe 
      {
          width: 100%;
          vertical-align: top; 
          font-size: 8pt;
          font-family: Tahoma, Arial;
          font-size: 8pt;
      }

      .selectedstripeMe {font-style:italic; color:Maroon; }
      
      table.stripeMe tr td 
      {
          height:15px;
          padding-left:5px;	        
      }
      
      table.stripeMe tr.alt td {
        background: #f2f2f7;
        height:15px;
        padding-left:5px;	
      }

      table.stripeMe tr:nth-child(even) td {
        background: #f2f2f7;
      }

      table.stripeMe tr:nth-child(odd) td {
        background: #fafafa;
      }

     table.stripeMe tr.over td, tr.over td { background: #c0c0c0 !important; cursor:pointer; }    
     table.stripeMe td.over { background: #c0c0c0 !important; cursor:pointer; }

tr.HelpRow { font-size: 9pt; color: #006400; font-family: tahoma, arial; }
td.DataCell { border-bottom: solid 1pt black; border-right: solid 1pt black; font-family: tahoma, arial; font-size: 11pt; }
td.ErrCell { font-size: 9pt; font-style: italic; font-family: tahoma, arial; color: Red; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
* { padding: 0; margin: 0; }

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; z-index:110000000 !important;display:none;top:-2000px;opacity:1; box-sizing: content-box; }
#TB_window > iframe {position:relative !important;}

#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color: #666666; }

#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }
.TbCaption {display:block;padding:0 5px;line-height:25px; margin: 0 0 5px 0;}
/*.TbCaption {display:block;padding:0 5px;line-height:25px; background:#0D5C91;margin: 0 0 5px 0;color:#fff;}*/
/*.TbCaption a {color:#fff;}*/


/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay { position: fixed; z-index: 100000010; top: 0px; left: 0px; height: 100%; width: 101%; }

.TB_overlayMacFFBGHack { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); }
.TB_overlayBG { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30; filter: Alpha(Opacity=30); }

* html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

#TB_window { position: fixed !important; background: #ffffff; z-index: 102; color: #000000; display: none; border: 3px solid #aaa; text-align: left; top: 50%; left: 50%; }

* html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#TB_window img#TB_Image { display: block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; }

#TB_caption { height: 25px; padding: 7px 30px 10px 25px; float: left; }

#TB_closeWindow { height: 25px; padding: 11px 25px 10px 0; float: right; }

#TB_closeAjaxWindow { padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right; }

#TB_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }

#TB_title { background-color: #e8e8e8; height: 27px; }

#TB_ajaxContent { clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }

#TB_ajaxContent.TB_modal { padding: 15px; }

#TB_ajaxContent p { padding: 5px 0px 5px 0px; }

#TB_load { position: fixed; display: none; height:20px; width: 208px; z-index:13000000; top: 50%; left: 50%; margin: -6px 0 0 -104px;padding:10px;background-position:center center;/* -height/2 0 0 -width/2 */ }

* html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }

#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }

* html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

#TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }

.dropdown-thickbox-with-span > a { padding: 0 !important; }
.dropdown-thickbox-with-span > a > span { padding: 3px 20px; display: inline-block; width: 100%; }
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> spell as you type settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

.SpellAsYouTypeContextMenu { font-family: Tahoma; font-size: 11px; word-wrap: break-word; border: 1px solid #666666; padding: 1px; width: 140px; background-color: #F9F8F7; filter: progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA,direction=135,strength=3); }
.SpellAsYouTypeContextMenuItem { border: 1px solid #F9F8F7; background-color: #F9F8F7; color: #000000; padding-left: 5px; padding-top: 2px; height: 20px; overflow: hidden; cursor: default; }
.SpellAsYouTypeContextMenuItemOver { border: 1px solid #0A246A; background-color: #B6BDD2; color: #000000; padding-left: 5px; padding-top: 2px; height: 20px; overflow: hidden; cursor: default; }
.SpellAsYouTypeContextMenuSuggestItem { border: 1px solid #F9F8F7; background-color: #F9F8F7; color: #000000; padding-left: 5px; padding-top: 2px; height: 20px; overflow: hidden; cursor: default; font-weight: bold; }
.SpellAsYouTypeContextMenuSuggestItemOver { border: 1px solid #0A246A; background-color: #B6BDD2; color: #000000; padding-left: 5px; padding-top: 2px; height: 20px; overflow: hidden; cursor: default; font-weight: bold; }
.SpellAsYouTypeContextMenuDisabledItem { border: 1px solid #F9F8F7; background-color: #F9F8F7; color: #A6A6A6; padding-left: 5px; padding-top: 2px; height: 20px; overflow: hidden; cursor: default; }
.SpellAsYouTypeContextMenuSeparator { background-color: #A6A6A6; margin: 1px; height: 1px; overflow: hidden; cursor: default; }
.Caption { font-family: Tahoma; font-size: 11px; margin-bottom: 5px; }
.Loading { color: #FF0000; font-weight: bold; }
.SpellErrorText { font-family: Tahoma; font-size: 11px; width: 330px; height: 86px; overflow: auto; background-color: #FFFFFF; border: 1px solid #7F9DB9; padding: 3px; margin-bottom: 5px; }
.ChangeTo { font-family: Tahoma; font-size: 11px; width: 330px; }
.LookUpMeaning { color: #0000FF; text-decoration: underline; cursor: pointer; }
.Suggestions { font-family: Tahoma; font-size: 11px; width: 330px; margin-bottom: 10px; }
.Button { font-family: Tahoma; font-size: 11px; width: 100px; }
.Options { font-family: Tahoma; font-size: 11px; margin-top: 5px; }


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none !important; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-helper-center { text-align: center; }
.ui-helper-right { text-align: right!important; }
.ui-helper-top { vertical-align: top; }
.ui-helper-no-overflow-x { overflow-x: hidden; }
.ui-helper-clickable { cursor: pointer; }
.ui-helper-no-margin-bottom { margin-bottom: 0 !important; }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; }
/*Added for jquery 1.12.1 */
.ui-front {
    z-index: 1002;
}

#closer-overlay-confirm .closer-confirm .closer-confirm-icon {
   padding-right: 0.5em;
}

#closer-overlay, #closer-overlay-confirm {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: linear-gradient(to top, rgba(142, 142, 142, 0.75), rgba(250, 250, 250, 0.75));
z-index: 1000;
}
#closer-overlay.light,#closer-overlay-confirm.light {
  background: linear-gradient(rgba(238, 238, 238, 0.75), rgba(250, 250, 250, 0.75));
}
#closer-overlay.dark,#closer-overlay-confirm.dark, .ui-widget-overlay {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.95), rgba(19, 19, 19, 0.75));
  backdrop-filter: blur(2px);
}
#closer-overlay.fog,#closer-overlay-confirm.fog {
  background: linear-gradient(to top, rgba(107, 107, 107, 0.95), rgba(163, 163, 163, 0.75));
  backdrop-filter: blur(2px);
}
#closer-overlay.entire-screen, #closer-overlay-confirm.entire-screen {
  z-index: 100000001;
  }
  #closer-overlay.content-only,#closer-overlay-confirm.content-only {
      z-index: 999;
  }
  #closer-overlay.backdrop,#closer-overlay-confirm.backdrop {
    z-index: 0;
}
	#closer-overlay.entire-screen.on-top,
	#closer-overlay-confirm.entire-screen.on-top {
		z-index: 100000003;
	}
#closer-overlay > .center-container > .center > .text {
	margin-bottom: 0.25em;
}

#closer-backdrop {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: -100;
	background: linear-gradient(rgba(238, 238, 238, 0.75), rgba(250, 250, 250, 0.75));
}

.center-container {
height: 100%;
position: relative;
}

.center-container .center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}


/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=0px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=efefef&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=000000&iconColorContent=222222&bgColorDefault=d4d7d9&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=75&borderColorDefault=e3dede&fcDefault=415476&iconColorDefault=415476&bgColorHover=b1babe&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=75&borderColorHover=acb3b9&fcHover=415476&iconColorHover=415476&bgColorActive=637e9c&bgTextureActive=03_highlight_soft.png&bgImgOpacityActive=35&borderColorActive=aaaaaa&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/


/* Component containers
----------------------------------*/
.ui-widget:not(.bootstrap-ready) { font-family: Tahoma, Verdana,Arial,sans-serif; font-size: 8pt;box-sizing:initial;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Tahoma, Verdana,Arial,sans-serif; font-size: 8pt; }
.ui-widget-content { color: #000000; background:#ffffff; }
/*.ui-widget-content a { color: #000000; }*/ 
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
/*.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #e3dede; background: #d4d7d9 url(images/header_inactive.png) 50% 50% repeat-x; font-weight: normal; color: #415476; outline: none; }*/
.ui-state-default, .ui-widget-content .ui-state-default { border-bottom: 1px solid silver;  font-weight: normal; outline: none; text-align:left;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #ffffff; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #acb3b9; border-collapse:collapse;  font-weight: normal; color: #415476; outline: none; }
/*.ui-state-hover a, .ui-state-hover a:hover { color: #415476; text-decoration: none; outline: none; }*/
.ui-state-hover a, .ui-state-hover a:hover {text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active {  background: #0c5c91 !important; font-weight: normal; color: #ffffff; outline: none; text-align:left;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
//DSW -.ui-icon { width: 16px; height: 16px; }
.ui-icon { width: 16px; height: 16px;background-image: url(images/ui-icons_000000_256x240.png);   }

.ui-widget-content .ui-icon {background-image: url(images/ui-icons_000000_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_000000_256x240.png); }
/*.ui-state-default .ui-icon { background-image: url(images/ui-icons_415476_256x240.png); }*/
/*.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_415476_256x240.png); }*/
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_000000_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; }
.ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; }
.ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; }
.ui-corner-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; }
.ui-corner-right {  -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; }
.ui-corner-left { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; }
.ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; }

/* Overlays */
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion
----------------------------------*/
.singleListItem {white-space:nowrap;color:#383838;margin-left:16;cursor:pointer;overflow:hidden;font-size:9pt;font-weight:normal;margin-left:7px;}
.groupListItem {font-weight: normal;cursor:pointer; margin-left:2; color: #043253; font-size:10pt;font-style:normal;}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin-top: 2px;
padding: 0px 0px 4px 5px;
min-height: 0; /* support: IE7 */
  height:28px;
  z-index: 999998;
  font-weight:normal;
  background-color:#727679;

}
/*.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1;  height:35px; }*/
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { background-color:#0c5c91 !important;padding-left:15px;  width:175px;}
.ui-accordion .ui-accordion-header a { display: block; font-size: 11pt; padding-left:15px;  width:175px;}
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: 0; top: 50%;  }
.ui-accordion .ui-accordion-content { padding: 0px 0px 4px 5px; text-align:left; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none;background-color:#f1f1f1; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
----------------------------------*/
.ui-datepicker {border:1px solid gray !important; width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a {border:1px solid lightgray; color:#647ca0 !important; display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display/**/: block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 200px; /*must have*/
  height: 200px; /*must have*/
}/* Dialog
----------------------------------*/
.ui-dialog {
	position: fixed !important;
	max-height: 75% !important;
	padding: .2em;
	width: 300px;
	border:2px solid #cccccc;
	border:2px solid rgba(0,0,0,0.3);
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%);
}
.ui-dialog:focus { outline: none; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

.cjc-ui-button,
.ui-button {
  border:none;
  background:transparent;
  color:maroon;
  cursor:pointer;
}

.cjc-ui-login-button {
background:#ccc;
padding:3px 5px;
background:#f8f8f8;
border:none;
font-size:7.9pt;
text-transform: uppercase;
margin:0 3px 0 0;
cursor:pointer;
}

.cjc-ui-button.white,
.ui-button.white {
color:white;
}

.cjc-ui-button.grey,
.ui-button.grey {
color:grey;
}
.cjc-ui-button:before,
.ui-button:not(.ui-dialog-titlebar-close):before {
  content:"[ ";
}

.cjc-ui-button:after,
.ui-button:not(.ui-dialog-titlebar-close):after {
    content: " ]";
}


/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0;border-bottom:1px solid #ccc !important; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Sidebar */
h3 { font-size:8pt; height:12pt;  vertical-align:middle}
#trans-hier h3 { width: 16px; height: 16px; background-image: url(images/ui-icons_415476_256x240.png); background-position: -64px -0px; cursor:pointer; display:inline;}
#trans-hier h3.closed { width: 16px; height: 16px; background-image: url(images/ui-icons_415476_256x240.png); background-position: -32px -0px; cursor:pointer; display:inline; font-style:normal;}
.SideBarHeader { width: 16px; background-image: url(images/ui-icons_415476_256x240.png); height: 16px;  cursor:pointer; display:inline;font-style:normal;}
.SideBarHeaderClosed { width: 16px; height: 16px; background-image: url(images/ui-icons_415476_256x240.png); background-position: -32px -0px;  cursor:pointer; display:inline; }
.ui-autocomplete { position: absolute; cursor: default; border: 1px solid #AAA !important; }	
.ui-combobox {background-image: url(/styles/images/autocomplete.png);background-repeat: no-repeat;background-position: right center;background-attachment: scroll; }
body:not(.angular-modal) .SidebarWidgetTray { left: -200px; } /* Makes the sidebar start closed */

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-menu {list-style:none;padding: 2px;margin: 0;display:block;float: left;}
.ui-menu .ui-menu {margin-top: -3px;}
.ui-menu .ui-menu-item {margin:0;padding: 0;zoom: 1;float: left;clear: left;width: 100%;}
.ui-menu .ui-menu-item a {text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;}
.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active {font-weight: normal;margin: -1px;}

/* CJC custom autocomplete box (cjc_autocomplete) JQuery widget found in includes/autocomplete.js */
div span.cjc_auto_menu_item { height: 15px; font: black; font-size: 8pt; width: 100%; padding: 0 1px 0 1px; white-space: nowrap; border: 1px dotted White; }
div.cjc_auto_menu { position: absolute; width: 200px; padding: 2px 0px 0px 0px; height: 107px; border: 1px solid #CCC; border-top: 0px; background-color: White; display: none; z-index: 10000; }
div span.cjc_auto_menu_item_hover { background-color: #3399FF; color: White; border: 1px dotted #CCC; }

div.contentWrapper {border:1px solid #9a9a9a;margin-top:20px;background:#fff;}
div.contentTitle {background:#0d5c91;color:#fff;font-weight:bold;font-size:12px;padding:0 10px;line-height:22px;}

i.empty { color: #8d8d8d; }

/* ui-automcomplete styles for use on bootstrap pages*/
.ui-autocomplete.ui-bootstrap {
	position: absolute;
	z-index: 1000;
	cursor: default;
	padding: 0;
	margin-top: 2px;
	list-style: none;
	background-color: #ffffff;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

	.ui-autocomplete.ui-bootstrap > li.ui-menu-item > div {
		padding: 6px 12px;
		line-height: 1.42857143;
	}

		.ui-autocomplete.ui-bootstrap > li.ui-menu-item > div.ui-state-active {
			background-color: #1e90ff !important;
		}

.ui-widget-content.ui-bootstrap {
	color: default;
	font-size: 14px;
}

/* cjc-ui*/

   * {
   }

  .w10p {width:10%;}
  .w20p {width:20%;}
  .w30p {width:30%;}
  .w40p {width:40%;}
  .w50p {width:50%;}
  .w60p {width:60%;}
  .w70p {width:70%;}
  .w80p {width:80%;}
  .w90p {width:90%;}
  .w100p {width:100%;}

  .cjc-ui-page-wrapper {
      width:960px;
      margin:20px auto;
      border:1px solid #ccc;
      min-height:600px;
      background:#fff;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
  }

  .cjc-ui-page-caption {
      display:block;
      background:#0d5c91;
      height:25px;
      line-height:25px;
      padding: 0 0 0 10px;
      font-family:Arial,Helvetica,sans-serif;
      font-weight:bold;
      font-size:12px;
      text-align:left;
      color:#fff;
      font-weight:bold;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
  }

  .cjc-ui-box-caption {
      display:block;
      background:#fff;
      height:25px;
      line-height:25px;
      padding: 0 5px;
      font-family:Arial,Helvetica,sans-serif;
      font-weight:bold;
      font-size:12px;
      text-align:left;
      color:#415476;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
      border-bottom:1px solid #ccc;
  }

   a.cjc-ui-box-caption { 
      font-weight:normal;
      color:maroon;
      font-size: 7.9pt !important;
      cursor:pointer;
  }

  a.cjc-ui-box-caption:before {
      content :"[";
  } 
  a.cjc-ui-box-caption:after {
      content :"]";
  } 

   a.cjc-ui-button { 
      font-weight:normal;
      color:maroon;
      font-size: 7.9pt !important;
      font-style:normal;
      cursor:pointer;
      text-transform:lowercase;

  }

  a.cjc-ui-button:before {
      content :"[";
  } 
  a.cjc-ui-button:after {
      content :"]";
  } 




  .cjc-ui-column {
      display:inline-block;
      text-align: left;
      float:left;
      min-height:400px;
      padding:0px;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
  }

  .cjc-ui-box {
      display:block;
      border:1px solid #ccc;
      margin-bottom:10px;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
  }

  .cjc-ui-list-container {
       overflow:auto;
       overflow-x:hidden;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
  }

  .cjc-ui-table-list {
      font-size:11px;
      width:100%;
      box-sizing:border-box;
      -moz-box-sizing:border-box;
      -webkit-box-sizing:border-box;
  }

  .cjc-ui-table-list tbody tr td {
      padding:3px;
  }

  .cjc-ui-table-list tbody th {
      font-size:11px !important;
      font-weight:bold;
      padding:3px;
      color:#000;
  }

  .cjc-ui-table-list tbody tr {
      height:15px;
  }

  .cjc-ui-table-list tbody zktr:nth-child(odd) {
      background:#fff;
  }

  .cjc-ui-table-list tbody tr:nth-child(even) {
      background:#f1f1f1;
  }

  .cjc-ui-pointer {
      cursor:pointer;
  }
  .cjc-ui-hover:hover { background-color: rgba(149,173,84,.75); }
  #mce_fullscreen_container {
      z-index:99999911 !important;
  }
  .ephox-salmon-upload-image-container img
  {
    opacity: 0.5
  }



#cjc-tooltip {
    position: absolute;
    margin-right: 5px;
    max-width: 300px;
    border: solid 1px gray;
    font-size: 12px;
    font-family: 'Trebuchet MS', arial;
    background-color: white;
    padding: 4px;
    box-shadow: 2px 2px 3px #555;
    z-index: 100000009;
}
.info-i:after {
color: #fff;
width: 16px;
height: 16px;
font-size: 15px;
line-height: 15px;
border-radius: 50%;
text-align: center;
background-color: #b9b9b9;
font-family: Georgia, serif;
font-weight: normal;
display: inline-block;
margin: 3px 5px 0 0;
content: 'i';
}

.text-overflow-dynamic-container {
  position: relative;
  width: 100%;
  padding: 0 !important;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  vertical-align: text-bottom !important;
}
.text-overflow-dynamic-ellipsis {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  width: 100%;
  min-width: 0;
  padding: 0 0 5px 0 !important
  /*bottom padding is to prevent cut off letters like g*/
;
  top: 0;
  left: 0;
}
.text-overflow-dynamic-container:after,
.text-overflow-dynamic-ellipsis:after {
  content: '-';
  display: inline-block;
  visibility: hidden;
}

/* New header & dropdowns */
#main_closer_logo {
border-style: none;
float: left;
height: 45px;
padding-left: 20px;
}

@media screen and (min-width: 640px) {
#main_closer_logo {
  padding-left: 50px;
}
}


.flex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
}
  .flex-container.flex-justify-center { justify-content: center; }
  .flex-container.flex-justify-end { justify-content: flex-end; }
  .flex-container.flex-justify-evenly { justify-content: space-evenly; }
  .flex-container.flex-align-items-center { align-items: center; }
  .flex-container.flex-align-items-stretch { align-items: stretch; }
  .flex-container.flex-align-items-end { align-items: flex-end; }
  .flex-container.flex-align-content-start { align-content: flex-start; }
  .flex-container.flex-align-content-end { align-content: flex-end; }
  .flex-container.flex-row-reverse { flex-direction: row-reverse; }
  .flex-container.flex-column { flex-direction: column; }
  .flex-container.flex-column-reverse { flex-direction: column-reverse; }
  .flex-container.flex-space-between { justify-content: space-between; }
  .flex-container.flex-space-around { justify-content: space-around; }
  .flex-container.flex-wrap { flex-wrap: wrap; }

  .flex-container:not(.flex-column).flex-margin-around { padding-left: 0.5em; padding-right: 0.5em; }
  .flex-container:not(.flex-column).flex-margin-around.flex-wrap > .flex-item { margin-bottom: 1em; }
  .flex-container:not(.flex-column).flex-small-margin-around { padding-left: 0.25em; padding-right: 0.25em; }
  .flex-container:not(.flex-column).flex-small-margin-around.flex-wrap > .flex-item { margin-bottom: 0.5em; }
  .flex-container:not(.flex-column).flex-margin-between > .flex-item:not(:last-child) { margin-right: 1em; }
  .flex-container:not(.flex-column).flex-small-margin-between > .flex-item:not(:last-child) { margin-right: 0.5em; }
  .flex-container.flex-column.flex-margin-around { padding-top: 0.5em; padding-bottom: 0.5em; }
  .flex-container.flex-column.flex-margin-around.flex-wrap > .flex-item { margin-right: 1em; }
  .flex-container.flex-column.flex-small-margin-around { padding-top: 0.25em; padding-bottom: 0.25em; }
  .flex-container.flex-column.flex-small-margin-around.flex-wrap > .flex-item { margin-right: 0.5em; }
  .flex-container.flex-column.flex-margin-between > .flex-item:not(:last-child) { margin-bottom: 1em; }
  .flex-container.flex-column.flex-small-margin-between > .flex-item:not(:last-child) { margin-bottom: 0.5em; }

  .flex-container:not(.flex-column).flex-wrap.flex-margin-around { padding-left: 0.5em; padding-right: 0.5em; }
  .flex-container.flex-column.flex-wrap.flex-margin-around { padding-top: 0.5em; padding-bottom: 0.5em; }
    .flex-container:not(.flex-column).flex-margin-around > .flex-item { margin-left: 0.5em; margin-right: 0.5em }
    .flex-container.flex-column.flex-margin-around > .flex-item { margin-top: 0.5em; margin-bottom: 0.5em }
    .flex-container:not(.flex-column):not(.flex-wrap).flex-margin-around > .flex-item:first-child { margin-left: 1em; }
    .flex-container.flex-column:not(.flex-wrap).flex-margin-around > .flex-item:first-child { margin-top: 1em; }
    .flex-container:not(.flex-column):not(.flex-wrap).flex-margin-around > .flex-item:last-child { margin-right: 1em; }
    .flex-container.flex-column:not(.flex-wrap).flex-margin-around > .flex-item:last-child { margin-bottom: 1em; }
    .flex-container.flex-margin-bottom > .flex-item { margin-bottom: 0.5em; }
    .flex-container:not(.flex-column).flex-small-margin-around > .flex-item { margin-left: 0.25em; margin-right: 0.25em }
    .flex-container.flex-column.flex-small-margin-around > .flex-item { margin-top: 0.25em; margin-bottom: 0.25em }
    .flex-container.flex-margin-between:not(.flex-row-reverse) > .flex-item:not(:last-child) { margin-right: 1em; }
    .flex-container.flex-margin-between.flex-row-reverse > .flex-item:not(:last-child) { margin-left: 1em; }
    .flex-container.flex-small-margin-between:not(.flex-row-reverse) > .flex-item:not(:last-child) { margin-right: 0.5em; }
    .flex-container.flex-small-margin-between.flex-row-reverse > .flex-item:not(:last-child) { margin-left: 0.5em; }

  .flex-container.flex-wrap.flex-margin-around { padding-left: 0.5em; padding-right: 0.5em; }
    .flex-container.flex-margin-around .flex-item { margin-left: 0.5em; margin-right: 0.5em }
    .flex-container:not(.flex-wrap).flex-margin-around .flex-item:first-child { margin-left: 1em; }
    .flex-container:not(.flex-wrap).flex-margin-around .flex-item:last-child { margin-right: 1em; }
    .flex-container.flex-margin-bottom .flex-item { margin-bottom: 0.5em; }
    .flex-container.flex-margin-around > .flex-item { margin-left: 0.5em; margin-right: 0.5em }

    .flex-container.flex-small-margin-around > .flex-item { margin-left: 0.25em; margin-right: 0.25em }


    .flex-container > .flex-item {
      order: 0;
      flex: 0 0 auto;
      align-self: auto;
    }
    .flex-container > .flex-item.flex-grow-1 { flex-grow: 1; }
    .flex-container > .flex-item.flex-grow-2 { flex-grow: 2; }
    .flex-container > .flex-item.flex-grow-3 { flex-grow: 3; }
    .flex-container > .flex-item.flex-grow-4 { flex-grow: 4; }
    .flex-container > .flex-item.flex-grow-5 { flex-grow: 5; }
    .flex-container > .flex-item.flex-grow-6 { flex-grow: 6; }
    .flex-container > .flex-item.flex-grow-7 { flex-grow: 7; }
    .flex-container > .flex-item.flex-grow-8 { flex-grow: 8; }
    .flex-container > .flex-item.flex-grow-9 { flex-grow: 9; }
    .flex-container > .flex-item.flex-grow-10 { flex-grow: 10; }

    .flex-container > .flex-item.flex-shrink-1 { flex-shrink: 1; }
    .flex-container > .flex-item.flex-shrink-2 { flex-shrink: 2; }
    .flex-container > .flex-item.flex-shrink-3 { flex-shrink: 3; }
    .flex-container > .flex-item.flex-shrink-4 { flex-shrink: 4; }
    .flex-container > .flex-item.flex-shrink-5 { flex-shrink: 5; }

    .flex-container > .flex-item.flex-align-start { align-self: flex-start; }
    .flex-container > .flex-item.flex-align-end { align-self: flex-end; }
    .flex-container > .flex-item.flex-align-center { align-self: center; }
    .flex-container > .flex-item.flex-align-baseline { align-self: baseline; }
    .flex-container > .flex-item.flex-align-stretch { align-self: stretch; }

    .flex-container:not(.flex-column) > .flex-item.flex-justify-end { margin-left: auto; }
    .flex-container:not(.flex-column) > .flex-item.flex-justify-start { margin-right: auto; }



#headerBar {
  height: 45px;
  display: block;
}
  #headerBar > .flex-container > .flex-item {
      height: 45px;
  }

  #headerBar #header-left {
      flex-basis: 25%;
      background-color: #999999;
  }
      #headerBar #header-left #header-closer-logo {
          margin-left: 20px;
      }
      @media screen and (min-width: 640px) {
          #headerBar #header-left #header-closer-logo {
              margin-left: 50px;
          }
      }

  #headerBar #header-right {
      flex-basis: 75%;
      background-color: #042b44;
  }
      #headerBar #header-right .flex-container {
          height: 45px;
      }

  #headerBar #header_search_form {
      flex-basis: 300px;
      align-self: center;
  }
  #headerBar .action-button {
      flex-basis: 34px;
      align-self: flex-end;
      margin-bottom: 5px;
      height: 26px;
  }
      #headerBar .action-button > * {
          float: left;
      }

  #headerBar .dropdown-toggle {
      border-left: none;
      cursor: pointer;
  }
  .dropdown-toggle-click {
      cursor: pointer;
  }

  #headerBar .dropdown-toggle-hover .dropdown-menu,
  #headerBar .dropdown-toggle-click .dropdown-menu
  {
      margin-top: 0;
  }
      #headerBar .dropdown-toggle-hover:hover > .dropdown-menu {
          display: block!important;
      }

  /* This should really get worked into the actual bootstrap build */
  #headerBar .dropdown-menu .dropdown-header {
      font-weight: bold;
      font-variant: small-caps;
      color: #0d5c91;
      border-bottom: solid 1px #6c8798;
  }
  /* This should really get worked into the actual bootstrap build */
  #headerBar .dropdown-menu .dropdown-header-with-spacing {
      margin-top: 6px;
  }

#headerBar .dropdown-submenu {
  position: relative;
}

#headerBar .dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
  }

.caret.right {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.caret.left {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.input-group-textonly {
background-color: transparent !important;
}


/* START: style for the .input-group.addon-between */
.input-group.addon-between:focus-within {
   -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
   box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(102 175 233 / 60%);
   border-radius: 3px;
}

.input-group.addon-between:focus-within .form-control, .input-group.addon-between:focus-within .tag-container.fake-form-control {
   box-shadow: none;
   outline: 0 !important;
}

.bootstrap-ready .input-group.addon-between .tag-container.fake-form-control:focus-within {
   box-shadow: none;
}

.input-group.addon-between .input-group-addon {
   border-left: none;
   border-right: none;
   background-color: #fff;
   color: #999;
}
.has-error .input-group.addon-between .input-group-addon,
.input-group.addon-between.has-error .input-group-addon,
.input-group.addon-between .input-group-addon.has-error {
	background-color: lavenderblush;
}

.input-group.addon-between .tag-container.fake-form-control, .input-group.addon-between .form-control {
   text-align: center;
}

.input-group.addon-between > * {
   transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
}

.input-group.addon-between:focus-within > * {
   border-top: solid 1px #66afe9 !important;
   border-bottom: solid 1px #66afe9 !important;
}

.input-group.addon-between:focus-within > *:first-child {
   border-left: solid 1px #66afe9 !important;
}

.input-group.addon-between:focus-within > *:last-child {
   border-right: solid 1px #66afe9 !important;
}

.input-group.addon-between > *:first-child {
	border-right: none;
}
.input-group.addon-between > *:last-child {
	border-left: none;
}
/* END: style for the .input-group.addon-between */


  #headerBar .header-message {
      padding: 0.5em 1em 0 0;
      font-size:18px;
      font-weight: bold;
      color: darkcyan;
      float: left;
  }
  #headerBar .header-message-angry {
      color:red;
  }

  /* fixes some pages that have conflicting styles */
  #headerBar #header_search_form button { height: 30px; }
  #headerBar #header_search_form .input-group { border-spacing: 0; }

#headerBar #header-sendto-dropdown .input-group > .input-group-btn .btn {
  border-left: none;
  border-color: #ccc;
}

#headerBar #header-sendto-dropdown .dropdown-submenu .dropdown-menu {
    overflow-y: auto;
}

body.closer-linked-window #pageguide {
    top: 0;
    bottom: 0;
}
body.closer-linked-window #pageguide > .PageGuideWidgetWrapper,
body.closer-linked-window #pageguide > .PageGuideWidgetWrapper > .PageGuideWidgetBar {
height: 100% !important;
}
.closer-linked-window #closer-page-header { padding-left: 0; }

#target-selector {
    overflow-y: scroll;
    max-height: 40em;
}

.target-frozen-banner {
  background-color: #fcf3cf;
  border-bottom: solid 1px palegoldenrod;
  color: darkgoldenrod;
  text-align: center;
  width: 100%;
  padding: 0.5em;
  line-height: 1em;
  box-sizing: border-box;
}
.target-frozen-banner.target-frozen-banner-island {
  border-top: solid 1px palegoldenrod;
  margin-bottom: 1.25em;
}
.target-frozen-banner.target-frozen-banner-bottom {
  border-bottom: none;
  border-top: solid 1px palegoldenrod;
}
.target-frozen-banner small {
  font-size: 0.6em;
  line-height: 0.6em;
  white-space: initial;
}
.target-frozen-banner small > span {
  display: inline-block;
}

.nothing-here {
  font-style: italic;
  color: silver;
  font-size: 11pt;
  text-align: center;
}
	.nothing-here.promoted {
		font-size: 14pt;
		margin: 1em 0.5em;
		color: #8F8F8F;
	}

@font-face {
font-family: "text-security-disc";
src: url("text-security/text-security-disc.eot");
src: url("text-security/text-security-disc.eot?#iefix")
    format("embedded-opentype"),
  url("text-security/text-security-disc.woff") format("woff"),
  url("text-security/text-security-disc.ttf") format("truetype"),
  url("text-security/text-security-disc.svg#text-security") format("svg");
}
.protected,
.ui-widget input.protected {
  -webkit-text-security: disc !important;
  font-family: "text-security-disc";
  font-size: 8pt;
}
.ui-widget input.protected.form-control {
  font-size: 20px;
}

.Label .important, .icon-i {
    content: '!';
    font-weight: bold;
    color: #c8c8c8;
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    border-radius: 50%;
    text-align: center;
    background-color: #0d5c91;
    font-family: Arial, Helvetica, sans-serif;
    display: inline-block;
    margin: 3px 5px 0 0;
}

.icon-i.danger {
    background-color: #d9534f;
}


.on-hover-container:not(:hover) .on-hover-item { display: none; }
.faded { opacity: 0.75; }




/* Some dropdown help */
/* This should really get worked into the actual bootstrap build */
.bootstrap-ready .dropdown-menu-container { position: relative; }
.bootstrap-ready .dropdown-menu .dropdown-header {
  font-weight: bold;
  font-variant: small-caps;
  color: #0d5c91;
  border-bottom: solid 1px #6c8798;
}
/* This should really get worked into the actual bootstrap build */
.bootstrap-ready .dropdown-menu .dropdown-header-with-spacing {
    margin-top: 6px;
}
.bootstrap-ready .dropdown-menu.dropdown-menu-custom { padding: 0 0.5em; }
.bootstrap-ready .dropdown-toggle-click:not(.btn-group) {
  display: inline-block;
  position: relative;
}

.bootstrap-ready .panel > .tab-content .list-group > .list-group-item {
	border-left: none;
	border-right: none;
}
.bootstrap-ready .panel > .tab-content .list-group > .list-group-item:first-child,
.bootstrap-ready .panel > .tab-content .list-group:not(:last-child) > .list-group-item:last-child {
	border-radius: 0;
}

/* The new modal */
body.closer-modern .ui-dialog-titlebar { display: none !important; }
body.closer-modern .ui-widget-overlay {
	/* bakcground is set up above, along with #closer-overlay */
	z-index: 100000001 !important;
}
@keyframes slideUpFromBottom {
	0% {
		opacity: 0.25;
		transform: translate(-50%, calc(-50% + 1.25em));
	}
	100% {
		opacity: 1;
		transform: translate(-50%, -50%);
	}
}
body.closer-modern .ui-dialog {
	box-shadow: 0px 2px 4px 1px rgba(55, 55, 55, 0.5);
	border: none;
	border-radius: 4px;
	max-height: 95% !important;
	z-index: 100000002 !important;
	animation: 0.35s ease-out 0s 1 slideUpFromBottom;
}
  body.closer-modern .ui-dialog .InputTable { padding: 0; }
  body.closer-modern .ui-dialog .ui-dialog-content { padding: 0; padding-bottom: 1em; }


body.closer-modern
.closer-modal-header {
	height: 1.5em;
	padding: 0.3em 0.5em;
	line-height: 1.5em;
	font-variant: small-caps;
	text-align: left;
	background-color: #ecf1f6;
}
  body.closer-modern
	h3.closer-modal-header,
  body.closer-modern
  h2.closer-modal-header {
		font-size: 21px;
		color: #666;
		overflow: hidden;
  }
  body.closer-modern
  h3.closer-modal-header,
  body.closer-modern
	h3.closer-modal-header {
		font-size: 14px;
		color: #999;
  }
    body.closer-modern
    h2.closer-modal-header small {
		font-size: 65%;
    }
    body.closer-modern
    h2.closer-modal-header form {
		font-variant: normal;
		margin-bottom: 0;
    }
    body.closer-modern
		.closer-modal-header {
			height: auto;
			margin-bottom: 2em;
			font-variant: normal;
    }
    body.closer-modern
		.closer-modal-header h2 {
			color: #666;
			font-size: 16px;
			margin: 3px 0 0 0;
			font-variant: small-caps;
			background-color: transparent;
      padding: 5px;
      text-align: left;
    }
    body.closer-modern
		.closer-modal-header .btn:first-child { 
			border-left: solid 1px silver;
    }
    body.closer-modern
    .closer-modal-content {
		padding: 0 1em;
		max-height: 80vh;
		overflow: auto;
	}
	body.closer-modern
	.closer-modal-footer {
		padding: .3em .5em;
		background-color: #f5f5f5;
		border-top: 1px solid #ddd;
		color: #747474;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
		margin-top: 10px;
		margin-bottom: -10px;
	}


body.closer-modern div.info-header {
	border-bottom: 2px solid #ddd;
	padding-top: 10px;
	margin-bottom: 15px;
}
body.closer-modern .ui-dialog-content > .iframe-container > iframe,
body.closer-modern .ui-dialog-content > iframe {
	width: 100%;
	height: 100%;
	border: none;
}
body.closer-modern .ui-dialog-content > .iframe-container > iframe.no-scroll,
body.closer-modern .ui-dialog-content > iframe.no-scroll,
body.closer-modern .ui-dialog.no-scroll > .ui-dialog-content > .iframe-container > iframe,
body.closer-modern .ui-dialog.no-scroll > .ui-dialog-content > iframe,
body.closer-modern .ui-dialog.no-scroll,
body.closer-modern .ui-dialog.no-scroll > .ui-dialog-content {
    overflow-y: hidden;
}
.no-scroll-y { overflow-y: hidden; }
/* /The new modal */



.bootstrap-ready table.table.table-wrap > thead > tr > th,
.bootstrap-ready table.table.table-wrap > tbody > tr > td,
.bootstrap-ready table.table > thead > tr > th.wrap,
.bootstrap-ready table.table > tbody > tr > td.wrap {
	word-break: break-all;
}

.bootstrap-ready table.table > thead.table-group-header > tr.group > th {
	border-top: none !important;
	color: #777;
	font-variant: small-caps;
	background-color: transparent;
	cursor: pointer;
}


.bootstrap-ready .btn-transparent:not(:hover) {
  background-color: transparent !important;
  color: #337ab7;
}
.bootstrap-ready .btn-white:not(:hover) {
  background-color: #fff !important;
  color: #337ab7;
}
.bootstrap-ready .btn-white:active,
.bootstrap-ready .btn-white.active,
.bootstrap-ready .btn-white:focus,
.bootstrap-ready .btn-white.focus,
.bootstrap-ready .btn-light:active,
.bootstrap-ready .btn-light.active,
.bootstrap-ready .btn-light:focus,
.bootstrap-ready .btn-light.focus {
  background-color: #cdcdcd !important;
}

.bootstrap-ready .custom_button { text-decoration: none !important; }

.bootstrap-ready .pill {
  display: inline-block;
  margin: 0 0 .5em 0;
  padding: .2em .6em .6em 1.75em;
  border-radius: 1.5em;
}
.bootstrap-ready .cramped .pill, .bootstrap-ready .pill.pill-sm {
	font-size: 12px;
}
.bootstrap-ready .pill input[type=radio] {
  position: relative!important;
  top: 3px;
  left: 0.25em;
  margin: 0 .5em 0 -1.75em!important;
}
.bootstrap-ready .pill-primary {
  border: solid 1px silver;
  background-color: #eee;
  color: #333;
}
.bootstrap-ready .pill-default {
	background-color: transparent;
	border: solid 1px transparent;
	color: inherit;
}
.bootstrap-ready .pill-default:hover {
  /* border: solid 1px silver; */
  background-color: #eee;
}
.bootstrap-ready form label.label--sub {
  display: block;
  margin: 1em 0 0 0;
  font-size: smaller;
}

.bootstrap-ready .label.label-sky {
  background-color: #94c9ff;
  color: inherit;
}

.bootstrap-ready input.form-control[type="text"].rounded {
  border-radius: 1.5em;
}

#closertags-pageguidePanel .bootstrap-ready .label.label-sky {
  cursor: pointer;
}

.bootstrap-ready .buttons {
  width: 100%;
}
.bootstrap-ready .buttons .btn.pull-right:not(:first-child) {
  margin-right: 0.5em;
}
.bootstrap-ready .buttons .btn:not(.pull-right):not(:last-child) {
  margin-left: 0.5em;
}

.bootstrap-ready .pull-container.width-100pcnt {
  width: 100%;
}

.bootstrap-ready .panel-body > ol:not(.nav),
.bootstrap-ready .panel-body > ul:not(.nav),
.bootstrap-ready .alert > ol:not(.nav),
.bootstrap-ready .alert > ul:not(.nav),
.bootstrap-ready .panel-body > ol:not(.nav) > li > ol,
.bootstrap-ready .panel-body > ul:not(.nav) > li > ul,
.bootstrap-ready .panel-body > ol:not(.nav) > li > ul,
.bootstrap-ready .panel-body > ul:not(.nav) > li > ol,
.bootstrap-ready .alert > ol:not(.nav) > li > ol,
.bootstrap-ready .alert > ul:not(.nav) > li > ul,
.bootstrap-ready .alert > ol:not(.nav) > li > ul,
.bootstrap-ready .alert > ul:not(.nav) > li > ol,
.bootstrap-ready ol.in-panel,
.bootstrap-ready ul.in-panel {
	  padding-left: 40px;
}
/* For buttons in the panel-heading */
.bootstrap-ready .panel-heading .dropdown-toggle,
.bootstrap-ready .panel-heading .dropdown-toggle-click {
	height: 30px;
}
.bootstrap-ready .panel-heading .btn {
	font-family: sans-serif;
	font-variant: normal;
}
/* Adds a separater on the bottom that matches the way Bootstrap does a panel-body followed by a table (a small border) */
.bootstrap-ready .panel-body.panel-body-with-sep:not(:last-child) { border-bottom: solid 1px #ddd; }
/* Some styles for a sub-header in a panel */
.bootstrap-ready .panel-sub-header > h4.panel-title {
	padding: 0 7.5px 0 15px;
	margin-bottom: 0.25em;
	margin-top: 0.75em;
}
.bootstrap-ready .panel-sub-header > h4.panel-title > .btn,
.bootstrap-ready .panel-sub-header > h4.panel-title > .btn-group { margin-bottom: 2px; }

.bootstrap-ready .btn-group.btn-group-default > .btn {
    border-color: darkgray;
    display: inline-block;
    float: none;
}

.bootstrap-ready .btn-group.btn-group-default > .btn + .btn {
    margin-left: -5px;
}


.bootstrap-ready input:not(.form-control) {
	font-size: 8pt;
}

.bootstrap-ready table.table .align-center { text-align: center; }
.bootstrap-ready table.table .align-left { text-align: left; }
.bootstrap-ready table.table .align-right { text-align: right; }
.bootstrap-ready table.table .valign-middle { vertical-align: middle; }
.bootstrap-ready table.table .valign-top { vertical-align: top; }
.bootstrap-ready table.table .valign-bottom { vertical-align: bottom; }

.bootstrap-ready table.table.table-clickable > tbody > tr,
.bootstrap-ready table.table > tbody > tr.row-clickable { cursor: pointer; }
.bootstrap-ready table.table > tbody > tr > td.not-clickable { cursor: default; }
.bootstrap-ready table.table > tbody > tr.row-hover:hover { background-color: rgba(149,173,84,.75); color: white; }
.bootstrap-ready table.table.table-hover > tbody > tr:hover > td i.glyphicon { color: #fff; }

/* .bootstrap-ready table.table td.actions > btn { cursor: pointer; margin-left: 0.25em; } */
.bootstrap-ready table.table td.actions i { cursor: pointer; margin-left: 0.5em; color: #666 }
.bootstrap-ready table.table td.actions i.active,
.bootstrap-ready table.table td.actions i:hover { color: #333 }
.bootstrap-ready td.actions.actions-hover > i.spacer,
.bootstrap-ready td.actions.actions-hover > i:not(.active),
.bootstrap-ready td.actions.actions-hover > .dropdown-toggle:not(.active),
.bootstrap-ready td.actions.actions-hover > .dropdown-toggle-click:not(.active), 
.bootstrap-ready table.table-inline-edit tbody tr > td.in-place-container div.add-in-place-plus.mod {
    opacity: 0;
}
.bootstrap-ready tr:hover > td.actions.actions-hover > i:not(.active),
.bootstrap-ready tr:hover > td.actions.actions-hover > .dropdown-toggle-click:not(.active),
.bootstrap-ready table.table-inline-edit tbody tr:hover > td.in-place-container div.add-in-place-plus.mod {
    opacity: 1;
}

/*
    Using .actions-hover-show/hide will cause the icon to no longer take up space unless you're hovering,
    which might be exactly what you want.
    If you want the icons to always retain their space on screen, even when not there (so the table structure
    doesn't bounce around on hover), then use .actions-hover-visible/invisible instead.
    If you are unsure, start with visible/invisible.
*/
.bootstrap-ready table.table td.actions > .actions-hover-show { display: none; }
.bootstrap-ready table.table tr:hover > td.actions > .actions-hover-show { display: inline-block; }
.bootstrap-ready table.table td.actions > .actions-hover-hide { display: inline-block; }
.bootstrap-ready table.table tr:hover > td.actions > .actions-hover-hide { display: none; }

.bootstrap-ready table.table td.actions > .actions-hover-visible {
    opacity: 0;
}

.bootstrap-ready table.table tr:hover > td.actions > .actions-hover-visible {
    opacity: 1;
}

.bootstrap-ready table.table td.actions > .actions-hover-invisible {
    opacity: 1;
}

.bootstrap-ready table.table tr:hover > td.actions > .actions-hover-invisible {
    opacity: 0;
}

.bootstrap-ready .table tr.group td,
.bootstrap-ready .table tr.group th {
	background-color: #f9f9f9;
}

.bootstrap-ready .table tr.group.white td,
.bootstrap-ready .table tr.group.white th {
	background-color: #fff;
}

.bootstrap-ready .table tr.subtotal td,
.bootstrap-ready .table tr.subtotal th {
	border-top: 1px solid #a9a9a9;
	background-color: #e8e8e8;
	font-weight: bold;
}
.bootstrap-ready .table tr.total td,
.bootstrap-ready .table tr.total th {
	border-top: 2px solid #b5b5b5;
	background-color: #cecece;
	font-weight: bolder;
}

.table-scroll-horizontal { overflow-x: auto; overflow-y: visible; }
.table-scroll-horizontal.table-th-nowrap > table > thead > tr > th { white-space: nowrap; }
.table-scroll-horizontal.table-td-nowrap > table > tbody > tr > td { white-space: nowrap; }

.bootstrap-ready .panel .panel-body .form-group,
.bootstrap-ready .ui-dialog .form-group,
.ui-dialog .bootstrap-ready .form-group { margin-bottom: 0; }

.bootstrap-ready .panel .panel-body .form-group > [class^="col-"],
.bootstrap-ready .panel .panel-body .form-group > [class*=" col-"],
.bootstrap-ready .closer-modal-content .form-group > [class^="col-"],
.bootstrap-ready .closer-modal-content .form-group > [class^="col-"],
.closer-modal-content .bootstrap-ready .form-group > [class^="col-"],
.closer-modal-content .bootstrap-ready .form-group > [class^="col-"] {
	margin-bottom: 15px;
}
.bootstrap-ready .panel .panel-body .form-group .label-container,
.bootstrap-ready .form-horizontal .form-group .label-container,
.bootstrap-ready .ui-dialog .form-group .label-container,
.ui-dialog .bootstrap-ready .form-group .label-container,
.bootstrap-ready .closer-modal-content .form-group .label-container{
	display: flex;
	height: 34px;
}
.bootstrap-ready .panel .panel-body .form-group .label-container > label.control-label,
.bootstrap-ready .panel .panel-body .form-group .label-container-lg > label.control-label,
.bootstrap-ready .form-horizontal .form-group .label-container > label.control-label,
.bootstrap-ready .form-horizontal .form-group .label-container-lg > label.control-label,
.bootstrap-ready .ui-dialog .form-group .label-container > label.control-label,
.bootstrap-ready .ui-dialog .form-group .label-container-lg > label.control-label,
.ui-dialog .bootstrap-ready .form-group .label-container > label.control-label,
.ui-dialog .bootstrap-ready .form-group .label-container-lg > label.control-label,
.bootstrap-ready .closer-modal-content .form-group .label-container > label.control-label,
.bootstrap-ready .closer-modal-content .form-group .label-container-lg > label.control-label {
	align-self: center;
	width: 100%;
	padding-top: 0;
	line-height: 1.2;
}


/* .form-cramped and .form-condensed */
.bootstrap-ready.form-cramped .form-control,
.bootstrap-ready .form-cramped .form-control,
.bootstrap-ready.form-condensed .form-control,
.bootstrap-ready .form-condensed .form-control {
	height: 30px !important;
	padding: 5px 10px !important;
	font-size: 12px !important;
	line-height: 1.5 !important;
}
.bootstrap-ready.form-cramped .label-container,
.bootstrap-ready .form-cramped .label-container,
.bootstrap-ready.form-condensed .label-container,
.bootstrap-ready .form-condensed .label-container,
.bootstrap-ready.form-cramped .form-control-static,
.bootstrap-ready .form-cramped .form-control-static,
.bootstrap-ready.form-condensed .form-control-static,
.bootstrap-ready .form-condensed .form-control-static {
	height: 30px !important;
	min-height: 30px;
}
.bootstrap-ready.form-condensed .form-control-static,
.bootstrap-ready .form-condensed .form-control-static {
	line-height: 1.2;
}

.bootstrap-ready.form-cramped .form-group > [class^="col-"],
.bootstrap-ready.form-cramped .form-group > [class*=" col-"],
.bootstrap-ready .form-cramped .form-group > [class^="col-"],
.bootstrap-ready .form-cramped .form-group > [class*=" col-"],
.bootstrap-ready.form-condensed .form-group > [class^="col-"],
.bootstrap-ready.form-condensed .form-group > [class*=" col-"],
.bootstrap-ready .form-condensed .form-group > [class^="col-"],
.bootstrap-ready .form-condensed .form-group > [class*=" col-"] {
	margin-bottom: 5px !important;
}
.bootstrap-ready .panel .panel-body .form-group.form-displayonly > [class^="col-"],
.bootstrap-ready .panel .panel-body .form-group.form-displayonly > [class*=" col-"],
.bootstrap-ready .closer-modal-content .form-group.form-displayonly > [class^="col-"],
.bootstrap-ready .closer-modal-content .form-group.form-displayonly > [class^="col-"],
.closer-modal-content .bootstrap-ready .form-group.form-displayonly > [class^="col-"],
.closer-modal-content .bootstrap-ready .form-group.form-displayonly > [class^="col-"] {
	margin-bottom: 0;
}
/*
The only difference between .form-cramped and .form-condnsed,
.form-cramped makes the label font size a little smaller as well
*/
.bootstrap-ready.form-cramped .label-container > label.control-label,
.bootstrap-ready .form-cramped .label-container > label.control-label {
	font-size: 13px !important;
}
.bootstrap-ready.form-cramped .input-group-addon,
.bootstrap-ready .form-cramped .input-group-addon,
.bootstrap-ready.form-condensed .input-group-addon,
.bootstrap-ready .form-condensed .input-group-addon {
	padding: 6px 9px;
}

.bootstrap-ready .form-horizontal .label-container-lg {
	display: flex;
	height: 46px;
}
.bootstrap-ready .form-horizontal .label-container-lg .control-label {
	font-size: 18px;
}

.bootstrap-ready input.form-control { padding-right: 4px !important; }

.bootstrap-ready .panel .panel-body .form-group .input-container,
.bootstrap-ready .ui-dialog .form-group .input-container,
.ui-dialog .bootstrap-ready .form-group .input-container,
.bootstrap-ready .closer-modal-content .form-group .input-container {
    display: flex;
    height: 34px;
}

.bootstrap-ready .panel .panel-body .form-group .multi-input-container,
.bootstrap-ready .ui-dialog .form-group .multi-input-container,
.ui-dialog .bootstrap-ready .form-group .multi-input-container,
.bootstrap-ready .closer-modal-content .form-group .multi-input-container {
    display: flex;
    height: 34px;
}

    .bootstrap-ready .panel .panel-body .form-group .multi-input-container > .form-control,
    .bootstrap-ready .panel .panel-body .form-group .multi-input-container-lg > .form-control,
    .bootstrap-ready .ui-dialog .form-group .multi-input-container > .form-control,
    .bootstrap-ready .ui-dialog .form-group .multi-input-container-lg > .form-control,
    .ui-dialog .bootstrap-ready .form-group .multi-input-container > .form-control,
    .ui-dialog .bootstrap-ready .form-group .multi-input-container-lg > .form-control,
    .bootstrap-ready .closer-modal-content .form-group .multi-input-container > .form-control,
    .bootstrap-ready .closer-modal-content .form-group .multi-input-container-lg > .form-control {
        align-self: center;
        width: 100%;
        padding-top: 0;
        line-height: 1.2;
    }

        .bootstrap-ready .panel .panel-body .form-group .multi-input-container > .form-control:not(:first-child),
        .bootstrap-ready .panel .panel-body .form-group .multi-input-container-lg > .form-control:not(:first-child),
        .bootstrap-ready .ui-dialog .form-group .multi-input-container > .form-control:not(:first-child),
        .bootstrap-ready .ui-dialog .form-group .multi-input-container-lg > .form-control:not(:first-child),
        .ui-dialog .bootstrap-ready .form-group .multi-input-container > .form-control:not(:first-child),
        .ui-dialog .bootstrap-ready .form-group .multi-input-container-lg > .form-control:not(:first-child),
        .bootstrap-ready .closer-modal-content .form-group .multi-input-container > .form-control:not(:first-child),
        .bootstrap-ready .closer-modal-content .form-group .multi-input-container-lg > .form-control:not(:first-child) {
            margin-left: 0.5em;
        }

.bootstrap-ready .form-horizontal .multi-input-container-lg {
    display: flex;
    height: 46px;
}

    .bootstrap-ready .form-horizontal .multi-input-container-lg .form-control {
        font-size: 18px;
    }

.bootstrap-ready form:not(.form-horizontal) label.control-label {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.bootstrap-ready form.form-horizontal label.control-label,
.bootstrap-ready form .form-horizontal label.control-label {
	white-space: unset;
	overflow: unset;
	text-overflow: unset;
}

.bootstrap-ready [class^="col-"][class*=" visible-"],
.bootstrap-ready [class^="visible-"][class*=" col-"],
.bootstrap-ready [class*=" col-"][class*=" visible-"],
.bootstrap-ready [class^="col-"][class*=" hidden-"],
.bootstrap-ready [class^="hidden-"][class*=" col-"],
.bootstrap-ready [class*=" col-"][class*=" hidden-"] {
	height: 34px;
}

.bootstrap-ready .form-horizontal .control-label { text-align: right; }

.bootstrap-ready .panel h4.panel-title:not(.for-table),
.bootstrap-ready .closer-modal-content h4.panel-title {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
}
.bootstrap-ready .panel h4.panel-title.for-table {
    margin-bottom: -0.5em;
	border-bottom: none;
}

.bootstrap-ready .form-horizontal .switch {
	margin-top: 10px;
}

.bootstrap-ready .LabelReq:not(.no-pad) {
    padding-left: unset;
}

.bootstrap-ready .LabelReq {
	font-family: inherit;
	font-size: inherit;
	font-weight: 700;
	color: #a94442;
}

.bootstrap-ready .flex-container > .flex-item.form-control {
	/* width: auto; */
	font-variant: none;
}


.bootstrap-ready label.has-error,
.bootstrap-ready .LabelReq { color: #a94442; }

.bootstrap-ready .has-error .form-control,
.bootstrap-ready .has-error.form-control {
	background-color: lavenderblush;
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.bootstrap-ready .has-warning .form-control,
.bootstrap-ready .has-warning.form-control {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
}

.bootstrap-ready .has-warning .input-group-addon .popover,
.bootstrap-ready .has-warning .popover .form-control {
    color: #333;
    background-color: #FFF;
    border-color: #CCC;
}

.bootstrap-ready textarea.form-control {
    resize: vertical;
}

.ui-sortable-with-drag-handle .ui-sortable-handle {
    cursor: move;
    display: inline-block;
    height: 16px;
    width: 15px;
    padding-top: 1px;
}

.ui-sortable-with-drag-handle .ui-sortable-handle:before {
    margin: 0;
}

.ui-sortable-with-drag-handle .ui-sortable-handle:after {
    margin: 0;
}

.ui-sortable-with-drag-handle .ui-sortable-handle:before,
.ui-sortable-with-drag-handle .ui-sortable-handle:after {
    background-image: radial-gradient(#b0aba0 25%, transparent 40%);
    background-size: 4px 4px;
    background-position: 100% 0;
    background-repeat: repeat-y;
    content: '';
    display: inline-block;
    height: 100%;
    width: 37%;
}

.table-hover.ui-sortable-with-drag-handle tr:hover .ui-sortable-handle:before,
.table-hover.ui-sortable-with-drag-handle tr:hover .ui-sortable-handle:after,
table.table-hover tr:hover.ui-sortable-with-drag-handle .ui-sortable-handle:before,
table.table-hover tr:hover.ui-sortable-with-drag-handle .ui-sortable-handle:after {
    background-image: radial-gradient(white 25%, transparent 40%);
}


.bootstrap-ready .form-control.view-only-on-hover:not(:hover),
.bootstrap-ready [data-view-state="view-only"] .form-control,
.bootstrap-ready .form-control.view-only {
    border: 0px;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 0px;
    cursor: default !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    text-align: left;
}

.bootstrap-ready [data-view-state="view-only"] select.form-control,
.bootstrap-ready select.form-control.view-only::-ms-expand {
    display: none;
}

.bootstrap-ready .form-control-static > .glyphicon-warning-sign {
	color: #f0ad4e;
	margin: 0 0.25em;
}


.bootstrap-ready .form-horizontal .control-label.control-label-top {
    margin-bottom: 4px;
}

.bootstrap-ready .form-horizontal .form-control-static p  {
    margin-left: 5px;
}

.bootstrap-ready .glyphicon-reversed {
	transform: scaleX(-1);
}

.selection-tag-list .list-item:not(.selected) > .check-icon > .glyphicon-ok,
.selection-tag-list .list-item:not(.important) > .check-icon > .glyphicon-exclamation-sign {
    display: none;
}

.selection-tag-list .list-item > .check-icon {
    width: 18px;
    margin: 0px 15px 0px 0px;
}

.selection-tag-list .list-item.selected {
    background-color: #337ab7 !important;
    color: white;
}

.selection-tag-list .list-item.important {
    background-color: #d9534f !important;
    color: white;
}

.selection-tag-list .list-item:not(.selected):not(:hover):not(.important) {
    background-color: unset !important;
}

.selection-tag-list .list-item:hover:not(.selected):not(.important) {
    background-color: #eee !important;
}

.selection-tag-list .list-item {
    display: flex;
    flex-direction: row;
    text-align: left !important;
    /*Below copied from btn*/
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.item-container.selection-tag-list {
    padding: 2px 5px;
}

.input-group-addon.view-only,
.input-group-btn.view-only {
	border: 0px !important;
	background-color: transparent !important;
}


.bootstrap-ready dl > dd.info { background-color: #d9edf7; }
.bootstrap-ready dl > dd.total { border-top: solid 1px darkgray; }

.bootstrap-ready .btn.btn-inline {
	padding-top: 1px;
	padding-bottom: 1px;
}

label.not-bold > span { font-weight: normal; }


.trunc-ellips {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* These classes are only here to compliment our JS replacements of Bootstrap stuff */

#cjc-tooltip li {
    margin-left: 15px;
}

#closer-return-to {
  position: fixed;
  bottom: 40px;
  right: 5px;
  z-index: 9999999999;
}



/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 27px;
    height: 15px;
    vertical-align: middle;
}

    /* Hide default HTML checkbox */
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

/* The slider within the switch */
.sliderswitch {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .sliderswitch:before {
        position: absolute;
        content: "";
        height: 8px;
        width: 8px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .sliderswitch {
    background-color: #337AB7;
}

input:focus + .sliderswitch {
    box-shadow: 0 0 1px #2196F3;
}

input[disabled] + .sliderswitch {
	cursor: not-allowed;
}

input:checked + .sliderswitch:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}

/* Rounded sliders */
.sliderswitch.round {
    border-radius: 25px;
}

.sliderswitch.round:before {
    border-radius: 50%;
}

.switchlabel {
    color: #0D5C91;
    font-weight: 700;
    font-size: 7.9pt;
    font-family: Arial;
}

@keyframes loading-ripple {
    0% {
        background-position: 0% 15%
    }

    50% {
        background-position: 100% 86%
    }

    100% {
        background-position: 0% 15%
    }
}

.loading-ripple {
    border-radius: 2px;
    background: linear-gradient(302deg, #e3e3e3, #929292);
    background-size: 400% 400%;
    animation: loading-ripple 2s ease infinite;
    background-color: #c0c0c0;
}

    .loading-ripple.loading-block {
        width: 13em;
        height: 8em;
        float: left;
        margin: 0 1em 1em 0;
    }

    .loading-ripple.loading-line {
        width: 100%;
        height: 2.5em;
        float: left;
        margin: 1em 0 0 0;
    }

        .loading-ripple.loading-line:nth-child(2) {
            width: 60%;
        }

        .loading-ripple.loading-line:nth-child(3) {
            width: 65%;
        }

        .loading-ripple.loading-line:nth-child(4) {
            width: 75%;
        }

        .loading-ripple.loading-line:nth-child(5) {
            width: 90%;
        }

        .loading-ripple.loading-line:nth-child(6) {
            width: 65%;
        }

.loading-narrative {
    font-size: 10px;
    width: 100%;
    box-sizing: border-box;
    clear: both;
    margin-bottom: 5em;
}

    .loading-narrative > .loading-line:nth-child(4) {
        clear: left;
    }

.loading-datatable {
    font-size: 10px;
    width: 100%;
    box-sizing: border-box;
    clear: both;
    margin-bottom: 5em;
    padding: 0.5em;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: space-between;
    align-items: flex-start;
}

.loading-datatable > .loading-cell {
    background-color: white;
    margin: 0.5em;
    height: 5em;
    float: left;
    order: 0;
    flex: 1 0 10em;
    align-self: auto;
}


.loading-image {
    width: 100%;
    height: 100%;
    position: relative;
}

.loading-image > svg {
    background-color: transparent;
    fill: white;
}

.loading-image > svg.mountains > polygon:nth-child(1) {
    fill: whitesmoke;
}

.loading-image > svg.sun {
    position: absolute;
    top: 0;
    left: 0;
}


/* START: New style tooltips */
.tooltip-group { position: relative; }
.tooltip-tip {
	display: none;
	position: absolute;
	background-color: rgba(10, 10, 10, 0.8);
	color: white;
	font-weight: normal;
	font-size: 0.85rem;
	text-align: left;
	border-radius: 2px;
	top: 100%;
	padding: 0.5em;
	margin-top: 0.25em;
	min-width: 300px;
	box-shadow: -1px 1px 5px 0px rgba(55, 55, 55, 0.5);
	z-index: 3;
}
.tooltip-tip:not(.tooltip-center) {
	animation: 0.6s linear 0s 1 tooltip-loading;
}
.tooltip-tip.tooltip-center {
	animation: 0.6s linear 0s 1 tooltip-loading-center;
}
.tooltip-tip.tooltip-fixed { position: fixed; }
@keyframes tooltip-loading {
	0% {
		opacity: 0;
		transform: translateY(-0.25em);
	}
	90% {
		opacity: 0;
		transform: translateY(-0.25em);
	}
	95% {
		opacity: 0.25;
		transform: translateY(-0.125em);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes tooltip-loading-center {
	0% {
		opacity: 0;
		transform: translate(-50%, -0.25em);
	}
	90% {
		opacity: 0;
		transform: translate(-50%, -0.25em);
	}
	95% {
		opacity: 0.25;
		transform: translate(-50%, -0.125em);
	}
	100% {
		opacity: 1;
		transform: translate(-50%, 0);
	}
}	
.tooltip-group .tooltip-tip li { margin-left: 1.5em; }

.tooltip-group
	.tooltip-tip:before {
		content: "";
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid rgba(10, 10, 10, 0.8);
		position: absolute;
		top: -5px;
	}

.tooltip-group
	.tooltip-tip.tooltip-xs { min-width: 50px; }

.tooltip-group
	.tooltip-tip.tooltip-right { right: 0; }

.tooltip-group
	.tooltip-tip.tooltip-right:before { right: 1em; }

.tooltip-group
	.tooltip-tip.tooltip-right.tooltip-xs:before { right: 0.25em; }

.tooltip-group
	.tooltip-tip.tooltip-left { left: 0; }

.tooltip-group
	.tooltip-tip.tooltip-left:before { left: 1em; }

.tooltip-group
	.tooltip-tip.tooltip-left.tooltip-xs:before { left: 0.25em; }

.tooltip-group
	.tooltip-tip.tooltip-center,
.tooltip-group
	.tooltip-tip.tooltip-center:before {
		text-align: center;
		left: 50%;
		transform: translateX(-50%);
	}

.tooltip-group
	.tooltip-tip.tooltip-top {
		top: calc(-200% - 7px);
	}
.tooltip-group
	.tooltip-tip.tooltip-top:before {
		top: 100%;
		transform: rotate(180deg);
	}

.tooltip-group
	.tooltip-tip.tooltip-to-right {
		top: 0;
		left: calc(100% + 7px);
	}

.tooltip-group
	.tooltip-tip.tooltip-to-right:before {
		right: unset;
		left: -7px;
		top: calc(50% - 3.5px);
		transform: rotate(-90deg);
	}


.tooltip-group
	.tooltip-tip.tooltip-oneline { white-space: nowrap; line-height: 1; }

.tooltip-group
	.tooltip-tip:not(.tooltip-oneline) { white-space: normal; }

.tooltip-group:hover .tooltip-tip,
.tooltip-group.tooltip-static .tooltip-tip {
	display: block;
}
/* END: New style tooltips */


.draft-watermark {
	background-color: #F5F5F5;
	background-image: url(/images/draft.png);
	background-repeat: repeat;
}

.chevron-container {
	position: relative;
	padding-left: 35px !important;
}

i.black-chevron {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 15px;
	width: 15px;
	background-image: url(/images/icon-arrow-blackx256.png);
	background-repeat: no-repeat;
	background-size: 100%;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .3s ease-in-out;
}

i.white-chevron {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 15px;
	width: 15px;
	background-image: url(/images/icon-arrow-whitex256.png);
	background-repeat: no-repeat;
	background-size: 100%;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .3s ease-in-out;
}

i.gray-chevron {
	position: absolute;
	top: 10px;
	left: 10px;
	height: 15px;
	width: 15px;
	background-image: url(/images/icon-arrow-grayx256.png);
	background-repeat: no-repeat;
	background-size: 100%;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .3s ease-in-out;
}

	i.black-chevron.chevron-expanded, i.white-chevron.chevron-expanded, i.gray-chevron.chevron-expanded {
		transform: rotate(90deg);
		-ms-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}

td.Grayscale, th.Grayscale, tr.Grayscale, tr.Grayscale > th, tr.Grayscale > td,
td.grayscale, th.grayscale, tr.grayscale, tr.grayscale > th, tr.grayscale > td {
	background-color: #e8e8e8;
}
.bootstrap-ready .table-hover>tbody>tr.Grayscale.active:hover>td, .bootstrap-ready .table-hover>tbody>tr.Grayscale:hover>td,
.bootstrap-ready .table-hover>tbody>tr.grayscale.active:hover>td, .bootstrap-ready .table-hover>tbody>tr.grayscale:hover>td {
	color: inherit;
}

.bootstrap-ready .input-group .input-group-btn > .btn{
    border-color: #ccc;
}
.bootstrap-ready .input-group .input-group-btn > .btn.btn-default { color: #337ab7; }

.bootstrap-ready .input-group.nobackground .input-group-addon {
    border-radius: unset !important;
    border: unset !important;
    background-color: unset !important;
    padding: unset !important;
}

.bootstrap-ready .input-group .input-group-addon.glyphicon{
    position:unset !important;
}

.bootstrap-ready .input-group.nobackground {
    width: 75px !important;
}

.bootstrap-ready .input-group.nobackground .input-group-addon {
    border-radius: unset !important;
    border: unset !important;
    background-color: unset !important;
    padding: unset !important;
}

.bootstrap-ready .input-group .input-group-addon.glyphicon{
    position:unset !important;
}


.bootstrap-ready .input-group.dropdown-toggle-select {
    display: flex;
    align-content: stretch;
}

	.bootstrap-ready .input-group.dropdown-toggle-select > span.input-group-addon {
		flex: 1 1 auto;
		text-align: left;
		overflow: hidden;
		background-color: white;
		cursor: pointer;
	}

	.bootstrap-ready .input-group.dropdown-toggle-select > .input-group-btn {
		flex: 0 0 30px;
	}

		.bootstrap-ready .input-group.dropdown-toggle-select > .input-group-btn > .btn {
			border-color: #ccc;
		}

.ui-dialog.loading,
.ui-dialog.success,
.ui-dialog.failure {
	overflow-x: hidden !important;
}
.ui-dialog.loading .closer-modal-header:after,
.ui-dialog.success .closer-modal-header:after,
.ui-dialog.failure .closer-modal-header:after,
.loading.closer-modal-header:after,
.success.closer-modal-header:after,
.failure.closer-modal-header:after {
	display: block;
	content: "";
	position: absolute;
	top: 42px;
	width: calc(100% - 6px);
	margin: 0 3px;
	height: 2px;
	z-index: 10;
}
.ui-dialog.success .closer-modal-header:after,
.success.closer-modal-header:after {
	background-color: #2acb43;
	left: 0;
}
.ui-dialog.loading .closer-modal-header:after,
.loading.closer-modal-header:after {
	left: -200px;
	background: linear-gradient(to right, #6e87ff, blue);
	border-top-left-radius: 75%;
	border-top-right-radius: 75%;
	animation: modal-loading 2s linear infinite;
}
.ui-dialog.failure .closer-modal-header:after,
.failure.closer-modal-header:after {
	background-color: #d9534f;
	left: 0;
}
@keyframes modal-loading {
	from { left: -200px; width: 5%; }
	10%  { width: 15%; }
	15%  { width: 25%; }
	50%  { width: 30%; }
	70%  { width: 70%; }
	80%  { left: 50%; }
	95%  { left: 120%; }
	to   { left: 100%; }
}

hr.dark {
	margin-top: 0px !important;
	margin-bottom: 10px !important;
	color: #DDD;
}

.bootstrap-ready hr.xtall {
	margin: 5rem 0;
}

.bootstrap-ready hr.tall {
	margin: 3.5rem 0;
}

.bootstrap-ready hr.medium {
	margin: 2.5rem 0;
}

.bootstrap-ready hr.short {
	margin: 0.75rem 0;
}

.bootstrap-ready hr.xshort {
	margin: .25rem 0;
}

.bootstrap-ready .container-fluid.inner-container {
	padding-right: 0;
	padding-left: 0;
}

.bootstrap-ready .btn-xlg {
    font-size: 35px !important;
    height:45px;
	margin-bottom: 0.5em;
}

.closer-confirm > .alert {
    text-align: left;
    min-width: 25vw;
}

.closer-confirm .btn-xlg > .glyphicon {
    margin-right: 0.25em;
}

.closer-confirm > .alert > div.paragraph {
    font-size: large;
}

.closer-confirm > .alert > .buttons {
    margin-top: 1em;
}

.closer-confirm .btn.btn-default {
	border: solid 1px lightgray;
}

.closer-confirm > .alert.alert-warning > .buttons > .btn-link,
.closer-confirm > .alert.alert-warning > .buttons > .btn-link:hover,
.closer-confirm > .alert.alert-warning > .buttons > .btn-link:active,
.closer-confirm > .alert.alert-warning > .buttons > .btn-link:visited {
    color: #8a6d3b;
}
.closer-confirm > .alert.alert-warning > .btn-xlg > .fa.fa-exclamation-triangle {
    color: orange;
}
.closer-confirm > .alert.alert-danger > .buttons > .btn-link,
.closer-confirm > .alert.alert-danger > .buttons > .btn-link:hover,
.closer-confirm > .alert.alert-danger > .buttons > .btn-link:active,
.closer-confirm > .alert.alert-danger > .buttons > .btn-link:visited {
    color: #a94442;
}

.cjc-kycapproved-column div.tooltip-group.cjc-kycapproved-cell.cjc-kycapproved-active .tooltip-tip{
    right:0;
}

.cjc-kycapproved-column .cjc-kycapproved-label {
    min-width: 55px;
    max-width: 55px;
    /*text-align: center;*/
}

.cjc-kycapproved-column span.glyphicon,
.cjc-kycapproved-row span.glyphicon {
    background: none;
}

.closer-confirm div#dismiss-div {
	margin-top: 1em;
}

.cjc-kycapproved-column .cjc-kycapproved-cell,
.closer-confirm .alert.alert-primary .btn-xlg,
.closer-confirm .alert.alert-danger .btn-xlg span.glyphicon.alert-warning,
.closer-confirm .alert.alert-warning .btn-xlg span.glyphicon.alert-danger,
.cjc-kycapproved-row .cjc-kycapproved-cell:not(.cjc-kycapproved-active),
.closer-confirm div#dismiss-div:not(.Dismiss) {
    display: none;
}

.cjc-kycapproved-column .cjc-kycapproved-cell.cjc-kycapproved-active:not(.view-only),
.cjc-kycapproved-column .cjc-kycapproved-cell.cjc-kycapproved-label,
.cjc-kycapproved-row span.glyphicon.cjc-kycapproved-active
{
    display: inline-block;
}

.bootstrap-ready .label.tag,
.bootstrap-ready.label.tag {
	padding: 0.4em 0.75em;
	font-weight: normal;
	display: inline-block;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 90%;
}
.bootstrap-ready .label.tag > i.fa-times,
.bootstrap-ready.label.tag > i.fa-times {
	margin-left: 0.5em;
	cursor: pointer;
}

.bootstrap-ready .label.tag.tag-freetype, 
.bootstrap-ready.label.tag.tag-freetype {
    background-color: #042B44
}

.bootstrap-ready table.table-inline-edit tr.table-inline-edit-template:not(.added-in-place) td.actions > i {
    display: none;
}

.bootstrap-ready table.table-inline-edit tbody tr div.add-in-place-plus:before {
    content: " ";
    background-color: #337AB7;
    border-radius: 9px;
    height: 18px;
    width: 18px;
    position: relative;
    top: -8px;
    display: block;
}

.bootstrap-ready table.table-inline-edit tbody tr div.add-in-place-plus:after {
    content: "+";
    color: white;
    position: absolute;
    top: -11px;
    display: block;
    left: 4px;
    z-index: 2;
    font-size: 18px;
}

.bootstrap-ready table.table-inline-edit tbody tr div.add-in-place-plus {
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 2px;
    background-color: #337AB7;
    cursor: pointer;
}

.bootstrap-ready table.table-inline-edit tbody tr td.in-place-container
{
    position: relative;
}

.bootstrap-ready .spacer-cell {
    height: 34px;
}

.dl-horizontal.dl-vertical-spacing > dt, .dl-horizontal.dl-vertical-spacing > dd { margin-bottom: 5px; }
.dl-horizontal.no-bottom-margin { margin-bottom: 0; }
address.no-bottom-margin { margin-bottom: 0; }


.barber-pole {
	width: 25vw;
	height: 15px;
	border: 1px solid #204d74;
	border-radius: 3px;
	box-shadow: -2px 2px 5px 0px rgba(55, 55, 55, 0.5);
	background-image:
		repeating-linear-gradient(
			-45deg,
			#176190,
			#176190 11px,
			rgb(51,122,183) 10px,
			rgb(51,122,183) 20px
		);
	background-size: 28px 28px;
	animation: barber-pole-frames .5s linear infinite;
}
.barber-pole.greyscale {
	background-image:
	repeating-linear-gradient(
			-45deg,
			#8d8d8d,
			#818a8f 11px,
			rgb(182, 184, 186) 10px,
			rgb(167, 171, 174) 20px
	   );
}

@keyframes barber-pole-frames {
	0% { background-position: 0 0; }
	100% { background-position: 28px 0; }
}

.bootstrap-ready .popover.popover-list {
    min-width: 275px;
    max-width: 275px;
    width: 275px;
}

.bootstrap-ready .popover-list .list-group {
    overflow-y:auto; 
    max-height:calc(100vh - 325px);
    margin-bottom: 0;
}

.bootstrap-ready .popover-list .popover-content {
    padding: 0;
}

.bootstrap-ready .popover-list .list-group-item:first-child {
    border-radius: 0;
}

.bootstrap-ready .popover-list .flex-container.list-group-item {
    display: flex;
    border-left: none;
    border-right: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}

.bootstrap-ready .popover-list .flex-container.list-group-item:last-child {
    border-bottom: 0;
}

.bootstrap-ready .popover-list .list-group-item .hover-show {
    display: none;
}

.bootstrap-ready .popover-list .list-group-item:hover .hover-show {
    display: inline-block;
}

/* Adding the .flex-input-groups class around any container that you want this to affect,
	Will cause the input-group paradigm to use flex layout instead of table, which works
	much better with zoom levels and system setting that increase fonts */
.bootstrap-ready .BodyContainer.flex-input-groups .input-group,
.bootstrap-ready.BodyContainer.flex-input-groups .input-group,
.BodyContainer.flex-input-groups .bootstrap-ready .input-group {
    display: flex;
    position: unset;
    align-items: stretch;
    width: 100%;
}

    .bootstrap-ready .BodyContainer.flex-input-groups .input-group > .form-control,
    .bootstrap-ready.BodyContainer.flex-input-groups .input-group > .form-control,
    .BodyContainer.flex-input-groups .bootstrap-ready .input-group > .form-control,
    .bootstrap-ready .BodyContainer.flex-input-groups .input-group > .input-group-addon,
    .bootstrap-ready.BodyContainer.flex-input-groups .input-group > .input-group-addon,
    .BodyContainer.flex-input-groups .bootstrap-ready .input-group > .input-group-addon {
        display: unset;
    }

    .bootstrap-ready .BodyContainer.flex-input-groups .input-group > .form-control,
    .bootstrap-ready.BodyContainer.flex-input-groups .input-group > .form-control,
    .BodyContainer.flex-input-groups .bootstrap-ready .input-group > .form-control {
        flex-basis: 100%;
        flex-grow: 2;
        flex-shrink: 1;
    }

    .bootstrap-ready .BodyContainer.flex-input-groups .input-group > .input-group-addon,
    .bootstrap-ready.BodyContainer.flex-input-groups .input-group > .input-group-addon,
    .BodyContainer.flex-input-groups .bootstrap-ready .input-group > .input-group-addon {
        flex-basis: 39px;
        line-height: 32px;
        padding: 0 12px;
        flex-shrink: 0;
        flex-grow: 1;
    }

.bootstrap-ready .BodyContainer.flex-input-groups .input-group-addon,
.bootstrap-ready.BodyContainer.flex-input-groups .input-group-addon,
.BodyContainer.flex-input-groups .bootstrap-ready .input-group-addon {
    padding: 0 12px;
}

.bootstrap-ready.form-cramped .BodyContainer.flex-input-groups .input-group-addon,
.bootstrap-ready.form-cramped.BodyContainer.flex-input-groups .input-group-addon,
.BodyContainer.flex-input-groups .bootstrap-ready.form-cramped .input-group-addon,
.bootstrap-ready .form-cramped .BodyContainer.flex-input-groups .input-group-addon,
.bootstrap-ready .form-cramped.BodyContainer.flex-input-groups .input-group-addon,
.BodyContainer.flex-input-groups .bootstrap-ready .form-cramped .input-group-addon,
.bootstrap-ready.form-condensed .BodyContainer.flex-input-groups .input-group-addon,
.bootstrap-ready.form-condensed.BodyContainer.flex-input-groups .input-group-addon,
.BodyContainer.flex-input-groups .bootstrap-ready.form-condensed .input-group-addon,
.bootstrap-ready .form-condensed .BodyContainer.flex-input-groups .input-group-addon,
.bootstrap-ready .form-condensed.BodyContainer.flex-input-groups .input-group-addon,
.BodyContainer.flex-input-groups .bootstrap-ready .form-condensed .input-group-addon {
    padding: 0 9px;
}


.panel > .panel-heading > h3.panel-title > .panel-heading-sep { border-right: solid 1px #042b44; margin: 0 1.5em; opacity: 0.25; font-size: 10px; position: relative; top: -2px; }
.panel > .panel-heading > h3.panel-title > .panel-heading-secondary { font-size: smaller; opacity: 0.9; position: relative; top: -1px; }
.meta { font-size: smaller; opacity: 0.8; }


/* Some .form-control-static helpers, for long text that can wrap */
.form-control-static.wrappable {
	height: 34px;
	display: flex;
}
.form-control-static.wrappable > span,
.form-control-static.wrappable > div {
	align-self: center;
	line-height: 1.2;
}

.flex-truncate-parent {
	display: flex;
	align-items: center;
}

	.flex-truncate-parent > .flex-truncate {
		flex: 1;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.flex-truncate-parent > .flex-truncate-container {
		flex: 1;
		min-width: 0;
	}

		.flex-truncate-parent > .flex-truncate-container > .flex-truncate {
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}

.bootstrap-ready input, body.closer-modern .bootstrap-ready select {
    text-overflow: ellipsis;
}

.bootstrap-ready h3.popover-title { height: unset; }

#change-history td.by-line { width: 325px; }

/*BEGIN Styling for search-box*/
.bootstrap-ready .search-box .form-control {
    border-radius: 20px;
    padding-left: 32px;
}

.bootstrap-ready .search-box .form-control-feedback {
    right: unset !important;
    color: rgba(77,77,77,.5) !important;
}

.bootstrap-ready .search-box.default-width {
   width: 300px;
}

.bootstrap-ready .search-box.default-bottom-margin {
    margin-bottom: 15px;
}

.bootstrap-ready .search-box.default-right-margin {
    margin-right: 15px;
}

.bootstrap-ready .search-box.default-left-margin {
    margin-left: 15px;
}

.bootstrap-ready .search-box.default-font-weight {
    font-weight: normal;
}

/*Styling form textarea auto-grow*/
.bootstrap-ready textarea.form-control.auto-grow {
    resize: none;
    overflow: hidden;
}

.bootstrap-ready textarea.form-control.auto-grow.auto-grow-overflow-y {
    overflow-y: auto;
}

.bootstrap-ready .alert.alert-interactive {
    color: #585858;
    padding: 5px;
}

    .bootstrap-ready .alert.alert-interactive > .flex-container.flex-with-last-separator {
        align-items: stretch;
    }

        .bootstrap-ready .alert.alert-interactive > .flex-container.flex-with-last-separator > .flex-item {
            padding: 5px;
            display: flex;
            align-items: center;
        }

            .bootstrap-ready .alert.alert-interactive > .flex-container.flex-with-last-separator > .flex-item:last-child {
                border-left: solid 1px silver;
            }

/*END Styling for search-box*/

/* Start print styles */
.print-only {
    display: none;
}

select option[selected="selected"].hidden {
    display: unset !important;
}

/* Start global print styles */
@media print {
    #closer-main-content{
        margin: unset;
    }

    .print-only {
        display: block;
    }

	.bootstrap-ready .print-show {
		display: block !important;
	}
	.bootstrap-ready tr.print-show {
		display: table-row !important;
	}

    .print-hide {
        display: none;
    }

    #headerBar {
        display: none !important;
    }

    #closer-page-header {
        position: absolute;
    }

    #CloserSidebar {
        display: none;
    }

    .SidebarWidgetTray {
        display: none;
    }

    #closer-page-header {
        top: 0;
    }

    #closer-main-canvas.with-subMenu {
        padding-left: 0 !important;
    }

    #closer-main-canvas.with-pageHeader {
        padding-top: 0 !important;
    }

    #closer-main-canvas {
        box-sizing: border-box;
        position: absolute;
        top: 45px;
        left: 0;
        width: 100%;
        padding-left: 60px;
        padding-bottom: 0;
    }

    #closer-page-submenu {
        display: none !important;
    }

    .bootstrap-ready *, .bootstrap-ready :after, .bootstrap-ready :before {
        background-color: white !important;
        background: white !important;
    }

    #closer-overlay.backdrop, #closer-overlay-confirm.backdrop {
        z-index: 0;
    }

    #closer-overlay.light, #closer-overlay-confirm.light {
        background: white !important
    }

    #closer-overlay, #closer-overlay-confirm {
        background: white !important;
    }

    #closer-page-header-buttons {
        display: none;
    }

    .bootstrap-ready a.btn {
        display: none;
    }

    .panel {
        margin-bottom: 20px !important;
    }

    #footerDiv {
        display: none;
    }

    div.panel-heading > .flex-item .btn {
        display: none;
    }

    /* The following were attempts to get new page breaks working */
    .print-only.print-new-page {
        display: block;
        position: relative;
        break-before: page;
        clear: both;
    }

    .bootstrap-ready * {
        float: none;
    }

    .bootstrap-ready a[href^="tel:"]:after, .bootstrap-ready a[href^="mailto:"]:after {
        display: none;
    }

    .primary-icon {
        background-color: #666;
        color: #fff;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        font-size: 10px;
        padding: 2px !important;
        display: inline-block;
        font-style: inherit;
        text-align: center;
    }

        .primary-icon:before {
            content: "P";
        }
}
/* End global print styles */