.hide_div
{
display: none!important;
}

.hide_soft
{
visibility: hidden;
width: 0;
height: 0;
}






/* ---------------------- FILTER-BLUE ---------------------- */
.blue-filter
{
/* #0000bb */
filter: invert(12%) sepia(87%) saturate(6463%) hue-rotate(245deg) brightness(66%) contrast(142%);

/* #0000ff
filter: invert(10%) sepia(99%) saturate(6115%) hue-rotate(247deg) brightness(92%) contrast(147%);
*/
}
.blue-icon
{
width: 58px;
}
/* ---------------- MOBILE ---------------- */
@media (max-width:768px)
{
.blue-icon
{
width: 25vw;
}
}
/* ---------------- MOBILE ---------------- */
/* ---------------------- FILTER-BLUE ---------------------- */





/* ---------------------- COLOR-CLASSES ---------------------- */
.jumpo-text-color-1
{
color: var(--jumpo-color-1)!important;
}
.jumpo-bg-color-1
{
background: var(--jumpo-color-1)!important;
}
.jumpo-border-color-1
{
border-color: var(--jumpo-color-1)!important;
}

.jumpo-text-color-2
{
color: var(--jumpo-color-2)!important;
}
.jumpo-bg-color-2
{
background: var(--jumpo-color-2)!important;
}
.jumpo-border-color-2
{
border-color: var(--jumpo-color-2)!important;
}

.jumpo-text-color-3
{
color: var(--jumpo-color-3)!important;
}
.jumpo-bg-color-3
{
background: var(--jumpo-color-3)!important;
}
.jumpo-border-color-3
{
border-color: var(--jumpo-color-3)!important;
}
/* ---------------------- COLOR-CLASSES ---------------------- */






/* ------------------- LOGO ------------------- */
.pi-jumpo-logo-mc
{
background: linear-gradient(to right, var(--jumpo-blue) 18%, var(--jumpo-green) 18% 36%, var(--jumpo-red) 36% 64%, var(--jumpo-yellow) 64% 82%, var(--jumpo-blue) 82%);
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;

position:relative;
font-size:43px;
}

.pi-jumpo-logo
{
color: var(--jumpo-color-1)!important;
font-size:43px;
}
/* ------------------- LOGO ------------------- */


.pi-just-logo
{
background: linear-gradient(to right, var(--jumpo-blue) 25%, var(--jumpo-green) 25% 50%, var(--jumpo-red) 50% 75%, var(--jumpo-yellow) 75%);
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;

position:relative;
font-size:38px;
}



.pi-jumper-logo
{
background: linear-gradient(to right, var(--jumpo-blue) 25%, var(--jumpo-red) 25% 50%, var(--jumpo-yellow) 50% 75%, var(--jumpo-green) 75%);
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
position:relative;
font-size:38px;
}

.pi-jumper-logo-red
{
background: var(--jumpo-red);
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
position:relative;
font-size:38px;
}

.pi-jumper-logo-yellow
{
background: var(--jumpo-yellow);
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
position:relative;
font-size:38px;
}

.pi-jumper-logo-blue
{
background: var(--jumpo-blue);
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
position:relative;
font-size:38px;
}

.pi-jumper-logo-green
{
background: var(--jumpo-green);
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
position:relative;
font-size:38px;
}

.pi-jumper-logo-black
{
background: black;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
position:relative;
font-size:38px;
}

.pi-jumper-logo-white
{
background: white;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
position:relative;
font-size:38px;
}
/* ------------------- LOGO ------------------- */



/* ----------------------- SPLASH-SCREEN ----------------------- */
.splash-screen
{
position: fixed;
top:0;
left:0;
padding:0;
margin:0;
width: 100%;
height: 100%;
background: #fff;

display: -webkit-box;
display: -ms-flexbox;
display: flex;

-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;

-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;

z-index: 10000;
touch-action: none;
}
.hide_div_softly
{
visible: hidden;
animation: hide_div_1 500ms ease-in-out both;
}
@keyframes hide_div_1
{
from {opacity: 1;}
to {opacity: 0;}
}

.splash-screen-logo
{
top: -6.2vh!important;
font-size: 17vw!important;
}

@media (max-width: 768px)
{
.splash-screen-logo
{
top: -2vh!important;
font-size: 29vw!important;
}
}
/* ----------------------- SPLASH-SCREEN ----------------------- */

