html, body {
    height: 100%;
    overflow-y: hidden;
}
body {
    display: flex;
    flex-direction: column;    
}
div {
    -webkit-overflow-scrolling: touch;
}
.page-header-text{
    font-size: 1.8em;
    font-weight: bold;
    color: steelblue;
}
h2,h3,h4 {
    font-family: 'Trebuchet','Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;    
    font-weight: bold;
}
h3 {
    color: steelblue;
}
select[multiple] > option {
    padding: 3px;
}
.banner {
    flex: 0 0 auto;

    background: #535353;
    padding: 4px;  
}
.menubar {
    flex: 0 0 auto;
    background: #727272;
}
.splitter {
    flex: 0 0 auto;
    width: 14px;
    background: url(../images/vsizegrip.png) center center no-repeat #727272;
    cursor: col-resize;  
}
#TitleBar {     
    z-index: 100;
    margin: 5px;
}
#ErrorMessage {
    border-radius: 4px;
    margin-bottom: 0;
    padding: 8px;
    position: fixed;
    bottom: 8px;
    left: 20%;
    right: 20%;
    z-index: 10000;
    opacity: 0.88;
    box-shadow: 2px 2px 4px #535353;
}
#ContentContainer {
    flex: 1 1 auto;        
    overflow: hidden;

    display: flex;
    flex-direction: row;    
}
#ListPanel {
    flex: 0 0 auto;
    width: 310px;        
    overflow: hidden;

    display: flex;
    flex-direction: column;
    
    border-right: 1px solid silver;
}
#ListPanel,#ContentPanel {              
    -webkit-transition: width 1s;
    transition: width 1s;
}
#ListPanel.collapsed {
    width: 0;
}
#ListPanel select {
    flex: 1 1 auto;        
    width: auto;    
    height: 100%;     
    overflow: auto;

    border-radius: 0;
    border: none;
    padding: 4px 0 0;
}
    #ListPanel select option {
        padding: 5px 0 5px 5px !important;                
    }
#ResourceIdList {
    
}
#ContentPanel {
    flex: 1 1 auto;  
    width: auto;          
    overflow: auto;    

    padding: 5px 10px 5px;
    -webkit-transition: left 1.2s;
    transition: left 1.2s;
}
#ContentPanel.expanded {
   
}

#ResourceList {
    
}

#ResourceGrid {
    position: absolute !important;
    top: 55px;
    left: 0;
    /* ReSharper disable once RedundantUnits */
    right: 0;
    bottom: 0; 
    overflow-y: auto;   
    display: none;
    background: white;
    z-index: 1000;    
}
.locale-id-header {
    font-size: 15pt;
    color: darkred;
    font-weight: bold;
}
.locale-id {
    float: left;
    width: 60px;
    font-weight: bold;
    color: steelblue; 
}
.color-check {
    color: limegreen;
}
.color-danger {
    color: firebrick;
}
.color-disabled {
    color: silver;
}
.hrstyle {
    margin: 10px 0;
}
.clickable {
    cursor: pointer;
}


.separator {
    border-bottom: 1px solid lightgrey;
    margin: 5px auto 15px;
    height: 1px;
}

input.ng-invalid,textarea.ng-invalid,select.ng-invalid {
    background: pink;
}
.navbar {
    min-height: 0;
}
.navbar-nav a {
    color: white;    
    border: none;
    cursor: pointer;
    border-right: 1px #868686 solid;
    padding: 11px 10px !important;
    font-size: 0.96em;   
}

    .navbar-nav a:hover {
        color: #535353;
    }    
@media (max-width: 767px) {
    #MenuButtons {
        display: none;
    }
    .navbar {
        min-height: 0;
    }
    .navbar-nav {
        margin: 0;
    }
    #ContentPanel {
        padding: 0 5px 0 5px;
    }
}

