﻿body {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    background: #FFF !important;
}


.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

input,
select,
textarea {
    max-width: 400px;
}

ul, li {
    line-height: 1.25
}

td.loginError {
    padding-top: 20px;
    color: red;
    padding-left: 100px;
}

td.loginField {
    padding-top: 10px;
}

td.loginFieldError {
    padding-top: 20px;
    color: red;
    padding-left: 20px;
    vertical-align: top;
}

td.loginLabel {
    padding-top: 10px;
    width: 100px;
    padding-right: 5px;
}


div.loginEntry {
    position: relative;
    top: 20px;
}

div.loginEntry > table{
	margin: auto;
}

.clienterror {
    color: red;
}

div .oracleLogo {
    position: absolute;
    top: 6px;
    left: 20px;
}

.navbar-oracle-grey {
    background-color: #F7F7F7;
    border-color: #E7E3E7;
    background-image: none;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;

}

.oracleMenuContainer {
    padding-left: 150px !important;
}

.navbar-inverse .navbar-nav > li > a {
    color: #6d6d6d !important;
    text-shadow:none !important;
}

.navbar-inverse .navbar-nav > li > a:hover {
        color:#a9a9a9 !important;
    }

.export-buttons {
    text-align: right;
}

.home-items {
    padding-left: 20px;
}

.language-control-group {
    text-align: right;
    height: 0;
}

.homeFeaturesList {
    font-size: 16px;
}

.delete-link{
	line-height: 35px;
}

.sort-dropdown{
padding-left: 7px;
padding-right: 0px;
width: 195px;
}


.sort-param{
padding-left: 7px;
width: 110px;
}

li.welcomeMessage {
    color: #6d6d6d;
    padding-right: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
}

h2 {
    font-size: 26px;
}

#serverTime {
    font-weight: 700;
    position: relative;
    top: 6px;
}

ul.ui-autocomplete {
    box-sizing: border-box;
    width: 200px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border: 1px solid #ccc;
    border-radius: 4px;
    list-style: none;
}

.compresspara {
    position: relative;
    top: -10px;
}

.expanded {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4285;
    color: black;
    text-align: left;
}

.expanded .downloadLink {
        color: #337ab7;
    }

.expandable {
    color: #337ab7;
}

.expandable:hover {
    color: #23537c;
    text-decoration: underline;
    cursor: pointer;
}

.delete-link-label {
    color: #337ab7;
    font-weight: normal !important;
}

.delete-link-label:hover {
    color: #23537c;
    text-decoration: underline;
    cursor: pointer;
    font-weight: normal !important;
}

.ui-dialog {
    text-align: center;
    width: 100%;
}

.ui-dialog-title{
    text-align: center;
    width: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4285;
    color: black;
}

.ui-state-hover{
    border:none !important;
}

.ui-icon-closethick{
    float:right;
}

#expanded{
    overflow:auto;

}

.expandedTable{
    width:80%;
    background-color:#F7F7F7 !important;
    margin-bottom:5px !important;
}

.expandedTable td, .expandedTable th{
    padding-left: 5px;
}

.printerfriendly{
    background: url(../Images/qual_printer_16_full.png) no-repeat center;
    display: block;
    text-indent : -9999px;
    width: 16px;
}

.subtablecontainer{
    border-top:none !important;

}

input.auto-height {
    height: auto;
}

 div.import-export-field-warning {
    color: red;
    font-weight: bold;
    display:none;
} 

 .form-group.required .control-label:before, .oj-flex.required .control-label:before{
     color: red;
     content: "* ";
     font-size: 14px;
 }

 .form-group.notrequired .control-label:before, .oj-flex.notrequired .control-label:before{
     color: transparent;
     content: "* ";
     font-size: 14px;

 }

 .shift-up{
     margin-top:-20px;
 }

.ui-autocomplete {
    height:auto;
    max-height: 500px;
    overflow-y: scroll;
}

.floatRight{
    float:right !important;
}

@media (min-width: 1500px){
    .widecontainer{
        width: 1460px; 
    }
}

@media (min-width: 1800px){
    .superwidecontainer{
        width: 1760px;
    }
}

