/*------------------------------------------------------------------------------------*/
/*------------------------------  YOUR CUSTOM CSS STYLE  -----------------------------*/

.sugoszoveg { cursor: pointer; }

input:-moz-placeholder {
  color: #000;
}
input::-moz-placeholder {
  color: #000;
  opacity: 1;
}
input:-ms-input-placeholder {
  color: #000;
}
input::-webkit-input-placeholder {
  color: #000;
}


.sidebar-nav > li:last-child {
	margin-bottom: 225px !important;
}

.navbar-inverse .navbar-brand {
	background-size: contain !important;
}

.table .dark {
  background-color: #FFDE80;
  color: #333 !important;
}

.table .dark:hover {
  background-color: #e9c46a;
}

.table-hover > tbody > tr > td.dark:hover, .table-hover > tbody > tr > th.dark:hover, .table-hover > tbody > tr.dark:hover > td, .table-hover > tbody > tr.dark:hover > th {
	background-color: #e9c46a;
}

.table .lila {
  background-color: #c3a8db;
}

.table .lila:hover {
  background-color: #a86edc;
}

.table-hover > tbody > tr > td.lila:hover, .table-hover > tbody > tr > th.lila:hover, .table-hover > tbody > tr.lila:hover > td, .table-hover > tbody > tr.lila:hover > th {
	background-color: #a86edc;
}

.force-table-responsive {

    overflow-x: scroll;
    overflow-y: scroll;

}


.wizard-inline > .steps > ul > li {
    width: auto !important;
}

@media only screen and (min-width: 0px) and (max-width: 1020px) {
 .wizard-inline > .steps > ul > li {
    width: 100% !important;
}

}

#tooltip h3 {
	font-size: 14px !important;
	margin-top: 7px !important;
    color: #000 !important;
    line-height: 20px !important;
}

#tooltip h3 i {
	display: inline-block !important;
	margin-top: 10px !important;
}

#tooltip {
   opacity: 1 !important;
    max-width: 500px !important;
}