.form-control-small {
    margin-bottom: 3px;
    border-radius: 4px;
    padding: 4px;
    border-color: silver;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
   border-bottom: solid 2px transparent;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a:hover {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    color: white;
    background: #535353 !important;
    border-bottom: solid 2px darkorange;
    border-radius: 2px;
}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a.selected {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
    color: white;
    background: #535353 !important;
        border-bottom: solid 2px orange;
    border-radius: 2px;
}
.modal-dialog {
    margin: 30px auto;
}
.modal-header {
    padding: 15px 15px 5px;
}
.modal-body {
    padding: 10px 20px 5px 20px;
}

/*specific styles for the navigation bar which override bootstrap*/
.navbar-container.navbar.navbar-inverse {
    margin-bottom:0;
}

/*override specific styles for the content container. This means the main page content will now, by default, fill the width of the page */
.main-content-container.container {
    margin:0;
    padding:0;
    width:100%;
}

.padded-container {
    margin:20px;
}

/*fix for menu drop down cutoff*/
.pull-right .dropdown-menu:after {
    left: auto;
    right: 3px;
}
.pull-right .dropdown-menu {
    left: auto;
    right: 0;
}


.resource-editor-icon, .resource-editor-icon:hover,  .resource-editor-icon:visited {
    position: absolute;
    display: inline;
    height: 13px;
    width: 13px;     
    text-decoration: none;
    z-index: 999999;
    opacity: 0.35;
    margin: -14px 0 0 -2px;
    cursor: pointer;
}
.resource-editor-icon:hover {
    opacity: 1;         
}
.resource-editor-icon:before {
    font-family: fontawesome;
        content: "\f024"; /* flag */
        font-size: 9pt;
        color: red;        
}
.resource-editor-button {   
        z-index: 999999;
        color: white;        
        background-color: DarkGreen;
        opacity: 0.35;     
        position: fixed;
        bottom: 10px;
        right: 20px;
        padding: 7px 9px 5px 10px;        
        border-radius: 50%;
}
.resource-editor-button.off {
    background-color: #b64545;
}
.resource-editor-button:before{
 font-family: fontawesome;
        content: "\f024"; /* flag */
        font-size: 14pt;
}
.resource-editor-button:hover {
    font-family: fontawesome;
    opacity: 0.65;
}

[ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

/* Styling for the transfer resources page */
.option-container {
    border: 1px solid #000000;
    border-radius:5px;
    padding: 10px;
    width:100%;
    margin-bottom:25px;
}
.option-selection {
    width:100%;
    display:flex;
    margin-bottom:10px;
}
.option-selection .option {
    display:flex;
    margin-right: 25px;
}
.option-selection .option label {
    margin-right: 5px;
    width:100px;
    display: flex;
    align-items: center;
}
.option .option-input {
    margin-right: 5px;
    width: 200px;
}
.right-aligned-buttons-container {
    display: flex;
    justify-content: flex-end;
}
.table.table-striped .table-header td {
    background-color: #eeeeee;
}
.table {
    text-align: center;
}
.error-text {
    color: #B20000;
    font-size:14px;
}
.page-selector {
    margin-left:10px;
}
.current-page {
    color: #B20000;
}
.page-navigation {
    margin-bottom:10px;
}
/* end styling the transfer resources page */

/* start general modal styling */
.modal-body {
    font-size: 14px;
}
/* end general modal styling*/

/* start styling for the login modal */
.login-modal-option-selection {
    display:flex;
    flex-direction:column;
    margin-top:25px;
}
.login-modal-option-selection div.option {
    margin-bottom:20px;
    margin-right:0;
}
.login-modal-option-selection div.option label{
    font-size:14px;    
}
/* end styling for the login modal */

/* start styling for the compare resource modal */
.compare-modal-table {
    text-align: left;
    border-collapse: separate;
    border-spacing: 5px;
}
.compare-modal-table .compare-modal-table-header td {
    border:none;
    padding-bottom:0;
}
.compare-modal-table .compare-modal-table-content td {
    border:1px solid #dddddd;
    max-width:100px;
    overflow-wrap:break-word;
    word-break:break-word;
    word-wrap:hyphenate;
    hyphens:auto;
    -webkit-hyphens:auto;
    -moz-hyphens:auto;
    -ms-hyphens:auto;
}
/* end styling for the compare resource modal */

/* start styling for loading box */
.loading-box {
    opacity: 0.8;
    background-color: #ccc;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
}
.loading-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; 
    margin-top: -32px; 
    height:50px;
    width:50px;
    display: block;
    background: url('data:image/gif;base64,R0lGODlhLwAvAJECAJubm0hISP///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1QkNFOTg4Q0UwM0VFMjExQjUyQkRGNjFBMDQwOTExNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo0NDkxNkQxMjNGRDYxMUUyQjY3REFBMjgxM0Q2RTA2MyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0NDkxNkQxMTNGRDYxMUUyQjY3REFBMjgxM0Q2RTA2MyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENzBCQUIzRkQ2M0ZFMjExODU4MENGODkyMDgwRUM5MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1QkNFOTg4Q0UwM0VFMjExQjUyQkRGNjFBMDQwOTExNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0i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');
    background-size: 100% 100%;
}
/* end styling for loading box */


/* START: resource list */
.save-button.enabled,
.approve-button.enabled {
    color: #E82E00;
    border-color: #E82E00;
    border: 1px solid #E82E00 !important;
}
/* END: resource list */

/* START: grid resource editor */
.grid-editor-header {
    margin:8px;
}
/* END: grid resource editor*/

/* START: search page */
.search-page-input {
    width:500px;
}
/* END search page */

/* START: resources table */
.resource-table-edit-button {
    float: right;
}
.results-table {
    table-layout: fixed;
}
.results-table tr td {
    text-align: left;
}
/* END: resources table */


/* START: Styling for client side validation */
input.ng-invalid {
    background: none;
}
textarea.ng-invalid {
    background: none;
}
input.ng-invalid.ng-touched {
    background-color: #FFC0CB;
}
textarea.ng-invalid.ng-touched {
    background-color: #FFC0CB;
}
.validation-error {
    color: #B20000;
    font-size: 14px;
}
/* END: Styling for client side validation */