/* ----------------------- SPLASH-SCREEN-2 ----------------------- */
#splash-screen-2 {
  position: fixed;
  inset: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
  transition: all 0.6s ease-out;
  width: 100%;
  height: 100vh;
}

#splash-screen-2:before,
#splash-screen-2:after {
  content: "";
  position: absolute;
  border: 4px solid blue;
  border-radius: 50%;
  -webkit-animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

#splash-screen-2:after {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

@-webkit-keyframes animate-preloader {
  0% {
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    opacity: 1;
  }

  100% {
    width: 72px;
    height: 72px;
    top: calc(50% - 36px);
    left: calc(50% - 36px);
    opacity: 0;
  }
}

@keyframes animate-preloader {
  0% {
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    left: calc(50% - 5px);
    opacity: 1;
  }

  100% {
    width: 72px;
    height: 72px;
    top: calc(50% - 36px);
    left: calc(50% - 36px);
    opacity: 0;
  }
}
/* ----------------------- SPLASH-SCREEN-2 ----------------------- */


/* ----------------- ERROR-SCREEN-LOGO ----------------- */
/* ------------------ MOBILE ------------------ */
@media (max-width: 768px)
{
.error-screen-logo
{
top: -2vh!important;
font-size: 15vw!important;
}
}
/* ------------------ MOBILE ------------------ */
.error-screen-logo
{
position:relative;
top: -6.2vh!important;
background: #ddd;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
font-family: Segoe UI;
font-weight: bold;
font-size: 10vw;
}
/* ----------------- ERROR-SCREEN-LOGO ----------------- */






/* ------------------- JUMPER MULTICOLOR ------------------- */
.bg-multicolor, .text-multicolor
{
background: linear-gradient(to right, var(--jumpo-blue) 20%, var(--jumpo-green) 20% 40%, var(--jumpo-red) 40% 60%, var(--jumpo-yellow) 60% 80%, var(--jumpo-blue) 80%);
}
.text-multicolor
{
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}








/* ------------- color-1 ------------- */
.text-jumpo-blue
{
color: var(--jumpo-blue)!important;
}
.bg-jumpo-blue
{
background: var(--jumpo-blue)!important;
}
.border-jumpo-blue
{
border-width: 1px;
border-style: solid;
border-color: var(--jumpo-blue)!important;
}
/* ------------- color-1 ------------- */

/* ------------- color-2 ------------- */
.text-jumpo-green
{
color: var(--jumpo-green)!important;
}
.bg-jumpo-green
{
background: var(--jumpo-green)!important;
}
.border-jumpo-green
{
border-width: 1px;
border-style: solid;
border-color: var(--jumpo-green)!important;
}
/* ------------- color-2 ------------- */

/* ------------- color-3 ------------- */
.text-jumpo-red
{
color: var(--jumpo-red)!important;
}
.bg-jumpo-red
{
background: var(--jumpo-red)!important;
}
.border-jumpo-red
{
border-width: 1px;
border-style: solid;
border-color: var(--jumpo-red)!important;
}
/* ------------- color-3 ------------- */

/* ------------- color-4 ------------- */
.text-jumpo-yellow
{
color: var(--jumpo-yellow)!important;
}
.bg-jumpo-yellow
{
background: var(--jumpo-yellow)!important;
}
.border-jumpo-yellow
{
border-width: 1px;
border-style: solid;
border-color: var(--jumpo-yellow)!important;
}
/* ------------- color-4 ------------- */


/* ------------------- JUMPER MULTICOLOR ------------------- */


/* ------------------- opacity ------------------- */
.opacity-10
{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

/* IE 5-7 */
filter: alpha(opacity=10);

/* Netscape */
-moz-opacity: 0.1;

/* Safari 1.x */
-khtml-opacity: 0.1;

/* Good browsers */
opacity: 0.1;
}

.opacity-20
{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";

/* IE 5-7 */
filter: alpha(opacity=20);

/* Netscape */
-moz-opacity: 0.2;

/* Safari 1.x */
-khtml-opacity: 0.2;

/* Good browsers */
opacity: 0.2;
}

.opacity-30
{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

/* IE 5-7 */
filter: alpha(opacity=30);

/* Netscape */
-moz-opacity: 0.3;

/* Safari 1.x */
-khtml-opacity: 0.3;

/* Good browsers */
opacity: 0.3;
}