.pushup{
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.floatleft {
    float: left !important;
}

.fakeformcontrol {
    display: block !important;
    width: 100% !important;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
}

.bold-italic{
    font: italic bold 12px/30px arial, sans-serif;
}

.changeitemcolor{
    background-color:aquamarine;
}

.colorselect{
  color: white;
}
.colorselectnew{
  color: white;
}
.enticon{
    content: url("../Images/enterprise.png");
    
}
.propicon {
    content: url("../Images/property.png");
   
}

.statusFilterDropdown{
    max-width: 220px;
}
#filterControls {
 margin-left: 65px;
 margin-top: 5px;
}
#clearFilter{
    margin-left:105px;
}
#addFilter{
    margin-left:-50px;
}
#hideFilter{
    margin-left: 40px;
     margin-top: 5px;
}
#applyFilter{
    margin-left:-30px;
}
#addFilterRow{
    margin-left: 200px;
}

.oj-tree-list,
.oj-tree-list ul,
.oj-tree-node {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.oj-tree-node {
    min-height: 1.833em;
    white-space: nowrap;
    min-width: 18px;
    vertical-align: middle;
}

html:not([dir="rtl"]) .oj-tree-node {
    margin-left: 15px;
}

html[dir="rtl"] .oj-tree-node {
    margin-right: 15px;
}

.oj-tree-icon {
    display: inline-block;
    text-decoration: none;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}



.oj-fwk-icon-folder-open:before,
.oj-expanded:not(.oj-tree-type) > a .oj-tree-node-icon:before {
       content: url("../Images/property.png") !important ;
    }

.oj-fwk-icon-folder-collapsed:before, .oj-collapsed:not(.oj-tree-type) > a .oj-tree-node-icon:before {
    content: url("../Images/property.png") !important;
    }

.oj-fwk-icon-document:before, .oj-tree-leaf:not(.oj-tree-type) a .oj-tree-node-icon:before {
  content: url("../Images/rvc.png") !important;
  }

.oj-fwk-icon-document:before,
.oj-tree-leaf a .oj-tree-node-icon:before {
    content: url("../Images/rvc.png") !important;
}

.oj-hicontrast .oj-fwk-icon-document,
.oj-hicontrast .oj-tree-leaf:not(.oj-tree-type) a .oj-tree-node-icon,
.oj-hicontrast
.oj-treeview-leaf > .oj-treeview-item-content > .oj-treeview-item-icon,
.oj-tree-leaf:not(.oj-tree-type) a .oj-hicontrast .oj-tree-node-icon {
    background-image: none;
}

    .oj-hicontrast .oj-fwk-icon-document:before,
    .oj-hicontrast .oj-tree-leaf:not(.oj-tree-type) a .oj-tree-node-icon:before,
    .oj-hicontrast
    .oj-treeview-leaf > .oj-treeview-item-content > .oj-treeview-item-icon:before,
    .oj-tree-leaf:not(.oj-tree-type) a .oj-hicontrast .oj-tree-node-icon:before {
        content: url(../common/images/document.svg);
        width: 100%;
        height: 100%;
    }

#btnShuttleRight{
font-size: 15px;
 border: 2px solid #00a3cc; 
 background: white; 
 border-radius: 5px; 
 width: 33px; 
 height: 26px;
  color: #00a3cc;
}
#btnShuttleMoveAllRight , #btnShuttleLeft , #btnShuttleMoveAllLeft{
    font-size: 15px;
    margin-top: 8px;
    border: 2px solid #00a3cc; 
    background: white; 
    border-radius: 5px;
    width: 33px; 
    height: 26px; 
    color: #00a3cc; 
}
#filter{
  min-width: 372px;
  max-height: 32px;
  margin-bottom: 20px;
  margin-left: 3px;
  width: 20%;
}
#tree1{
    float:left;
    width: 380px;
    height: 380px;
    min-height:240px;
    margin-left: 0px; 
    border: 1px solid rgb(176,176,176);
    padding: 8px; 
    overflow:auto;
}

/*.checkctrl{
    margin-left:150px;
    margin-top:-550px;
}
.checklb{
  
    margin-top:-550px;
    margin-bottom:-2px;
}
*/
.linkbutton:visited{
    color:#333;
}
.dark-burger-bar{
    background-color:black !important;
}
.align-right{
    float: right;
}
.two-in-one{
    width:49% !important;
}
.no-max-width{
    max-width: none;
}
.max-width-400{
    max-width: 400px !important;
}
.settings-bottom {
    clear:both;
}
.send-otp {
    width:75%;
}
.padding-above-footer {
    clear:both;
}

