/* input(3221,1): run-time error CSS1019: Unexpected token, found '@import'
input(3221,9): run-time error CSS1019: Unexpected token, found 'url(https://fonts.googleapis.com/css?family=Raleway:700,400)' */
.cc-window {
    opacity: 1;
    transition: opacity 1s ease;
}

    .cc-window.cc-invisible {
        opacity: 0;
    }

.cc-animate.cc-revoke {
    transition: transform 1s ease;
}

    .cc-animate.cc-revoke.cc-top {
        transform: translateY(-2em);
    }

    .cc-animate.cc-revoke.cc-bottom {
        transform: translateY(2em);
    }

    .cc-animate.cc-revoke.cc-active.cc-bottom, .cc-animate.cc-revoke.cc-active.cc-top, .cc-revoke:hover {
        transform: translateY(0);
    }

.cc-grower {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s;
}

.cc-link, .cc-revoke:hover {
    text-decoration: underline;
}

.cc-revoke, .cc-window {
    position: fixed;
    overflow: hidden;
    box-sizing: border-box;
    font-family: Helvetica,Calibri,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.5em;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    z-index: 98;
}

    .cc-window.cc-static {
        position: static;
    }

    .cc-window.cc-floating {
        padding: 2em;
        max-width: 24em;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .cc-window.cc-banner {
        padding: 1em 1.8em;
        width: 100%;
        -ms-flex-direction: row;
        flex-direction: row;
    }

.cc-revoke {
    padding: .5em;
}

.cc-header {
    font-size: 18px;
    font-weight: 700;
}

.cc-btn, .cc-close, .cc-link, .cc-revoke {
    cursor: pointer;
}

.cc-link {
    opacity: .8;
    display: inline-block;
    padding: .2em;
}

    .cc-link:hover {
        opacity: 1;
    }

    .cc-link:active, .cc-link:visited {
        color: initial;
    }

.cc-btn {
    display: block;
    padding: .4em .8em;
    font-size: .9em;
    font-weight: 700;
    border-width: 2px;
    border-style: solid;
    text-align: center;
    white-space: nowrap;
}

.cc-highlight .cc-btn:first-child {
    background-color: transparent;
    border-color: transparent;
}

    .cc-highlight .cc-btn:first-child:focus, .cc-highlight .cc-btn:first-child:hover {
        background-color: transparent;
        text-decoration: underline;
    }

.cc-close {
    display: block;
    position: absolute;
    top: .5em;
    right: .5em;
    font-size: 1.6em;
    opacity: .9;
    line-height: .75;
}

    .cc-close:focus, .cc-close:hover {
        opacity: 1;
    }

.cc-revoke.cc-top {
    top: 0;
    left: 3em;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
}

.cc-revoke.cc-bottom {
    bottom: 0;
    left: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
}

.cc-revoke.cc-left {
    left: 3em;
    right: unset;
}

.cc-revoke.cc-right {
    right: 3em;
    left: unset;
}

.cc-top {
    top: 1em;
}

.cc-left {
    left: 1em;
}

.cc-right {
    right: 1em;
}

.cc-bottom {
    bottom: 1em;
}

.cc-floating > .cc-link {
    margin-bottom: 1em;
}

.cc-floating .cc-message {
    display: block;
    margin-bottom: 1em;
}

.cc-window.cc-floating .cc-compliance {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.cc-window.cc-banner {
    -ms-flex-align: center;
    align-items: center;
}

.cc-banner.cc-top {
    left: 0;
    right: 0;
    top: 0;
}

.cc-banner.cc-bottom {
    left: 0;
    right: 0;
    bottom: 0;
}

.cc-banner .cc-message {
    display: block;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    max-width: 100%;
    margin-right: 1em;
}

.cc-compliance {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: justify;
    align-content: space-between;
}

.cc-floating .cc-compliance > .cc-btn {
    -ms-flex: 1;
    flex: 1;
}

.cc-btn + .cc-btn {
    margin-left: .5em;
}

@media print {
    .cc-revoke, .cc-window {
        display: none;
    }
}

@media screen and (max-width:900px) {
    .cc-btn {
        white-space: normal;
    }
}

@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
    .cc-window.cc-top {
        top: 0;
    }

    .cc-window.cc-bottom {
        bottom: 0;
    }

    .cc-window.cc-banner, .cc-window.cc-floating, .cc-window.cc-left, .cc-window.cc-right {
        left: 0;
        right: 0;
    }

    .cc-window.cc-banner {
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .cc-window.cc-banner .cc-compliance {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
        }

    .cc-window.cc-floating {
        max-width: none;
    }

    .cc-window .cc-message {
        margin-bottom: 1em;
    }

    .cc-window.cc-banner {
        -ms-flex-align: unset;
        align-items: unset;
    }

        .cc-window.cc-banner .cc-message {
            margin-right: 0;
        }
}

.cc-floating.cc-theme-classic {
    padding: 1.2em;
    border-radius: 5px;
}

.cc-floating.cc-type-info.cc-theme-classic .cc-compliance {
    text-align: center;
    display: inline;
    -ms-flex: none;
    flex: none;
}

.cc-theme-classic .cc-btn {
    border-radius: 5px;
}

    .cc-theme-classic .cc-btn:last-child {
        min-width: 140px;
    }

.cc-floating.cc-type-info.cc-theme-classic .cc-btn {
    display: inline-block;
}

.cc-theme-edgeless.cc-window {
    padding: 0;
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 2em 2em 1.5em;
}

.cc-banner.cc-theme-edgeless .cc-btn {
    margin: 0;
    padding: .8em 1.8em;
    height: 100%;
}

.cc-banner.cc-theme-edgeless .cc-message {
    margin-left: 1em;
}

.cc-floating.cc-theme-edgeless .cc-btn + .cc-btn {
    margin-left: 0;
}

@font-face {
	font-family: 'icomoon';
	src:url('static/fonts/icomoon.eot?v=00nABEwoGCjBH9Qe4R-jNvyuo6A');
	src:url('static/fonts/icomoon.eot?v=00nABEwoGCjBH9Qe4R-jNvyuo6A&#iefix') format('embedded-opentype'),
		url('static/fonts/icomoon.woff?v=00nABEwoGCjBH9Qe4R-jNvyuo6A') format('woff'),
		url('static/fonts/icomoon.ttf?v=00nABEwoGCjBH9Qe4R-jNvyuo6A') format('truetype'),
		url('static/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Common styles of menus */

.dl-menuwrapper {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	font-size: large;
	width: 100%;
	max-width: 300px;
	float: left;
	position: relative;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	z-index: 99;
}

.dl-menuwrapper a {
	color: #ccc;
	text-decoration: none;
}

.dl-menuwrapper:first-child {
	margin-right: 100px;
}

.dl-menuwrapper button {
	background-color: #ccc;
    background-position: center;
	border: none;
	width: 32px;
	height: 32px;
	text-indent: -900em;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	outline: none;
}

.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul {
	background-color: #666666;
}

.dl-trigger {
	z-index: initial;
}

.dl-trigger:after {
	content: '';
	position: absolute;
	width: 68%;
	height: 3px;
	background-color: #fff;
	top: 10px;
	left: 16%;
	box-shadow: 0 6px 0 #fff, 0 12px 0 #fff;
}

.dl-menuwrapper button.dl-hidden {
	display: none;
}

.dl-menuwrapper ul {
	padding: 0;
    margin: 0;
	list-style: none;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.dl-menuwrapper li 
{
	padding: 0;
    margin: 0;    
	display: block;
	position: relative;
	white-space: nowrap;
    clear: both;
}

.dl-menuwrapper li a 
{
	display: block;
	vertical-align: middle;
	position: relative;
	padding: 4px 10px;
	line-height: 36px;
	font-weight: 300;
	color: #fff;
	outline: none;
	cursor: pointer;
}

.dl-menuwrapper li span 
{
    font-size: 1em;
    line-height: 32px;
    vertical-align : middle;
	display: inline-block;
}

.no-touch .dl-menuwrapper li a:hover {
	background-color: rgba(255,248,213,0.1);
    text-decoration: none; 
}

.dl-menuwrapper li.dl-back > a {
	padding-left: 52px;
	font-size: 1em;
	/*background-color: rgba(0,0,0,0.1);*/
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after 
{
	/*position: absolute;*/
	top: 0;
	line-height: 50px;
	font-family: 'icomoon';
	speak: none;
	-webkit-font-smoothing: antialiased;
	content: "\e000";
	color: white;
	margin-left: 10px;
}

.dl-menuwrapper li.dl-back:after {
	left: 10px;
	/*color: rgba(212,204,198,0.3);*/
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
	position: absolute;
	margin-right: 10px;
}

.dl-menuwrapper li > a:after {
	right: 10px;
	color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
	margin: 5px 0 0 0;
	position: absolute;
	/*width: 100%;*/
	opacity: 0;
	pointer-events: none;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.dl-menuwrapper li > hr {
    background-color: white;
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
	transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
    z-index: 9999999999;
    max-height: 100vh;
    overflow-y: auto;
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
	display: none;
}

.dl-menuimage {
	padding-right: 10px;
	vertical-align: middle;
}

/* 
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link. 
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
	display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
	display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
	position: absolute;
	width: 100%;
	/*top: 50px;
	top: 5px;*/
	left: 0;
	margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
	-webkit-animation: MenuAnimOut1 0.4s;
	animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
	-webkit-animation: MenuAnimOut2 0.3s ease-in-out;
	animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
	-webkit-animation: MenuAnimOut3 0.4s ease;
	animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
	-webkit-animation: MenuAnimOut4 0.4s ease;
	animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
	-webkit-animation: MenuAnimOut5 0.4s ease;
	animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut1 {
	0% { }
	50% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
	}
	75% {
		-webkit-transform: translateZ(-372.5px) rotateY(15deg);
		transform: translateZ(-372.5px) rotateY(15deg);
		opacity: .5;
	}
	100% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
}

@keyframes MenuAnimOut2 {
	0% { }
	100% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
}

@keyframes MenuAnimOut3 {
	0% { }
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut4 {
	0% { }
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes MenuAnimOut5 {
	0% { }
	100% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
}

.dl-menu.dl-animate-in-1 {
	-webkit-animation: MenuAnimIn1 0.3s;
	animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
	-webkit-animation: MenuAnimIn2 0.3s ease-in-out;
	animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
	-webkit-animation: MenuAnimIn3 0.4s ease;
	animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
	-webkit-animation: MenuAnimIn4 0.4s ease;
	animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
	-webkit-animation: MenuAnimIn5 0.4s ease;
	animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes MenuAnimIn1 {
	0% {
		-webkit-transform: translateZ(-500px) rotateY(0deg);
		transform: translateZ(-500px) rotateY(0deg);
		opacity: 0;
	}
	20% {
		-webkit-transform: translateZ(-250px) rotateY(30deg);
		transform: translateZ(-250px) rotateY(30deg);
		opacity: 0.5;
	}
	100% {
		-webkit-transform: translateZ(0px) rotateY(0deg);
		transform: translateZ(0px) rotateY(0deg);
		opacity: 1;
	}
}

@keyframes MenuAnimIn2 {
	0% {
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes MenuAnimIn5 {
	0% {
		-webkit-transform: translateY(40%);
		transform: translateY(40%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
	-webkit-animation: SubMenuAnimIn1 0.4s ease;
	animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
	-webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
	animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
	-webkit-animation: SubMenuAnimIn3 0.4s ease;
	animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
	-webkit-animation: SubMenuAnimIn4 0.4s ease;
	animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
	-webkit-animation: SubMenuAnimIn5 0.4s ease;
	animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
}

@-webkit-keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn1 {
	0% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn2 {
	0% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateX(0px);
		transform: translateX(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn3 {
	0% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn4 {
	0% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
}

@keyframes SubMenuAnimIn5 {
	0% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
	-webkit-animation: SubMenuAnimOut1 0.4s ease;
	animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
	-webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
	animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
	-webkit-animation: SubMenuAnimOut3 0.4s ease;
	animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
	-webkit-animation: SubMenuAnimOut4 0.4s ease;
	animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
	-webkit-animation: SubMenuAnimOut5 0.4s ease;
	animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		opacity: 0;
	}
}

@-webkit-keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut1 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut2 {
	0% {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateX(100%);
		transform: translateX(100%);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut3 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-300px);
		transform: translateZ(-300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut4 {
	0% {
		-webkit-transform: translateZ(0px);
		transform: translateZ(0px);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(300px);
		transform: translateZ(300px);
		opacity: 0;
	}
}

@keyframes SubMenuAnimOut5 {
	0% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1;
	}
	100% {
		-webkit-transform: translateZ(-200px);
		transform: translateZ(-200px);
		opacity: 0;
	}
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
	position: relative;
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
	display: block;
}

.no-js .dl-menuwrapper li.dl-back {
	display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
	background-color: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
	content: '';
}

/* Colors */

.dl-color-1 .dl-menuwrapper button {
	background-color: #c62860;
}

.dl-color-1 .dl-menuwrapper button:hover,
.dl-color-1 .dl-menuwrapper button.dl-active,
.dl-color-1 .dl-menuwrapper ul {
	background-color: #9e1847;
}

.dl-color-2 .dl-menuwrapper button {
	background-color: #e86814;
}

.dl-color-2 .dl-menuwrapper button:hover,
.dl-color-2 .dl-menuwrapper button.dl-active,
.dl-color-2 .dl-menuwrapper ul {
	background-color: #D35400;
}

.dl-color-3 .dl-menuwrapper button {
	background-color: #08cbc4;
}

.dl-color-3 .dl-menuwrapper button:hover,
.dl-color-3 .dl-menuwrapper button.dl-active,
.dl-color-3 .dl-menuwrapper ul {
	background-color: #00b4ae;
}

.dl-color-4 .dl-menuwrapper button {
	background-color: #90b912;
}

.dl-color-4 .dl-menuwrapper button:hover,
.dl-color-4 .dl-menuwrapper button.dl-active,
.dl-color-4 .dl-menuwrapper ul {
	background-color: #79a002;
}

.dl-color-5 .dl-menuwrapper button {
	background-color: #744783;
}

.dl-color-5 .dl-menuwrapper button:hover,
.dl-color-5 .dl-menuwrapper button.dl-active,
.dl-color-5 .dl-menuwrapper ul {
	background-color: #643771;
}

.dl-color-6 .dl-menuwrapper button {
	background-color: #7CA6CF;
}

.dl-color-6 .dl-menuwrapper button:hover,
.dl-color-6 .dl-menuwrapper button.dl-active,
.dl-color-6 .dl-menuwrapper ul {
	background-color: #7CA6CF;
}

.dl-color-7 .dl-menuwrapper button {
	background-color: #CCCCCC;
}

.dl-color-7 .dl-menuwrapper button:hover,
.dl-color-7 .dl-menuwrapper button.dl-active,
.dl-color-7 .dl-menuwrapper ul {
	background-color: #CCCCCC;
} 
.ui-multiselect { padding:2px 4px 2px 4px !important; text-align: left; margin: 2px;}
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:2px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }

.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:auto }

.ui-multiselect-checkboxes label {
    cursor:default; 
    display:block; 
    border:1px solid transparent;
    
    text-decoration: none;
    color: #444;
    cursor: pointer;
    /*font-size: 0.8em;*/
    font-weight: normal;
    padding-left: 2.4em;
    padding-right: 0.75em;
    position: relative;

    line-height: 2em;
    margin: 0;
}

.ui-multiselect-checkboxes label input {
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
    -o-appearance: checkbox;
    -ms-appearance: checkbox;
    opacity: inherit;
    z-index: auto;
    /*margin-left: -2em;
    margin-top: 0.5em;*/
    margin-left: -1.6em;
}

.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }

/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }

.ui-multiselect-all {
    font-weight: normal;
    font-size: 0.8em;
}
.ui-multiselect-none {
    font-weight: normal;
    font-size: 0.8em;
}

.ui-multiselect-triangle {
    float: right;
    color: #51b6d9;
}

.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size: 0.8em; font-weight: normal;}
.ui-multiselect-filter input { width:100px; font-size:0.8em; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

/*
 * qTip2 - Pretty powerful tooltips - v2.2.1
 * http://qtip2.com
 *
 * Copyright (c) 2015 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Sat Aug 8 2015 10:10 EDT-0400
 * Plugins: tips viewport imagemap svg modal
 * Styles: core basic css3
 */
.qtip{
	position: absolute;
	left: -28000px;
	top: -28000px;
	display: none;

	max-width: 280px;
	min-width: 50px;

	/*font-size: 10.5px;*/
    font-size: 0.8em;
	line-height: 12px;

	direction: ltr;

	box-shadow: none;
	padding: 0;
}

	.qtip-content{
		position: relative;
		padding: 5px 9px;
		overflow: hidden;

		text-align: left;
		word-wrap: break-word;
	}

	.qtip-titlebar{
		position: relative;
		padding: 5px 35px 5px 10px;
		overflow: hidden;

		border-width: 0 0 1px;
		font-weight: bold;
	}

	.qtip-titlebar + .qtip-content{ border-top-width: 0 !important; }

	/* Default close button class */
	.qtip-close{
		position: absolute;
		right: -9px; top: -9px;
		z-index: 11; /* Overlap .qtip-tip */

		cursor: pointer;
		outline: medium none;

		border: 1px solid transparent;
	}

		.qtip-titlebar .qtip-close{
			right: 4px; top: 50%;
			margin-top: -9px;
		}

		* html .qtip-titlebar .qtip-close{ top: 16px; } /* IE fix */

		.qtip-titlebar .ui-icon,
		.qtip-icon .ui-icon{
			display: block;
			text-indent: -1000em;
			direction: ltr;
		}

		.qtip-icon, .qtip-icon .ui-icon{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			border-radius: 3px;
			text-decoration: none;
		}

			.qtip-icon .ui-icon{
				width: 18px;
				height: 14px;

				line-height: 14px;
				text-align: center;
				text-indent: 0;
				font: normal bold 10px/13px Tahoma,sans-serif;

				color: inherit;
				background: transparent none no-repeat -100em -100em;
			}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus{}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover{}

/* Default tooltip style */
.qtip-default{
	border: 1px solid #F1D031;

	background-color: #FFFFA3;
	color: #555;
}

	.qtip-default .qtip-titlebar{
		/* background-color: #FFEF93; */
	    background-color: #F8DF52;
	}

	.qtip-default .qtip-icon{
		border-color: #CCC;
		background: #F1F1F1;
		color: #777;
	}

	.qtip-default .qtip-titlebar .qtip-close{
		border-color: #AAA;
		color: #111;
	}


/*! Light tooltip style */
.qtip-light{
	background-color: white;
	border-color: #E2E2E2;
	color: #454545;
}

	.qtip-light .qtip-titlebar{
		background-color: #f1f1f1;
	}


/*! Dark tooltip style */
.qtip-dark{
	background-color: #505050;
	border-color: #303030;
	color: #f3f3f3;
}

	.qtip-dark .qtip-titlebar{
		background-color: #404040;
	}

	.qtip-dark .qtip-icon{
		border-color: #444;
	}

	.qtip-dark .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/*! Cream tooltip style */
.qtip-cream{
	background-color: #FBF7AA;
	border-color: #F9E98E;
	color: #A27D35;
}

	.qtip-cream .qtip-titlebar{
		background-color: #F0DE7D;
	}

	.qtip-cream .qtip-close .qtip-icon{
		background-position: -82px 0;
	}


/*! Red tooltip style */
.qtip-red{
	background-color: #F78B83;
	border-color: #D95252;
	color: #912323;
}

	.qtip-red .qtip-titlebar{
		background-color: #F06D65;
	}

	.qtip-red .qtip-close .qtip-icon{
		background-position: -102px 0;
	}

	.qtip-red .qtip-icon{
		border-color: #D95252;
	}

	.qtip-red .qtip-titlebar .ui-state-hover{
		border-color: #D95252;
	}


/*! Green tooltip style */
.qtip-green{
	background-color: #CAED9E;
	border-color: #90D93F;
	color: #3F6219;
}

	.qtip-green .qtip-titlebar{
		background-color: #B0DE78;
	}

	.qtip-green .qtip-close .qtip-icon{
		background-position: -42px 0;
	}


/*! Blue tooltip style */
.qtip-blue{
	background-color: #E5F6FE;
	border-color: #ADD9ED;
	color: #5E99BD;
}

	.qtip-blue .qtip-titlebar{
		background-color: #D0E9F5;
	}

	.qtip-blue .qtip-close .qtip-icon{
		background-position: -2px 0;
	}


.qtip-shadow{
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.qtip-rounded .qtip-titlebar{
	-moz-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}

/* Youtube tooltip style */
.qtip-youtube{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 3px #333;
	-moz-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;

	color: white;
	border: 0 solid transparent;

	background: #4A4A4A;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4A4A4A),color-stop(100%,black));
	background-image: -webkit-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -moz-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -ms-linear-gradient(top,#4A4A4A 0,black 100%);
	background-image: -o-linear-gradient(top,#4A4A4A 0,black 100%);
}

	.qtip-youtube .qtip-titlebar{
		background-color: #4A4A4A;
		background-color: rgba(0,0,0,0);
	}

	.qtip-youtube .qtip-content{
		padding: .75em;
		font: 12px arial,sans-serif;

		filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);
		-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
	}

	.qtip-youtube .qtip-icon{
		border-color: #222;
	}

	.qtip-youtube .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* jQuery TOOLS Tooltip style */
.qtip-jtools{
	background: #232323;
	background: rgba(0, 0, 0, 0.7);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
	background-image: -moz-linear-gradient(top, #717171, #232323);
	background-image: -webkit-linear-gradient(top, #717171, #232323);
	background-image: -ms-linear-gradient(top, #717171, #232323);
	background-image: -o-linear-gradient(top, #717171, #232323);

	border: 2px solid #ddd;
	border: 2px solid rgba(241,241,241,1);

	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: 0 0 12px #333;
	-moz-box-shadow: 0 0 12px #333;
	box-shadow: 0 0 12px #333;
}

	/* IE Specific */
	.qtip-jtools .qtip-titlebar{
		background-color: transparent;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
	}
	.qtip-jtools .qtip-content{
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
	}

	.qtip-jtools .qtip-titlebar,
	.qtip-jtools .qtip-content{
		background: transparent;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-jtools .qtip-icon{
		border-color: #555;
	}

	.qtip-jtools .qtip-titlebar .ui-state-hover{
		border-color: #333;
	}


/* Cluetip style */
.qtip-cluetip{
	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);

	background-color: #D9D9C2;
	color: #111;
	border: 0 dashed transparent;
}

	.qtip-cluetip .qtip-titlebar{
		background-color: #87876A;
		color: white;
		border: 0 dashed transparent;
	}

	.qtip-cluetip .qtip-icon{
		border-color: #808064;
	}

	.qtip-cluetip .qtip-titlebar .ui-state-hover{
		border-color: #696952;
		color: #696952;
	}


/* Tipsy style */
.qtip-tipsy{
	background: black;
	background: rgba(0, 0, 0, .87);

	color: white;
	border: 0 solid transparent;

	font-size: 11px;
	font-family: 'Lucida Grande', sans-serif;
	font-weight: bold;
	line-height: 16px;
	text-shadow: 0 1px black;
}

	.qtip-tipsy .qtip-titlebar{
		padding: 6px 35px 0 10px;
		background-color: transparent;
	}

	.qtip-tipsy .qtip-content{
		padding: 6px 10px;
	}

	.qtip-tipsy .qtip-icon{
		border-color: #222;
		text-shadow: none;
	}

	.qtip-tipsy .qtip-titlebar .ui-state-hover{
		border-color: #303030;
	}


/* Tipped style */
.qtip-tipped{
	border: 3px solid #959FA9;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

	background-color: #F9F9F9;
	color: #454545;

	font-weight: normal;
	font-family: serif;
}

	.qtip-tipped .qtip-titlebar{
		border-bottom-width: 0;

		color: white;
		background: #3A79B8;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
		background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
		background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
	}

	.qtip-tipped .qtip-icon{
		border: 2px solid #285589;
		background: #285589;
	}

		.qtip-tipped .qtip-icon .ui-icon{
			background-color: #FBFBFB;
			color: #555;
		}


/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap{
	/** Taken from Bootstrap body */
	font-size: 14px;
	line-height: 20px;
	color: #333333;

	/** Taken from Bootstrap .popover */
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
}

	.qtip-bootstrap .qtip-titlebar{
		/** Taken from Bootstrap .popover-title */
		padding: 8px 14px;
		margin: 0;
		font-size: 14px;
		font-weight: normal;
		line-height: 18px;
		background-color: #f7f7f7;
		border-bottom: 1px solid #ebebeb;
		-webkit-border-radius: 5px 5px 0 0;
		-moz-border-radius: 5px 5px 0 0;
		border-radius: 5px 5px 0 0;
	}

		.qtip-bootstrap .qtip-titlebar .qtip-close{
			/**
			 * Overrides qTip2:
			 * .qtip-titlebar .qtip-close{
			 *   [...]
			 *   right: 4px;
			 *   top: 50%;
			 *   [...]
			 *   border-style: solid;
			 * }
			 */
			right: 11px;
			top: 45%;
			border-style: none;
		}

	.qtip-bootstrap .qtip-content{
		/** Taken from Bootstrap .popover-content */
		padding: 9px 14px;
	}

	.qtip-bootstrap .qtip-icon{
		/**
		 * Overrides qTip2:
		 * .qtip-default .qtip-icon {
		 *   border-color: #CCC;
		 *   background: #F1F1F1;
		 *   color: #777;
		 * }
		 */
		background: transparent;
	}

		.qtip-bootstrap .qtip-icon .ui-icon{
			/**
			 * Overrides qTip2:
			 * .qtip-icon .ui-icon{
			 *   width: 18px;
			 *   height: 14px;
			 * }
			 */
			width: auto;
			height: auto;

			/* Taken from Bootstrap .close */
			float: right;
			font-size: 20px;
			font-weight: bold;
			line-height: 18px;
			color: #000000;
			text-shadow: 0 1px 0 #ffffff;
			opacity: 0.2;
			filter: alpha(opacity=20);
		}

		.qtip-bootstrap .qtip-icon .ui-icon:hover{
			/* Taken from Bootstrap .close:hover */
			color: #000000;
			text-decoration: none;
			cursor: pointer;
			opacity: 0.4;
			filter: alpha(opacity=40);
		}


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar{
	filter: none;
	-ms-filter: none;
}


.qtip .qtip-tip{
	margin: 0 auto;
	overflow: hidden;
	z-index: 10;

}

	/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
	x:-o-prefocus, .qtip .qtip-tip{
		visibility: hidden;
	}

	.qtip .qtip-tip,
	.qtip .qtip-tip .qtip-vml,
	.qtip .qtip-tip canvas{
		position: absolute;

		color: #123456;
		background: transparent;
		border: 0 dashed transparent;
	}

	.qtip .qtip-tip canvas{ top: 0; left: 0; }

	.qtip .qtip-tip .qtip-vml{
		behavior: url(static/Content/#default#VML);
		display: inline-block;
		visibility: visible;
	}


#qtip-overlay{
	position: fixed;
	left: 0; top: 0;
	width: 100%; height: 100%;
}

	/* Applied to modals with show.modal.blur set to true */
	#qtip-overlay.blurs{ cursor: pointer; }

	/* Change opacity of overlay here */
	#qtip-overlay div{
		position: absolute;
		left: 0; top: 0;
		width: 100%; height: 100%;

		background-color: black;

		opacity: 0.7;
		filter:alpha(opacity=70);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	}

.switch-button-label {
    float: left;

    font-size: 10pt;
    cursor: pointer;
}

.switch-button-label.off {
    color: #adadad;
}

.switch-button-label.on {
    color: #0088CC;
}

.switch-button-background {
    float: left;
    position: relative;

    background: #ccc;
    border: 1px solid #aaa;

    margin: 1px 10px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    cursor: pointer;
}

.switch-button-button {
    position: absolute;

    left: -1px;
    top : -1px;

    background: #FAFAFA;
    border: 1px solid #aaa;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.combogrid{
	/*max-width: 800px;
	min-width: 500px;*/
	font-size: 1em !important;
    width: 100%;
    max-width: 550px;
    position: relative;
}

.cg-gridContainer {
    overflow-x: scroll;
    height: 100%;
}

.cg-gridCanvas {
     width: 3000px;      
}

.recordXP {
    padding-top: 0px;
}

.input-bg{
    background-image: url("static/Content/cg-images/magnifier.png?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY") !important;
    background-position: 100% 0.5em !important;
    background-repeat: no-repeat !important;
    padding-right: 16px !important;
}
#cg-divHeader {
	height: 22px;
	padding: 4px;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	margin: -3px -3px 0 -1px;
}
.cg-colHeader {
	float:left;
	font: 0.9em verdana,arial,sans-serif !important;
	font-weight: bold;
    position: relative;
}
.cg-colHeader-label {
	padding: 0;
	margin:0;
	cursor: pointer;
}
.cg-colHeader-label:hover {
	text-decoration: underline;
}
.cg-colHeader span {
	height: 12px;
	width: 12px;
	position: absolute;
    top: 0;
    right: 10px;
}
.cg-colHeader.asc{
	background-image: url("static/Content/themes/base/images/ui-icons_888888_256x240.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A");
	background-position: -64px -16px;
}
.cg-colHeader.desc{
	background-image: url("static/Content/themes/base/images/ui-icons_888888_256x240.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A");
	background-position: 0 -16px;
}
.cg-colItem{
	height:1.7em;
	padding: 1px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.cgcombo-state-hover {
	background-color: #eeeeee;
	border: 1px solid #cccccc;
}
.cg-comboButton{
	background-color: #eeeeee;
	width: 100%;
	height: 2.1em;
    margin: -3px 0 -3px -1px;
    padding: 2px 2px 2px 0;
    width: 100%;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    outline: 0 none;
    vertical-align: baseline;
    max-width: 100%;
    overflow: hidden;
}
.cg-navTable{
	float: left;
	table-layout:auto;
	width: 100%;
	font-size: 0.7em;
  font-weight: normal;
	border: 0;
	margin: 0;
}
.cg-navTable td{
	padding: 1px;
	border:0;
	text-shadow: none;
    vertical-align: middle;
}
.cg-navTable tr{
	color: inherit;
	background: none;
	border:0;
}
.cg-comboItem{
	height: 24px;
	margin: 0;
  width:100%;
	padding-bottom: 2px !important;
	border: 1px solid #ffffff;
}
.cg-comboItem-even{
	height: 24px;
	padding-bottom: 2px !important;
	background-color: #edf6f8;
}
.cg-comboItem-odd{
	height: 24px;
	padding-bottom: 2px !important;
}
.cg-DivItem {
	float:left;
	font-size: 0.9em;
	overflow: hidden;
	height: 1.7em;
    width: 7em;
}
.cg-pg-button 
{
    border: 1px solid transparent !important;
	padding: 1px;
	width: 18px;
}
.cg-pg-table {
	border: 0;
	padding: 0;
	margin:0;
    font-size: 1.2em;
}
.cg-pg-table select {
    display: inline;
    height: 1.5em;
    width: 4em;
    margin: 3px;
    font-size: 1em !important;
}
.cg-pg-table span {
    cursor: pointer;
}
.cg-pg-button:hover {
	 border: 1px solid #777777;
	 background: #dadada url(static/Content/themes/base/images/ui-bg_glass_75_dadada_1x400.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A) 50% 50% repeat-x;
	 font-weight: normal;
	 color: #212121;
	 padding: 1px;
}
.cg-pg-button.cg-state-disabled:hover {
	border: 1px #ececec !important;
	padding: 1px;
	background:none;
}
#cg-navInfo{
	min-width: 150px;
	text-align: center;
    width: 5em;
}

#cg-navInfo input{
    display: inline;
    width: inherit;
    height: 1.5em;
    font-size: 1em !important;
}

.cg-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .cg-autocomplete { width:1px;} /* without this, the menu expands to 100% in IE6 */

.cg-menu {
	padding-right: 0px; /*2px volt*/
	margin: 0;
}
.cg-menu .cg-menu {
	margin-top: -3px;
}
.cg-menu .cg-menu-item {
	margin: 0;
	padding: 0;
	clear: left;
	overflow: hidden;
	border: 1px solid transparent;
}

.cg-menu .cg-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.cg-menu .cg-menu-item a.cg-state-hover,
.cg-menu .cg-menu-item a.cg-state-active {
	font-weight: normal;
	margin: -1px;
}
.cg-resetButton {
    cursor: pointer;
    display: inline-block;
    margin: 1px;
    padding: 3px;
    vertical-align: bottom;
}
.cg-searchButton {
    cursor: pointer;
    display: inline-block;
    margin: 1px;
    padding: 3px;
    vertical-align: bottom;
}
.cg-loading{
    background-image: url("static/Content/cg-images/loading.gif?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY") !important;
    background-position: 100% 1em !important;
    background-repeat: no-repeat !important;
}
.ok-icon{
    background-image: url("static/Content/cg-images/accept.png?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY");
    margin-bottom: 6px;
    vertical-align: bottom;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-left: 3px;
}
.notok-icon{
	background-image: url("static/Content/cg-images/exclamation.png?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY");
	margin-bottom: 6px;
  vertical-align: bottom;
  height: 16px;
  width: 16px;
  display: inline-block;
  margin-left: 3px;
}

.ui-paging-info {
    overflow: auto;
    white-space: nowrap;
    font-size: 1.2em;
}
#tlyPageGuideWrapper {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    color: #000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    #tlyPageGuideWrapper #tlyPageGuideToggles {
        position: fixed;
        top: 84px;
        right: 0;
        z-index: 9999;
        display: block;
    }

    #tlyPageGuideWrapper .tlypageguide_toggle {
        position: relative;
        right: -185px;
        display: block;
        float: right;
        width: 184px;
        height: 50px;
        padding: 22px 6px 6px;
        margin-bottom: 20px;
        clear: both;
        font-size: 11px;
        line-height: 25px;
        color: #000;
        text-align: left;
        text-decoration: none;
        cursor: pointer;
        background: rgba(0,0,0,0.1);
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        -o-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
        transition: all .2s ease-in;
    }

        #tlyPageGuideWrapper .tlypageguide_toggle:before {
            position: absolute;
            top: 8px;
            left: 25px;
            display: block;
            width: 16px;
            height: 16px;
            overflow: hidden;
            text-indent: -999px;
            background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MjU5MjM2NTg4QkExMUUxODFFQUI0QjhGOEVCQTk1QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MjU5MjM2Njg4QkExMUUxODFFQUI0QjhGOEVCQTk1QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgyNTkyMzYzODhCQTExRTE4MUVBQjRCOEY4RUJBOTVBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgyNTkyMzY0ODhCQTExRTE4MUVBQjRCOEY4RUJBOTVBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NYhnaAAAAOJJREFUeNpiZAACQ0PDeiDVwEA6aGDU1dXlZ2Rk/MBAJmABEX///mVYsGAByZoTEhIgDA0Njf/kAJA+JpgLyAEgfWAv/PnzByxw5swZuKSJiQkKHxmA5GD6KHYBGEhLS5MVBiB9LMgmoXsBBnCJg/RRxwtCQkJkeQGkjxFkAB8f339yUyIziGBlZWX49++fA9BQBlIwOC8gm8bFxWUPYwMNBKVTAygG5ZUNTExM8PT+7du3g7gzCAtLPNBV59nY2PiB9H8g9gfxQeJE+Qto035mZmZ+KPs/EOuD+CBxdLUAAQYA7/EQmFgcNYsAAAAASUVORK5CYII=") 0 0 no-repeat;
            content: " ";
        }

        #tlyPageGuideWrapper .tlypageguide_toggle div {
            position: absolute;
            top: 6px;
            right: -4px;
            display: block;
            width: 124px;
            height: 33px;
            padding: 2px 0 0 5px;
            overflow: hidden;
            line-height: 16px;
            border-left: 1px solid #fff;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }

            #tlyPageGuideWrapper .tlypageguide_toggle div span {
                display: block;
                width: 115px;
                margin: 0 0 0 -118px;
                -webkit-transition: all .2s ease-in;
                -moz-transition: all .2s ease-in;
                -ms-transition: all .2s ease-in;
                -o-transition: all .2s ease-in;
                transition: all .2s ease-in;
            }

        #tlyPageGuideWrapper .tlypageguide_toggle a {
            position: absolute;
            right: 10px;
            bottom: -26px;
            color: #000;
            text-decoration: none;
            opacity: 0;
        }

        #tlyPageGuideWrapper .tlypageguide_toggle:hover {
            right: 0 !important;
            background: rgba(0,0,0,0.2);
        }

            #tlyPageGuideWrapper .tlypageguide_toggle:hover div span {
                margin: 0;
            }

    #tlyPageGuideWrapper #tlyPageGuideMessages {
        position: fixed;
        bottom: 0;
        z-index: 1000;
        display: none;
        width: 90%;
        height: 0;
        padding: 10px;
        margin: 0 5% 0 5%;
        overflow-y: auto;
        font-size: 16px;
        background: rgba(0,0,0,0.85);
        -webkit-border-radius: 3px 3px 0 0;
        -moz-border-radius: 3px 3px 0 0;
        -o-border-radius: 3px 3px 0 0;
        border-radius: 3px 3px 0 0;
        -webkit-box-shadow: 0 0 9px 4px rgba(0,0,0,0.4);
        -moz-box-shadow: 0 0 9px 4px rgba(0,0,0,0.4);
        -o-box-shadow: 0 0 9px 4px rgba(0,0,0,0.4);
        box-shadow: 0 0 9px 4px rgba(0,0,0,0.4);
    }

        #tlyPageGuideWrapper #tlyPageGuideMessages span.tlypageguide_index {
            position: absolute;
            top: 32px;
            left: 50px;
            display: block;
            width: 30px /*50px*/;
            height: 35px /*46px*/;
            overflow: hidden;
            font-size: 20px;
            line-height: 36px;
            color: #fff;
            text-align: center;
            background: rgba(35, 207, 17, 0.95) /*rgba(247,0,119,0.95)*/;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -o-border-radius: 3px;
            border-radius: 3px;
        }

        #tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_text {
            position: relative;
            margin: 10px 90px 0 120px;
            line-height: 22px;
            color: #fff;
        }

            #tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_text a {
                color: #fff;
            }

                #tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_text a:hover {
                    color: #fff;
                }

        #tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_close {
            position: absolute;
            top: 0;
            right: 50px;
            display: block;
            width: 50px;
            height: 24px;
            overflow: hidden;
            font-size: 11px;
            line-height: 26px;
            color: #fff;
            text-align: center;
            text-decoration: none;
            background: rgba(35, 207, 17, 0.95) /*#f70077*/;
            -webkit-border-radius: 0 0 3px 3px;
            -moz-border-radius: 0 0 3px 3px;
            -o-border-radius: 0 0 3px 3px;
            border-radius: 0 0 3px 3px;
        }

        #tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_back, #tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_fwd {
            position: absolute;
            top: 34px;
            left: 10px;
            display: block;
            width: 30px;
            height: 30px;
            overflow: hidden;
            text-indent: -999px;
            background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAVCAYAAAByrA+0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo4MjU5MjM2OTg4QkExMUUxODFFQUI0QjhGOEVCQTk1QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo4MjU5MjM2QTg4QkExMUUxODFFQUI0QjhGOEVCQTk1QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjgyNTkyMzY3ODhCQTExRTE4MUVBQjRCOEY4RUJBOTVBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgyNTkyMzY4ODhCQTExRTE4MUVBQjRCOEY4RUJBOTVBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+eySFcAAAAKRJREFUeNqMk1ENhDAQROfjDNQCFs5CLWABC5wELGABCyChFrBQCz2aQELKvtImk5CyLxtmBqWUlmSf7pBK6XwRDWAlIGuELT0BWbsB5DtHgIctIwECA+LdgBJwYMBCQM0AT0BWAAMQQAMIoC2BhgcK0hp2tapYwFQrYzn8fUu75UPjvU8tgQ1Wl1zrP3E9zLU6lAClOlsZfST5Q5ue52fc6S/AABXAQWeCQoWGAAAAAElFTkSuQmCC") 10px 4px no-repeat;
        }

        #tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_back {
            -webkit-transform: rotate(-180deg) scale(1) skewX(0) skewY(0) translate(0);
            -moz-transform: rotate(-180deg) scale(1) skewX(0) skewY(0) translate(0);
            -ms-transform: rotate(-180deg) scale(1) skewX(0) skewY(0) translate(0);
            -o-transform: rotate(-180deg) scale(1) skewX(0) skewY(0) translate(0);
            transform: rotate(-180deg) scale(1) skewX(0) skewY(0) translate(0);
        }

        #tlyPageGuideWrapper #tlyPageGuideMessages .tlypageguide_fwd {
            left: 90px;
        }

    #tlyPageGuideWrapper #tlyPageGuideContent {
        display: none;
    }