.opacity-40
{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";

/* IE 5-7 */
filter: alpha(opacity=40);

/* Netscape */
-moz-opacity: 0.4;

/* Safari 1.x */
-khtml-opacity: 0.4;

/* Good browsers */
opacity: 0.4;
}

.opacity-50
{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

/* IE 5-7 */
filter: alpha(opacity=50);

/* Netscape */
-moz-opacity: 0.5;

/* Safari 1.x */
-khtml-opacity: 0.5;

/* Good browsers */
opacity: 0.5;
}

.opacity-60
{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

/* IE 5-7 */
filter: alpha(opacity=60);

/* Netscape */
-moz-opacity: 0.6;

/* Safari 1.x */
-khtml-opacity: 0.6;

/* Good browsers */
opacity: 0.6;
}

.opacity-70
{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

/* IE 5-7 */
filter: alpha(opacity=70);

/* Netscape */
-moz-opacity: 0.7;

/* Safari 1.x */
-khtml-opacity: 0.7;

/* Good browsers */
opacity: 0.7;
}

.opacity-80
{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

/* IE 5-7 */
filter: alpha(opacity=80);

/* Netscape */
-moz-opacity: 0.8;

/* Safari 1.x */
-khtml-opacity: 0.8;

/* Good browsers */
opacity: 0.8;
}

.opacity-90
{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

/* IE 5-7 */
filter: alpha(opacity=90);

/* Netscape */
-moz-opacity: 0.9;

/* Safari 1.x */
-khtml-opacity: 0.9;

/* Good browsers */
opacity: 0.9;
}
/* ------------------- opacity ------------------- */

/* ------------------- gradient ------------------- */
.brightness-200
{
filter: brightness(200%);
}
.brightness-50
{
filter: brightness(50%);
}
/* ------------------- gradient ------------------- */

.form-control-1 {
	width: 100%;
	height: 2.8rem;
	font-size: 1.3rem;
	line-height: 1.8;
	color: #333;
	background-color: #fff;
	background-image: none;
	border: 0.14rem solid #ccc;
	border-radius: 0.14rem;
	padding-left: 10px;
	margin: 0 auto 1.4rem auto;

}
.form-control-1::-ms-expand {
	background-color: transparent;
	border: 0
}
.form-control-1:focus {
	border-color: #ddd;
	outline: none
}
.form-control-1::-webkit-input-placeholder {
	color: #ddd;
	opacity: 1
}
.form-control-1:-ms-input-placeholder {
	color: #ddd;
	opacity: 1
}
.form-control-1:disabled {
	background-color: #ddd;
	opacity: 1
}
.form-control-1:disabled {
	cursor: not-allowed
}