/* All the CSS changes during OJET upgradation from v8.3.0 to v14.1.0 (Alta to Redwood) */

#rightContent {
  width: 50%;
  float: right;
  margin-top: -280px;
}
.checkctrl {
  position: relative;
  /*margin-top : -18px;
    margin-left : 20px;*/
}
.checklb {
  position: relative;
  margin-top: -18px;
  margin-left: 20px;
  color: black;
}

#list {
  position: relative;
  width: 380px;
  height: 380px;
  min-height: 240px;
  /*margin-left: 530px;*/
  margin-top: 12px;
  border: 1px solid rgb(176, 176, 176);
  overflow: auto;
}

.userheader {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 26px;
  font-weight: 300;
}

h2 {
  color: rgba(0, 0, 0, 0.85);
  font-family: inherit;
  font-style: normal;
  margin: 8px 0;
  padding: 0 0 2px;
  font-weight: 300;
  font-size: 1.71429rem;
}

.oj-listview-no-data-cell-element {
  color: black;
}

/*.oj-tree-icon {
  color: white;
}*/

.oj-tree-icon {
    text-decoration: none;
}

html:not([dir="rtl"]) .oj-tree-icon {
    margin-left: 4px;
    margin-right: 2px;
}

.oj-tree-title {
    border: 1px solid transparent;
    color: #02629f;
    cursor: pointer;
    vertical-align: -0.40rem;
}

/*html:not([dir="rtl"]) .oj-tree-title {
    margin-left: 0.25em;
}*/

.oj-tree-list a {
    box-sizing: content-box;
    display: inline-block;
    white-space: nowrap;
    text-decoration: none;
    margin: 0;
    vertical-align: middle;
}

.oj-tree-node-icon {
    cursor: default;
}

.enticon{
    margin-top : 5px;
}

.oj-accordion-collapsible > .oj-collapsible-header-wrapper {
  background-color: #f2f2f3;
}

.oj-progress-bar-track {
  margin: 0;
  box-sizing: border-box;
  height: 100%;
  background-color: #027bc7;
}

.oj-progressbar-start-label,
.oj-progressbar-end-label,
.oj-progress-bar-start-label,
.oj-progress-bar-end-label {
  display: inline-block;
  margin-top: 8px;
}

html:not([dir="rtl"]) .oj-progressbar-end-label,
html:not([dir="rtl"]) .oj-progress-bar-end-label {
  float: right;
}

html[dir="rtl"] .oj-progressbar-end-label,
html[dir="rtl"] .oj-progress-bar-end-label {
  float: left;
}

#btnSubmit {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.form-control {
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

#downloadForm {
  margin-left: 0.5rem;
}

#delete-files {
  color: #ff0000;
}

#textFilter_0 {
  margin-left: 65px;
}

#fileUpload,
#Language,
#dateDisplay,
#allowedFormatGroup {
  display: flex;
}

#schedule,
#parameters,
#pramobject,
#dataLevelText {
  display: flex;
}

#dataLevel,
#marycolumns,
#paracolumns,
#objectRangeFilter,
#addSort {
  display: flex;
}

.oj-form
  > .oj-flex
  > .oj-flex-item:not(.oj-formlayout-nested-formlayout):not(
    .oj-formlayout-nested-labelvalue
  ) {
  padding: 0px;
}

.oj-form-cols-max2 {
  column-count: 2;
}

#startdate {
  max-width: 40%;
}

.content1 {
  min-height: 440px;
  margin-bottom: 10px;
}

@media (max-width: 1200px) {
  #rightContent {
    margin: 10px;
  }
  
  .oj-collapsible-wrapper{
      height : 750px;
  }
}

@media (max-width: 992px) {
  #rightContent {
    margin-top: 65px;
  }
  
  .oj-collapsible-wrapper{
      height : 950px;
  }
}

@media (max-width: 768px) {
  
    .oj-collapsible-wrapper {
        height: 950px;
    }
}