.tlypageguide-open #tlyPageGuideWrapper .tlypageguide_toggle.tlyPageGuideToggleActive {
    right: 0 !important;
    color: #fff;
    /*background: rgba(247,0,119,0.9);*/
    background: rgba(35, 207, 17, 0.75);
    /*shadow orig: rgba(0,0,0,0.4); */
    -webkit-box-shadow: 6px 4px 5px 0 rgba(31,204,0,0.4);
    -moz-box-shadow: 6px 4px 5px 0 rgba(31,204,0,0.4);
    -o-box-shadow: 6px 4px 5px 0 rgba(31,204,0,0.4);
    box-shadow: 6px 4px 5px 0 rgba(31,204,0,0.4);
}

    .tlypageguide-open #tlyPageGuideWrapper .tlypageguide_toggle.tlyPageGuideToggleActive a {
        opacity: 1.0;
    }

    .tlypageguide-open #tlyPageGuideWrapper .tlypageguide_toggle.tlyPageGuideToggleActive div span {
        margin: 0;
    }

.tlypageguide-open #tlyPageGuideWrapper #tlyPageGuideContent {
    display: block;
}

.tlyPageGuideWelcome, #tlyPageGuideWelcome {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    width: 95%;
    height: 300px;
    max-width: 400px;
    max-height: 80%;
    padding: 15px 20px;
    margin: auto;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
    background: rgba(0,0,0,0.85);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 9px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 9px 4px rgba(0,0,0,0.4);
    -o-box-shadow: 0 0 9px 4px rgba(0,0,0,0.4);
    box-shadow: 0 0 9px 4px rgba(0,0,0,0.4);
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

    .tlyPageGuideWelcome.open, #tlyPageGuideWelcome.open {
        -khtml-opacity: .95;
        -moz-opacity: .95;
        opacity: .95;
        filter: alpha(opacity=0);
    }

    .tlyPageGuideWelcome button, #tlyPageGuideWelcome button {
        padding: 5px 10px;
        overflow: hidden;
        font-family: Helvetica,Arial,sans-serif;
        font-size: 22px;
        color: #fff;
        text-align: center;
        cursor: pointer;
        background: rgba(35, 207, 17, 0.95) /*rgba(247,0,119,0.95)*/;
        border: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
    }

#tlyPageGuideOverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9998;
    display: none;
    width: 100%;
    height: 100%;
    background: #fff;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.tlyPageGuideWelcomeOpen .tlyPageGuideWelcome, .tlyPageGuideWelcomeOpen #tlyPageGuideWelcome {
    display: block;
    -khtml-opacity: .95;
    -moz-opacity: .95;
    opacity: .95;
    filter: alpha(opacity=0);
}

.tlyPageGuideWelcomeOpen #tlyPageGuideOverlay {
    display: block;
    -khtml-opacity: .7;
    -moz-opacity: .7;
    opacity: .7;
    filter: alpha(opacity=0);
}

#tlyPageGuide {
    display: none;
}

.tlypageguide_shadow {
    position: absolute;
    display: none;
    pointer-events: none;
    background-color: rgba(35, 207, 17, 0.1) /*rgba(247,0,119,0.1)*/;
    -webkit-box-shadow: 0 0 1px 1px rgba(35, 207, 17, 0.25) /*rgba(147,0,119,0.25)*/;
    -moz-box-shadow: 0 0 1px 1px rgba(35, 207, 17, 0.25) /*rgba(147,0,119,0.25)*/;
    -o-box-shadow: 0 0 1px 1px rgba(35, 207, 17, 0.25) /*rgba(147,0,119,0.25)*/;
    box-shadow: 0 0 1px 1px rgba(35, 207, 17, 0.25) /*rgba(147,0,119,0.25)*/;
}