/* ------------------------ JUMPER SPINNER NEW ------------------------ 
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary
{
display: block;
}

audio,
canvas,
video
{
display: inline-block;
*display: inline;
*zoom: 1;
}

audio:not([controls])
{
display: none;
height: 0
}

[hidden]
{
display: none;
}

html
{
font-size: 100%;
-ms-text-size-adjuster: 100%;
-webkit-text-size-adjuster: 100%;
}

html,
button,
input,
select,
textarea
{
font-family: inherit;
}

body
{
margin: 0;
}

a:focus
{
outline: thin dotted;
}

a:active,
a:hover
{
outline: 0;
}

h1
{
font-size: 2em;
margin: .67em 0;
}

h2
{
font-size: 1.5em;
margin: .83em 0;
}

h3
{
font-size: 1.17em;
margin: 1em 0;
}

h4
{
font-size: 1em;
margin: 1.33em 0;
}

h5
{
font-size: .83em;
margin: 1.67em 0;
}

h6
{
font-size: .67em;
margin: 2.33em 0;
}

abbr[title]
{
border-bottom: 1px dotted;
}

b,
strong
{
font-weight: 700;
}

blockquote
{
margin: 1em 40px;
}

dfn
{
font-style: italic;
}

hr
{
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}

mark
{
background: #ff0;
color: #000;
}

p,
pre
{
margin: 1em 0;
}

code,
kbd,
pre,
samp
{
font-family: inherit;
font-size: 1em;
}

pre
{
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

q
{
quotes: none;
}

q:before,
q:after
{
content: '';
content: none;
}

small
{
font-size: 80%;
}

sub,
sup
{
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}

sup
{
top: -.5em;
}

sub
{
bottom: -.25em;
}

dl,
menu,
ol,
ul
{
margin: 1em 0;
}

dd
{
margin: 0 0 0 40px;
}

menu,
ol,
ul
{
padding: 0 0 0 40px;
}

nav ul,
nav ol
{
list-style: none;
list-style-image: none;
}

img
{
border: 0;
-ms-interpolation-mode: bicubic;
}

svg:not(:root)
{
overflow: hidden;
}

figure
{
margin: 0;
}

form
{
margin: 0;
}

fieldset
{
border: 1px solid silver;
margin: 0 2px;
padding: .35em .625em .75em;
}

legend
{
border: 0;
padding: 0;
white-space: normal;
*margin-left: -7px;
}

button,
input,
select,
textarea
{
font-size: 100%;
margin: 0;
vertical-align: baseline;
*vertical-align: middle;
}

button,
input
{
line-height: normal;
}

button,
select
{
text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]
{
-webkit-appearance: button;
cursor: pointer;
*overflow: visible;
}

button[disabled],
html input[disabled]
{
cursor: default;
}

input[type="checkbox"],
input[type="radio"]
{
box-sizing: border-box;
padding: 0;
*height: 13px;
*width: 13px;
}

input[type="search"]
{
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner
{
border: 0;
padding: 0;
}

textarea
{
overflow: auto;
vertical-align: top;
}

table
{
border-collapse: collapse;
border-spacing: 0;
}



#jumpo-preloader
{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1000;
}

#loader
{
display: block;
position: relative;
left: 50%;
top: 50%;
width: 120px;
height: 120px;
margin: -60px 0 0 -68px;
border: 8px solid transparent;
border-radius: 50%;
border-top: 8px solid blue;
border-right: 8px solid green;
border-bottom: 8px solid red;
border-left: 8px solid yellow;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
z-index: 1001;
}



@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@keyframes spin {
0% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
}

#jumpo-preloader .loader-section
{
position: fixed;
top: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 1000;
}



.loaded #jumpo-preloader
{
display: none;
}


@media print
{
* {
background: transparent!important;
color: #000!important;
box-shadow: none!important;
text-shadow: none!important;
}
a,
a:visited
{
text-decoration: underline;
}
a[href]:after
{
content: " (" attr(href) ")";
}
abbr[title]:after
{
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after
{
content: ""
}
pre,
blockquote
{
border: 1px solid #999;
page-break-inside: avoid;
}
thead
{
display: table-header-group;
}
tr,
img
{
page-break-inside: avoid;
}
img
{
max-width: 100%!important;
}
@page
{
margin: .5cm;
}
p,
h2,
h3
{
orphans: 3;
widows: 3;
}
h2,
h3
{
page-break-after: avoid;
}
}
 ------------------------ JUMPER SPINNER NEW ------------------------ */






.jumper_spinner
{
position: absolute;
width: 120px;
height: 120px;
border: 8px solid transparent;
border-radius: 50%;
border-top: 8px solid blue;
border-right: 8px solid green;
border-bottom: 8px solid red;
border-left: 8px solid yellow;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
-webkit-animation: spin_1 2s linear infinite;
animation: spin_1 2s linear infinite;
}

@-webkit-keyframes spin_1 
{
0% 
{ 
-webkit-transform: rotate(0deg); 
}
100% 
{ 
-webkit-transform: rotate(360deg); 
}
}

@keyframes spin_1 
{
0% 
{ 
transform: rotate(0deg); 
}
100% 
{ 
transform: rotate(360deg); 
}
}



.spinner {
	width: 80px;
	height: 80px;
	background-color: #333;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	-webkit-animation: rotateplane 1.2s infinite ease-in-out;
	animation: rotateplane 1.2s infinite ease-in-out
}
@-webkit-keyframes rotateplane {
	0% {
		-webkit-transform: perspective(120px)
	}
	50% {
		-webkit-transform: perspective(120px) rotateY(180deg)
	}
	100% {
		-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
	}
}
@keyframes rotateplane {
	0% {
		transform: perspective(120px) rotateX(0) rotateY(0);
		-webkit-transform: perspective(120px) rotateX(0) rotateY(0)
	}
	50% {
		transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
		-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
	}
	100% {
		transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
		-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
	}
}









/* --------------------- jumpo-blink --------------------- */
.jumpo-blink {
	animation: blink 1s steps(2, start) infinite;
	-webkit-animation: blink 1s steps(2, start) infinite;
}
@keyframes blink {
	to {
		visibility: hidden;
	}
}
@-webkit-keyframes blink {
	to {
		visibility: hidden;
	}
}


