/*
    Document   : override
    Created on : <date>
    Author     : <author>
    Description:
        This is where any of your application specific styles should be included
*/

.sendOffScreen {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.demo-oracle-icon {
  width:137px;
  height:18px
}

.demo-oracle-icon:before {
  content:url("images/oracle_logo.svg")
}

html:not([dir="rtl"]) .demo-oracle-icon {
  padding-right:4px
}

html[dir="rtl"] .demo-oracle-icon {
  padding-left:4px
}

.demo-oracle-icon:before {
  display:inline
}

.demo-appheader-avatar {
  width:24px;
  height:24px
}

.demo-appheader-avatar:before {
  content:url("images/avatar_24px.png")
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi), (min-resolution: 1.5dppx) {
  .demo-appheader-avatar:before {
      content:url("images/avatar_24px_2x.png");
      -webkit-transform:translate(-25%, -25%) scale(0.5);
      transform:translate(-25%, -25%) scale(0.5)
  }
}
.color ul li a span{
  color:black !important;
}
.nav-hide{
  display:none;
}
.factoryAdmin{
  cursor: pointer;
}
 /* loader */
    
 .overlay {
  position: fixed;

  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  cursor: pointer;
}

.loader {

  position: absolute;
  top: 50%;
  left: 50%;
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid rgb(95, 95, 212);
  border-bottom: 16px solid 3498db;
  width: 50px;
  height: 50px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;

}
/* Safari */
@-webkit-keyframes spin {
  0% {
      -webkit-transform: rotate(0deg);
  }

  100% {
      -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
      transform: rotate(0deg);
  }

  100% {
      transform: rotate(360deg);
  }
}
/* loader end */
.background-header-img{
  background-image:url("images/background.jpg");
}
/* ribbon2 */
.parent-ribbon {
  overflow: hidden; /* required */
  width: 50%;
  height: 250px;
  margin: 25px auto;
  border:1px solid grey;
  position: relative;
}

.ribbon2 {
  margin: 0;
  padding: 0;
  background: rgb(243, 78, 78);
  color:white;
  padding:5px 0;
  position: absolute;
  top:0;
  right:0;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;
}
.ribbon2:before,
.ribbon2:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
  background: rgb(243, 78, 78);
}
.ribbon2:before {
  right:100%;
}

.ribbon2:after {
  left:100%;
}
/* ribbon2 */


/* ****Theme***** */
.appraisal-img{
    content: url(../css/images/navbar/appraisal.png);
        height: 35px;
}
.inventory-img{
    content: url(../css/images/navbar/inventory.png);
        height: 35px;
}
.offer-img{
    content: url(../css/images/navbar/offer.png);
        height: 35px;
}
.shipment-img{
    content: url(../css/images/navbar/shipment.png);
        height: 35px;
}
.dashboard-img{
    content: url(../css/images/navbar/dashboard.png);
        height: 35px;
}

.oj-navigationlist-item.oj-selected { 
  background-color: white;
  border-radius: 10px 10px 0 0 ;
  border-bottom: none;
  color:black;
  padding: 7px;

}

  .oj-navigationlist-app-level.oj-navigationlist-horizontal .oj-navigationlist-item:not(.oj-disabled) a.oj-navigationlist-item-content>.oj-navigationlist-item-label {
      font-size: 16px;
  }
  /* .oj-tabbar-item-element.oj-tabbar-item.oj-listview-current-item.oj-focus.oj-selected{
    background-color: rgb(157, 171, 185);
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    color:black;
  } */
  .oj-tabbar-horizontal:not(.oj-tabbar-icon-only) .oj-tabbar-item.oj-selected{
    background-color: rgb(157, 171, 185);
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    color:black;
    padding:4px;
  }
  .card-icon-delete{
    color: white;
    background-color: #fb7a74;
    border-radius: 50%;
        padding: 7px;
        font-size: 20px;
}
.card-icon-delete:hover{
  cursor: pointer;
}
.card-icon-print{
  color: white !important;
  background-color: #2f9fdb;
  border-radius: 50%;
      padding: 7px;
      font-size: 20px;
}
.card-icon-print:hover{
  cursor: pointer;
}
.card-icon-edit{
  color: white;
  background-color: #4faf85;
  border-radius: 50%;
      padding: 7px;
      font-size: 20px;
}
.card-icon-edit:hover{
  cursor: pointer;
}
.card-icon-cart{
  color: white;
  background-color: #ef9543;
  border-radius: 50%;
      padding: 7px;
      font-size: 20px;
}
.card-icon-cart:hover{
  cursor: pointer;
}
.card-icon-view{
  
  color: white;
  background-color: #2f9fdb;
  border-radius: 50%;
  padding: 9px;
  font-size: 20px;
}
.card-icon-view:hover{
  cursor: pointer;
}
.card-icon-doc{
  
  color: white;
  background-color: #8a3c2e;
  border-radius: 50%;
  padding: 9px;
  font-size: 20px;
}
.card-icon-doc:hover{
  cursor: pointer;
}
.card-icon-sign{
  
  color: white;
  background-color: rgba(94, 173, 94);
  border-radius: 50%;
  padding: 9px;
  font-size: 20px;
}
.card-icon-sign:hover{
  cursor: pointer;
}
.card-icon-status{
  
  color: white;
  background-color: rgb(55, 83, 55);
  border-radius: 50%;
  padding: 9px;
  font-size: 20px;
}
.card-icon-status:hover{
  cursor: pointer;
}
.card-icon-quote{
  color: white;
  background-color: rgb(103, 197, 103);
  border-radius: 50%;
  padding: 9px;
  font-size: 20px;
}
.card-icon-quote:hover{
  cursor: pointer;
}

.reserveset-icon{
  color: white;
  background-color: #4faf85;
  border-radius: 50%;
  padding: 5px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 20px;
  margin: auto;
  margin-top: 9px;
}