.tlyPageGuideStepIndex {
    position: absolute;
    z-index: 50000;
    display: block;
    width: 30px /*50px*/;
    height: 35px /*46px*/;
    max-height: 46px;
    min-height: 15px;
    font-size: 20px;
    line-height: 36px /*50px*/;
    color: #fff;
    text-align: center;
    text-decoration: none;
    pointer-events: all;
    cursor: pointer;
    /*background: rgba(247,0,119,0.3);*/
    background: rgba(35, 207, 17, 0.3);
    -khtml-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=0);
    /*shadow szinek orig: rgba(0,0,0,0.4);*/
    -webkit-box-shadow: 0 2px 10px 1px rgba(31,204,0,0.4);
    -moz-box-shadow: 0 2px 10px 1px rgba(31,204,0,0.4);
    -o-box-shadow: 0 2px 10px 1px rgba(31,204,0,0.4);
    box-shadow: 0 2px 10px 1px rgba(31,204,0,0.4);
    -webkit-transition: min-height,max-height .1s ease-in-out;
    -moz-transition: min-height,max-height .1s ease-in-out;
    -ms-transition: min-height,max-height .1s ease-in-out;
    -o-transition: min-height,max-height .1s ease-in-out;
    transition: min-height,max-height .1s ease-in-out;
}

    .tlyPageGuideStepIndex:after {
        position: absolute;
        top: -15px;
        top: auto;
        right: auto;
        left: 0;
        left: auto;
        display: block;
        width: 0;
        height: 0;
        border-top: 0;
        border-right: 0;
        border-bottom: 0;
        border-left: none;
        content: " ";
    }

    .tlyPageGuideStepIndex.tlypageguide_bottom {
        bottom: -50px;
    }

        .tlyPageGuideStepIndex.tlypageguide_bottom:after {
            top: -15px;
            left: 0;
            border-right: 15px solid transparent;
            border-bottom: 15px solid rgba(35, 207, 17, 0.3) /*rgba(247,0,119,0.3)*/;
        }

    .tlyPageGuideStepIndex.tlypageguide_right {
        right: -46px;
    }

        .tlyPageGuideStepIndex.tlypageguide_right:after {
            top: 0;
            left: -15px;
            border-top: 15px solid rgba(35, 207, 17, 0.3) /*rgba(247,0,119,0.3)*/;
            border-left: 15px solid transparent;
        }

    .tlyPageGuideStepIndex.tlypageguide_left {
        left: -45px;
    }

        .tlyPageGuideStepIndex.tlypageguide_left:after {
            top: 0;
            right: -15px;
            border-top: 15px solid rgba(35, 207, 17, 0.3) /*rgba(247,0,119,0.3)*/;
            border-right: 15px solid transparent;
        }

    .tlyPageGuideStepIndex.tlypageguide_top {
        top: -50px;
    }

        .tlyPageGuideStepIndex.tlypageguide_top:after {
            bottom: -15px;
            left: 0;
            border-top: 15px solid rgba(35, 207, 17, 0.3) /*rgba(247,0,119,0.3)*/;
            border-right: 15px solid transparent;
        }

    .tlyPageGuideStepIndex:hover {
        background: rgba(35, 207, 17, 0.75) /*rgba(247,0,119,0.95)*/;
    }

        .tlyPageGuideStepIndex:hover.tlypageguide_bottom:after {
            border-bottom: 15px solid rgba(35, 207, 17, 0.75) /*rgba(247,0,119,0.95)*/;
        }

        .tlyPageGuideStepIndex:hover.tlypageguide_right:after, .tlyPageGuideStepIndex:hover.tlypageguide_left:after, .tlyPageGuideStepIndex:hover.tlypageguide_top:after {
            border-top: 15px solid rgba(35, 207, 17, 0.75) /*rgba(247,0,119,0.95)*/;
        }

.tlypageguide-active .tlyPageGuideStepIndex {
    /*background: rgba(247,0,119,0.95);*/
    background: rgba(35, 207, 17, 0.75);
}

    .tlypageguide-active .tlyPageGuideStepIndex.tlypageguide_bottom:after {
        border-bottom: 15px solid rgba(35, 207, 17, 0.75) /*rgba(247,0,119,0.95)*/;
    }

    .tlypageguide-active .tlyPageGuideStepIndex.tlypageguide_right:after, .tlypageguide-active .tlyPageGuideStepIndex.tlypageguide_left:after, .tlypageguide-active .tlyPageGuideStepIndex.tlypageguide_top:after {
        border-top: 15px solid rgba(35, 207, 17, 0.75) /*rgba(247,0,119,0.95)*/;
    }

/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/

.sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.sm-simple {
  border: 1px solid #bbbbbb;
  background: white;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.sm-simple a, 
.sm-simple a:hover, 
.sm-simple a:focus, 
.sm-simple a:active {
  padding: 13px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  color: #555555;
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  line-height: 17px;
  text-decoration: none;
}
.sm-simple a.current {
  background: #555555;
  color: white;
}
.sm-simple a.disabled {
  color: #cccccc;
}
.sm-simple a span.sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  overflow: hidden;
  font: bold 14px/34px monospace !important;
  text-align: center;
  text-shadow: none;
  background: rgba(0, 0, 0, 0.08);
}
.sm-simple a.highlighted span.sub-arrow:before {
  display: block;
  content: '-';
}
.sm-simple li {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
}
.sm-simple > li:first-child {
  border-top: 0;
}
.sm-simple ul {
  background: rgba(179, 179, 179, 0.1);
}
.sm-simple ul a, 
.sm-simple ul a:hover, 
.sm-simple ul a:focus, 
.sm-simple ul a:active {
  font-size: 14px;
  border-left: 8px solid transparent;
}
.sm-simple ul ul a,
.sm-simple ul ul a:hover,
.sm-simple ul ul a:focus,
.sm-simple ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-simple ul ul ul a,
.sm-simple ul ul ul a:hover,
.sm-simple ul ul ul a:focus,
.sm-simple ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-simple ul ul ul ul a,
.sm-simple ul ul ul ul a:hover,
.sm-simple ul ul ul ul a:focus,
.sm-simple ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-simple ul ul ul ul ul a,
.sm-simple ul ul ul ul ul a:hover,
.sm-simple ul ul ul ul ul a:focus,
.sm-simple ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}

/*@media (min-width: 768px) {*/
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .navmenu-full .sm-simple ul {
    position: absolute;
    width: 12em;
  }

  .navmenu-full .sm-simple li {
    float: left;
  }

  .navmenu-full .sm-simple.sm-rtl li {
    float: right;
  }

  .navmenu-full .sm-simple ul li, 
  .navmenu-full .sm-simple.sm-rtl ul li, 
  .navmenu-full .sm-simple.sm-vertical li {
    float: none;
  }

  .navmenu-full .sm-simple a {
    white-space: nowrap;
  }

  .navmenu-full .sm-simple ul a, 
  .navmenu-full .sm-simple.sm-vertical a {
    white-space: normal;
  }

  .navmenu-full .sm-simple .sm-nowrap > li > a, 
  .navmenu-full .sm-simple .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
  .navmenu-full .sm-simple {
    background: white;
  }
  .navmenu-full .sm-simple a, 
  .navmenu-full .sm-simple a:hover, 
  .navmenu-full .sm-simple a:focus, 
  .navmenu-full .sm-simple a:active, 
  .navmenu-full .sm-simple a.highlighted {
    /*padding: 11px 20px;*/
    padding-top: 7px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    color: #555555;
  }
  .navmenu-full .sm-simple a:hover, 
  .navmenu-full .sm-simple a:focus, 
  .navmenu-full .sm-simple a:active, 
  .navmenu-full .sm-simple a.highlighted {
    background: #eeeeee;
  }
  .navmenu-full .sm-simple a.current {
    background: #555555;
    color: white;
  }
  .navmenu-full .sm-simple a.disabled {
    background: white;
    color: #cccccc;
  }
  .navmenu-full .sm-simple a.has-submenu {
    padding-right: 32px;
  }
  .navmenu-full .sm-simple a span.sub-arrow {
    top: 50%;
    margin-top: -8px;
    right: 20px;
    width: 8px;
    height: 16px;
    font: 14px/16px monospace !important;
    background: transparent;
  }
  .navmenu-full .sm-simple a.highlighted span.sub-arrow:before {
    display: none;
  }
  .navmenu-full .sm-simple > li {
    border-top: 0;
    border-left: 1px solid #eeeeee;
  }
  .navmenu-full .sm-simple > li:first-child {
    border-left: 0;
  }
  .navmenu-full .sm-simple ul {
    border: 1px solid #bbbbbb;
    background: white;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  }
  .navmenu-full .sm-simple ul a {
    border: 0 !important;
  }
  .navmenu-full .sm-simple ul a.has-submenu {
    padding-right: 20px;
  }
  .navmenu-full .sm-simple ul a span.sub-arrow {
    right: auto;
    margin-left: -12px;
  }
  .navmenu-full .sm-simple ul > li {
    border-left: 0;
    border-top: 1px solid #eeeeee;
  }
  .navmenu-full .sm-simple ul > li:first-child {
    border-top: 0;
  }
  .navmenu-full .sm-simple span.scroll-up,
  .navmenu-full .sm-simple span.scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: white;
    height: 20px;
  }
  .navmenu-full .sm-simple span.scroll-up-arrow, 
  .navmenu-full .sm-simple span.scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #555555 transparent;
  }
  .navmenu-full .sm-simple span.scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: #555555 transparent transparent transparent;
  }
  .navmenu-full .sm-simple.sm-rtl a.has-submenu {
    padding-right: 20px;
    padding-left: 32px;
  }
  .navmenu-full .sm-simple.sm-rtl a span.sub-arrow {
    right: auto;
    left: 20px;
  }
  .navmenu-full .sm-simple.sm-rtl.sm-vertical a.has-submenu {
    padding: 11px 20px;
  }
  .navmenu-full .sm-simple.sm-rtl.sm-vertical a span.sub-arrow {
    right: 20px;
    margin-right: -12px;
  }
  .navmenu-full .sm-simple.sm-rtl > li:first-child {
    border-left: 1px solid #eeeeee;
  }
  .navmenu-full .sm-simple.sm-rtl > li:last-child {
    border-left: 0;
  }
  .navmenu-full .sm-simple.sm-rtl ul a.has-submenu {
    padding: 11px 20px;
  }
  .navmenu-full .sm-simple.sm-rtl ul a span.sub-arrow {
    right: 20px;
    margin-right: -12px;
  }
  .navmenu-full .sm-simple.sm-vertical a span.sub-arrow {
    right: auto;
    margin-left: -12px;
  }
  .navmenu-full .sm-simple.sm-vertical li {
    border-left: 0;
    border-top: 1px solid #eeeeee;
  }
  .navmenu-full .sm-simple.sm-vertical > li:first-child {
    border-top: 0;
  }
/*}*/

.navmenu-container {
    /*height: 2em;*/
    /*height: 30px;*/
    height: 50px;
}

.navmenu {
    clear: both;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 100000;
    margin-top: 0.2em;
}

.navmenu-full {
    float: left;
    clear: none;
    z-index: auto;
}

.navmenu-full .sm-simple {
    background: none;
    border: none;
}

.navmenu-full .sm-simple li {
    background: white;
}

    /* Mobile menu toggle button */
    /*.navmenu-btn {
    float: right;
    position: relative;
    display: inline-block;
    width: 29px;
    height: 29px;
    text-indent: 29px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.navmenu-state + label::before {
    background: #015177 !important;
}
*/
.navmenu-btn {
    float: left;
    /*margin: 5px 10px;*/
    position: relative;
    display: inline-block;
    width: 29px;
    height: 29px;
    text-indent: 29px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.navmenu-btn:before {
    background: #f2f2f2 !important;
    border-color: lightgrey;
    font-size: 1em;
}

input[type="checkbox"].navmenu-state + label::before {
    height: 26px;
    width: 26px;
}

input[type="checkbox"].navmenu-state:checked + label::before {
    content: "";
    display: inline;
    border-color: lightgrey;
    padding: 0;
}

/* hamburger icon */

/*.navmenu-btn-icon,
.navmenu-btn-icon:before,
.navmenu-btn-icon:after {
    position: absolute;
    top: 50%;
    left: 2px;
    height: 2px;
    width: 16px;
    background: #fff;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}

.navmenu-btn-icon {
    margin-top: -2px;
    margin-left: 5px;
}

.navmenu-btn-icon:before {
    content: '';
    top: -7px;
    left: 0;
}

.navmenu-btn-icon:after {
    content: '';
    top: 7px;
    left: 0;
}*/

.navmenu-btn-icon,
.navmenu-btn-icon:before,
.navmenu-btn-icon:after {
  position: absolute;
  top: 13.5px;
  left: 6px;
  height: 2px;
  width: 18px;
  background: grey;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.navmenu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.navmenu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}

/* x icon */

/*.navmenu-state:checked ~ .navmenu-btn .navmenu-btn-icon {
    height: 0;
    background: transparent;
}

.navmenu-state:checked ~ .navmenu-btn .navmenu-btn-icon:before {
    top: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navmenu-state:checked ~ .navmenu-btn .navmenu-btn-icon:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}*/

.navmenu-state:checked ~ .navmenu-btn .navmenu-btn-icon {
  height: 0;
  background: transparent;
}

.navmenu-state:checked ~ .navmenu-btn .navmenu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.navmenu-state:checked ~ .navmenu-btn .navmenu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */

.navmenu-state {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    background: #3cadd4;
}

/* hide the menu in mobile view */

.navmenu-state:not(:checked) ~ .navmenu {
    display: none;
}

.navmenu-state:checked ~ .navmenu {
    display: block;
}

.navmenu a {
    cursor: pointer;
    white-space: nowrap !important;
}

.navmenu-icon {
    padding-right: 6px;
    vertical-align: middle;
}
.navmenu-caption {
    /*padding-bottom: 6px;*/
    white-space: pre-wrap;
}

#header nav > ul > li > ul > li a:hover {
	color: #66ccff;
}