.jumpo-blink2 
{
opacity: 0;
animation: blinking 1s linear infinite;
/* animation: blink 1s steps(2, start) infinite; */
}

@keyframes blinking 
{
from,
49.9% 
{
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=54)";
/* IE 5-7 */
filter: alpha(opacity=54);
/* Netscape */
-moz-opacity: 0.54;
/* Safari 1.x */
-khtml-opacity: 0.54;
/* Good browsers */
opacity: 0.54;
}
50%,
to 
{
opacity: 1;
}
}
/* --------------------- jumpo-blink --------------------- */











































/* --------------------- datepicker MOBILE --------------------- */
@media (max-width:768px)
{
.datepicker, .table-condensed {
width: calc(100vw - 10px);
font-size: 5vw;
}
.dropdown-menu
{
left: 0!important;
}
}
/* --------------------- datepicker MOBILE --------------------- */


/* -------------- switch-1 -------------- */
.switch-1
{
position: relative;
display: inline-block;
width: 4.4em;
height: 2.4em;
outline: none;
}
.switch-1 input
{ 
opacity: 0;
width: 0;
height: 0;
outline: none;
}
.switch-1-slider
{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--switch-1-bg);
-webkit-transition: .2s;
transition: .2s;
outline: none;
border-radius: 2em;
cursor: pointer;
}
.switch-1-slider:before
{
position: absolute;
content: "";
height: 1.8em;
width: 1.8em;
left: 0.4em;
bottom: 0.3em;
background-color: var(--switch-1-slider);
outline: none;
border-radius: 2em;
-webkit-transition: 0.2s;
transition: 0.2s;
}
input:checked + .switch-1-slider
{
background-color: var(--switch-1-bg-checked);
}
input:focus + .switch-1-slider
{
-webkit-box-shadow: 0 0 0.05em #000;
-moz-box-shadow: 0 0 0.05em #000;
box-shadow: 0 0 0.05em #000;
}
input:checked + .switch-1-slider:before
{
-webkit-transform: translateX(1.8em);
-ms-transform: translateX(1.8em);
transform: translateX(1.8em);
}
/* -------------- switch-1 -------------- */



/* ----------- datetimepicker ----------- */
.glyphicon
{
display: inline-block;
font: normal normal normal 14px/1 jumpo-icons;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-time:before
{
content: "\f017";
}
.icon-arrow-left:before 
{
content: "\f053";
}
.icon-arrow-right:before 
{
content: "\f054";
}
.icon-arrow-up:before 
{
content: "\f077";
}
.icon-arrow-down:before 
{
content: "\f078";
}
.icon-calendar:before 
{
content: "\f073";
}
/* ----------- datetimepicker ----------- */








/* ----------------------- DATATABLES ----------------------- */
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.pagination>li {
	display: inline
}
.pagination>li>a,
.pagination>li>span
{
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	outline: none;
}
.pagination>li:last-child>a,
.pagination>li:last-child>span
{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	outline: none;
}


.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd
}
.pagination-lg>li>a, .pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px
}
.pagination-sm>li>a, .pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px
}
.pager {
	padding-left: 0;
	margin: 20px 0;
	text-align: center;
	list-style: none
}
.pager li {
	display: inline
}
.pager li>a, .pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px
}
.pager li>a:focus, .pager li>a:hover {
	text-decoration: none;
	background-color: #eee
}
.pager .next>a, .pager .next>span {
	float: right
}
.pager .previous>a, .pager .previous>span {
	float: left
}
.pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span {
	color: #777;
	cursor: not-allowed;
	background-color: #fff
}



.dataTable_search
{
	border-radius: 4px
}

div.dataTables_wrapper>div.row>div, 
div.dataTables_length, 
div.dataTables_filter, 
div.dataTables_info, 
div.dataTables_paginate
{
	width: 100%;
	text-align: center;
}


table.dataTable thead>tr>th {
	padding: 0;
	text-align: center;
	padding-right: 30px;
}
table.dataTable tr>td {
	text-align: center;
}

.dataTables_paginate .pagination .active a 
{
background-color: #fff;
border-color: #ddd;
color: #000;
outline: none;
}

/* ----------------------- DATATABLES ----------------------- */












