/******************** FONTS ********************/
@import 'css/font-awesome.css';

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/roboto/Roboto-Regular.eot); /* For IE6-8 */
  src: local('Roboto'),
       local('Roboto-Regular'),
       url(fonts/roboto/Roboto-Regular.woff2) format('woff2'),
       url(fonts/roboto/Roboto-Regular.woff) format('woff'),
       url(fonts/roboto/Roboto-Regular.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 700;
  src: url(fonts/roboto/Roboto-Bold.eot); /* For IE6-8 */
  src: local('Roboto'),
       local('Roboto-Bold'),
       url(fonts/roboto/Roboto-Bold.woff2) format('woff2'),
       url(fonts/roboto/Roboto-Bold.woff) format('woff'),
       url(fonts/roboto/Roboto-Bold.ttf) format('truetype');
}

@font-face {
  font-family: 'RobotoBlack';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/roboto/Roboto-Black.eot); /* For IE6-8 */
  src: local('RobotoBlack'),
       local('Roboto-Black'),
       url(fonts/roboto/Roboto-Black.woff2) format('woff2'),
       url(fonts/roboto/Roboto-Black.woff) format('woff'),
       url(fonts/roboto/Roboto-Black.ttf) format('truetype');
}

@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url(fonts/roboto/Roboto-Italic.eot); /* For IE6-8 */
  src: local('RobotoItalic'),
       local('Roboto-Italic'),
       url(fonts/roboto/Roboto-Italic.woff2) format('woff2'),
       url(fonts/roboto/Roboto-Italic.woff) format('woff'),
       url(fonts/roboto/Roboto-Italic.ttf) format('truetype');
}

@font-face {
  font-family: 'RobotoLight';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/roboto/Roboto-Light.eot); /* For IE6-8 */
  src: local('RobotoLight'),
       local('Roboto-Light'),
       url(fonts/roboto/Roboto-Light.woff2) format('woff2'),
       url(fonts/roboto/Roboto-Light.woff) format('woff'),
       url(fonts/roboto/Roboto-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'RobotoLight';
  font-style: normal;
  font-weight: 300;
  src: url(fonts/roboto/Roboto-Light.eot); /* For IE6-8 */
  src: local('RobotoLight'),
       local('Roboto-Light'),
       url(fonts/roboto/Roboto-Light.woff2) format('woff2'),
       url(fonts/roboto/Roboto-Light.woff) format('woff'),
       url(fonts/roboto/Roboto-Light.ttf) format('truetype');
}

@font-face {
  font-family: 'RobotoMedium';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/roboto/Roboto-Medium.eot); /* For IE6-8 */
  src: local('RobotoMedium'),
       local('Roboto-Medium'),
       url(fonts/roboto/Roboto-Medium.woff2) format('woff2'),
       url(fonts/roboto/Roboto-Medium.woff) format('woff'),
       url(fonts/roboto/Roboto-Medium.ttf) format('truetype');
}

/* GENERAL CSS CHANGES */

html,body { /*height: 99%;*/ height: 100%; margin: 0; padding: 0; }

/* span {display:inline-block !important;} */

* { padding: 0px; margin: 0px; }
.normalWeight { font-family: RobotoLight; }

body { font-family: Roboto, Verdana, Arial, Helvetica, sans-serif; line-height: normal; }
.bolded { font-weight: bold; }

#DetailDiv { float:left; }
#DetailDiv iframe { background:url(../Images/loading.gif) center center no-repeat;}
#LogoutLink { float:right;}

.fhLabel { float: left; line-height: 1.3em; font-size: .8em; padding-left: 50px; padding-top: 6px; }
.fhLabel p { margin-bottom: 0px; padding-bottom: 0px; }

