/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/
body{
  background-color: #fff;
}
.oj-table{
  border-radius: 10px;
 }
 .oj-web-applayout-offcanvas  {
  background-color: rgb(2 16 76) !important;
 }
 .oj-navigationlist-vertical .oj-navigationlist-item-label
 {
  font-size:12px;
  display: inline-grid;
  text-align: center;
  padding: 17px;
  margin-left: -15px;
 }
 .oj-contrast-marker a.oj-navigationlist-item-content .oj-navigationlist-item-label {
  color: white;
  font-weight: 400;
}
#navDrawer .oj-ux-icon, #navDrawer [class*=oj-ux-], #navDrawer [class^=oj-ux-]{
  font-size: 17px !important;
  color:gold;
 }
 .oj-navigationlist-item.oj-selected {
  border-color: rgb(241 230 86);
}
.sk-circle {
  width: 80px;
  height: 80px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color:#007acc;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
          animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg); }
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg); }
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg); }
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg); }
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg); }
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg); }
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg); }
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg); }
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg); }
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); }
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }
.sk-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s; }
@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  } 40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.sendOffScreen {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.bgcolor{
  background-color: #ffffff;
  padding:5px;
}
.oj-sm-web-padding-top, .oj-sm-web-padding-vertical, .oj-web-padding, .oj-web-applayout-content {
  padding-top: 5px !important;
}
.oj-button.oj-default.oj-button-outlined-chrome .oj-button-icon, .oj-button-nocomp.oj-button-outlined-chrome .oj-button-icon, .oj-button.oj-focus-only.oj-button-outlined-chrome .oj-button-icon {
  color: #007acc !important;
}
.oj-button.oj-default.oj-button-half-chrome .oj-button-icon, .oj-button-nocomp.oj-button-borderless-chrome .oj-button-icon, .oj-button.oj-focus-only.oj-button-half-chrome .oj-button-icon {
  color: #007acc !important;   
}
.oj-message-summary {
  font-weight: 600 !important;  
  font-size: 15px !important;
}
.oj-messages-notification .oj-message-container { 
  border-left: 3px solid #007acc;  
}
.oj-switch.oj-selected .oj-switch-track{
  background-color:#007acc !important;
}
.oj-listview-no-data-container {
max-height: 250px !important;
}
.oj-listview-element .oj-component-initnode{
  max-height: 250px !important;
}
.oj-table-body-row {
  height: 2rem !important;
  font-size: 13px !important;
}
/* tr:nth-child(even) {background: rgb(235, 92, 92)} */
tr:nth-child(even) {
  background: #f6fbfd;  
}
.oj-table-header{
  background: #007acc !important;
  color:white !important;
  font-weight: 500 !important;
  width:100% !important;
}
.oj-form-layout .oj-form.oj-enabled .oj-text-field-label-inside.oj-text-field .oj-text-field-container, .oj-text-field-label-inside.oj-text-field:not(.oj-read-only) .oj-text-field-container {
  min-height: 25px !important;

}
.oj-filepicker-container {
  height: 50px !important;
  width: 425px !important;
}
.oj-filepicker-text {
font-size:14px !important;
font-weight: 400 !important;
}
@media screen and (max-width: 600px) {
  .oj-filepicker-container {
    height: 50px !important;
    width: 450px !important;
  }
}
#contrain .oj-fwk-icon-message-error:before, .oj-train-icon.oj-error:before {
  font-family: "ojuxIconFont" !important;
  content: "\f8b3" !important;
} 
#contrain .oj-fwk-icon-message-info:before, .oj-message-status-icon.oj-message-info-icon:before, .oj-train-icon.oj-info:before {
  font-family: "ojuxIconFont" !important;
  content: "\f5da" !important;
}
#contrain .oj-fwk-icon-message-warning:before, .oj-message-status-icon.oj-message-warning-icon:before, .oj-train-icon.oj-warning:before {
  font-family: "ojuxIconFont" !important;
  content: "\f4f5" !important;
}
.demo-status-meter-gauge {
  width: 6.25rem;
  height: 3.125rem;
}
.oj-chart {
height: 405px !important;
}

