/*
File: ssnc-bootstrap-media-queries.css
*/
/* Element Queries */
/* Pagination */
.detail-visible [data-current-break="1000"] .pagination-controls,
[data-current-break="1250"] .paging-info,
[data-current-break="1100"] .paging-info,
[data-current-break="1050"] .paging-info
[data-current-break="950"] .paging-info,
[data-current-break="950"] .rowNumSelect,
[data-current-break="950"] .paging-info,
[data-current-break="900"] .paging-info,
[data-current-break="750"] .paging-info,
[data-current-break="750"] .rowNumSelect,
[data-current-break="700"] .paging-info,
[data-current-break="700"] .rowNumSelect,
[data-current-break="500"] .paging-info,
[data-current-break="500"] .rowNumSelect,
[data-current-break="235"] .paging-info,
[data-current-break="235"] .rowNumSelect,
.stage-footer-items[data-current-break="400"] .page-view {
	display: none;
}
.box[id^=USRDEL] .stage-footer[data-current-break="700"] .page-totalPages,
.box[id^=USRDEL] .stage-footer[data-current-break="500"] .page-totalPages {
	display: table-cell;
}
.box[id^=USRDEL] .stage-footer[data-current-break="235"] .page-totalPages {
	display: none;
}
.table[data-current-break="500"] {
	table-layout: auto;
}
.table[data-current-break="500"] .table-row .table-cell:nth-child(3) {
	max-width: 200px !important;
}
.stage-footer[data-current-break="500"] {
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}
.stage-footer[data-current-break="500"] .row-controls .btn  {
	margin-right: 0.15em;
}
.stage-footer .row-controls .btn-icon {
	display: none;
}
.stage-footer[data-current-break="750"] .row-controls .btn-text,
.stage-footer[data-current-break="700"] .row-controls .btn-text,
.stage-footer[data-current-break="500"] .row-controls .btn-text {
	display: none;
}
.stage-footer[data-current-break="750"] .row-controls .btn-icon,
.stage-footer[data-current-break="700"] .row-controls .btn-icon,
.stage-footer[data-current-break="500"] .row-controls .btn-icon {
	display: block;
}
/* Media Queries */
@media (min-width: 1200px) and (max-width: 1360px) {
	#main-navigation .list-group-horizontal .list-group-item span {
		display: none!important;
	}
	.investor-header #main-navigation .list-group-horizontal .list-group-item span {
		display: inline-block !important
	}
	.col-1280-25 {
		width: 25%;
	}
	.col-1280-75 {
		width: 75%;
	}
	.col-1280-25.col-lg-6,
	.col-1280-25.col-md-6,
	.col-1280-75.col-lg-6,
	.col-1280-75.col-md-6 {
		width: 50% !important;
	}
	.doctype-pane-25 {
		width: calc(35% - 20px);
	}
	.doctype-pane-75 {
		width: calc(65% - 20px);
	}
	.sizer,
	.box.card,
	.box.card.tall:not(.fullscreen),
	.tile {
		width: calc(34% - 25px) !important;
	}
	.box.card.large:not(.fullscreen),
	.box.card.quad:not(.fullscreen),
	.box.card.super:not(.fullscreen),
	.portlet {
		width: calc(66% - 20px) !important;
	}
	.card.max {
		width: 98.56% !important;
	}
	.card.full-width {
		width: calc(100% - 10px) !important;
	}
	.documents-panel.card.quad .tools .doc-optional {
		display: none;
	}
	.documents-panel.card.quad .tools .doc-pagination.paginate {
		width: 45%;
	}
	.documents-panel.card.large .tools .fs-select-box,
	.documents-panel.portlet .tools .fs-select-box {
		width: 20%;
	}
	.documents-panel.card.large .tools .rowNumSelect,
	.documents-panel.portlet .tools .rowNumSelect  {
		width: 11%;
	}
	.indexCurrent {
		font-size: 1.3rem !important;
		font-weight: bold;
	}
}
@media (min-width: 1200px) and (max-width: 1380px) {
	/* Investor View Overrides */
	#header.investor-header .list-group-horizontal .list-group-item {
		padding: 21.8px 10px;
	}
	.investor-header #menubar {
		width: calc(100% - 280px);
	}
	.investor-header #menubar .app-name {
		padding-left: 3px;
	}
	#header .dropdown-toggle.user-menu {
		width: auto;
	}
	#header.investor-header .user-menu {
		max-width: none;
	}
	#header.investor-header .user-menu .fa-gear {
		line-height: 20px;
	}
	.home-panel .panel-icon {
		min-width: 100px;
		max-width: 100px;
		min-height: 100px;
		max-height: 100px;
	}
	.user-menu .username {
		display: inline-block;
		padding-right: 5px;
	}
	.user-menu .username span {
		display: inline-block;
		max-width: 140px;
		padding-right: 5px;
	}
	#header.investor-header > .navbar-header {
		float: left;
	}
	.investor-header  #menubar {
		height: 63px;
		width: 100%;
	}
	#header.investor-header .dropdown.menu-condensed {
		display: block;
	}
	.stage-filters-options {
		flex-flow: row wrap;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#main {
		height: 100%;
		padding: 25px 15px 0 15px;
	}
	.sizer,
	.box.card,
	.box.card.tall:not(.fullscreen),
	.tile {
		width: calc(33% - 15px) !important;
	}
	.box.card.large:not(.fullscreen),
	.box.card.quad:not(.fullscreen),
	.box.card.super:not(.fullscreen),
	.portlet {
		width: calc(66% - 20px) !important;
	}
	.box.card.max {
		width: 98.56% !important;
	}
	.box.card.full-width {
		width: 100%!important;
	}
	.indexCurrent {
		font-size: 1.3rem !important;
		font-weight: bold;
	}
	.indexDetails {
		font-size: 0.8rem !important;
	}
	.portlet-table td {
        font-size: 1.25rem;
    }
	#main.investor-home .card,
	#main.investor-home .card.tall,
	#main.investor-home .tile {
		width: 48% !important;
	}
	#main.investor-home .card.full {
		width: 96.55% !important;
	}
}
@media (min-width: 992px) and (max-width: 1070px) {
	.indexDetails {
    	font-size: 1rem!important;
		line-height: 1;
	}
}
@media (max-width: 1199px) {
}
@media (max-width: 1024px) {
	#main.home > .rows {
		flex: 0 1 100%
	}
	.stage-filters-options {
		flex-flow: column wrap;
	}
}
@media (min-width: 992px) {
	#main {
		height: 95% !important;
		position: relative;
		/*padding: 120px 10px 8px;*/
		padding: 25px 6px 0 6px;
	}
	#main.documents {
		padding-bottom: 0;
		margin-left: 335px;
		width: calc(100% - 335px);
	}
	.sidebar-wrapper {
		position: fixed;
		height: calc(100% - 55px);
	}
	.sidebar-wrapper.offcanvas {
		position: absolute;
		height: 100%;
	}
}
@media (max-width: 992px) {
	body {
		padding-top: 0;
	}
	#main-wrapper {
		padding-top: 0;
	}
	.sidebar-wrapper {
		position: static;
		height: calc(100% - 4.4em);
        padding-bottom: 3em;
	}
}
@media (max-width: 991px) {
	.investor-header #menubar,
	#menubar,
	#main {
		width: 100%;
	}
	#main.home {
		overflow-y: auto;
	}
	#DateList .fs-select-options {
		width: 300px
	}
	.navbar-nav {
		margin: 0;
	}
	.contacts-dropdown {
		height: calc(100% - 4.35em);
		position: fixed;
		top: 4.35em;
	}
	#contactsFrame {
		height: calc(100vh - 6.6em);
	}
}
@media (min-width: 768px) and (max-width: 841px) {
	.indexDetails {
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#main:not(.no-bottom-padding) {
		height: 100% !important;
		padding: 25px 10px 0;
		margin-bottom: 10px;
	}
	#main.no-bottom-padding {
		padding: 8em 10px 0 15px;
	}
	.box.card.large:not(.fullscreen),
	.box.card.quad:not(.fullscreen),
	.box.card.super:not(.fullscreen),
	.tile,
	.portlet {
		width: calc(100% - 1.5em) !important;
	}
    .sizer,
    .box.card:not(.fullscreen),
    .box.card.tall:not(.fullscreen){
		width: calc(50% - 1.5em) !important;
	}
	.indexCurrent {
		font-size: 1.3rem !important;
		font-weight: bold;
	}
	.indexDetails {
		font-size: 0.8rem !important;
	}
	#main.investor-home .card,
	#main.investor-home .card.tall,
	#main.investor-home .tile {
		width: 48% !important;
	}
	#main.investor-home .card.full {
		width: 96.55% !important;
	}
	.card.docs {
		width: 100% !important;
	}
	#filterContainer .btn {
		padding: 6px 34.5px;
	}
	.documents-panel.card.quad .tools .page-view {
		display: none;
	}
	.documents-panel.card.quad .tools .btn-group {
		width: calc(100% - 45px);
	}
	.notification,
	.logout	{
		height: 100% !important;
		width: 100% !important;
	}
	.detail-visible .stage-data {
		width: 0%;
	}
	.detail-visible .stage-detail {
		flex: 1 0 100%;
	}
	#contacts-inner {
		height: 86.8vh;
	}
	#contactsFrame {
		width: 100vw;
	}
}
@media (max-width: 767px) {
	#main-wrapper {
		padding-top: 0;
		height: 100%;
        padding: 70px 0 28px 0;
	}
	#main-wrapper.has-mobile-footer {
		height: calc(100% - 3em);
	}
	#main:not(.no-bottom-padding) {
		height: 100% !important;
		padding: .4em 10px 0;
		margin-bottom: 10px;
	}
	#main.home > .row.investor {
		margin: 10px
	}
	#contacts-inner {
		display: block;
	}
	.sidebar-wrapper {
		width: 100%;
	}
	.card .card-title,
	.card.tall .card-title,
	.tile .tile-title,
	.card.large.card-title,
	.card.quad.card-title,
	.portlet .portlet-title{
		font-size: 1.3rem;
	}
	.nav-contacts-list {
		max-height: none;
	}
	.sidebar-wrapper.navmenu-default {
		border: none;
	}
	.navbar-fixed-top .navbar-collapse,
	.navbar-fixed-bottom .navbar-collapse {
		max-height: 100%;
	}
	.sizer,
	.box.card,
	.box.card.tall,
	.box.card.large,
	.box.card.quad,
	.box.card.super,
	.tile,
	.portlet {
		width: calc(100% - 30px) !important;
	}
	.box.card.quad,
	.box.card.super,
	.portlet {
		height: 290px !important;
	}
	.card.quad > .card-body,
	.portlet > .portlet-body {
		height: 200px;
	}
	.card.max {
		width: 98.56% !important;
	}
	#main.investor-home .card,
	#main.investor-home .card.tall,
	#main.investor-home .tile {
		width: 47.45%
	}
	#main.investor-home .card.full {
		width: 95.5%;
	}
	.navbar-nav .open .dropdown-menu {
		position: absolute;
	}
	.documents-panel .tools .fs-select-box {
		width: 47%;
	}
	.documents-panel .tools .doc-pagination {
		display: none!important;
	}
	.documents-panel > .card-title > .ellipsis {
		width: 60%;
	}
	.docs-truncate {
		display: none;
	}
	#new-features video {
		width: 100%;
	}
	.documents-panel.card.large .tools .page-view,
	.documents-panel.card.quad .tools .page-view {
		display: none;
	}
	.documents-panel.card.large .tools .btn-group,
	.documents-panel.card.quad .tools .btn-group {
		width: calc(100% - 45px);
	}
	.notification,
	.logout	{
		height: 100% !important;
		width: 100% !important;
	}
	.col-ph-1, .col-ph-2 .col-ph-3, .col-ph-4, .col-ph-5, .col-ph-6, .col-ph-7, .col-ph-8, .col-ph-9, .col-ph-10, .col-ph-11, .col-ph-12 {
	  position: relative;
	  min-height: 1px;
	  padding-left: 15px;
	  padding-right: 15px;
	}
	.col-ph-1, .col-ph-2, .col-ph-3, .col-ph-4, .col-ph-5, .col-ph-6, .col-ph-7, .col-ph-8, .col-ph-9, .col-ph-10, .col-ph-11, .col-ph-12 {
	  float: left;
	}
	.col-ph-12 {
	  width: 100%;
	}
	.col-ph-11 {
	  width: 91.66666667%;
	}
	.col-ph-10 {
	  width: 83.33333333%;
	}
	.col-ph-9 {
	  width: 75%;
	}
	.col-ph-8 {
	  width: 66.66666667%;
	}
	.col-ph-7 {
	  width: 58.33333333%;
	}
	.col-ph-6 {
	  width: 50%;
	}
	.col-ph-5 {
	  width: 41.66666667%;
	}
	.col-ph-4 {
	  width: 33.33333333%;
	}
	.col-ph-3 {
	  width: 25%;
	}
	.col-ph-2 {
	  width: 16.66666667%;
	}
	.col-ph-1 {
	  width: 8.33333333%;
	}
	.col-ph-0 {
	  width: 0;
	}
	.col-ph-pull-12 {
	  right: 100%;
	}
	.col-ph-pull-11 {
	  right: 91.66666667%;
	}
	.col-ph-pull-10 {
	  right: 83.33333333%;
	}
	.col-ph-pull-9 {
	  right: 75%;
	}
	.col-ph-pull-8 {
	  right: 66.66666667%;
	}
	.col-ph-pull-7 {
	  right: 58.33333333%;
	}
	.col-ph-pull-6 {
	  right: 50%;
	}
	.col-ph-pull-5 {
	  right: 41.66666667%;
	}
	.col-ph-pull-4 {
	  right: 33.33333333%;
	}
	.col-ph-pull-3 {
	  right: 25%;
	}
	.col-ph-pull-2 {
	  right: 16.66666667%;
	}
	.col-ph-pull-1 {
	  right: 8.33333333%;
	}
	.col-ph-pull-0 {
	  right: auto;
	}
	.col-ph-push-12 {
	  left: 100%;
	}
	.col-ph-push-11 {
	  left: 91.66666667%;
	}
	.col-ph-push-10 {
	  left: 83.33333333%;
	}
	.col-ph-push-9 {
	  left: 75%;
	}
	.col-ph-push-8 {
	  left: 66.66666667%;
	}
	.col-ph-push-7 {
	  left: 58.33333333%;
	}
	.col-ph-push-6 {
	  left: 50%;
	}
	.col-ph-push-5 {
	  left: 41.66666667%;
	}
	.col-ph-push-4 {
	  left: 33.33333333%;
	}
	.col-ph-push-3 {
	  left: 25%;
	}
	.col-ph-push-2 {
	  left: 16.66666667%;
	}
	.col-ph-push-1 {
	  left: 8.33333333%;
	}
	.col-ph-push-0 {
	  left: auto;
	}
	.col-ph-offset-12 {
	  margin-left: 100%;
	}
	.col-ph-offset-11 {
	  margin-left: 91.66666667%;
	}
	.col-ph-offset-10 {
	  margin-left: 83.33333333%;
	}
	.col-ph-offset-9 {
	  margin-left: 75%;
	}
	.col-ph-offset-8 {
	  margin-left: 66.66666667%;
	}
	.col-ph-offset-7 {
	  margin-left: 58.33333333%;
	}
	.col-ph-offset-6 {
	  margin-left: 50%;
	}
	.col-ph-offset-5 {
	  margin-left: 41.66666667%;
	}
	.col-ph-offset-4 {
	  margin-left: 33.33333333%;
	}
	.col-ph-offset-3 {
	  margin-left: 25%;
	}
	.col-ph-offset-2 {
	  margin-left: 16.66666667%;
	}
	.col-ph-offset-1 {
	  margin-left: 8.33333333%;
	}
	.col-ph-offset-0 {
	  margin-left: 0%;
	}
	.hidden-ph {
		display: none;
	}
	.detail-visible .stage-data {
		width: 0%;
	}
	.detail-visible .stage-detail {
		flex: 1 0 100%;
	}

	header.header,
	#header {
		height: 1.8em;
	}
	#header > .filter-row {
		height: 2em;
		top: 2.3em;
	}
	.toggle-sidebar-mobile {
		height: 2.3em;
		line-height: 2.5em;
		/*padding: 0 0.8em;*/
        margin-top: 7px;
	}
	.page-options,
	.toggle-search-mobile,
	.toggle-filters-mobile
	 {
		line-height: 1.7em;
	}
	.quick-search-mobile {
		top: 2.1em;
	}
	#contactsPane,
	#filtersPane,
	#searchPane,
	#noticesPane {
		top: 4.4em;
		height: calc(100% - 4.4em);
	}
	.sidebar-wrapper {
		margin: 2.3em 0 0;
	}
	#main-nav-toggle {
		height: 2.3em;
		line-height: 2.5em;
	}
	.navbar-default .navbar-brand {
		height: 0;
		padding: 0.1em;
	}
	.navbar-default .navbar-brand img {
		/*max-height: 3em!important;*/
        /*padding-top: .6em;*/
        margin-top: 0!important;
        margin-left: 14px;
	}
	.filter-row .filter {
		height: 24px;
		margin: 0!important;
	}
	.filter-row .filter .fs-select-text,
	.filter-row .filter [class$="icon-"] {
		font-size: 0.8em;
	}
	.filter-row .filter .fs-select-drop {
		top: 23px;
	}
	.stage-title {
		padding: 0 1rem;
	}
	.stage-title h3 {
		font-size: 18px!important;
		margin: 0;
	}
}
@media (min-width: 481px) and (max-width:767px) and (orientation: portrait) {
	.login-screen .logo {
		padding: 3.5em 6.5em;
	}
	.login-form form {
		width: calc(100% - 2em)
	}
	.doc-subtitle {
		display: none;
	}
	#main.home > .rows {
		height: 420px;
	}
	#filterContainer .btn {
		padding: 6px 23.5px;
	}
	.notification,
	.logout	{
		height: 100% !important;
		width: 100% !important;
	}
}
@media (min-width: 481px) and (max-width:767px) and (orientation: landscape) {
	.login-screen .logo {
		padding: 1em 2em;
		right: 8em;
	}
	.login-form {
		margin-top: 4em;
	}
}
@media (max-width: 480px) {
	.login-screen .logo {
		padding: 3.5em 6.5em;
	}
	.login-form form {
		width: calc(100% - 2em)
	}
	/*.sizer,*/
	.box.card,
	.box.card.tall,
	.box.card.large,
	.box.card.quad,
	.box.card.super,
	.tile,
	.portlet {
		width: calc(100vw - 10px) !important;
		height: calc(100vh - 11em) !important;
	}
	.card.quad,
	.portlet {
		height: 290px;
	}
	.card.quad .card-body,
	.portlet .portlet-body {
		height: 200px;
	}
	.card.max {
		width: 98.56% !important;
	}
	.notification,
	.logout	{
		height: 100% !important;
		width: 100% !important;
	}
}
@media (max-height: 480px) {
}
@media (min-height: 481px) and (max-height: 680px) {
}
@media (min-height: 550px) and (max-height: 760px) {
}
@media (min-height: 761px) and (max-height: 840px) {
}
.card .inline-hidden-card,
.tile .inline-hidden-tile,
.tall .inline-hidden-tall,
.large .inline-hidden-large,
.quad .inline-hidden-super,
.portlet .inline-hidden-portlet {
	display: none !important;
}
/* Inline Element Style */
@media (max-width:767px) {
	.inline-hidden-xs, .inline-hidden-sm.inline-hidden-xs, .inline-hidden-md.inline-hidden-xs, .inline-hidden-lg.inline-hidden-xs {
		display: none !important;
	}
	.inline-hidden-large,
	.inline-hidden-super,
	.inline-hidden-portlet {
		display: inline !important;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.doc-subtitle {
		display: inline;
	}
	.inline-hidden-xs.inline-hidden-sm, .inline-hidden-sm, .inline-hidden-md.inline-hidden-sm, .inline-hidden-lg.inline-hidden-sm {
		display: none !important;
	}
	.inline-hidden-large,
	.inline-hidden-super,
	.inline-hidden-portlet {
		display: inline !important;
	}
}
@media (min-width:992px) and (max-width:1199px) {
	.inline-hidden-xs.inline-hidden-md, .inline-hidden-sm.inline-hidden-md, .inline-hidden-md, .inline-hidden-lg.inline-hidden-md {
		display: none !important;
	}
	.inline-hidden-large,
	.inline-hidden-super,
	.inline-hidden-portlet {
		display: inline !important;
	}
}
@media (min-width:1200px) {
	.inline-hidden-xs.inline-hidden-lg, .inline-hidden-sm.inline-hidden-lg, .inline-hidden-md.inline-hidden-lg, .inline-hidden-1280.inline-hidden-lg, .inline-hidden-lg {
		display: none !important;
	}
	.pe-panel {
		font-size: 1.1rem;
	}
}
@media (min-width:1200px) AND (max-width:1360px) {
	.inline-hidden-xs.inline-hidden-1280, .inline-hidden-sm.inline-hidden-1280, .inline-hidden-md.inline-hidden-1280, .inline-hidden-lg.inline-hidden-1280, .inline-hidden-1280 {
		display: none !important;
	}
}
@media (max-width:767px) {
	.inline-visible-xs, .inline-visible-sm.inline-visible-xs, .inline-visible-md.inline-visible-xs, .inline-visible-lg.inline-visible-xs {
		display: inline !important;
	}
}
@media (min-width:768px) and (max-width:991px) {
	.inline-visible-xs.inline-visible-sm, .inline-visible-sm, .inline-visible-md.inline-visible-sm, .inline-visible-lg.inline-visible-sm {
		display: inline !important;
	}
}
@media (min-width:992px) and (max-width:1199px) {
	.inline-visible-xs.inline-visible-md, .inline-visible-sm.inline-visible-md, .inline-visible-md, .inline-visible-lg.inline-visible-md {
		display: inline !important;
	}
}
@media (min-width:1200px) {
	.inline-visible-xs.inline-visible-lg, .inline-visible-sm.inline-visible-lg, .inline-visible-md.inline-visible-lg, .inline-visible-lg {
		display: inline !important;
	}
}
@media (min-width:1200px) AND (max-width:1360px) {
	.inline-visible-xs.inline-visible-1280, .inline-visible-sm.inline-visible-1280, .inline-visible-md.inline-visible-1280, .inline-visible-lg.inline-visible-1280, .inline-visible-1280 {
		display: inline !important;
	}
}
@media (min-width: 0) {
	.navbar-toggle:not(#main-nav-toggle) {
		display: block; /* force showing the toggle */
	}
}
@media only screen and (max-width: 991px) {
	.tableContainer .table,
	.tableContainer .table thead,
	.tableContainer .table tbody,
	.tableContainer .table th,
	.tableContainer .table td,
	.tableContainer .table tr {
		display: block;
	}
	#main.documents .tableContainer thead tr:nth-of-type(2) {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.tableContainer .table tbody tr td {
		position: relative;
		padding: 5px 0 0 5px;
		text-align: left !important;
	}
}
/* Family Office Overrides */
@media only screen and (min-width: 1200px) and (max-width: 1595px) {
	#main-navigation .navbar-nav .app-name {
		font-size:0.77em;
	}
}