.navmenu-full .navmenu-btn {
    display: none;
    position: absolute;
    top: -99999px;
}

.navmenu-full .navmenu-state:not(:checked) ~ .navmenu {
    display: block;
}

.navmenu-full .navmenu-state + label {
    display: none !important;
}

.navmenu-full #header nav > ul > li > ul > li a:hover {
	color: white;
}

.navmenu-full .sm-simple li.navmenu-separator {
    background: none;
    width: 10px;
    border: none;
}

.navmenu-separator {
    height: 1px;
    border-bottom: 1px darkgray solid;
}

.sm-vertical {
    padding: 0;
    border: 1px solid #bbbbbb !important;
}

.sm-vertical li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: normal;
    direction: ltr;
    text-align: left;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm-vertical li a {
    padding-top: 7px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    display: block;
}

.sm-vertical li.navmenu-separator {
    height: 3px;
    background-color: lightgray !important;
    width: 100% !important;
}
@charset "UTF-8";
/*@import url(static/Content/font-awesome.css?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY);*/
@import url(https://fonts.googleapis.com/css?family=Raleway:700,400);

/* Basic */

	body {
		background: #fff;
	}

	body.is-loading *, body.is-loading *:before, body.is-loading *:after {
		-moz-animation: none !important;
		-webkit-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
		-moz-transition: none !important;
		-webkit-transition: none !important;
		-o-transition: none !important;
		-ms-transition: none !important;
		transition: none !important;
	}

	body, input, select, textarea {
		color: #444;
		font-family: "Raleway", Helvetica, sans-serif;
		font-size: 13pt;
		font-weight: 400;
		line-height: 1.65em;
	}

	a {
		color: #383b43;
		text-decoration: none;
	}

		a:active, a:hover {
			text-decoration: underline;
		}

	strong, b {
		color: #474747;
		font-weight: 700;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
	}

	h1, h2, h3, h4, h5, h6 {
		color: #474747;
		font-weight: 700;
		line-height: 1em;
		margin: 0 0 1em 0;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h2 {
		font-size: 1.75em;
		line-height: 1.5em;
	}

	h3 {
		font-size: 1.35em;
		line-height: 1.5em;
	}

	h4 {
		font-size: 1.1em;
		line-height: 1.5em;
	}

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border: 0;
		border-bottom: solid 1px rgba(144, 144, 144, 0.25);
		margin: 0.5em 0;
	}

		hr.major {
			margin: 3em 0;
		}

	blockquote {
		border-left: solid 4px rgba(144, 144, 144, 0.25);
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		background: rgba(144, 144, 144, 0.075);
		border-radius: 4px;
		border: solid 1px rgba(144, 144, 144, 0.25);
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75em;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	.align-left {
		text-align: left;
	}

	.align-center {
		text-align: center;
	}

	.align-right {
		text-align: right;
	}

	.lbl-right {    /* Skel hack ehhez a classhoz! */
		text-align: right;
	}

	/*.row > :first-child .align-right {
		text-align: left;
	}*/

/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	.logo {
		position: relative;
		display: inline-block;
		float: left;
		/*width: 160px;*/
		/*width: 15%;*/
		overflow: hidden;
		margin-right: 1em;
		height: 54px;
	}

	div #logoimage {
		display: block;
		height: 24px;
	}

	div #logoimage a {
		display: block;
		height: 24px;
	}

	#logoimage img {
		display: block;
		vertical-align: top;
		/*height: 2em;*/
		/*width: 160px;*/
		width: 100%;
		max-width: 120px;
		max-height: 24px;
	}

	div #header-tools {
		height: 24px;
		padding-top: 4px;
		margin-left: -6px;
		min-width: 48px;
	}

	#header img {
		cursor: pointer !important;
		display: inline;
		float: left;
	}

	#header-logout {
		float: right !important;
	}

	@media (max-width: 800px) {
		.logo {
			/*width: 12%;*/
			width: 70px;
			margin-right: 8px;
		}

		/*div #logoimage {
			width: 35px;
			height: 35px;
			overflow: hidden;
		}*/

		div #logoimage {
			width: 35px;
			overflow: hidden;
		}

		#logoimage img {
			width: 120px;
			height: 24px;
		}
	}


	div #logocaption {
		line-height: 1.2em;
		display: block;
		font-weight: bold;
		white-space: nowrap;
		/*float: left;*/
		/*padding-bottom: 0.2em;*/
		width: 100%;
	}

	div #nav {
		/*display: inline-block;*/
		flex-grow: 1;
		/*white-space: nowrap;*/
		width: 100%; 
		float: left;
	}

	div #nav-wrapper {
		width: 50%;
		flex-grow: 1;
		display: inline-block;
		float: left;
	}

	div #userblock {
		display: inline-block;
		float: right;
		/*width: 200px;*/
		/*width: 12%;*/
		padding: 0;
		/*width: 20%;*/
	}

	div .usertext {
		display: block;
		width: 100%;
		line-height: 1.1em;
		text-align: center;
		font-size: small;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}

	div .username {
		display: table;
	}

	.username > div {
		display: table-cell;
		vertical-align: middle;
	}

	div #userblock a {
		display: inline-block;
		font-size: small;
		color: white;
	}

	.userbutton, #logout {
		height: 1.5em !important;
		line-height: 1.5em !important;
		vertical-align: middle !important;
		/*margin: 5px;*/
	}

	header p {
		color: #858585;
		position: relative;
		margin: 0 0 1.5em 0;
	}

	header h2 + p {
		font-size: 1.25em;
		margin-top: -1em;
		line-height: 1.5em;
	}

	header h3 + p {
		font-size: 1.1em;
		margin-top: -0.8em;
		line-height: 1.5em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.9em;
		margin-top: -0.6em;
		line-height: 1.5em;
	}

	header.major {
		text-align: center;
		margin-bottom: 4em;
	}

		header.major h2 {
			font-size: 3em;
			margin-bottom: 0.5em;
		}

		header.major p {
			font-size: 1.5em;
		}

/* Form */

	form {
		margin: 0 0 2em 0;
	}

	label {
		color: #474747;
		display: block;
		font-size: 1em;
		/*/font-weight: 700;*/
		/*margin: 0.5em 0 0.5em 0;*/
		margin-top: 0.3em;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	select,
	textarea,
	.ui-multiselect {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background-color: rgba(144, 144, 144, 0.075);
		border-radius: 4px;
		border: 1px solid #d3d3d3;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
		margin: 2px;
	}

		.row-placeholder {
			box-sizing: border-box;
			margin: 2px 0 2px 0;
		}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			border-color: #383b43;
			box-shadow: 0 0 0 1px #383b43;
		}
	
	input[type="number"] {
		text-align: right;
	}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			content: "";
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: Font Awesome 5 Free;
			font-style: normal;
			font-weight: 900;
			text-transform: none !important;
		}

		.select-wrapper:before {
			color: rgba(144, 144, 144, 0.25);
			display: block;
			height: 2.75em;
			line-height: 2.75em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2.75em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	select,
	.row-placeholder {
		/*height: 2.75em;*/
		height: 2em;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="number"],
	select,
	textarea,
	.row-placeholder {
		padding: 2px;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label
		/*, input[type="checkbox"] + input[type="hidden"] + label*/
		 {
			text-decoration: none;
			color: #444;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 400;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
			height: 2em;
			line-height: 1.2em;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: "Font Awesome 5 Free";
				font-style: normal;
				font-weight: 900;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				/*background: rgba(144, 144, 144, 0.075);*/
				background-color: white;
				border-radius: 4px;
				border: solid 1px rgba(144, 144, 144, 0.25);
				content: '';
				display: inline-block;
				height: 1.65em;
				left: 0;
				line-height: 1.58125em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65em;
				margin: 2px;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #3cadd4;
			border-color: #3cadd4;
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #383b43;
			box-shadow: 0 0 0 1px #383b43;
		}

	input[type="checkbox"] + label:before {
		border-radius: 4px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		color: #d7d6d6 !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #d7d6d6 !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #d7d6d6 !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #d7d6d6 !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: #ebe9e9 !important;
		opacity: 1.0;
	}

/* Box */

	.box {
		border-radius: 4px;
		border: solid 1px rgba(144, 144, 144, 0.25);
		margin-bottom: 2em;
		padding: 1.5em;
	}

		.box > :last-child,
		.box > :last-child > :last-child,
		.box > :last-child > :last-child > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			border-radius: 0;
			padding: 0;
		}

/* Icon */

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: Font Awesome 5 Free;
			font-style: normal;
			font-weight: 900;
			text-transform: none !important;
		}

		.icon:active, .icon:hover {
			text-decoration: none;
		}

		.icon > .label {
			display: none;
		}

		.icon.rounded {
			background-color: #383b43;
			border-radius: 100%;
			color: #ffffff;
			display: inline-block;
			height: 3.25em;
			line-height: 3.25em;
			text-align: center;
			width: 3.25em;
		}

			.icon.rounded.big {
				font-size: 2.5em;
				margin-bottom: 0.5em;
			}

			.icon.rounded.color1 {
				background-color: #3cadd4;
			}

			.icon.rounded.color2 {
				background-color: #3c61d4;
			}

			.icon.rounded.color3 {
				background-color: #633cd4;
			}

			.icon.rounded.color4 {
				background-color: #af3cd4;
			}

			.icon.rounded.color5 {
				background-color: #d43cad;
			}

			.icon.rounded.color6 {
				background-color: #d43c61;
			}

			.icon.rounded.color7 {
				background-color: #d4633c;
			}

			.icon.rounded.color8 {
				background-color: #d4af3c;
			}

			.icon.rounded.color9 {
				background-color: #add43c;
			}

			.icon.rounded.color10 {
				background-color: #61d43c;
			}

			.icon.rounded.fa-twitter {
				background-color: #2daae4;
			}

			.icon.rounded.fa-facebook {
				background-color: #39599f;
			}

			.icon.rounded.fa-google-plus {
				background-color: #c91e1f;
			}

			.icon.rounded.fa-dribbble {
				background-color: #c4376b;
			}

			.icon.rounded.fa-tumblr, .icon.rounded.fa-linkedin {
				background-color: #31516a;
			}

			.icon.rounded.fa-rss {
				background-color: #f2600b;
			}

/* Image */

	.image {
		border-radius: 4px;
		border: 0;
		display: inline-block;
		position: relative;
	}

		.image img {
			border-radius: 4px;
			display: block;
		}

		.image.left {
			float: left;
			padding: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.fit {
			display: block;
			margin: 0 0 2em 0;
			width: 100%;
		}

			.image.fit img {
				width: 100%;
			}

/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		margin: 0 0 1em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px rgba(144, 144, 144, 0.25);
				padding: 0.5em 0;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}

		ul.unstyled {
			list-style: none;
			padding-left: 0;
		}

			ul.unstyled li {
				padding: 0.4em 0;
			}

		ul.icons {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				padding: 0 1em 0 0;
			}

				ul.icons li:last-child {
					padding-right: 0;
				}

				ul.icons li .icon:before {
					font-size: 2em;
				}

		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;
			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

				ul.actions.vertical li:first-child {
					padding-top: 0;
				}

				ul.actions.vertical li > * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

				ul.actions.vertical.small li:first-child {
					padding-top: 0;
				}

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li > * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

	dl {
		margin: 0 0 2em 0;
	}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2em 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px rgba(144, 144, 144, 0.25);
			border-left: 0;
			border-right: 0;
		}

			table tbody tr:nth-child(2n + 1) {
				background-color: rgba(144, 144, 144, 0.075);
			}

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			color: #474747;
			font-size: 0.9em;
			font-weight: 700;
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
		}

		table thead {
			border-bottom: solid 2px rgba(144, 144, 144, 0.25);
		}

		table tfoot {
			border-top: solid 2px rgba(144, 144, 144, 0.25);
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px rgba(144, 144, 144, 0.25);
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

/* MvcButton */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-o-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: #3cadd4;
		border-radius: 4px;
		border: 0;
		color: #ffffff !important;
		cursor: pointer;
		display: inline-block;
		font-weight: 400;
		height: 2.85em;
		line-height: 2.95em;
		padding: 0 2em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
		margin: 2px;
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		.button:hover {
			background-color: #51b6d9;
			text-decoration: none;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		.button:active {
			background-color: #2da2ca;
			text-decoration: none;
		}

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		.button.icon {
			padding-left: 1.35em;
		}

			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.8em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		.button.big {
			font-size: 1.35em;
		}

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		.button.alt {
			background-color: transparent;
			box-shadow: inset 0 0 0 2px rgba(144, 144, 144, 0.25);
			color: #474747 !important;
		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			.button.alt:hover {
				background-color: rgba(144, 144, 144, 0.075);
			}

			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			.button.alt:active {
				background-color: rgba(144, 144, 144, 0.2);
			}

			input[type="submit"].alt.icon:before,
			input[type="reset"].alt.icon:before,
			input[type="button"].alt.icon:before,
			.button.alt.icon:before {
				color: #858585;
			}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		.button.special {
			background-color: #015177;
			color: #ffffff !important;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			.button.special:hover {
				background-color: #444751;
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			.button.special:active {
				background-color: #2c2f35;
			}
		
		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		.button.disabled,
		.button:disabled {
			background-color: #d9d9d9 !important;
			opacity: 1 !important;
			/*box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);*/
			color: #fff !important;
			cursor: default;
			opacity: 0.25;
		}

/* Header */

	body.landing #header {
		background-color: transparent;
		left: 0;
		position: absolute;
		top: 0;
	}

		body.landing #header nav a {
			color: rgba(255, 255, 255, 0.5);
		}

	#header {
		display: flex;
		/*padding: 8px;*/
		padding: 4px;
		background-color: #018FD8;
		color: #ffffff;
		cursor: default;
		/*font-size: 1.1em;*/
		height: 4em;
		line-height: 6em;
		width: 100%;
		z-index: 999999;
		position: fixed;
		top: 0;
		left: 0;
		box-shadow: 0 0 10px 4px rgba(0,0,0,0.1);
	}

	#header-placeholder {
		height: 4em;
	}

	#header h1 {
		color: #ffffff;
		height: inherit;
		left: 3em;
		line-height: inherit;
		margin: 0;
		padding: 0;
		position: absolute;
	}

	#header h1 a {
		font-size: 1.25em;
	}

	#header nav {
		/*padding-top: 0.2em;*/
	}

	#header nav > ul {
		list-style: none;
		margin: 0;
		padding-left: 0;
		border: 1px solid lightgrey;
		box-shadow: 10px rgba(0, 0, 0, 0.1);
		/*position: absolute;*/
		margin-left: 1em;
		/*z-index: -999999999;*/
	}

	#header nav > ul > li {
		border-radius: 4px;
		display: block;
		/*margin-left: 2em;*/
		padding-left: 0;
		/*position: relative;*/
	}

	#header nav > ul > li a {
		-moz-transition: color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out;
		-o-transition: color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out;
		/*color: #cdced0;*/
		/*display: inline-block;*/  /* navMenu nem működött!!! */
		text-decoration: none;
	}

	#header nav > ul > li a:active, #header nav > ul > li a:hover {
		color: white;
	}

	#header nav > ul > li:first-child {
		margin-left: 0;
	}

	#header nav > ul > li .button {
		background-color: #fff;
		color: #444 !important;
		height: 2.25em;
		margin-bottom: 0;
		padding: 0 1em;
		position: relative;
		top: -0.075em;
		vertical-align: middle;
	}

	#header .container {
		position: relative;
	}

	#header .container h1 {
		left: 0;
	}

	#header .container nav {
		right: 0;
	}

	#header .navmenu-search-box {
		width: 200px;
		color: black;
		background-color: white;
		display: inline-block;
		float: left;
	}

	#header .navmenu-search-close {
		margin-top: 4px;
	}

