.modal-backdrop{
    opacity:0.9 !important;
}
.td-otsikko{
    font-size: 18px;
}
.text-normal{
    font-weight:normal;
}

.otsikko{
    font-weight: bolder;
    font-size: 20px;
}
a{
    color:black;
}
 a:hover{
     color:black;
     text-decoration: underline;
     font-weight: bold;
}
.card-body{
    color: black;    
}
.nav-text{
    color: black;
}
li.sidenav-item-link a:hover{
    font-weight: bold;
    color:yellow;
}
thead th, tbody tr td:first-child, td{
    color: black;
}
.ec-odr-dtl .info-title{
    background:#88aaf2;
    color: white;
}
.border{
    border:1px solid black;
}

.hidden{
    display: none;
}
input[type="text"], textarea, input[type="number"], .search-input {
  background-color : #eaf2ff; 

}
.user-image{
    width: 40px;
    height: 40px;
    border-radius: 5px;
}
.no_link{
    display:inline;
    color:black;
    font-size: 20px;
    font-weight: bolder;
}
.no_cursor{
    cursor:default;

}
.background-white{
    background-color: #fdfdfd;
}

.center {
	text-align:center;
}

.edit-disabled{
    pointer-events: none;
    cursor: default;
    text-decoration: line-through;
}


.padding-top{
    padding-top: 10px;
}

.padding-bottom{
    padding-bottom: 5px;
    border-bottom: 1px dotted blue;
}

.sidebar .sidebar-inner > li.active > a{
    color: black;
}
.snowflake {
	background: url(../ico/fallback/icon-snowflake.png) left center
		no-repeat;
	background-image: url(../ico/icon-snowflake.svg), none;
}

.snowflake-summer {
	background: url(../ico/fallback/icon-snowflake-summer.png) left center
		no-repeat;
	background-image: url(../ico/icon-snowflake-summer.svg), none;
}

.snowflake-winter {
	background: url(../ico/fallback/icon-snowflake-winter.png) left center
		no-repeat;
	background-image: url(../ico/icon-snowflake-winter.svg), none;
}
.b-icon {
	font-size: 12px;
	line-height: 32px;
	padding: 0 0 0 25px;
	color: black;
}


.b-icon a{
	text-decoration: none;
}

.b-icon:hover, .b-icon:focus {
	color: blue;
	text-decoration: none;	
}

.highlight {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
}

.highlight.display {
	height: 100%;
	width: 1px;
	text-align: right;
}

.work-in-progress {
	color: #FFCC88;
}

/* Vaihdetaan valmiin ja hinnan väriä */
.work-in-ready {
	color: red;
	font-weight: bold;
}

.highlight.work-in-progress-background {
	background-color: #FFCC88;
}
.highlight.paid{
        color:green;
}
.work-in-progress-border {
	border-right: 4px solid #FFCC88;
}

.work-collected {
	color: #F7931E;
}

.highlight.work-collected-background {
	background-color: #F7931E;
}

.work-collected-border {
	border-right: 4px solid #F7931E;
}

.work-paid {
	color: #8CC63F;
}

.highlight.work-paid-background {
	background-color: #8CC63F;
}

.work-paid-border {
	border-right: 4px solid #8CC63F;
}
.pointer{
    cursor: pointer;
}
.black{
    color: black;
}
.tila_paivays{
    font-size: 10px;
    color: #88aaf2;
}

.disabled {
  pointer-events: none;
  cursor: default;
}



/*Fullcalendar juttuja */
  .popper,
  .tooltip {
    position: absolute;
    z-index: 9999;
    background: #FFC107;
    color: black;
    width: 150px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 10px;
    text-align: center;
  }
  .style5 .tooltip {
    background: #1E252B;
    color: #FFFFFF;
    max-width: 200px;
    width: auto;
    font-size: .8rem;
    padding: .5em 1em;
  }
  .popper .popper__arrow,
  .tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
  }

  .tooltip .tooltip-arrow,
  .popper .popper__arrow {
    border-color: #FFC107;
  }
  .style5 .tooltip .tooltip-arrow {
    border-color: #1E252B;
  }
  .popper[x-placement^="top"],
  .tooltip[x-placement^="top"] {
    margin-bottom: 5px;
  }
  .popper[x-placement^="top"] .popper__arrow,
  .tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
  }
  .popper[x-placement^="bottom"],
  .tooltip[x-placement^="bottom"] {
    margin-top: 5px;
  }
  .tooltip[x-placement^="bottom"] .tooltip-arrow,
  .popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
  }
  .tooltip[x-placement^="right"],
  .popper[x-placement^="right"] {
    margin-left: 5px;
  }
  .popper[x-placement^="right"] .popper__arrow,
  .tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
  }
  .popper[x-placement^="left"],
  .tooltip[x-placement^="left"] {
    margin-right: 5px;
  }
  .popper[x-placement^="left"] .popper__arrow,
  .tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
  }