.oj-fwk-icon-arrow03-se:before,
html[dir="rtl"] .oj-fwk-icon-arrow03-s-start:before,
html:not([dir="rtl"]) .oj-fwk-icon-arrow03-s-end:before,
html:not([dir="rtl"])
.oj-expanded > .oj-treeview-item-content > .oj-treeview-disclosure-icon:before,
html:not([dir="rtl"]) .oj-rowexpander-collapse-icon:before,
html:not([dir="rtl"]) .oj-expanded > .oj-tree-disclosure-icon:before {
    content: "\f112";
}

.oj-fwk-icon-arrow03-e:before,
html[dir="rtl"] .oj-fwk-icon-arrow03-start:before,
html:not([dir="rtl"]) .oj-fwk-icon-arrow03-end:before,
html:not([dir="rtl"]) .oj-menu-submenu-icon:before,
html:not([dir="rtl"])
  .oj-collapsed
  > .oj-treeview-item-content
  > .oj-treeview-disclosure-icon:before,
html:not([dir="rtl"]) .oj-rowexpander-expand-icon:before,
html:not([dir="rtl"]) .oj-collapsed > .oj-tree-disclosure-icon:before,
html:not([dir="rtl"]) .oj-tree-drop-ptr:before {
  content: "\f10d";
}




.oj-fwk-icon-arrow03-sw:before,
html:not([dir="rtl"]) .oj-fwk-icon-arrow03-s-start:before,
html[dir="rtl"] .oj-fwk-icon-arrow03-s-end:before,
html[dir="rtl"]
.oj-expanded > .oj-treeview-item-content > .oj-treeview-disclosure-icon:before,
html[dir="rtl"] .oj-rowexpander-collapse-icon:before,
html[dir="rtl"] .oj-expanded > .oj-tree-disclosure-icon:before {
    content: "\f113";
}

.oj-fwk-icon-arrow03-w:before,
html:not([dir="rtl"]) .oj-fwk-icon-arrow03-start:before,
html[dir="rtl"] .oj-fwk-icon-arrow03-end:before,
html[dir="rtl"] .oj-menu-submenu-icon:before,
html[dir="rtl"]
.oj-collapsed > .oj-treeview-item-content > .oj-treeview-disclosure-icon:before,
html[dir="rtl"] .oj-rowexpander-expand-icon:before,
html[dir="rtl"] .oj-collapsed > .oj-tree-disclosure-icon:before,
html[dir="rtl"] .oj-tree-drop-ptr:before {
    content: "\f114";
}

.oj-default .oj-clickable-icon, .oj-default.oj-clickable-icon, .oj-default.oj-clickable-icon-nocontext, a .oj-clickable-icon, a.oj-clickable-icon, a.oj-clickable-icon-nocontext, a:visited .oj-clickable-icon, a:visited.oj-clickable-icon, a:visited.oj-clickable-icon-nocontext {
    color: #8a8d8f;
}

.oj-hover .oj-clickable-icon,
.oj-hover.oj-clickable-icon,
.oj-hover.oj-clickable-icon-nocontext,
a:hover .oj-clickable-icon,
a:hover.oj-clickable-icon,
a:hover.oj-clickable-icon-nocontext {
  color: #76b8e1;
}

.oj-selected .oj-tree-title {
  border: 1px solid #e1eff8;
  background-color: #e1eff8;
}

.oj-hover.oj-selected .oj-tree-title {
  background-color: #e1eff8;
  border: 1px solid #02629f;
}

.oj-fwk-icon-arrow-e:before,
html[dir="rtl"] .oj-fwk-icon-arrow-start:before,
html:not([dir="rtl"]) .oj-fwk-icon-arrow-end:before,
html:not([dir="rtl"]) .oj-collapsible-close-icon:before,
html:not([dir="rtl"]) .oj-listview-collapse-icon:before {
  content: "\f101";
}

.oj-fwk-icon-arrow-se:before,
html[dir="rtl"] .oj-fwk-icon-arrow-s-start:before,
html:not([dir="rtl"]) .oj-fwk-icon-arrow-s-end:before,
html:not([dir="rtl"]) .oj-collapsible-open-icon:before,
html:not([dir="rtl"]) .oj-listview-expand-icon:before {
  content: "\f106";
}

.oj-collapsible-header-wrapper .oj-collapsible-header-icon {
  color: #8a8d8f;
}

.oj-collapsible-header-wrapper.oj-hover .oj-collapsible-header-icon {
  color: #76b8e1;
}