/* Banner */
#banner {
	background-image: url(static/images/dark_tint.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A), url(static/images/bokeh_car_lights_bg.jpg?v=00nABEwoGCjBH9Qe4R-jNvyuo6A);
	background-position: center center;
	background-size: cover;
	color: #ffffff;
	padding: 14em 0em 14em;
	text-align: center;
}

		#banner :last-child {
			margin-bottom: 0;
		}

		#banner h2 {
			color: #ffffff;
			font-size: 4em;
			line-height: 1.25em;
			margin: 0 0 0.5em 0;
			padding: 0;
		}

		#banner p {
			font-size: 1.5em;
			margin-bottom: 1.75em;
		}

/* Wrapper */

	.wrapper {
		padding: 2em 0em 1em;
		/* Style 1 Wrapper */
		/* Style 2 Wrapper */
		/* Style 3 Wrapper */
	}

		.wrapper.style1 {
			background-color: #F5F5F5;
			border-bottom: 1px solid rgba(144, 144, 144, 0.25);
			border-top: 1px solid rgba(144, 144, 144, 0.25);
		}

		.wrapper.style1 .box {
			background-color: #fff;
			padding: 3em 2.5em;
		}

		.wrapper.style1 .box h2, .wrapper.style1 .box h3, .wrapper.style1 .box h4, .wrapper.style1 .box h5, .wrapper.style1 .box h6 {
			color: #858585;
		}

		.wrapper.style2 .profiles {
			border-bottom: 1px solid rgba(144, 144, 144, 0.25);
			border-top: 1px solid rgba(144, 144, 144, 0.25);
			margin-bottom: 4em;
			padding-top: 4em;
		}

		.wrapper.style2 .profile {
			margin-bottom: 2em;
			text-align: left;
		}

			.wrapper.style2 .profile img {
				border-radius: 50%;
				float: left;
				margin-bottom: 1em;
				margin-right: 1em;
			}

			.wrapper.style2 .profile h4 {
				margin-bottom: 0;
				margin-top: 1em;
			}

		.wrapper.style2 footer {
			margin-left: auto;
			margin-right: auto;
			width: 70%;
		}

			.wrapper.style2 footer p {
				margin-bottom: 3em;
			}

		.wrapper.style3 {
			background-color: #3cadd4;
			color: #ffffff;
		}

			.wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 p {
				color: #ffffff;
			}

			.wrapper.style3 input[type="text"],
			.wrapper.style3 input[type="password"],
			.wrapper.style3 input[type="email"],
			.wrapper.style3 select,
			.wrapper.style3 textarea {
				background-color: #fff;
				color: #444;
			}

/* Footer */

	#footer {
		/*position: absolute;
		bottom: 0;*/
		/*margin-bottom: -3em;*/
		/*height: 3em;*/
		width: 100%;
		background: #383b43;
		padding: 0.5em;
	}

	#footer h2, #footer h3, #footer h4 {
		color: #ffffff;
	}

	#footer p, #footer a, #footer li {
		color: #cdced0;
	}

	#footer .links {
		border-bottom: 1px solid rgba(144, 144, 144, 0.25);
		margin-bottom: 4em;
		padding-bottom: 1em;
	}

	#footer-cc {
		text-align: center;
	}

	#footer .copyright {
		padding: 0;
		text-align: center;
		color: white;
	}

	#footer .copyright a {
		color: white;
	}

	#footer .version {
		padding: 0;
		color: white;
		display: inline-block;
		text-align: center;
	}



	/*#footer .copyright li {
		
		display: inline-block;
		list-style: none;
		margin-left: 0.5em;
		padding-left: 0.5em;
	}

	#footer .copyright li:first-child {
		margin-left: 0;
		padding-left: 0;
	}
	*/

	#footer .icons {
		text-align: right;
	}

	#footer a.icon {
		color: #ffffff;
		font-size: 0.65em;
		height: 4em;
		line-height: 4em;
		width: 4em;
		cursor: pointer;
	}

/* Grid Demo */

	.grid-demo {
		display: block;
		margin: 0 0 2em 0;
	}

		.grid-demo span {
			background: #8d93a0;
			border-radius: 4px;
			color: rgba(0, 0, 0, 0.25);
			display: block;
			font-weight: 700;
			height: 2.75em;
			line-height: 2.75em;
			text-align: center;
		}

		.grid-demo .row.flush > div span {
			border-radius: 0;
		}

		.grid-demo .row.flush > div:first-child span {
			border-radius: 4px 0 0 4px;
		}

		.grid-demo .row.flush > div:last-child span {
			border-radius: 0 4px 4px 0;
		}


.txtcaps {
	text-transform: uppercase;
}

.txtrequired {
	background-color: lightyellow !important;
}
	
.txtinvisible {
	
}

.txtdisabled {
	
}

.txterror
{
	border: 1px solid #ff0000;
	background-color: #ffeeee !important;
}

.txtwarning
{
	border: 1px solid #FFA500;
	background-color: #ffe3af !important;
}

.error-link {
	text-decoration: underline; 
	color: #018FD8 !important;
}

/* Styles for MVC validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #ff0000;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border: 1px solid #ff0000;
	background-color: #ffeeee !important;
}

.validation-summary-errors ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.5em;
	background-color: #ff6600;
	border-radius: 5px;
	list-style: inside none disc;
}

.validation-summary-errors,
.validation-summary-errors a
{
	font-weight: bold;
	color: white;
	/*color: #ff0000;*/
}

.validation-summary-valid
{
	display: none;
}

.warning-summary-errors {
	display: none;
}

.warning-summary-errors ul {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding: 0.5em;
	background-color: #FFA500;
	border-radius: 5px;
	list-style: inside none disc;
}

.warning-summary-errors,
.warning-summary-errors a
{
	font-weight: bold;
	color: white;
	/*color: #ff0000;*/
}

.warning-summary-valid
{
	display: none;
}

/* Styles for AJAX loading panel
-----------------------------------------------------------*/

.modal {
	/*display:    none;*/
	position:   inherit ;
	z-index:    1000;
	/*top:        0;
	left:       0;*/
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .8 ) 
				url('static/Content/Images/loading.gif?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY') 
				50% 50% 
				no-repeat;
}

