﻿html {
  background:#fff;
}
#wrapper{min-height:100%;position:relative}
#footer{border-color:#CCC;background:#F8F8F8;border-top-width:1px;border-top-style:solid;width:100%;height:275px;position:absolute;left:0}
.mid-angled{margin-left:273px}
.right-angled{margin-top:40px;margin-left:273px}

.pText{
    color:#fff;
}
/* For IE8 and down */
#iewrapper {display:none;}
/******/
#logo {
	margin-top: 10px;
}
#extr-page #VPheader {
  margin: 0;
height: 65px;
border-bottom: 1px solid #eee!important;
overflow: hidden;
padding: 0 30px;
background-clip: padding-box;
border-width: 0;
min-height: 28px;
background-color: #1F3061!important;
background-position: right top;
background-image: url(../../images/sf2.png);
background-repeat: no-repeat;
margin-bottom: 20px;
}
#VPheader>:first-child, aside {
width: 220px;
}
#VPheader>div {
display: inline-block;
vertical-align: middle;
height: 49px;
float: left;
}
#extr-page #VPheader #logo img {
width: 196px;
}
.header-search > input[type="text"] {
	border-color: #D4DEFF;
	color: #D4DEFF;
}
#main {
	position: inherit;
}
#extr-page #main {
padding-top: 0px;
}
#extr-page #main{margin:0;}
#extr-page h4.paragraph-header{width:100%;}
#activity.active .badge {
  background:none;
}
#extr-page #VPheader #logo {
  margin-top:12px;
  margin-left:0;
  width:196px;
}
#extr-page-header-space{line-height:63px}
#logo img {
  width:157px;
}
#logo {
  width:180px;
  margin-top:6px;
}

.display-image{margin-top:-54px;}
#logo{margin-top:10px;}

.chart {
  overflow:visible;
}
.hidden-menu #hide-menu>:first-child>a {
background-color: #a90329;
background-image:none;
-webkit-box-shadow: inset 0 0 3px 1px rgba(0,0,0,.15);
box-shadow: inset 0 0 3px 1px rgba(0,0,0,.15);
color: #fff;
border-color: #900323;
}

.smart-form input.input-sm {
    padding: 0px 0px 0px 6px !important;
}

.TradeEntry-Padding {
    padding: 0px 5px 5px !important;
}
.jarviswidget .widget-body {
	padding-bottom: 0px !important;
}

.smart-form .append-icon{
    color: #A2A2A2;
}

.smart-form .append-icon {
    border-color: #BDBDBD;
    transition: border-color .3s;
    -o-transition: border-color .3s;
    -ms-transition: border-color .3s;
    -moz-transition: border-color .3s;
    -webkit-transition: border-color .3s;
}

.smart-form .append-icon {
    right: 5px;
    padding-left: 3px;
    border-left-width: 1px;
    border-left-style: solid;
}

.smart-form .append-icon {
    position: absolute;
    top: 5px;
    width: 22px;
    height: 22px;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}

/*---Replaces the icon-append class---*/
.smart-form .appendIcon{right:5px;padding-left:3px;border-left-width:1px;border-left-style:solid}
.smart-form .appendIcon,.smart-form .icon-prepend{position:absolute;top:5px;width:22px;height:22px;font-size:14px;line-height:22px;text-align:center}
.smart-form .input .appendIcon+input,.smart-form .textarea .appendIcon+textarea{padding-right:37px}
.smart-form .input .icon-prepend+.appendIcon+input,.smart-form .textarea .icon-prepend+.appendIcon+textarea{padding-left:37px}
.smart-form .checkbox i,.smart-form .appendIcon,.smart-form .icon-prepend,.smart-form .input input,.smart-form .radio i,.smart-form .select select,.smart-form .textarea textarea,.smart-form .toggle i{border-color:#BDBDBD;transition:border-color .3s;-o-transition:border-color .3s;-ms-transition:border-color .3s;-moz-transition:border-color .3s;-webkit-transition:border-color .3s}
.smart-form .appendIcon,.smart-form .icon-prepend{color:#A2A2A2}
.state-error .appendIcon,.state-error .icon-prepend{color:#ed1c24}
.widget-toolbar .smart-form .appendIcon,.widget-toolbar .smart-form .icon-prepend,.widget-toolbar.smart-form .appendIcon,.widget-toolbar.smart-form .icon-prepend{top:3px!important}
/*----------------------------------------------------*/

/*
.input-group-addon {
    text-align:left;
    line-height:1.42857143;
}
*/
em.invalid {color:red}

@media (max-width: 979px) and (min-width: 768px) {
  #hide-menu i {
    color: #D4DEFF;
    font-size: 100%;
  }
}
@media (max-width: 767px) {
  #hide-menu i {
    color: #D4DEFF;
    font-size: 121%;
  }
}
@media only screen and (max-width: 479px) and (min-width: 320px) {
  #logo img {
    width: 127px;
  }
  #logo {
    width: 135px;
  }
  .search-mobile .header-search {
    background: #1F3061;
  }
}