/* FHE 4.0.00 reduced jw-checkboxlist_item padding from 5px to 0px. This reduced space in between list items. Also, now using white-space: nowrap to keep list items from wrapping */
.jw-checkboxlist_container{ border:1px solid #DDD; overflow: auto; }
.jw-checkboxlist_item {overflow:hidden; position: relative; padding: 0px !important; white-space: nowrap;} 
.jw-checkboxlist_item input[type="checkbox"] { margin-top: 4px !important;}
.jw-checkboxlist_item span {padding-left: 5px; display: inline;}

fieldset { border-color: #ddd; margin-bottom: 20px; background-color: #FFF; border: 1px solid #DDD;  border-radius: 4px;  box-shadow: 0 1px 1px rgba(0,0,0,0.05); }
fieldset legend { font-weight: bold; font-size: 1.3em; color:#354F74; background-color: #F5F5F5; padding: 10px 15px; border: 1px solid #DDD; border-top-left-radius: 4px; border-top-right-radius: 4px; margin-bottom: 7px; }
fieldset .jw-jef-grid { margin: 3px 8px 6px; }

td input[type="checkbox"] { width:22px; }

a:focus { outline: none; } 

.blankLogo { width: 500px; height: 160px; display: block; background: url('images/jw-software-full-logo.png') top left no-repeat; background-position: center; background-size: 90%; margin: 0 auto; padding-top: 30%; }

h1 { font-size: 2em; color: #354F74; font-weight: bold; text-transform: uppercase; margin-top: 0px; padding-top: 10px; /*padding-left: 14px;*/ }
h2 { font-size: 1.35em; color: #354F74;font-weight: bold;margin-top: 0px;padding-top: 5px; /* padding-left: 14px; */}

/* styling for a sub-header description */
.subheading { font-size: 17px; color: #354F74;font-weight: bold;margin-top: 0px;margin-bottom:5px; /* padding-left: 14px; */}


.error { font-size: .8em; padding: 3px 6px 0px 6px; border-color: #A00F04; background-color: #F5EAEA; }

/* ICONS */

a.icon-claim-detail:before, a.icon-correspondence:before, a.icon-contacts:before, a.icon-parties:before, a.icon-properties:before, a.icon-subrogation:before, a.icon-litigation:before, a.icon-billing:before, a.icon-payables:before, a.icon-reports:before, a.icon-userlist:before, a.icon-policy:before { font-family: FontAwesome; font-size: 1.3em; width: 1.5em; padding-right: 3px; text-align: center; display: inline-block; font-weight: 300; }
a.icon-claim-detail:before { content: "\f0ea"; }
a.icon-correspondence:before { content: "\f0e0"; }
a.icon-contacts:before { content: "\f1ad"; }
a.icon-parties:before { content: "\f0c0"; }
a.icon-properties:before { content: "\f1b9"; }
a.icon-subrogation:before { content: "\f19c"; }
a.icon-litigation:before { content: "\f0e3"; }
a.icon-billing:before { content: "\f017"; }
a.icon-payables:before { content: "\f155"; }
a.icon-reports:before { content: "\f080"; }
a.icon-policy:before {content: "\f15b";}

a.icon-userlist:before {content: "\f007"; } 
/* IFRAME */
#iframe-wrapper iframe { border: none; background:url(../Images/loading.gif) center center no-repeat;}

/* BOOTSTRAP OVERRIDES */
.noBorder { border: none; padding: 2px; }
.btn { padding: 6px 10px 5px; }
.btn-default { background-color: #EBEBEB; line-height: 1em; margin-bottom: 3px; }
.btn-default:hover { background-color: #c2cad5; }
.btn-danger { background-color: #A00F04; border-color: #750B03; }
.btn-danger:hover { background-color: #750B03; }
.form-control { padding: 2px 5px; height: 24px; }

.panel-default>.panel-heading { font-weight: bold; font-size: 1.1em; color: #354F74; }
.panel-heading { padding: 5px 6px; }
.form-group { margin-bottom: 6px; }
.panel-body { padding-left:15px; padding-right:15px; padding-top: 6px; padding-bottom: 6px; }
.table-condensed>tbody>tr>td span { margin-top: 3px; display: block; }
.panel { margin-bottom: 0px; }

/* this will make fields in pos2 and higher line up correctly*/
.form-group > label {margin-bottom:0px}

/* RESPONSIVE */

@media screen and (min-width: 700px) {
    .col-md-6 { float: left; width: 50%; }
    .col-md-4 .col-md-3 { float: left; width: 40%; }
    .col-md-4 .col-md-9 { float: left; width: 60%; }
    .col-md-6 .col-md-3 { float: left; width: 40%; }
    .col-md-6 .col-md-9 { float: left; width: 60%; }
    .col-md-6 .col-md-4 { float: left; width: 40%; }
    .col-md-6 .col-md-8 { float: left; width: 50%; }
}

@media screen and (min-width: 500px) and (max-width: 699px) {
    .col-md-6 { float: left; width: 100%; }
    .col-md-4 { float: left; width: 50%; }
    .col-md-4 .col-md-3 { float: left; width: 40%; }
    .col-md-4 .col-md-9 { float: left; width: 60%; }
    .col-md-6 .col-md-3 { float: left; width: 40%; }
    .col-md-6 .col-md-9 { float: left; width: 60%; }
    .col-md-6 .col-md-4 { float: left; width: 40%; }
    .col-md-6 .col-md-8 { float: left; width: 50%; }
    .form-inline .form-group div { display: inline; }
    .col-md-9 .form-inline .form-group { width: 50%; float: left; }
}

/* BUTTON STYLES */

.btn-delete:after { content: "\f00d"; font-family: fontAwesome; padding-left: 8px; }
.btn-delete { background-color: #A00F04; border-color: #750B03; color: #FFF; }
.btn-delete:hover { background-color: #750B03; color: #FFF; }
.btn-edit:after { content: "\f040"; font-family: fontAwesome; padding-left: 8px; }
.btn-insert:after { content: "\f067"; font-family: fontAwesome; padding-left: 8px; }
.btn-view:after { content: "\f06e"; font-family: fontAwesome; padding-left: 8px; }
.btn-copy:after { content: "\f0c5"; font-family: fontAwesome; padding-left: 8px; }
.btn-preview:after { content: "\f108"; font-family: fontAwesome; padding-left: 8px; }
.btn-cancel:after { content: "\f00d"; font-family: fontAwesome; padding-left: 8px; }
.btn-save:after { content: "\f0c7"; font-family: fontAwesome; padding-left: 8px; }
.btn-edit-items:after { content: "\f040"; font-family: fontAwesome; padding-left: 8px; }
.btn-renumber:after { content: "\f0cb"; font-family: fontAwesome; padding-left: 8px; }
.btn-done:after { content: "\f112"; font-family: fontAwesome; padding-left: 8px; -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); }
.btn-add-fields:after { content: "\f0fe"; font-family: fontAwesome; padding-left: 8px; }
.btn-email:after { content: "\f003"; font-family: fontAwesome; padding-left: 8px; }
.btn-move:after { content: "\f112"; font-family: fontAwesome; padding-left: 8px; }
.btn-filter:after { content: "\f0b0"; font-family: FontAwesome; padding-left:8px; }
.btn-refresh:after { content: "\f021"; font-family:FontAwesome; padding-left:8px; }
.btn-more:after {content: "\f18e"; font-family:FontAwesome; padding-left:8px; }
.btn-snapshot:after {content: "\f030"; font-family:FontAwesome; padding-left:8px; }
.btn-report:after {content:"\f0f6"; font-family:FontAwesome; padding-left:8px;}
.btn-search:after {content:"\f002"; font-family:FontAwesome; padding-left:8px;}
.btn-read:after{content:"\f02d"; font-family:FontAwesome; padding-left:8px;}
.btn-forward:after{content:"\f064"; font-family:FontAwesome; padding-left:8px;}
.btn-note:after{content:"\f0f6"; font-family:FontAwesome; padding-left:8px;}
.btn-close:after{content:"\f057"; font-family:FontAwesome; padding-left:8px;}
.btn-file:after{content:"\f093"; font-family:FontAwesome; padding-left:8px;}
.btn-open:after{content:"\f08e"; font-family:FontAwesome; padding-left:8px;}
.btn-toggle:after{content:"\f151"; font-family:FontAwesome; padding-left:8px;}
.btn-work:after {content:"\f085"; font-family:FontAwesome; padding-left:8px;}
.btn-print:after {content:"\f02f"; font-family:FontAwesome; padding-left:8px;}
.btn-trash:after {content:"\f1f8"; font-family:FontAwesome; padding-left:8px;} 
.btn-play:after{content:"\f04b"; font-family:FontAwesome; padding-left:8px;} 
.btn-stop:after{content:"\f04d"; font-family:FontAwesome; padding-left:8px;}
.btn-stop{ background-color: #A00F04; border-color: #750B03; color: #FFF; } 
.btn-next:after{content:"\f064"; font-family:FontAwesome; padding-left:8px;}
.btn-back:after {content: "\f112";font-family: fontAwesome;padding-left: 8px;}
.btn-finish:after { content: "\f0c7"; font-family: fontAwesome; padding-left: 8px;}
.btn-task:after{ content: "\f0ae"; font-family: fontAwesome; padding-left: 8px;}
.btn-clear:after { content: "\f12d"; font-family: fontAwesome; padding-left: 8px; }
.btn-export:after{content: "\f016"; font-family: fontAwesome; padding-left: 8px;}
.btn-upload:after{content: "\f093"; font-family: fontAwesome; padding-left: 8px;}
.btn-download:after{content: "\f019"; font-family: fontAwesome; padding-left: 8px;}
.btn-go:after{content: "\f061"; font-family: fontAwesome; padding-left: 8px;}
.btn-unlock:after{content:"\f13e"; font-family: fontAwesome; padding-left: 8px;}
.btn-validate:after{content:"\f00c"; font-family:fontAwesome; padding-left: 8px;}
.btn-globe:after{content:"\f0ac"; font-family:fontAwesome; padding-left: 8px;}

/* Added Yes Button for prompt Dialogs */
.btn-yes:after { content: "\f00c"; font-family: fontAwesome; padding-left: 8px; }
.btn-yes { background-color: #9FCC2E; border-color: #EFEFEF;}

.iconRequired:after { content:"\f069"; font-family: FontAwesome; font-weight: normal; font-size: .6em; color: red; padding-left: 8px; position: relative; top: -5px; }
.ui-dialog .ui-dialog-titlebar-close:after { font-family: FontAwesome; content: "\f00d"; color: #555; font-size: 16px;}

/* FIELD WIDTHS */

input[maxlength="1"] { width: 30px!important; }
input[maxlength="2"] { width: 50px!important; }
input[maxlength="8"] { width: 110px!important; }
input[maxlength="10"] { width: 110px!important; }
input[maxlength="11"] { width: 120px!important; }

input.maskDecimal {width: 110px; text-align:right}
input.maskDecimal1 {width: 110px; text-align:right}
input.maskCurrencyPositive {width: 110px}
input.maskCurrencyAny {width: 110px}
input.maskPercent2 {width: 110px}
input.maskPercent4 {width: 110px}

/* ATTACHMENT PAPERCLIP */

.imageAttachment:after { content: "\f0c6"; font-family: fontAwesome; } 
.imageViewer:after { content: "\f127"; font-family: fontAwesome; }

.rmisMissingCert:after { content: "\f12a"; font-family: FontAwesome; color: red; } 

/* SCROLLING TABLE */
/*! Copyright (c) 2011 Mark Malek http://fixedheadertable.com */ 

.fht-table,.fht-table thead,.fht-table tfoot,.fht-table tbody,.fht-table tr,.fht-table th,.fht-table td{margin:0;padding:0;vertical-align:middle;text-align:left}
.fht-table td{padding-left:1px}
.fht-table{border-collapse:collapse;border-spacing:0}
.fht-table-wrapper,.fht-table-wrapper .fht-thead,.fht-table-wrapper .fht-tfoot,.fht-table-wrapper .fht-fixed-column .fht-tbody,.fht-table-wrapper .fht-fixed-body .fht-tbody,.fht-table-wrapper .fht-tbody{overflow:hidden;position:relative}
.fht-table-wrapper .fht-fixed-body .fht-tbody,.fht-table-wrapper .fht-tbody{overflow:auto}
.fht-table-wrapper .fht-table .fht-cell{overflow:hidden;height:1px}
.fht-table-wrapper .fht-fixed-column,.fht-table-wrapper .fht-fixed-body{top:0;left:0;position:absolute}
.fht-table-wrapper .fht-fixed-column{z-index:1}

tr.highPriority.jw-selected-row td { background-color: #9FCC2E!important; font-weight: bold; color: #8B0000; }
tr.overdue.jw-selected-row td { background-color: #9FCC2E!important; color: #8B0000; }

.truncate { width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*
.gridAsc:after { content: '\f160'; font-family: FontAwesome; font-size: .8em; color: #666; padding-left: 5px; font-weight: normal; }
.gridDesc:after { content: '\f161'; font-family: FontAwesome; font-size: .8em; color: #666; padding-left: 5px; font-weight: normal; }
*/

/* new Sort icons */
.gridAsc:after  { content: '\f0de'; font-family: FontAwesome; font-size: 1.1em; color: #666; padding-left: 5px; font-weight: normal; }
.gridDesc:after { content: '\f0dd'; font-family: FontAwesome; font-size: 1.1em; color: #666; padding-left: 5px; font-weight: normal; }

/* TABLE STYLES */

tr.highPriority td { font-weight: bold; color: #8B0000; }
tr.overdue td { background-color: #ffd9d9; color: #8B0000; }

.redRow  { color: #a94442; background-color: #f2dede !important; }
.greenRow { color: #3c763d; background-color: #dff0d8 !important; }
.yellowRow { color: #8a6d3b; background-color: #fcf8e3 !important; }
.grayRow { color: #333; background-color: #ebebeb !important; }

/* REPEATER STYLES*/
.repeaterRedForm .panel { color: #a94442; background-color: #f2dede; }


/* JW OVERRIDES */
.jw-jef-grid { border: none; min-height: 200px; min-width: 700px; width: 100%; height: 100%;}
.jw-message-info { color: #31708f; background-color: #d9edf7; padding: 3px; margin-bottom: 3px; border: #bce8f1 1px solid; border-radius: 4px; font-size: 1.2em; font-weight: bold }
.jw-message-success { color: #3c763d; background-color: #dff0d8; padding: 3px; margin-bottom: 3px; border: #d6e9c6 1px solid; border-radius: 4px; font-size: 1.2em; font-weight: bold }
.jw-message-error { color: #fff!important; background-color: red; padding: 3px; margin-bottom: 3px; border: #ebccd1 1px solid; border-radius: 4px; font-size: 1.2em; font-weight: bold }
.jw-message-error button.btn.close {color: white!important; opacity:1!important;} 
.jw-message-warning { color: #8a6d3b; background-color: #fcf8e3; padding: 3px; margin-bottom: 3px; border: #faebcc 1px solid; border-radius: 4px; font-size: 1.2em; font-weight: bold }

.jw-selected-row { background-image: none; background-color: #9FCC2E!important; }

/* MODAL */
#popup-1-content { height: 265px; overflow: auto; }
.slickModal.isActive .window.bottomRight { right: 10px!important; bottom: 0; }
#popup-1 .jw-jef-grid { min-width: 630px; max-width:98%; }



/* SPLITER CODE */

/*!
Split Pane v0.8.0
Copyright (c) 2014 Simon Hagström
Released under the MIT license
https://raw.github.com/shagstrom/split-pane/master/LICENSE
*/
#splitterPane { min-height: 300px; overflow:hidden;}
.split-pane { position: relative; height:100%; }
.split-pane.fixed-top > .split-pane-component { position:relative; overflow: hidden; z-index: 1; width:100%; }
.split-pane.fixed-top .jw-jef-grid { min-height: 80px; }

.pretty-split-pane-component-inner { overflow: hidden; }
.pretty-split-pane-component-inner > div:last-child { overflow: auto; }
.pretty-split-pane-component-inner .container {overflow: hidden;}

.split-pane.fixed-top > .split-pane-divider { position: absolute; width: 100%; left: 0; cursor: row-resize; z-index: 2; }
.split-pane.fixed-top > .split-pane-divider > .split-pane-divider-inner { position: absolute; top: -5px; left: 0; box-sizing: content-box; width: 100%; height: 100%; padding: 5px 0; }
.split-pane-divider { background-color: #CCC; padding: 2px 0px!important; width: 100%; }
.split-pane-divider-inner { width: 10%!important; background-color: #444; padding: 0px!important; margin-left: 45%; margin-top: 5px; }

.split-pane-resize-shim { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; display: none; }

#top-component { height: 60%; }
#top-component, #top-component .pretty-split-pane-component-inner { min-height: 120px; }

#my-divider { top: 60%; height: 5px; }

#bottom-component { top: 60%; position: absolute; margin-top: 5px; }
#bottom-component, #bottom-component .pretty-split-pane-component-inner { min-height: 120px; }

.FullToggleIcon { position:absolute; font-weight: bold; left: 2px; top:2px; z-index:500; height: 20px; width: 18px; padding: 2px; }
.FullToggleIcon .UpIcon { position:absolute; left: 3px; top: 2px; }
.FullToggleIcon .DownIcon { position:absolute; left: -10000px; top: 2px; }
.Expanded .UpIcon { left: -10000px; }
.Expanded .DownIcon { left: 3px; }

.ui-icon { display:inline-block; }

/* Generic Dialog Styling*/

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: initial;
    font-weight: 100;
    border: none;
    background: transparent !important; /*Ensure the background is transparent, no border is present*/
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    outline:none; /*ensure the outline doesnt appear even on focus*/
    outline-color:transparent;
}

.ui-dialog .ui-dialog-titlebar-close:after {
    color: #555252;
    font-size: 16pt;
    font-weight: 100;
    top: 5px !important;
}

/* FHE 3.0.00 Enh 13. increased z-index from 999 to 9999. This forces dialog on top of main menu.*/
.ui-dialog {
    z-index: 9999!important;
}
.ui-draggable .ui-dialog-titlebar {
    cursor: move;
    color: #354F74 !important;
    font-weight: bold !important;
    background: transparent !important;
    border: none !important;
    font-size:x-large !important;
    text-transform: uppercase;
    padding-top: 10px;
}


.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    overflow: hidden;
    font-size: x-large !important;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
	overflow-x: hidden;
}

.ui-widget-header {
    background: transparent !important;
    color: #222222;
    font-weight: bold;
    border: none !important;
}
a:hover {
    cursor:pointer;
}

.genericDialog {
    padding: 0; 
    margin:0;
    border: 1px solid transparent; /* removes the black border and applys a transparent one instead */
    border-radius: 6px; /* adds a curved border too the look */
    overflow-x: hidden; /* Hides the scroll bar horizontally */
    outline-color:transparent;
}

.ui-dialog .ui-dialog-titlebar-close:focus {
    position: absolute;
    right: .3em;
    top: initial;
    font-weight: 100;
    border: none;
    background: transparent !important; /*Ensure the background is transparent, no border is present*/
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    outline:none !important; /*ensure the outline doesnt appear even on focus*/
    outline-color:transparent;
}

/* Check box styling to ensure they are enough length apart */
.chkbox {
    margin-left: 5px;
    margin-right: 5px;
    box-sizing:border-box;
}

/* Currency class to align the text to the right */
.currency {
    text-align:right;
    display:inline-block !important;
    width: 100px !important;
}

/* Date styling */
.dateOnly {
    width:100px; max-width:100%; padding:4px 7px 2px 4px;
}

/* Date Time styling */
.dateTime {
    width:160px; max-width:100%; padding:4px 7px 2px 4px;
}

/* Note: This styling is applied to all checkboxes used in the application to stay consistant. */
input[type='checkbox'] {
    background: #CCC;
    padding: 1px !important;
    color: black;
    width: 15px !important;
    height: 15px !important;
    display: inline;
    opacity: .95;
}

/* Note: This styling is applied to all checkboxes labels used in the application to stay consistant. */
input[type='checkbox'] label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 0;
    border-radius: 4px;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4) !important;
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,.4);
    background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
    background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
    background: -o-linear-gradient(top, #222 0%, #45484d 100%);
    background: linear-gradient(top, #222 0%, #45484d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCC', endColorstr='#45484d',GradientType=0 );
}

/* Note: This styling is applied to all checkboxes onfocus event used in the application to stay consistant. */
input[type='checkbox']:focus {
    background-color: transparent !important;
    color: black;
    font-weight: bold;
    outline: none !important;
}

/* Note: This styling is applied to all checkboxes onhover event used in the application to stay consistent. */
input[type='checkbox']:hover {
    background-color: rgba(255,255,255,.8);
    color: cornflowerblue;
}

/* Note: absolute-message is used to display JW Messages on top of the screens heading.  */
.absolute-message {
    /*position:absolute !important;*/
    width:100% !important;
}

/* use this to format a total row in a grid */
.totalRow { font-weight:bold;  color: #3c763d; background-color: #dff0d8!important}

/* this style used to format tabular data within no special logic */
.jwHtmlTable td, .jwHtmlTable th {padding: 1px 6px 1px 6px;}

.Col_Right_Fix_Left {padding-left: 25px !important;}

.col-md-3 { 
    max-width: 350px;
}
.col-md-4 { 
    max-width: 425px;
}
.col-md-5 { 
    max-width: 500px;
}
.col-md-6 { 
    max-width: 500px;
}
.col-md-8 { 
    max-width: 800px;
}
.col-md-9 { 
    max-width: 900px;
}
.col-md-10 { 
    max-width: 1000px;
}
.col-md-11 { 
    max-width: 1100px;
}
/*.col-md-12 { 
    max-width: 1200px;
}*/

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-10, .col-md-12,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-10, .col-xs-12 { 
    padding-right: 0px;
}

.row {margin-right: 0px;}

.margin-left-50 {
    margin-left: 50px;
}

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

.hidden {
    display:none;
    visibility:hidden;
    width:0;
}

.fh-table { border-collapse:collapse; border:0px none black; }
.fh-table th, .fh-table td { text-align:right; padding:5px; }

.partyred, .partyred a {color:red}

/* styles for RMIS button bar links */
#bblinks {margin:auto; width:500px}

.bblink {margin-right: 15px}

/*
    The .modal class z-index setting is 1050 in standard bootstrap CSS - customize and override here using 2050 for FH
    This allows bootbox confirmations and alerts to be higher in stack order (positioned on top) of other elements such as the menu or nav bar that has z-index of 1500 for some reason
    Overriding here avoids the customization that we previously made in the actual bootstrap CSS file prior to version 3.0 upgrade

    04/14/2022: Increased z-index from 2050 to 9999 in 4.0 release to match ui-dialog change to 9999 in 3.0 release, otherwise, bootbox.modal confirmations & alerts are not accessible when using dialog box/window
*/
.modal { z-index:9999; }