/* Add here all your CSS customizations */

/* Bootstrap 4 to 5 compatibility - Porto theme grid fix */
/* BS4 used ml/mr/pl/pr, BS5 uses ms/me/ps/pe */
.ml-0 { margin-left: 0 !important; }
.ml-1 { margin-left: 0.25rem !important; }
.ml-2 { margin-left: 0.5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }
.ml-auto { margin-left: auto !important; }
.mr-0 { margin-right: 0 !important; }
.mr-1 { margin-right: 0.25rem !important; }
.mr-2 { margin-right: 0.5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }
.mr-auto { margin-right: auto !important; }
.pl-0 { padding-left: 0 !important; }
.pl-1 { padding-left: 0.25rem !important; }
.pl-2 { padding-left: 0.5rem !important; }
.pl-3 { padding-left: 1rem !important; }
.pl-4 { padding-left: 1.5rem !important; }
.pl-5 { padding-left: 3rem !important; }
.pr-0 { padding-right: 0 !important; }
.pr-1 { padding-right: 0.25rem !important; }
.pr-2 { padding-right: 0.5rem !important; }
.pr-3 { padding-right: 1rem !important; }
.pr-4 { padding-right: 1.5rem !important; }
.pr-5 { padding-right: 3rem !important; }

/* BS4 float utilities removed in BS5 */
.float-left { float: left !important; }
.float-right { float: right !important; }

/* BS4 text utilities renamed in BS5 */
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }

/* BS4 font-weight utilities renamed in BS5 */
.font-weight-bold { font-weight: 700 !important; }
.font-weight-bolder { font-weight: bolder !important; }
.font-weight-normal { font-weight: 400 !important; }
.font-weight-light { font-weight: 300 !important; }
.font-weight-lighter { font-weight: lighter !important; }
.font-weight-extra-bold { font-weight: 800 !important; }

/* BS4 badge-pill renamed to rounded-pill in BS5 */
.badge-pill { border-radius: 50rem !important; }

/* BS5 grid compatibility - ensure columns work with Porto theme */
.row {
    --bs-gutter-x: 30px;
}

/* BS5 nav fix - .dropdown-item has width:100% in BS5 which breaks horizontal nav */
@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li > a.dropdown-item {
        width: auto;
    }
    #header .header-nav-main nav > ul > li > a.dropdown-item,
    #header .header-nav-main nav > ul > li > a.dropdown-toggle {
        display: inline-flex;
        width: auto;
        clear: none;
    }
}
.header-logo {
	width: auto !important;
}

.sticky-header-active .header-container img {
	width: auto !important;
	height: 62px !important;
}


/* sticki electoralis */

html .njs-sticky-side.image_button_cover.placement-right {
    right: 0;
}

html .njs-sticky-side.image_button_cover {
    position: fixed;
    top: 50%;
    box-shadow: none;
    z-index: 99999;
    transition: transform .3s cubic-bezier(0,0,0,1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,0,1);
}

html .njs-sticky-side.image_button_cover.placement-right.now-show a {
    transform: translate3d(4px,0,0) rotate(-90deg);
    -webkit-transform: translate3d(4px,0,0) rotate(-90deg);
}

html .njs-sticky-side.image_button_cover.placement-right a {
    border-radius: 3px 3px 0 0;
    transform: translate3d(200%,0,0) rotate(-90deg);
    -webkit-transform: translate3d(200%,0,0) rotate(-90deg);
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
}

html .njs-sticky-side.image_button_cover a {
    padding: 6px 15px 12px;
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    position: relative;
    transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
	background-color: yellow; 
	color: black;	
	font-weight: 100; 
	top: -106.5px;
}

html .njs-sticky-side.image_button_cover a:hover {
	background-color: white;
	color: black;
	border: 2px solid #acacac;
}

/* sticki electoralis end */


a:focus {
  outline: 3px solid orange;
}

button:focus {
  outline-width: 3px;
  outline-style: dashed;
  outline-color: orange;
}

span.decotext {
    font-size: 17px;
    position: relative;
    top: 3px;
    color: #000;
    font-family: 'Scada', sans-serif;
    padding: 35px 10px 0px 10px;
}

.success, .success> td, .success>th {
    background-color: #c3e6cb !important;
}

.info, .info> td, .info>th {
    background-color: #bee5eb !important;
}

.info2, .info2> td, .info>th {
    background-color: #eef26f !important;
}


@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.ticker-wrap {
  bottom: 0;
  width: 100%;
  overflow: hidden;
  height: 4rem;
  background-color: rgba(27, 49, 148, 0.9);
  padding-left: 100%;
}

.ticker {
  display: inline-block;
  height: 4rem;
  line-height: 4rem;
  white-space: nowrap;
  padding-right: 100%;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-name: ticker;
  animation-name: ticker;
  -webkit-animation-duration: 28s;
  animation-duration: 28s;
}
.ticker__item {
  display: inline-block;
  padding: 0 2rem;
  font-family: 'Text Me One', sans-serif;
  font-size: 2rem;
  color: white;
}