#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;
  bottom:0;
}

.mid-angled{margin-left:273px}
.right-angled{margin-top:40px;margin-left:273px}

.legendLabel span {
  margin: 0 2px;
}

/* 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;
  padding-bottom: 0;
}
#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;  
}

/*MV-26388: This class is only used when a chart has been popped out*/
.popout-chart{
  width: 100% !important;
}
  
/*.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;
}*/

/*---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%;
  }
    #footer{bottom:initial;}

}
@media (max-width: 767px) {
  #hide-menu i {
    color: #D4DEFF;
    font-size: 121%;
  }
    #footer{bottom:auto;}
}
@media only screen and (max-width: 479px) and (min-width: 320px) {
  #logo img {
    width: 127px;
  }
  #logo {
    width: 135px;
  }
  .search-mobile .header-search {
    background: #1F3061;
  }
  #footer{bottom:auto;}
}

.fc-agenda .fc-event-time {
    display:block;
}
.fc-event-time, .fc-event-title {
  width: 100%;
  word-break: break-word;
  word-wrap:break-word;
}

nav ul ul ul li a {
    padding: 10px 1px 10px 8px;
}

/* 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;
}

.no-internet {
  height:100%;  
	background: red !important;
}

.ui-spinner-input.spinner-both {
    padding: 15px 30px !important;
}
.ui-spinner-input.spinner-both+.ui-spinner-button, .ui-spinner-input.spinner-both+.ui-spinner-button+.ui-spinner-button {
    height: 31px !important;
    width: 25px;
}

.btn {
        white-space: normal;
}

/* Bootstrap mobile issue*/
@media (max-width: 767px) {
    .navbar-header {
        display: inline-block;
    }

    .navbar-brand {
        line-height: 36px;
    }
}

/* Page Footer */
.page-footer {
    background: #1f3061 !important;
}

@media (max-width: 979px) {
    .page-footer {
        padding: 10px 14px 0 !important;
    }
}


/*Login page adjustments */
#login h4.paragraph-header {
  margin-top: 5px;
}

#footer.login_footer {
  border-color: #CCC;
  background: #F8F8F8;
  border-top-width: 1px;
  border-top-style: solid;
  width: 100%;
  height: 0%;
  position: inherit;
  left: 0;
  bottom: 0;
}

#login #header {
  margin-bottom: 10px;
}

#login .login-app-icons {
  margin-top: 50px;
}

.login_find_out_btn {
  position: absolute;
  bottom: 10px;
}

@media (min-width: 1440px) {
  #main.main_login {
    padding-bottom: 85px;
  }
}

/* Reset Password Page*/
#extr-page #header.reset_password_pg {
  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 !important;
  background-image: url(../../images/sf2.png) !important;
  background-repeat: no-repeat !important;
  margin-bottom: 20px;
}

.sa-min-width {
  min-width: 640px;
}

/*BNI-MV-27233 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-MV-27233 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;
}