@font-face {
  font-family: 'IRANSans-web';
  src: url('../fonts/IRANSans-web.woff') format('woff');
}

/* body {
  font-family: 'IRANSans-web';
} */

.bg-opec-custom
{
    background-color: #152e4d !important;
}

.bg-opec-custom-light
{
    background-color: #1d3a5d !important;
}


.bg-black
{
    background-color: #000000 !important;
}

.phase-card-image {
    width:100%;
    height:240px;
}

.pointer {
    cursor: pointer;
}

/* hover effect on images */

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}
  
.hovereffect .overlay {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
  border-bottom: 1px solid #FFF;
  border-top: 1px solid #FFF;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(0,1);
  -ms-transform: scale(0,1);
  transform: scale(0,1);
}
  
.hovereffect:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.hovereffect img {
  display: block;
  position: relative;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="0.6" /><feFuncG type="linear" slope="0.6" /><feFuncB type="linear" slope="0.6" /></feComponentTransfer></filter></svg>#filter');
  filter: brightness(0.6);
  -webkit-filter: brightness(0.6);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 14px;
  background-color: transparent;
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);
}

.hovereffect a, .hovereffect p {
  color: #FFF;
  padding: 1em 0;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
}

.hovereffect:hover a, .hovereffect:hover p, .hovereffect:hover h2 {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.hovereffect a:hover {
  color:rgb(90, 209, 86);

}
.hovereffect p{
  font-size: 18px;
}
/* .hovereffect p:hover{
  font-size: 20px;

} */

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.scrollable{
  overflow-x: auto;
}

.card-body.fixed-300{
  height: 300px;
}

.card-body.fixed-350{
  height: 350px;
}

.card-body.fixed-400{
  height: 400px;
}
.card-body.fixed-450{
  height: 450px;
}

.card-body.fixed-500{
  height: 500px;
}

/* .alert > p {
  min-height: 67px;
} */

/* carousel */

@media (min-width: 768px) {
  /* show 3 items */
  .carousel-inner .active,
  .carousel-inner .active + .carousel-item,
  .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }

  .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
    + .carousel-item,
  .carousel-inner
    .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left)
    + .carousel-item
    + .carousel-item {
    transition: none;
  }

  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  .carousel-inner
    .active.carousel-item
    + .carousel-item
    + .carousel-item
    + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .carousel-item-next.carousel-item-left + .carousel-item,
  .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .carousel-item-next.carousel-item-left
    + .carousel-item
    + .carousel-item
    + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .carousel-item-prev.carousel-item-right + .carousel-item,
  .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .carousel-item-prev.carousel-item-right
    + .carousel-item
    + .carousel-item
    + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
  }
}


tr > th.fixed, td.fixed-td {
  position:sticky !important; 
  left:-1px;
  z-index:10;
  background-color: aliceblue;
}

.range-selector-date-picker {
  border-radius: 3px;
  border: 1px solid #dddddd;
  padding-left: 5px;
  width: 100%;
}


/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */


.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

table.dataTable {
  clear:both;
  border-collapse: collapse !important;
}

.align {
  vertical-align: middle !important;
}


/* LOADING */
#loading {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1099;
  margin: auto;
  position: fixed;
  background-color: #0f203573;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}

#loading-image {
  z-index: 1100;
  margin-top: 15%;
}

@media (min-width: 768px) {
  #loading-image {
      padding-left: 28vw;
  }
}

@media (min-width: 992px) {
  #loading-image {
    padding-left: 17vw;
  }
}

@media (min-width: 1200px) {
  #loading-image {
    padding-left: 11vw;
  }
}



.on-loading-blur{
  filter: blur(5px);
}

.loading-complete-fade-in {
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 300ms;
}


@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
/* LOADING END */


/*SCROLLBAR*/

::-webkit-scrollbar-track
{
  border-radius: 12px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  -moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}

::-webkit-scrollbar
{
  width: 10px;
  height: 8px; 
	background-color: #152e4d;
}

::-webkit-scrollbar-thumb
{
	border-radius: 12px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  -moz-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
  box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #13273f;
}

table *::-webkit-scrollbar
{
  background-color: #ffffff;
}

.table-responsive::-webkit-scrollbar
{
  background-color: #ffffff;
}

.dataTables_scroll *::-webkit-scrollbar
{
  background-color: #ffffff;
}

.modal-body::-webkit-scrollbar
{
  background-color: #ffffff;
}
/*SCROLLBAR END*/

.border-radius-0 {
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.radius-r {
  border-top-right-radius: 1em;
  border-bottom-right-radius: 1em;
}

.radius-l {
  border-top-left-radius: 1em;
  border-bottom-left-radius: 1em;
}

.checkboxLayer.open-from-right{
  right: 6px;
}


#editor {
  height: 375px;
}


.chart-type-selected{
  border: 1px solid #00d97e;
  border-radius: 8px;

}

.avatar-img.rounded.hover-grayscale {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

col-auto.chart-type-selected > .avatar > .hover-grayscale {
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */
}

.avatar-img.rounded.hover-grayscale:hover {
  filter: none; /* IE6-9 */
  -webkit-filter: grayscale(0%); /* Chrome 19+ & Safari 6+ */
}




 /* ***************** Costum style for reports pagination ***************** */



.costumpagination{ 
  background-color: #ffffff;
  color: #0a4286; 
  transition-timing-function: ease-out;
  transition: background-color 0.5s;
}



.costuminvalid{
  cursor: not-allowed;
}

.costumpaginationcolor{
  background-color: #1d3a5d;
  color: #ffffff;
}

.costumpaginationcolor :hover {
  background-color: #1d3a5d;
  color: #ffffff;
}

#costumpricetable{
  max-height:416px;
}