/* ----------------------- HEADER-JUMPO ----------------------- */
.header-fixed-jumpo
{
position: fixed;
top: 0;
float: left;
width: 100%;
padding: 0;
margin: 0;
background: #fff!important;
border: none;
border-bottom: 5px solid;
border-image: linear-gradient(to right, #007FFF 0%, #007FFF 25%, #00AA55 25%, #00AA55 50%, #FF5F33 50%, #FF5F33 75%, #FFDD00 75%) 1;
z-index: 993;
}
/* ----------------------- HEADER-JUMPO ----------------------- */


/* ----------------------- HEADER-JUMPO-BLUE ----------------------- */
.header-fixed-jumpo-red
{
position: fixed;
top: 0;
float: left;
width: 100%;
padding: 0;
margin: 0;
background: #fff!important;
border: none;
border-bottom: 3px solid var(--jumpo-brand-blue);
z-index: 993;
}
/* ----------------------- HEADER-JUMPO-BLUE ----------------------- */






/* ----------------- mob-badge-bg ----------------- */
.mob-badge-bg
{
position: absolute;
width: 140px;
height: 40px;
background: #fff;
margin: 25px 5px;
z-index: -1;
}
/* ----------------- mob-badge-bg ----------------- */



/* ------------------ JAGGED-BORDER ------------------ */
:root
{
--jagg-size: 10px;
--jagg-triangle: calc(var(--jagg-size) * 2) calc(var(--jagg-size) * 4);
--jagg-height: var(--jagg-size);
--jagg-bg: #fff;
}

.jagged-border-top,
.jagged-border-bottom
{
position: relative;
width: 100%;
filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px -2px 0);
padding: 0;
}
.jagged-border-top:before,
.jagged-border-bottom:before
{
content: "";
display: block;
width: 100%;
height: var(--jagg-height);
  
background: linear-gradient(45deg, transparent 33.333%, var(--jagg-bg) 33.333%, var(--jagg-bg) 66.667%, transparent 66.667%), linear-gradient(-45deg, transparent 33.333%, var(--jagg-bg) 33.333%, var(--jagg-bg) 66.667%, transparent 66.667%);
background-size: var(--jagg-triangle);
}

.jagged-border-bottom
{
transform: rotate(180deg);
}
/* ------------------ JAGGED-BORDER ------------------ */



/* ---------------- JUMPO-BRANDING ---------------- */
:root
{
--scale: 1.1;
--mobile-rescale: 2.94;
--font: calc(var(--scale) * 1.08vw);
--width: calc(var(--scale) * 6vw);
--logo-font: calc(var(--scale) * 1.72vw);
}

.jumpo-branding
{
width: fit-content;
cursor: pointer;
}
.jumpo-branding-text
{
font-family: monospace; 
font-size: var(--font); 
font-weight: bold; 
color: #000;
}
.jumpo-branding-logo
{
font-size: var(--logo-font);
margin: -5px 0 0 6px;
}

@media (max-width: 768px)
{
.jumpo-branding-text
{
font-size: calc(var(--font) * var(--mobile-rescale)); 
}
.jumpo-branding-logo
{
font-size: calc(var(--logo-font) * var(--mobile-rescale));
}
}
/* ---------------- JUMPO-BRANDING ---------------- */




/* --------------------- MODAL-WINDOW --------------------- */
.modal-fader
{
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
z-index: 99998;
background: rgba(0,0,0,0.5);
}
.modal-fader.active
{
display: block;
}

.modal-window
{
display: none;
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%,-50%);
z-index: 99999;
background: #fff;
padding: 15px 30px 30px 30px;
border-radius: 5px;
font-family: sans-serif;
}
.modal-window.active
{
display: block;
position: fixed;
}
/* --------------------- MODAL-WINDOW --------------------- */



/* ======================== TRANSITIONS ======================== */
.transition-0-1
{
transition: 0.1s;
}
.transition-0-2
{
transition: 0.2s;
}
.transition-0-3
{
transition: 0.3s;
}
.transition-0-4
{
transition: 0.4s;
}
.transition-0-5
{
transition: 0.5s;
}
.transition-0-6
{
transition: 0.6s;
}
.transition-0-7
{
transition: 0.7s;
}
.transition-0-8
{
transition: 0.8s;
}
.transition-0-9
{
transition: 0.9s;
}
.transition-1-0
{
transition: 1s;
}

.transition-1-5
{
transition: 1.5s;
}

.transition-2-0
{
transition: 2s;
}
/* ======================== TRANSITIONS ======================== */