.fc-agenda .fc-event-time {
    display:block;
}
.fc-event-time, .fc-event-title {
  width: 100%;
  word-break: break-word;
  word-wrap:break-word;
}
.calendar-context {
  position: absolute;
  right: 66px;
  top: 11px;
}

/*---- ERV-22938 fix ---*/
.superbox-imageinfo h1 {
        color: #fff;
}
/*----------------------*/

/* Legend hack - BNI 14809 */
/*media screen*/
.legendColorBox div > div {
    width: 12px !important;
    height: 12px !important;
    border-radius: 0% !important;
    -webkit-border-radius: 0% !important;
    -moz-border-radius: 0%;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}
/* Simple helper class to allow text to be bolded dynamically */
.vpsl-bold {
  font-weight:bold !important;
  font-style:italic !important;
}

/* BNI  16098 - Remove CPU intensive animation */
.progress-bar-no-animate {
  height:100%;
  /* taken from vpsl blue */
	background: #4387bf !important;
}

/* Bootstrap mobile issue*/
@media (max-width: 767px) {
    .navbar-header {
        display: inline-block;
    }

    .navbar-brand {
        line-height: 36px;
    }
}

/* Context Selector */
.context-breadcrumb-menu-link {
  padding: 2px 0 2px 0;
  border-bottom: solid 1px #ececec;
}

/* Widget Manager */
.nav-tabs>li.active>a {
    margin-top: 0px!important;
}

.nav-tabs > li.active> .widget-tab {
border-top-width: 1px !important;
}

/* smart-forms */
.smart-form .btn {
	padding: 6px 9px;
}

.info-container .btn {
  padding: 0px;
}

/* ERV-26977 add-edit-user styling for smartform using the duallistbox*/
.smart-form * > .bootstrap-duallistbox-container,
.smart-form > .bootstrap-duallistbox-container :after,
.smart-form > .bootstrap-duallistbox-container :before, 
.bootstrap-duallistbox-container > .box1,
.bootstrap-duallistbox-container > .box2 {
  padding: 0 7px 0 7px;
  box-sizing: inherit;
  -moz-box-sizing: inherit;
}
/* ERV-26977 reduce padding for fieldset */
.smart-form fieldset {
  padding: 15px 14px 5px;
}

  /* ERV-26880 Pt2 */
  .inline-header-block {
	display: inline-flex;
	align-items: baseline;
	margin: 0;
	padding-bottom: 1em;
}

.w-100-jc-sb {
	width: 100%;
	justify-content: space-between;
}

.helpIcon_sm {
  font-size: smaller;
}

/* User Details page, remove overflow auto */
/*stops the bottom dropdown menu from being hidden*/
#content.user_details { 
  overflow: unset;
}

.modal-auto {
  width: auto;
  margin: 30px;
}

  .modal-auto .modal-content {
    min-height: calc(100vh - 60px);
    height: auto;
  }

  .modal-auto .modal-body {
    min-height: calc(100% - 132px);
  }

@media (max-width: 991px) {
  .modal-auto .modal-content {
    height: auto;
  }

  .sm-offset-margin {
    margin-left: 15px;
    margin-right: 15px;
  }
}

/*BNI-ERV-25641 Fix unwanted multiple sorting symbols in column headers after update to dataTables 1.10.21 */
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_desc_disabled::after,
table.dataTable thead .sorting::after {
  content: none !important;
}

/*BNI-ERV-25641 Fix alignment of filter/sorting symbols in column headers after update to dataTables 1.10.21 */
table.dataTable thead > tr > th.sorting_asc, 
table.dataTable thead > tr > th.sorting_desc, 
table.dataTable thead > tr > th.sorting {
  padding-right: 20px !important;
}

/*Hide the minify button when in fixed-navigation as we can't have visible overflow when the nav element is fixed*/
.fixed-navigation .minifyme {
  display: none !important;
}

.fixed-navigation nav#leftMenu {
  overflow-x: hidden;
}

.fixed-navigation nav#allDisplaysHeader {
  overflow-x: visible;
}
  /*The width here is set to 106% to hide the vertical scrollbar on the LHM when the navigation is fixed in the 
  Layout Settings. This overwrites a value of 114% set in the smartadmin css files, as 114% perfectly hides the 
  scrollbars on Chrome and Edge but not on Firefox which has a much narrower scrollbar
*/
@-moz-document url-prefix() {
  .fixed-navigation nav > ul {
    width: 106%;
  }
}