.oj-dialog-title {
  color: #007acc !important;   
  font-size:14px !important;
  font-weight: 500 !important;
}
#connection .oj-button-icon {
  font-size: 1rem;
}
#connection .oj-button, .oj-button-nocomp {
 height:1rem !important;
}
.demo-tile-content,
.demo-tile-front,
.demo-tile-back {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.demo-tile-content {
  box-sizing: border-box;
  font-weight: bold;
}

.demo-tile-front,
.demo-tile-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.demo-tile-back {
  text-align: center;
  color: #333;
  transform: rotateY(180deg);
}

.demo-tile-symbol {
  font-size: 5rem;
}

.demo-front-flip-icon,
.demo-back-flip-icon {
  width: 2.34rem;
  height: 2.34rem;
  line-height: 2.34rem;
  box-sizing: border-box;
  margin-bottom: 0;
}

.demo-front-flip-icon-container,
.demo-back-flip-icon-container {
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

html:not([dir="rtl"]) .demo-front-flip-icon-container,
html[dir="rtl"] .demo-back-flip-icon-container {
  right: 0px;
}

html:not([dir="rtl"]) .demo-back-flip-icon-container,
html[dir="rtl"] .demo-front-flip-icon-container {
  left: 0px;
}

.demo-hidden {
  display: none;
}

.demo-scroll-container {
  overflow: auto;
}
.oj-masonrylayout-tile-1x1 {
  width:9rem !important;
  height:6rem !important;
}
.oj-masonrylayout-tile-2x1 {
  margin: .5rem !important;
  width: 14rem !important;
  height: 7rem !important;
 }
 .oj-fwk-icon-maximize:before, .oj-panel-expand-icon:before {
  font-family: "ojuxIconFont" !important;
  content: "\f24c" !important;
}
.oj-fwk-icon-minimize:before, .oj-panel-collapse-icon:before {
  font-family: "ojuxIconFont" !important;
  content: "\f431" !important;
}
#masonryLayout .oj-button, .oj-button-nocomp {
  height: 1.75rem !important;
  }
 #masonryLayout .oj-button-icon-only, .oj-button-nocomp .oj-button-icon-only, .oj-buttonset .oj-button-icon-only {
      min-width: 1.75rem !important ;
  }
  #masonryLayout .oj-button-icon {
      font-size: 1rem !important;
  }
  .oj-masonrylayout-tile-1x1:hover {
    width:9.5rem !important;
    height:6.5rem !important;
  }
  #masonryLayout .oj-flex-item{
    flex:none !important;
  }
  .oj-statusmetergauge {
  width:150px !important;
  height:125px !important;
  }
  .oj-listview-item-layout{
    min-height: 2rem !important;
    padding:0.75rem 1rem !important;
  }

  #btnGoInc,#btnGo.oj-button, .oj-button-nocomp{
    height: 1.5rem !important;
    margin-bottom:3px;
  }
  .oj-web-applayout-offcanvas{
    max-width: 105px !important;
  }
  .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item
  {
    padding:0px !important;
  }
  .diloguebox{
    width:450px !important;
    height:300px !important;
  }
  .userdiloguebox{
    width:500px !important;
    height:365px !important;
  }
 .oj-navigationlist-vertical:not(.oj-navigationlist-icon-only) .oj-navigationlist-item:not(.oj-navigationlist-group-item) .oj-navigationlist-item-content {
     padding-right: 0px !important;
}
.oj-web-applayout-max-width{
  max-width: none !important;
}
#btnSwitchView,#btnRefresh.oj-button{
  height: 1.75rem !important;
  margin-top:-5px !important;
  }
  @keyframes blink {
    50% {
      opacity: 0.0;
    }
  }
  .blink {
    animation: blink 1s step-start 0s infinite;
  }
  .cssbtn{
    background-color: red;
    border-radius: 5px;
    padding: 3px;
    color: white;
    font-weight: 600;
    cursor: pointer;
  }
.csstxt{
  width:200px;
  display:inline-block
  
}
 .lgn{
  border: 1px solid #17c6d9;
  height: 230px;
  border-radius: 50px;
  padding: 20px;
 }