plugins/org.eclipse.osee.web.ui/src/dispo/css/user.css

.gutter {
    background-color: #eee;

    background-repeat: no-repeat;
    background-position: 50%;
}

.gutter.gutter-horizontal {
    background-image: url('grips/vertical.png');
    cursor: ew-resize;
}

.grid {
	height: 100%;
	border: black;
}

.gutter.gutter-vertical {
    background-image: url('grips/horizontal.png');
    cursor: ns-resize;
    background-color: darkgrey;
}

#itemsGridDiv {
	height: 100px;
}

#gridsDiv {
	height: 83vh;
}

#subGridDiv {
	height: 100px;
}
  
#top-content {
    margin-left: 5px;
    margin-right: 5px;
    background-color: blue;
    border: black;
    
}

#itemSelectedBar {
    height: 40px;
    width: 100%;
    background-color: lightcyan;
    border-bottom: 3px solid black;
    z-index: 100;
}

#itemSelectedText {
    overflow: auto;
    height: 100%;
    display: inline-block;
}

#itemSelectedLeftDiv {
    display: inline-block;
    overflow: hidden;
    position: absolute;
    width: 90%;
    height: inherit;
}

#itemSelectedRightDiv {
    display: inline;
    width: 10%;
    float: right;
    height: 100%;
}

#itemSelectedFailureText {
    margin: auto;
    overflow: auto;
    height: 92%;
    display: inline-block;
    position: absolute;
    padding-top: 12px;
    padding-left: 5px;
    overflow-x: hidden;
}

#openSourceFileButton {
    float: right;
    width: 100%;
    height: 100%;
}

#bottom-content {
    margin-left: 5px;
    margin-right: 5px;
    background-color: lightslategray;
}

#content-resizer {
    position: fixed;
    height: 6px;
    bottom: 300px;
    left: 0;
    right: 0;
    background-color: #666;
    cursor: n-resize;
}

#sidebar-resizer:hover, #preview-resizer:hover {
	background-color: #AAA;
}

.ngHeaderScroller{
   position:fixed;
}

#subGrid div.ui-grid-cell-contents.invalid {
    background-color: #ff8a8a;
}

#subGrid .ui-grid-viewport.ng-isolate-scope {
    background-color: lightslategray;
}

#subGridDiv {
    background-color: lightslategray;
}

.textarea {
	resize: vertical;
}

#compareText {
	width: 110px;
	margin: 0px 0px 0px 75px;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	background-color: #B0E0E6;
}
#dispoTable {
    background-color: white;
    border: 5px solid black;
}
th {
    background-color: #969AA0;
}

.subTable {
	border-spacing: 1px;
	background-color: #FFF;
	border: 1px solid #000;
}

td {
   border: 1px solid black;
}

.itemData {
   overflow: hidden;
   white-space: nowrap;
   max-width:50px;
	height:30px;
   background-color: white;
}
.itemDataFail {
   overflow: hidden;
   white-space: nowrap;
   max-width:50px;
	height:30px;
   background-color: yellow;
}

input:disabled {
    background-color: #D3DFE0;	
}
.spacer {
    background-color: white;
}
.emptyCell {
    height:30px;
    background-color: rgb(200, 200, 200);
}
td {
    background-color: #9AEAF5;
}
.emptyAnnotation {
    height:20px;
    background-color: #9AEAF5;
}
textarea {
	resize: none;
}

.annotationInput:focus {
	border: 2px dashed green;
}
.annotationInput.details {
   height: 200px;
	overflow: visible;
	white-space: pre-line;
}
.annotationInput.invalid {
	border: 5px solid red;
}
.annotationInput:disabled {
    background-color: #D3DFE0;	
}

.annotationInput.details:disabled {
	height: 200px;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   background-color: #D3DFE0;	
}

.annotationInput.details.invalid {
	border: 4px solid red;
}

.annotationDelete {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.annotationDelete.details {
   height: 200px;
	overflow: visible;
	white-space: pre-line;
}

.annotationDelete:disabled {
	background-color: white;
	color: white;
	border: none;
}

.ItemStatus.incomplete {
	background-color: yellow;
}
.ItemStatus.complete {
	background-color: green;
}

#multItemEditDiv {
	margin-top: 20px;
}

#refresh {
	margin-top: 20px;
 }
 
 #search {
	margin-top: 20px;
	margin-right: 0px;
 }
 
 .modal.fade.ng-isolate-scope.needsRerunModal.in {
      background-color: rgba(0, 0, 0, 0.5);
 }
 
 #loadingModal {
 	margin-bottom: 0px;
 }
 
 #helpButton {
 	height: 50px;
 }
 
input.cellInput{
	background-color: inherit;
	border: none;
	width: 100%;
	height: 30px;	
}
 
input.cellInput:disabled {
	background-color: inherit;
}

input.cellInput:focus{
	background-color: inherit;
	border: solid cyan;
}

#showAllTextArea {
	width: 100%;
	height: 100%;
	resize: both:
}

.method-number {
    background-color: rgb(157, 164, 171);
    height: 100%;
    border-bottom: solid 1px grey;
}

.placeholder-parent {
	text-align: center;
}

.none-complete-parent {
	background-color: red;'
}

.almost-complete-parent {
	background-color: yellow;'
}

.some-complete-parent {
	background-color: orange;'
}

.complete-parent {
	background-color: #7eff39;'
}

.causing-invalid {
	border: 2px dashed #ff8a8a;
}

.resolution-invalid {
	border: 2px dashed #ff8a8a;
}