@media (max-width: 1550px) {

    .horizontal-submenu {
        display: block;
    }

    .vertical-submenu {
        display: none !important;
    }

    .page-content-wrapper .page-content {
        width: 100%;
    }
}

@media (min-width: 1551px) {

    .horizontal-submenu {
        display: none !important;
    }

    .vertical-submenu {
        display: inline-block;
    }

    .page-content-wrapper .page-content {
        width: calc(100% - 185px);
    }

}
/*********************************************/
#contentContainer {
    margin: 0 8px;
}

.horizontal-submenu {
    font-size: .925em
}

.horizontal-submenu ul li {
    display: inline-block;
    padding: .5em;
}

.horizontal-submenu .submenu-container {
    margin: 0;
    text-align: right;
}

.horizontal-submenu .submenu-container a {
    border-bottom: 2px solid transparent;
    border-right: none;
    padding: .5em;
}

.horizontal-submenu .submenu-container a.selected,
.horizontal-submenu .submenu-container a:hover {
    border-bottom: 2px solid #494440;
    border-right: none;
}

.horizontal-submenu .submenu-container a:after {
    display:block;
    content:attr(title);
    font-weight:bold;
    height:1px;
    color:transparent;
    overflow:hidden;
    visibility:hidden;
    margin-bottom:-1px;
}

.page-content-wrapper {
    margin: auto;
    clear:  both;
    width: 95%;
    max-width: 1882px;
}

.page-content-wrapper .page-content {
    display: inline-block;
}

.page-content-wrapper .vertical-submenu {
    vertical-align: top;
    width: 160px;
    margin-left:25px;
}

.submenu-container a {
    text-decoration: none;
    background-color: transparent;
}

.page-instructions {
    margin-bottom: 5px;
    min-height: 25px;
}

.required {
    font-size: .75em;
    margin-left: 4px;
    color: #b94a48;
    vertical-align: middle;
}

.line-divider {
    border: 1px solid #BBBBBB;
    margin: 15px 0;
}

/** Helper Classes **/
.font-italic {
    font-style:italic;
}

.pull-right {
    float:right;
}

.pull-left {
    float: left;
}

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

.margin-right-20{
    margin-right:20px;
}

.padding-bottom-15{
    padding-bottom: 15px;
}

.line-height-45 {
    line-height: 45px;
}

.clear-both {
    clear: both;
}

.text-align-right {
    text-align: right;
}
/************************/

/*** ---------------- ***/
.ui-outputlabel {
    color: #444444;
    font-size: 0.95em;
    font-weight: bold;
    margin-right: .5em;
    white-space: nowrap;
}

.ui-selectcheckboxmenu-label,
.ui-inputfield,
.ui-widget-content .ui-inputfield,
.ui-widget-header  .ui-inputfield {
    background: #FFFFFF;
    border: 1px solid #A9A9A9;
    border-radius: 0;
    box-shadow: none;
    color: #000000;
    font-weight: normal;
    width:calc(100% - 6px) !important;
}

.ui-inputfield.ui-state-focus,
.ui-widget-content .ui-inputfield.ui-state-focus,
.ui-widget-header  .ui-inputfield.ui-state-focus {
    -moz-box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #dfeffc;
    -webkit-box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #dfeffc;
    box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #dfeffc;
    border: 1px solid #85b2cb;
}

/* .ui-inputfield .readonly-form-field,
.ui-widget-content .ui-inputfield .readonly-form-field ,
.ui-widget-header  .ui-inputfield .readonly-form-field {
	background-color: #EEEEEE;
} */

.ui-inputfield.ui-state-focus.readonly-form-field, 
.ui-inputfield.ui-state-default.readonly-form-field, 
.ui-widget-content .ui-inputfield.ui-state-focus.readonly-form-field, 
.ui-widget-content .ui-inputfield.ui-state-default.readonly-form-field, 
.ui-widget-header  .ui-inputfield.ui-state-focus.readonly-form-field, 
.ui-widget-header  .ui-inputfield.ui-state-default.readonly-form-field {
	background-color: #EEEEEE;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header  .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec none 50% 50% repeat-x;
    color: #cd0a0a;
}