.overlay {
	position: fixed; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*opacity: 0.5;
	filter: alpha(opacity=50);*/
	background: #fff
				url('static/Content/Images/loading.gif?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY') 
				50% 50% 
				no-repeat;
	z-index: 999999999999;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
.loading {
	overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
.loading .modal {
	display: block;
}

/* CSS hack slickgridhez a header szélessége enélkül elmászik az oszlop szélességétől */
.slick-header-column {
background: #87ceeb;
text-overflow: clip;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.slick-headerrow-column {
	background: #87ceeb;
	text-overflow: clip;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.slick-headerrow-column input {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.slick-row.active, .slick-row.odd.active, .slick-row.even.active {
	background-color: moccasin;
}

.grid-header {
  /*border: 1px solid gray;*/
	border-width: 1px;
	border-style: solid solid none solid;
	border-color: grey;
	background: #CCCCCC;
	color: black;
	height: 2.1em /*1.8em*/;
	line-height: 1.8em;
  /*padding-top: 0.1em;*/
}

.grid-szinsugo {
	list-style-type: none;
	white-space: nowrap;
}

.slickgrid-texteditor {
	background: white !important;
}

.slickgrid-editable {
	background: #ffffcc !important;
}

input:read-only, textarea:read-only {
	color: grey;
}
input:-moz-read-only, textarea:-moz-read-only { /* For Firefox */
	color: grey;
}

.gridToolbarItem {
	width: 2em; 
	height: 2em;
	float: left;
	margin-right: 10px;
}
.gridToolbarButton {
	cursor: pointer;
	background-repeat: no-repeat; 
	background-position: 50%;
}
.gridToFullScreen {
	background-image: url('static/Images/AppbarIcons/fullscreen-32.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A');
}
.gridFromFullScreen 
{
	background-image: url('static/Images/AppbarIcons/fullscreen-box-32.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A');
}
.gridFilterIcon
{
	background-image: url('static/Images/AppbarIcons/filter-32.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A');
}
.gridGroupIcon
{
	background-image: url('static/Images/AppbarIcons/groups-32.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A');
}
.gridExpandAllIcon
{
	background-image: url('static/Images/AppbarIcons/expand_all-18.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A');
}

.gridExportToExcel {
	background-image: url('static/Images/AppbarIcons/excel-32.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A');
}

.gridSzinSugo {
	background-image: url('static/Images/AppbarIcons/question-32.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A');
}

.gridSaver {
	background-image: url('static/Images/AppbarIcons/table-32.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A');
}

.grid-img-icon
{
	width: 24px;
	height: 24px;
	display: inline-block;
}

.grid-img-view
{
	background-image: url('static/Images/document-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A');
	cursor: pointer;
}

.grid-img-add
{
	background-image: url('static/Images/add-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A');
	cursor: pointer;
}

.grid-img-none
{
}

/* colResizable */
.grip{
	width: 24px;
	height: 24px;
	margin-top: -3px;
	background-image: url('static/Images/grip.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A');
	margin-left: -7px;
	position: relative;
	z-index: 88;
	cursor: e-resize;
	background-repeat: no-repeat;
}

.grip:hover{
	background-position-x: -24px;
}

.dragging .grip{
	background-position-x: -48px;
}
.JCLRLastGrip .grip{
	background-position-y: -24px;
	left:-2px;
}	

.xdialog {
	font-size: 11px !important;
}

.datepicker-container {
	white-space: nowrap;
}

.datepicker {
	/*display: inline-block !important;*/
	float: left !important;
	width: 6.5em !important;
}

.datetimepicker {
	/*display: inline-block !important;*/
	float: left !important;
	/*width: 80% !important;*/
	width: 10em !important;
}

.ui-datepicker-trigger {
	cursor: pointer;
	/*padding: 4px;*/
	margin: 0px -2px;
}

.datepicker[style*="display:none"] + .ui-datepicker-trigger,
.datepicker[style*="display: none"] + .ui-datepicker-trigger,
.datetimepicker[style*="display:none"] + .ui-datepicker-trigger,
.datetimepicker[style*="display: none"] + .ui-datepicker-trigger {
	display: none;
}

.ui-multiselect {
	white-space: nowrap;
	overflow: hidden;
	/*height: 2.75em;*/
	height: 2em;
	background: rgba(144, 144, 144, 0.075) !important;
}

.multiselectcombo {
	
}

.iconbutton {
	height: 2em !important; 
	width: 2em !important;
	line-height: normal !important;
	background-repeat: no-repeat; 
	background-position: center;
	padding: 2px !important;
}

.disabled, 
input .disabled, 
button .disabled,
ol .disabled,
input[type="checkbox"].disabled + label::before, 
input[type="radio"].disabled + label::before, 
input[type="checkbox"].disabled + input[type="hidden"] + label::before {
	background-color: #d9d9d9 !important;
	opacity: 1 !important;
	background-image: initial !important;
	/*border-color: black !important;*/
}

.zoomable-container {
	display: table-cell; 
	width: 100%;
}

.zoombtn-container {
	display: table-cell; 
	vertical-align: middle; 
	padding-left: 4px;
}

.zoombtn.disabled {
	display: none !important;
}

.txtcurrency {
	text-align: right !important;
}

.ui-accordion {
	margin-top: 0.5em !important;
}

.ui-accordion-header {
	/*background-color: #E7F1FF !important;*/
	/*color: #ffffff;*/


	/*background: #E7F1FF url("static/Content/images/ui-bg_glass_75_e6e6e6_1x400.png?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY") repeat-x scroll 50% 50% !important;*/

	background: #E7F1FF !important;
	overflow: hidden;
}

.ui-accordion-content {
	overflow: visible !important;
}

.collapsible-note {
	width: 50%; 
	float: right; 
	white-space: nowrap; 
	overflow: hidden;
}

 .ui-icon {
	zoom: 125% !important; 
	-moz-transform: scale(1.25) !important; 
	-webkit-zoom: 1.25 !important; 
	-ms-zoom: 1.25 !important;
 }

.dimmed {
	position: relative;
	z-index: 0;
}

.dimmed:after {
	content: " ";
	z-index: 10;
	display: block;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.5);
}

.sectionborder {
	border: 1px solid lightgrey;
	padding: 0.5em;
}

.grid_sarga {
	background-color: #ffffcc !important;
}

.grid_narancs {
	background-color: #ffb74d !important;
}

.grid_kek {
	background-color: #66ccff !important;
}

.grid_zold {
	background-color: #ccff99 !important;
}

.grid_zold2 {
	background-color: #d2e6dc !important;
}

.grid_piros {
	background-color: #ff6600 !important;
}

.grid_barack {
	background-color: #ffe6cc !important;
}

.container {
	padding-top: 1em;
}

.ajaxloading {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url('static/Content/images/loading-saldo.gif?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 10000000;  
}

.hidden {
	display: none;
}

#sitemap.linkable{
	cursor:pointer;
}

.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
	white-space: nowrap;
}
.divTableHeading {
	background-color: #EEE; 
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 0;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

.gridSaverDialog {
	
}
.xgridsaver {
	
}
.griddialog-header {
	
}
.griddialog-contentwrapper {
	overflow-y: scroll;
}
.griddialog-footer label {
	display: inline;
}
input#griddialog-recordno {
	display: inline;
	width: 50px;
	margin-right: 1em;
}

.xgridsaver-tableheader {
	height: 80px;
}

.xgridsaver-btn-first {
	background-image: url(static/Images/AppbarIcons/skip-first-vertical-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A);
}
.xgridsaver-btn-last {
	background-image: url(static/Images/AppbarIcons/skip-last-vertical-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A);
}

.selectable .ui-selecting {
	 background:  #3ebdff;
}
.selectable .ui-selected {
	 background:  #018FD8; 
	 color: white;
}
.selectable {
	 list-style-type: none; 
	 margin: 0; 
	 padding: 0; 
}
.selectable li {
	 margin: 3px; 
	 padding: 0.4em; 
}

#tlyPageGuideWrapper .tlypageguide_toggle::before {
	background: transparent url("static/Images/AppbarIcons/question-32.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A") 0 0 no-repeat;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 12px;
	top: 0;
}

#tlyPageGuideToggles {
	visibility: hidden;
}

.tlypageguide_text > h1, 
.tlypageguide_text > h2, 
.tlypageguide_text > h3,
.tlypageguide_text > h4,
.tlypageguide_text > h5,
.tlypageguide_text > h6,
.tlypageguide_text > strong,
.tlypageguide_text > p > strong,
.tlypageguide_text > p > span > strong,
.tlypageguide_text > b {
	color: unset !important;
}

.mce-branding {
	display: none !important;
}

.splitter-horizontal {
	flex: 0 0 auto;
	height: 18px;
	background: url("static/Images/hsizegrip.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A") center center no-repeat #CCCCCC;
	cursor: row-resize;
}

.grid-toggle-cb {
	position: absolute; 
	left: 100px; 
	margin-top: -3px;
}

.grid-toggle-cb label {
	padding-top: 4px;
}

.screendiagram-container {
	display: block;
	text-align: center;
}

.screendiagram-wrapper {
}

.screendiagram {
	display: inline-block;
	width: 33%;
	padding: 1em;
	border: 1px solid lightgray;
	vertical-align: top;
}

@media (max-width: 1024px) {
	.screendiagram { 
		width: 100%;
		padding-left: 5em;
		padding-right: 5em;
	}
}

.screendiagram-title {
	width: 100%;
	text-align: center;
	font-size: large;
}

.screendiagram-subtitle {
	width: 100%;
	text-align: center;
}

.screendiagram-combo {
	margin-top: 1em;
	margin-right: 2em;
}

.isDisabled {
	color: currentColor;
	cursor: not-allowed;
	opacity: 0.5;
	text-decoration: none;
}

@media (max-width: 1024px) {
	.qtip {
		display: none !important;
	}
}

.ervtolig .datepicker-container {
	float: left;
}

.toliglabel {
	display: inline;
	float: left;
}
/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/

.slick-header-columns {
  background: url('static/Content/images/header-columns-bg.gif?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY') repeat-x center bottom;
  border-bottom: 1px solid silver;
}

.slick-header-column {
  background: url('static/Content/images/header-columns-bg.gif?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY') repeat-x center bottom;
  border-right: 1px solid silver;
}

.slick-header-column:hover, .slick-header-column-active {
  background: white url('static/Content/images/header-columns-over-bg.gif?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY') repeat-x center bottom;
}

.slick-headerrow {
  background: #fafafa;
}

.slick-headerrow-column {
  background: #fafafa;
  border-bottom: 0;
  height: 100%;
}

.slick-row.ui-state-active {
  background: #F5F7D7;
}

.slick-row {
  position: absolute;
  background: white;
  border: 0px;
  line-height: 20px;
}

.slick-row.selected {
  z-index: 10;
  background: #DFE8F6;
}

.slick-cell {
  padding-left: 4px;
  padding-right: 4px;
}

.slick-group {
  border-bottom: 2px solid silver;
}

.slick-group-toggle {
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background-color: lightgrey;
    background-repeat: no-repeat;
    background-position: center;
}

.slick-group-toggle.expanded {
    background-image: url(static/Images/AppbarIcons/collapse-18.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A);
}

.slick-group-toggle.collapsed {
    background-image: url(static/Images/AppbarIcons/expand-18.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A);
}

.slick-group-totals {
  color: gray;
  background: white;
}

.slick-cell.selected
{
    background-color: #CCFFFF;
    transition: .4s ease-in;
}

.slick-cell.active {
  border-color: gray;
  border-style: solid;
}

.slick-sortable-placeholder {
  background: silver !important;
}

.slick-row.odd {
  background: #fafafa;
}

.slick-row.ui-state-active {
  background: #F5F7D7;
}

.slick-row.loading {
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

.slick-cell.invalid {
  border-color: red;
  -moz-animation-duration: 0.2s;
  -webkit-animation-duration: 0.2s;
  -moz-animation-name: slickgrid-invalid-hilite;
  -webkit-animation-name: slickgrid-invalid-hilite;  
}

@-moz-keyframes slickgrid-invalid-hilite {
  from { box-shadow: 0 0 6px red; }
  to { box-shadow: none; }
}

@-webkit-keyframes slickgrid-invalid-hilite {
  from { box-shadow: 0 0 6px red; }
  to { box-shadow: none; }
}
.slick-columnpicker {
  border: 1px solid #718BB7;
  background: #f0f0f0;
  padding: 6px;
  -moz-box-shadow: 2px 2px 2px silver;
  -webkit-box-shadow: 2px 2px 2px silver;
  box-shadow: 2px 2px 2px silver;
  min-width: 100px;
  cursor: default;
}

.slick-columnpicker li {
  list-style: none;
  margin: 0;
  padding: 0;
  background: none;
}

.slick-columnpicker input {
  margin: 4px;
}

.slick-columnpicker li a {
  display: block;
  padding: 4px;
  font-weight: bold;
}

.slick-columnpicker li a:hover {
  background: white;
}

.dynamic-cell-detail
{
    z-index:            10000;
    position:           absolute;
    background-color:   #F4DFFA;
    margin:             0;
    padding:            0;
    width:              100%;
    display:            table;
}

.dynamic-cell-detail > :first-child
{
    display:            table-cell;
    vertical-align:     middle;
    text-align:         center;
    font-size:          12px;
    line-height:        13px;
}

/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/

.slick-header.ui-state-default, .slick-headerrow.ui-state-default {
  width: 100%;
  overflow: hidden;
  border-left: 0px;
}

.slick-header-columns, .slick-headerrow-columns {
  position: relative;
  white-space: nowrap;
  cursor: default;
  overflow: hidden;
}

.slick-header-column.ui-state-default {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px;
  margin: 0;
  padding: 4px;
  border-right: 1px solid silver;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  float: left;
  box-sizing: content-box !important;
}

.slick-headerrow-column.ui-state-default {
  /*padding: 4px;*/
}

.slick-header-column-sorted {
  font-style: italic;
}

.slick-sort-indicator {
  display: inline-block;
  width: 8px;
  height: 5px;
  margin-left: 4px;
  margin-top: 6px;
  float: left;
}

.slick-sort-indicator-desc {
  background: url(static/Content/images/sort-desc.gif?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY);
}

.slick-sort-indicator-asc {
  background: url(static/Content/images/sort-asc.gif?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY);
}

.slick-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  cursor: col-resize;
  width: 4px;
  right: 0px;
  top: 0;
  height: 100%;
}

.slick-sortable-placeholder {
  background: silver;
}

.grid-canvas {
  position: relative;
  outline: 0;
}

.slick-row.ui-widget-content, .slick-row.ui-state-active {
  position: absolute;
  border: 0px;
  width: 100%;
}

.slick-cell, .slick-headerrow-column {
  position: absolute;
  border: 1px solid transparent;
  border-right: 1px dotted silver;
  border-bottom-color: silver;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 2px 2px 1px;
  margin: 0;
  white-space: nowrap;
  cursor: default;
}

.slick-cell > input[type="checkbox"],
.slick-column-name > input[type="checkbox"] {
    float: initial !important;
    opacity: initial !important;
    -moz-appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    -o-appearance: checkbox !important;
    -ms-appearance: checkbox !important;
    appearance: checkbox !important;
}

.slick-group 
{
}

.slick-group-toggle {
    display: inline-block;
    float: left;
    margin-top: -2px;
    cursor: pointer;
}

.slick-group-title {
    float: left;
}

.slick-cell.highlighted {
  background: lightskyblue;
  background: rgba(0, 0, 255, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.slick-cell.flashing {
  border: 1px solid red !important;
}

.slick-cell.editable {
  z-index: 11;
  overflow: visible;
  background: white;
  border-color: black;
  border-style: solid;
}

.slick-cell:focus {
  outline: none;
}

.slick-reorder-proxy {
  display: inline-block;
  background: blue;
  opacity: 0.15;
  filter: alpha(opacity = 15);
  cursor: move;
}

.slick-reorder-guide {
  display: inline-block;
  height: 2px;
  background: blue;
  opacity: 0.7;
  filter: alpha(opacity = 70);
}

.slick-selection {
  z-index: 10;
  position: absolute;
  border: 2px dashed black;
}

.slick-column-name,
.slick-sort-indicator {
  /**
   * This makes all "float:right" elements after it that spill over to the next line
   * display way below the lower boundary of the column thus hiding them.
   */
  display: inline-block;
  float: left;
  margin-bottom: 100px;
}

.slick-header-button {
  display: inline-block;
  float: right;
  vertical-align: top;
  margin: 1px;
  /**
  * This makes all "float:right" elements after it that spill over to the next line
  * display way below the lower boundary of the column thus hiding them.
  */
  margin-bottom: 100px;
  height: 15px;
  width: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.slick-header-button-hidden {
  width: 0;

  -webkit-transition: 0.2s width;
  -ms-transition: 0.2s width;
  transition: 0.2s width;
}

.slick-header-column:hover > .slick-header-button {
  width: 15px;
}
/* Menu button */
.slick-header-menubutton {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 14px;
  background-repeat: no-repeat;
  background-position: left center;
  background-image: url(static/Content/images/down.gif?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY);
  cursor: pointer;

  display: none;
  border-left: thin ridge silver;
}

.slick-header-column:hover > .slick-header-menubutton,
.slick-header-column-active .slick-header-menubutton {
  display: inline-block;
}

/* Menu */
.slick-header-menu {
  position: absolute;
  display: inline-block;
  margin: 0;
  padding: 2px;
  cursor: default;
}


/* Menu items */
.slick-header-menuitem {
  list-style: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

.slick-header-menuicon {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  margin-right: 4px;
  background-repeat: no-repeat;
  background-position: center center;
}

.slick-header-menucontent {
  display: inline-block;
  vertical-align: middle;
}


/* Disabled */
.slick-header-menuitem-disabled {
  color: silver;
}

.slick-pager {
  width: 100%;
  height: 26px;
  border: 1px solid gray;
  border-top: 0;
  background: url('static/Content/images/header-columns-bg.gif?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY') repeat-x center bottom;
  vertical-align: middle;
}

.slick-pager .slick-pager-status {
  display: inline-block;
  padding: 6px;
}

.slick-pager .ui-icon-container {
  display: inline-block;
  margin: 2px;
  border-color: gray;
}

.slick-pager .slick-pager-nav {
  display: inline-block;
  float: left;
  padding: 2px;
}

.slick-pager .slick-pager-settings {
  display: block;
  float: right;
  padding: 2px;
}

.slick-pager .slick-pager-settings * {
  vertical-align: middle;
}

.slick-pager .slick-pager-settings a {
  padding: 2px;
  text-decoration: underline;
  cursor: pointer;
}

.slick-enhancement-pager {
  width: 100%;
  /*height: 1.7em;*/
  border: 1px solid gray;
  border-top: 0;
  background: url('static/Content/images/header-columns-bg.gif?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY') repeat-x center bottom #ffffff;
  vertical-align: middle;
  position: relative;
    white-space: nowrap;
    visibility: visible;
}

.button-base-class {
  display: inline-block;
  border: #CCC solid 1px;
  margin: 4px;
  width:2em;
  height:2em;
  cursor: pointer;
  vertical-align: middle;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.resultset_first{
  background: #CCCCCC url('static/Images/AppbarIcons/skip-first-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A') no-repeat 50% 50%;
}

.resultset_first:hover{
  background: #CEF url('static/Images/AppbarIcons/skip-first-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A') no-repeat 50% 50%;
}

.resultset_prev{
  background: #CCCCCC url('static/Images/AppbarIcons/skip-previous-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A') no-repeat 50% 50%;
}

.resultset_prev:hover{
  background: #CEF url('static/Images/AppbarIcons/skip-previous-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A') no-repeat 50% 50%;
}

.resultset_next{
  background: #CCCCCC url('static/Images/AppbarIcons/skip-next-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A') no-repeat 50% 50%;
}

.resultset_next:hover{
  background: #CEF url('static/Images/AppbarIcons/skip-next-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A') no-repeat 50% 50%;
}

.resultset_last{
  background: #CCCCCC url('static/Images/AppbarIcons/skip-last-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A') no-repeat 50% 50%;
}

.resultset_last:hover{
  background: #CEF url('static/Images/AppbarIcons/skip-last-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A') no-repeat 50% 50%;
}

.spacer{
  width: 1px;
  margin: 1px;
  display: inline-block;
  background: url('static/Content/images/spacer.png?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY') no-repeat;
    line-height: 1em;
}

.refresh{
  background: #CCCCCC url('static/Images/AppbarIcons/refresh-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A') no-repeat 50% 50%;
}

.refresh:hover{
  background: #CEF url('static/Images/AppbarIcons/refresh-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A') no-repeat 50% 50%;
}

.dataloading{
  display: inline-block;
  margin: 4px;
  background: url('static/Content/images/ajax-loader.gif?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY') no-repeat;
  width:16px;
  height:16px;
  cursor: pointer;
  vertical-align: middle;
}

.pageplus{
  background: #CCCCCC url('static/Content/images/pageplus.png?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY') no-repeat;
}

.pageplus:hover{
  background: #CEF url('static/Content/images/pageplus.png?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY') no-repeat;
}

.pageminus{
  background: #CCCCCC url('static/Content/images/pageminus.png?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY') no-repeat;
}

.pageminus:hover{
  background: #CEF url('static/Content/images/pageminus.png?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY') no-repeat;
}

.currentrecords{
  position:absolute;right:0px;
  background: #CCCCCC url('static/Images/AppbarIcons/hash-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A') no-repeat 50% 50%;
}

.currentrecords:hover{
  position:absolute;right:0px;
  background: #CEF url('static/Images/AppbarIcons/hash-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A') no-repeat;
}

.pagerslider{
  display:inline-block;
  width:80px;
  margin:4px 9px 4px 4px;
  vertical-align: middle;
}

.recordsperpage{
  display:inline-block;
  vertical-align: middle;
  width: 5em;
  height: 2em; /*1.2em;*/
  /*font-size: 0.8em !important;*/
}

.recordstate{
  position:absolute;
  top:6px;
  right:26px;
  /*font-size: 0.8em !important;*/
    padding-right: 1em;
}

.currentpage {
    vertical-align: middle;
    /*height: 1.2em !important;*/
    width: 3em !important;
    display: inline !important;
    /*font-size: 0.8em !important;*/
    height: 24px;
}

@media (max-width: 480px) {
    .currentpage {
        display: none !important;
    }          
}

.pagelabel {
    vertical-align: middle;
    /*font-size: 0.8em;*/
    height: 24px;
}
#totalpages {
    /*font-size: 0.8em;*/
    height: 24px;
}
.pageslash {
    vertical-align: middle;
    /*font-size: 0.8em;*/
    height: 24px;
}
.totalrecords {
    /*font-size: 0.8em;*/
    height: 24px;
}
.recordslash {
    /*font-size: 0.8em;*/
    height: 24px;
}
.slick-group-header-columns {
  position: relative;
  white-space: nowrap;
  cursor: default;
  overflow: hidden;
}

.slick-group-header-columns .slick-header-column {
  padding-left: 0px;
  padding-right: 0px;
}

.slick-group-header-columns .slick-column-name {
  text-align: center;
}

.xpopup {
	position: fixed;
	left : 0;
	right: 0;
	bottom: 0;	
	min-height: 24px;
	padding: 16px;
	/*background-color: rgba(0, 0, 0, 0.5);*/
    /*background-color: rgba(165, 42, 42, 0.5);*/
    background-color: rgba(0, 128, 0, 0.6);
}

.xpopup-text {
	display: inline;
	float: left;
	color: white;
	font-size: 1em;
    font-weight: bold;
}

a.xpopup-close {
	position: absolute;
	top: -12px;
	right: 4px;
    float: right;
    cursor: pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 30px;
    background: inherit;
	font-family: Serif;
    font-size: 33px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 20px;
}

.xpopup-close:before {
	content: "×";
}


.xfilter-container {
    width: 100%;
    position: relative;
}

.xfilter-overlay {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff
                url('static/Content/Images/loading.gif?v=8NQ2AsCCGPZj6pBIc4ob0xxpVGY') 
                50% 50% 
                no-repeat;
    z-index: 999999999999;
}

.xfilter-title {
    /*display: table-cell;*/
    top: 50%;
    line-height: 2em;
}

.xfilter-accordion {
    width: 100%;
    min-height: 2.5em !important;
    padding-top: 0.2em !important;
    padding-bottom: 0.2em !important;
}

.xfilter-accordion-sub {
    display: flex;
    flex-direction: row;
}

.xfilter-container .ui-accordion-header-icon {
    /*display: table-cell;*/
}

.xfilter-collapsible-note {
    /*width: 80%;*/
    /*
    font-size: x-small;
    line-height: 1.5em;
    */
    width: auto;
    flex-grow: 8;
    line-height: 2em;
    text-align: right;
    padding-left: 1em;
    padding-right: 1em;
    text-overflow: ellipsis;
}

.xfilter-btn-delete-all {
    /*float: right;*/
    /*display: table-cell;*/
}

.xfilter-btn-delete-all > input {
    background-color: #ff000080;
    font-weight: bold;
}

.xfilter-hr {
    margin: 8px 0;
    clear: both;  
}

.xfilter-section {
    width: 100%;
    display: inline-block;
    margin-bottom: 2px;
}

.xfilter-desc-auto {
    color: red;
}

.xfilter-desc-field {
    color: CadetBlue;
}

.xfilter-desc-autofield {
    color: coral;
}

.xfilter-toolbar {
    position: relative;
    float: left;
    display: block;
    width: 100%;
    padding: 4px;
}

.xfilter-toolbar-left {
    display: inline;
    min-width: 30%;
    float: left;
    margin-left: 1em;
    margin-top: 4px;
}

.xfilter-toolbar-center {
    display: inline;
    min-width: 15%;
    float: left;
    margin-left: 1em;
    margin-top: 4px;
}

.xfilter-toolbar-right {
    display: inline;
    min-width: 10%;
    float: right;
    text-align: right;
    margin-left: 1em;
    margin-top: 4px;
}

.xfilter-toolbarbtn {
    height: auto !important;
    line-height: 1.6em !important;
    background-repeat: no-repeat;
    background-position: center;
    padding-left: 1em !important;
    padding-right: 1em !important;
}

.xfilter-rowbtn {
    height: 2em !important;
    width: 2em !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle;
}

.xfilter-table {
    display: table;
    width: 100%;
    margin: 0;
}

.xfilter-table td {
    padding: 0;
}

.xfilter-tr {
    display: table-row;
}

.xfilter-header {
    padding: 4px;
    /*background-color: rgba(144, 144, 144, 0.075);*/
}

.xfilter-header-dark {
    background-color: #E7F1FF;
}

.xfilter-sectioncapt {
    display: inline;
    float: left;
    min-width: 180px;
    padding: 4px;
    font-weight: bold;
    font-size: 1.1em;
    margin-top: 4px;
}

.xfilter-th {
    font-weight: bold;
    text-align: center;
}

.xfilter-tr:nth-child(2n) {
    background-color: rgba(144, 144, 144, 0.075);
}
.xfilter-tr:nth-child(2n+1) {
    background-color: initial;
}

.xfilter-td {
    float: left;
    display: inline;
    padding: 4px;
    vertical-align: middle;
    /*line-height: 2.5em;*/
    height: initial;
}

.xfilter-td-h {
    line-height: 1em;
}

.xfilter-td-znyit {
    width: 12%;
}
.xfilter-td-andor {
    width: 5%;
}
.xfilter-td-field {
    width: 14%;
}
.xfilter-td-kezdet {
    width: 5%;
}
.xfilter-td-hossz {
    width: 5%;
}
.xfilter-td-operator {
    display: table-cell;
    width: 8%;
}

.xfilter-td-valtype {
   width: 6%; 
}
.xfilter-td-value {
    width: 18%;
}
.xfilter-td-valuebox {
    width: 100%;
    float: left;
}
.xfilter-td-valuebox-2 {
    width: 45%;
    display: inline-block;
    float: left;
}
.xfilter-td-valuespan {
    width: 2%;
    display: inline-block;
    text-align: center;
    float: left;
    line-height: 2.5em;
}
.xfilter-td-valkezdet {
    width: 5%;
}
.xfilter-td-valhossz {
    width: 5%;
}
.xfilter-td-zzar {
    width: 12%;
}
.xfilter-td-buttons {
    width: 12%;
}

.xfilter-td-andor-s {
    width: 10%;
}
.xfilter-td-field-s {
    width: 25%;
}
.xfilter-td-value-s {
    width: 40%;
}
.xfilter-td-buttons-s {
    width: 15%;
}
.xfilter-td-valuebox-2-s {
    width: 48%;
    display: inline-block;
    float: left;
}

.xfilter-orderitem {
    display: inline-block;
    width: 20%;
}

.xfilter-orderfieldcombo {
}

.xfilter-orderdesc {
    display: inline-block;
    float: left;
}

.xfilter-orderdesc-lbl {
    display: inline-block;
    float: left;
}

.xfilter-orderitem-section {
    display: block;
    width: 100%;
    padding: 4px; 
}

.xfilter-orderitem-panel1 {
    display: inline;
    float: left;
    width: 70%;
}
.xfilter-orderitem-panel2 {
    display: inline;
    float: right;
    width: 15%;
    text-align: right;
}

.xfilter-header-block {
    display: inline;
    float: left;
    width: 50%;
}

.xfilter-search-l {
    margin-left: 1em;
    display: inline;
    float: left;
    width: 35%;
}
.xfilter-search-r {
    margin-left: 0.1em;
    display: inline;
    float: left;
    width: 55%;
}


@media all and (max-width: 1200px) {

    .xfilter-td-znyit {
        width: 23%;
    }
    .xfilter-td-andor {
        width: 12%;
    }
    .xfilter-td-field {
        width: 23%;
    }
    .xfilter-td-kezdet {
        width: 8%;
    }
    .xfilter-td-hossz {
        width: 8%;
    }
    .xfilter-td-operator {
        width: 26%;
    }
    .xfilter-td-valtype {
        width: 20%;
        clear: both;
    }
    .xfilter-td-value {
        width: 40%; 
    }
    .xfilter-td-valkezdet {
        width: 8%;
    }
    .xfilter-td-valhossz {
        width: 8%;
    }
    .xfilter-td-zzar {
        width: 23%;
    }
    .xfilter-td-buttons {
        display: block;
        width: 100%;
    }

    .xfilter-td-value-s {
        width: 55%;
    }
    .xfilter-td-buttons-s {
        display: block;
        width: 40%;
        text-align: right;
    }
    .xfilter-td-andor-s {
        width: 20%;
    }
    .xfilter-orderitem {
        width: 50%;
    }
}

@media all and (max-width: 600px) {

    .xfilter-toolbar-right {
        top: 44px;
        right: 4px;
    }

    .xfilter-table thead {
        display: none;
    }

    .xfilter-td-znyit {
        width: 48%;
    }
    .xfilter-td-andor {
        width: 48%;
    }
    .xfilter-td-field {
        width: 60%;
    }
    .xfilter-td-kezdet {
        width: 20%;
    }
    .xfilter-td-hossz {
        width: 20%;
    }
    .xfilter-td-operator {
        width: 60%;
    }
    .xfilter-td-valtype {
        width: 40%; 
        clear: none;
    }
    .xfilter-td-value {
        width: 70%; 
    }
    .xfilter-td-valkezdet {
        width: 14%;
    }
    .xfilter-td-valhossz {
        width: 14%;
    }
    .xfilter-td-zzar {
        float: left;
        width: 48%;
    }
    .xfilter-td-buttons {
        display: inline;
        float: right;
        width: 70%;
    }

    .xfilter-td-field-s {
        display: block;
        width: 100%;
    }
    .xfilter-td-value-s {
        display: block;
        width: 100%;
    }
    .xfilter-td-buttons-s {
        display: block;
        width: 100%;
        text-align: left;
    }

    .xfilter-orderitem {
        width: 100%;
        display: block;
    }

    .xfilter-search-l {
        margin-left: 1em;
        display: inline;
        float: left;
        width: 100%;   
    }
    .xfilter-search-r {
        display: block;
        margin-left: 1em;
        width: 100%;
        clear: both;
    }

    .xfilter-orderitem {
        width: 100%;
    }

}

.xfilter-btn-menu {
    background-image: url(static/Images/AppbarIcons/menu-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A);
}
.xfilter-btn-add, .xfilter-btn-addorder {
    background-image: url(static/Images/AppbarIcons/add-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A);
}
.xfilter-btn-del {
    background-image: url(static/Images/AppbarIcons/delete-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A);
}
.xfilter-btn-up {
    background-image: url(static/Images/AppbarIcons/arrow-up-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A);
}
.xfilter-btn-down {
    background-image: url(static/Images/AppbarIcons/arrow-down-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A);
}
.xfilter-btn-delorder {
    background-image: url(static/Images/AppbarIcons/delete-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A);
}
.xfilter-btn-delpreset {
    background-image: url(static/Images/AppbarIcons/delete-24.png?v=00nABEwoGCjBH9Qe4R-jNvyuo6A);
    margin-left: 1em !important;
    float: right;
    background-repeat: no-repeat;
}

.xfilter-preset-item {
    display: table;
    width: 100%;
}

.xfilter-preset-text {
    display: table-cell;
    vertical-align: middle;
}

.xfilter-preset-button {
    display: table-cell;
    vertical-align: middle;
}

.xfilter-zjel-spinner {
    display: inline-block; 
    float: left;
}

.xfilter-zjel-label {
    display: inline-block; 
    float: left;
    margin-top: 0.5em;   
}

.xfilter-znyit {
    width: 2.5em !important;
}

.xfilter-andorcombo {
}

.xfilter-fieldcombo {
}

.xfilter-txtkezdet {
}

.xfilter-txthossz {
}

.xfilter-oprcombo {  
}

.xfilter-valtypecombo {
}

.xfilter-valfieldcombo { 
}

.xfilter-value1 {    
}

.xfilter-value2 {
}

.xfilter-value1-combo {    
}

.xfilter-value2-combo {
}

.xfilter-zzar {
    width: 2.5em !important;
}

.xfilter-datepicker {    

}

.xfilter-txtkeyword {
}

.xfilter-searchfieldcombo {  
}

.xfilter-error {
    color: red;
    font-weight: bold;
}