/*
	DEVICE ORIENTATION SPECIFIC TARGETING
*/
/* PHONES */
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2) {
	.login-form form {
		width: calc(100% - 2em)
	}
	header.header,
	#header {
		height: 3.5em;
	}
	.sidebar-wrapper {
		margin: 7em 0 0;
	}
	.header.navbar-default {
		background: #243346;
	}
    #main{
        padding: 5em 15px 1em;
    }
	#main:not(.no-bottom-padding) {
		display: flex;
    	flex-flow: column wrap;
		padding: .8em 0 0;
	}
	#main.home > .rows {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-content: space-between;
		flex: 0 1 100%;
		height: calc(100% - 10px);
		width: 100%;
		padding: 0;
	}
	.home-panel .panel-footer {
		font-size: 2rem;
	}
	.home-panel {
		flex: 0 calc(50% - 5px);
		width: calc(50% - 5px);
	}
	#account {
		flex: 1 100%;
	}
	.stage, #accessContainer {
		min-height: 100%;
		max-height: 100%;
		height: 100%;
	}
	.detail-visible .stage-detail {
		flex: 1 0 100%;
	}
	.detail-visible .stage-detail .ui-resizable-handle {
		display: none;
	}
	.fs-select-options.scroll {
		max-height: 150px;
	}
}
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
	.login-screen .logo {
		padding: 2em 6.5em;
	}
	.login-form {
		margin-top: 7em;
	}
	.notification,
	.logout	{
		height: 100% !important;
		width: 100% !important;
	}
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 480px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
	.login-screen .logo {
		padding: 1em 2em;
		right: 0;
	}
	.login-form {
		margin-top: 4em;
	}
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2) {
	.hidden-ph {
		display: none;
	}
	.login-form form {
		width: calc(100% - 2em)
	}
	.sidebar-wrapper {
		margin: 4.4em 0 0;
	}
    #main{
        padding: 5em 15px 1em;
    }
	#main.home > .rows {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-content: space-between;
		flex: 0 1 100%;
		height: calc(100% - 10px);
		width: 100%;
		padding: 0;
	}
	.home-panel {
		flex: 0 calc(50% - 10px);
		width: calc(50% - 10px);
	}
	.home-panel .panel-footer {
		font-size: 2rem;
	}
}
/* Portrait */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
	.login-screen .logo {
		padding: 1em 6.5em;
		top: 2em;
	}
	.login-form {
		margin-top: 7em;
	}
	.panel-title {
		font-size: 1.1rem;
	}
	.notification,
	.logout	{
		height: 100% !important;
		width: 100% !important;
	}
}
/* Landscape */
@media only screen
and (min-device-width: 320px)
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
	.login-screen .logo {
		padding: 1em 2em;
		right: 0;
	}
	.login-form {
		margin-top: 3.5em;
	}
	.home-panel {
		height: 75%;
	}
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {
	.hidden-ph {
		display: none;
	}
	.login-screen .logo {
		padding: 1em 2em;
		right: 0;
	}
	.login-form form {
		width: calc(100% - 2em)
	}
	header.header,
	#header {
		height: 3.5em;
	}
	.sidebar-wrapper {
		margin: 4.4em 0 0;
	}
	.header.navbar-default {
		background: #243346;
	}
    #main{
        padding: 5em 15px 1em;
    }
	#main.home > .rows {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-content: space-between;
		flex: 0 1 100%;
		height: calc(100% - 10px);
		width: 100%;
		padding: 0;
	}
	.home-panel {
		flex: 0 calc(50% - 10px);
		width: calc(50% - 10px);
	}
	.home-panel .panel-footer {
		font-size: 2rem;
	}
	.panel-title {
		font-size: 1.1rem;
	}
	.notification,
	.logout	{
		height: 100% !important;
		width: 100% !important;
	}
}
/* Portrait */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: portrait) {
	.login-screen .logo {
		padding: 6em 8em;
	}
}
/* Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2)
and (orientation: landscape) {
	.home-panel {
		height: 75%;
	}
	.panel-title {
		font-size: 1.1rem;
	}
}
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3) {
	.login-form form {
		width: calc(100% - 2em)
	}
	header.header,
	#header {
		height: 3.5em;
	}
	.header.navbar-default {
		background: #243346;
	}
	.sidebar-wrapper {
		margin: 4em 0 0;
	}
    #main{
        padding: 5em 15px 1em;
    }
	#main.home > .rows {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-content: space-between;
		flex: 0 1 100%;
		height: calc(100% - 10px);
		width: 100%;
		padding: 0;
	}
	.home-panel .panel-footer {
		font-size: 2rem;
	}
	.home-panel {
		flex: 0 calc(50% - 10px);
		width: calc(50% - 10px);
	}
	.notification,
	.logout	{
		height: 100% !important;
		width: 100% !important;
	}
}
/* Portrait */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: portrait) {
	.login-screen .logo {
		padding: 9em 9em;
	}
	.login-form {
		margin-top: 9em;
	}
	.login-form form {
		width: calc(100% - 2em)
	}
}
/* Landscape */
@media only screen
and (min-device-width: 414px)
and (max-device-width: 736px)
and (-webkit-min-device-pixel-ratio: 3)
and (orientation: landscape) {
	#main.home > .rows {
		height: 290px;
	}
	.home-panel {
		height: 55%;
	}
	.home-panel .panel-body {
		padding: 4px 8px 0;
	}
}