.ui-outputlabel.ui-state-error {
    border: none;
    color: rgb(185, 74, 72);
    font-style: italic;
    background: none;
}

.ui-selectonemenu {
	border-radius: 0;
    width: calc(100% - 4px);
    padding-right: 6px !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger,
.ui-selectonemenu .ui-selectonemenu-trigger {
	padding: 0 8px;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 7px;
    margin-left: 0px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-top: 7px;
    margin-left: -7px;
}

.ui-menu {
    width:auto !important;
}

.ui-menu .ui-menuitem-link {
    width:auto !important;
    font-size: .85em;
}

.ui-menu .ui-menuitem-link:hover{
    cursor: hand;
}

/*** DataTable ***/
.ui-datatable tbody td {
    font-size: 12px;
    vertical-align: text-top;
}

.ui-datatable-scrollable-header th,
.ui-datatable-scrollable-body thead th,
.ui-datatable-scrollable-body tbody td,
.ui-datatable-scrollable-body tfoot td,

.ui-datatable-resizable thead th,
.ui-datatable-resizable tbody td,
.ui-datatable-resizable tfoot td {
    white-space: normal;
}

.empty-message,
.ui-widget-content.ui-datatable-empty-message > td {
    color: #ff870b;
    font-style: italic;
    font-weight: bold;
}

.ui-widget-content.ui-datatable-empty-message > td {
    text-align: center !important;
}

.ui-datatable.unstyled-header .ui-datatable-header {
    background: none;
    border: none;
    padding: 0 0 .45em 0;
    text-align: right;
}

.ui-datatable-data .action {
    text-align: center;
}

.ui-datatable .table-filter-search {
    width: 400px !important;
}

.ui-datatable-data .action span.ui-button-icon-left {
    color: #b94a48;
    margin-top : -0.6em;
    margin-left: -0.65em;
}

.table-filter-search.ui-state-default {
    background: #FFFFFF;
    border: 1px solid #A9A9A9;
    border-radius: 0;
    box-shadow: none;
    color: #000000;
    font-weight: normal;
}

.nda-table .medium-icon {
    font-size: 1.5em;
    padding-right: .45em;
}

.nda-table i {
    color: #112e51;
    font-size: 20px;
    vertical-align: middle;
}

/*** END DataTable Styles ***/

.ui-dialog-content a,
.ui-dialog-content a:hover,
.ui-dialog-content a:visited {
    color: #0000FF;
    font-weight: normal;
}

.dialog-footer .ui-button {
    margin-left:5px;
}

#package-select-form {
    float: left;
    margin-top: 15px;
}

.package-select-box {
    width: 200px !important;
}

.package-select {
	margin-left:6px;
}

.package-transfer-search {
	margin-bottom: 10px;
}

.package-transfer-search .ui-inputfield {
	width:calc(100% - 155px) !important;	
}

.package-transfer-search .fa-spinner {
	font-size:22.5px;
}

.package-transfer-search .ui-button {
	margin-left:4px;
	margin-top:-4px;
}

/*****************************************************/
.table {
	display: table;
	width:100%;
}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
	padding: 2.5px
}

.form-fields.table .table-row :first-child.table-cell {
    width: 150px;
}

.content-header {
	position: relative;
}

.profile-help-center {
	position: absolute;
	top: 0px;
	right: 0px;
}

div.hide-closed-collection-container {
    text-align: left;
    margin-bottom: 0.5em;
}

label.property-label {
    opacity: 0.8;
    height: 1.4rem;
    font-weight: 700;
    font-size: 0.8rem;
    margin-bottom: 2px;
    margin-right: 0.5rem;
    display: inline-block;
    vertical-align: middle;
    font-variant: small-caps;
    text-transform: uppercase;
}

.ui-state-default .ui-icon {
    background-image: url(/javax.faces.resource/images/ui-icons_6da8d5_256x240.png.html?ln=primefaces-redmond&v=10.0.0);
}

.load-user-profile-dlg {
    padding: 0.2em 1em 0.2em 1em;
}