/* ----------- Galaxy S3 ----------- */
/* Portrait and Landscape */
@media screen
and (device-width: 720px)
and (device-height: 1280px)
and (-webkit-device-pixel-ratio: 2) {
    #main{
        padding: 5em 15px 1em;
    }
	.notification,
	.logout	{
		height: 100% !important;
		width: 100% !important;
	}
}
/* Portrait */
@media screen
and (device-width: 720px)
and (device-height: 1280px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: portrait) {
	.sizer,
	.card,
	.card.tall,
	.card.large,
	.card.quad,
	.tile,
	.portlet {
		width: 88.5%;
		width: calc(100% - 40px) !important;
	}
}
/* Landscape */
@media screen
and (device-width: 720px)
and (device-height: 1280px)
and (-webkit-device-pixel-ratio: 2)
and (orientation: landscape) {
	.sizer,
	.card,
	.card.tall,
	.card.large,
	.card.quad,
	.tile,
	.portlet {
		width: 93%;
		width: calc(100% - 40px) !important;
	}
}
/* ----------- Galaxy S4 ----------- */
/* Portrait and Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {
    #main{
        padding: 5em 15px 1em;
    }
	.notification,
	.logout	{
		height: 100% !important;
		width: 100% !important;
	}
}
/* Portrait */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {
	.sizer,
	.card,
	.card.tall,
	.card.large,
	.card.quad,
	.tile,
	.portlet {
		width: 88.5%;
		width: calc(100% - 40px) !important;
	}
}
/* Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {
	#main.home > .rows {
		height: 255px;
	}
	.home-panel.small-side-padding {
		padding: 0 3px;
	}
	.home-panel .panel-body {
		padding: 4px 8px 0;
	}
	.sizer,
	.card,
	.card.tall,
	.card.large,
	.card.quad,
	.tile,
	.portlet {
		width: 88.5%;
		width: calc(100% - 40px) !important;
	}
}
/* ----------- Galaxy S5 ----------- */
/* Portrait and Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3) {
    #main{
        padding: 5em 15px 1em;
    }
	.notification,
	.logout	{
		height: 100% !important;
		width: 100% !important;
	}
}
/* Portrait */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: portrait) {
}
/* Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 3)
and (orientation: landscape) {
}
/* ----------- Galaxy S6 ----------- */
/* Portrait and Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 4) {
    #main{
        padding: 5em 15px 1em;
    }
	.notification,
	.logout	{
		height: 100% !important;
		width: 100% !important;
	}
}
/* Portrait */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 4)
and (orientation: portrait) {
}
/* Landscape */
@media screen
and (device-width: 360px)
and (device-height: 640px)
and (-webkit-device-pixel-ratio: 4)
and (orientation: landscape) {
}
/*  IE 11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.panel-icon img {
		margin: 3.5vh;
	}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width: 1200px) and (max-width: 1380px) {
	.panel-icon img {
		margin: 3.5vh;
		width: 5vh;
		height: 5vh;
	}
}

/* Workarounds for devices where the keyboard covers the text fields */
@media screen
and (max-height: 350px)
and (min-width: 768px)
and (max-width: 1199px) {
	.stage-tabs {
		display: none;
	}

	.fs-select-drop .fs-select-options.scroll {
		max-height: 120px;
	}
}