Kalypso Media · Worms
Apply on Kalypso Media’s site →Technical Animator (m/f/d) - Job Darmstadt - Kalypso Job portal /* Style Extensions:*/
.bg-blue-hrworks {
background-color: #004da0 !important;
background-image: none !important;
border-color: white !important;
color: white !important;
}
@media (min-width: 768px) {
.bg-green-haze-sm {
border-color: #44b6ae !important;
background-image: none !important;
background-color: #44b6ae !important;
color: white !important;
}
}
.bg-yellow-hrworks {
background-color: #ffe063 !important;
background-image: none !important;
border-color: white !important;
color: white !important;
}
.page-bar .page-breadcrumb.big-font-breadcrumb > li > a,
.page-bar .page-breadcrumb.big-font-breadcrumb > li > span,
.page-bar .page-breadcrumb.big-font-breadcrumb> li > i {
font-size: 20px !important;
}
.blue-hrworks {
color: #004da0 !important;
}
.portlet.box.blue-hrworks {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #004da0 #004da0;
border-image: none;
border-right: 1px solid #004da0;
border-style: none solid solid;
border-width: 0 1px 1px;
}
.portlet.box.blue-hrworks > .portlet-title {
background-color: #004da0;
}
.portlet.box.blue-hrworks > .portlet-title > .caption {
color: white;
}
.portlet.box.blue-hrworks > .portlet-title > .caption > i {
color: white;
}
.portlet.box.blue-hrworks > .portlet-title > .actions .btn-default {
background: none repeat scroll 0 0 transparent !important;
border: 1px solid #004da0;
color: #d0e1fd;
}
.portlet.box.blue-hrworks > .portlet-title > .actions .btn-default > i {
color: #deeafe;
}
.portlet.box.blue-hrworks > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-hrworks > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-hrworks > .portlet-title > .actions .btn-default:active, .portlet.box.blue-hrworks > .portlet-title > .actions .btn-default.active {
border: 1px solid #e8f0fe;
color: white;
}
.has-danger .help-block,
.has-danger .help-inline,
.has-danger .control-label,
.has-danger .radio,
.has-danger .checkbox,
.has-danger .radio-inline,
.has-danger .checkbox-inline {
color: #e3565d !important;
}
.has-danger .form-control {
border-color: #e3565d;
-webkit-box-shadow: none;
box-shadow: none;
}
.has-danger .form-control:focus {
border-color: #a94442;
-webkit-box-shadow: none;
box-shadow: none;
}
.has-danger .input-group-addon {
color: #e3565d;
background-color: #f2dede;
border-color: #e3565d;
}
.has-danger .input-icon > i {
color: #e3565d;
}
.has-danger .form-control-feedback {
color: #e3565d;
}
.page-content.page-content-white {
background-color: white !important;
}
.has-haze-success .help-block,
.has-haze-success .control-label,
.has-haze-success .help-inline,
.has-haze-success .control-label,
.has-haze-success .radio,
.has-haze-success .checkbox,
.has-haze-success .radio-inline,
.has-haze-success .checkbox-inline {
color: #44b6ae !important;
}
.has-haze-success .form-control {
border-color: #44b6ae;
-webkit-box-shadow: none;
box-shadow: none;
}
.has-haze-success .form-control:focus {
border-color: #3c763d;
-webkit-box-shadow: none;
box-shadow: none;
}
.has-haze-success .input-group-addon {
color: #44b6ae;
background-color: #dff0d8;
border-color: #44b6ae;
}
.has-haze-success .input-icon > i {
color: #44b6ae;
}
.has-haze-success .form-control-feedback {
color: #44b6ae;
}
.yellow-hrworks {
color: #ffe063 !important;
}
.tiles .yellow-hrworks .tile-body {
color: #ffe063 !important;
}
.portlet.box.yellow-hrworks {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #ffe063 #ffe063;
border-image: none;
border-right: 1px solid #ffe063;
border-style: none solid solid;
border-width: 0 1px 1px;
}
.portlet.box.yellow-hrworks > .portlet-title {
background-color: #ffe063;
}
.portlet.box.yellow-hrworks > .portlet-title > .caption {
color: white;
}
.portlet.box.yellow-hrworks > .portlet-title > .caption > i {
color: white;
}
.portlet.box.yellow-hrworks > .portlet-title > .actions .btn-default {
background: none repeat scroll 0 0 transparent !important;
border: 1px solid #ffe063;
color: #d0e1fd;
}
.portlet.box.yellow-hrworks > .portlet-title > .actions .btn-default > i {
color: #deeafe;
}
.portlet.box.yellow-hrworks > .portlet-title > .actions .btn-default:hover, .portlet.box.yellow-hrworks > .portlet-title > .actions .btn-default:focus, .portlet.box.yellow-hrworks > .portlet-title > .actions .btn-default:active, .portlet.box.yellow-hrworks > .portlet-title > .actions .btn-default.active {
border: 1px solid #e8f0fe;
color: white;
}
.dropdown-no-arrow:after,
.dropdown-no-arrow:before {
display: none !important;
}
.btn-group .dropdown-menu.dropdown-no-arrow:before,
.btn-group .dropdown-menu.dropdown-no-arrow:after {
display: none !important;
}
/* to fix the mask */
.croppie-container .cr-viewport {
box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
}
/* for general performance improvements, specially on mobile devices*/
.croppie-container .cr-image,
.croppie-container .cr-overlay,
.croppie-container .cr-viewport {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.calendar-label {
color: black;
margin: 1px;
pointer-events: none;
}
@media (min-width: 768px) {
.list-group-item.active-sm, .list-group-item.active-sm:hover, .list-group-item.active-sm:focus {
background-color: #337ab7;
border-color: #337ab7;
color: #fff;
z-index: 2;
}
}
.list-group-item.active-sm .list-group-item-heading, .list-group-item.active-sm:hover .list-group-item-heading, .list-group-item.active-sm:focus .list-group-item-heading, .list-group-item.active-sm .list-group-item-heading > small, .list-group-item.active-sm:hover .list-group-item-heading > small, .list-group-item.active-sm:focus .list-group-item-heading > small, .list-group-item.active-sm .list-group-item-heading > .small, .list-group-item.active-sm:hover .list-group-item-heading > .small, .list-group-item.active-sm:focus .list-group-item-heading > .small {
color: inherit;
}
@media (max-width: 767px) {
.nav-tabs.nav-justified.nav-justified-xs > li {
display: table-cell;
width: 1%;
}
}
@media (max-width: 767px) {
.nav-tabs.nav-justified.nav-justified-xs > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified.nav-justified-xs > .active > a,
.nav-tabs.nav-justified.nav-justified-xs > .active > a:hover,
.nav-tabs.nav-justified.nav-justified-xs > .active > a:focus {
border-bottom-color: #fff;
}
}
.btn-icon-only-lg > [class^="icon-"],
.btn-icon-only-lg > i {
margin-top: 8px;
text-align: center;
}
.btn-circle.btn-icon-only-lg {
border-radius: 50px !important;
}
.btn-icon-only-lg {
padding-left: 0;
padding-right: 0;
text-align: center;
height: 41px;
width: 41px;
}
.page-bar-fixed .page-bar {
position: fixed;
z-index: 9994;
width: 100%;
border-radius: 0px;
border-bottom: 1px solid#e1e1e1;
}
@media (max-width: 767px) {
.page-bar-fixed .page-bar {
margin: -20px -10px 0;
padding: 0 12px;
}
}
@keyframes spin {
to {
transform: rotate(1turn);
}
}
@-webkit-keyframes spin {
to {
-webkit-transform: rotate(1turn);
}
}
#prompt {
opacity: 0;
filter: alpha(opacity=0);
filter: "alpha(opacity=0)";
transition: opacity 0.4s ease-in;
-webkit-transition: opacity 0.4s ease-in;
}
html.prompt #prompt {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
background-color: black;
opacity:0.7;
filter: alpha(opacity=70);
filter: "alpha(opacity=70)";
display: block;
}
html.prompt #prompt .spinning-progress {
left: 45%;
top: 45%;
}
#prompt .spinning-progress {
position: absolute;
display: inline-block;
left: -1000px;
top: -100px;
width: 5em;
height: 5em;
margin: 0 .5em;
font-size: 6px;
text-indent: 999em;
overflow: hidden;
animation: spin 1s infinite steps(8);
-webkit-animation: spin 1s infinite steps(8);
}
#prompt .spinning-progress:before,
#prompt .spinning-progress:after,
#prompt .spinning-progress > div:before,
#prompt .spinning-progress > div:after {
content: "";
position: absolute;
top: 0;
left: 2.25em; /* (container width - part width)/2 */
width: .5em;
height: 1.5em;
/*border-radius: .2em;*/
background: #555;
box-shadow: 0 3.5em 0 0 #555; /* container height - part height */
transform-origin: 50% 2.5em; /* container height / 2 */
-webkit-transform-origin: 50% 2.5em; /* container height / 2 */
}
#prompt .spinning-progress:before {
background: #eee;
}
#prompt .spinning-progress:after {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
background: #bbb;
}
#prompt .spinning-progress > div:before {
transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
background: #999;
}
#prompt .spinning-progress > div:after {
transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
background: #777;
}
.font-success {
color: #3c763d;
}
.font-warning {
color: #8a6d3b;
}
.font-error {
color:#a94442;
}
.dashboard-stat .visual.visual-full > i{
font-size: 80px !important;
line-height: 75px !important;
margin-left: -10px !important;
}
.note.category-card{
margin: 0px 0px 10px 0px;
}
.note.category-card.last{
margin: 0px 0px 20px 0px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > [class^="icomoon-"],
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > [class*=" icomoon-"] {
font-size: 16px !important;
}
.footer-toolbar-button-group > .btn {
line-height: inherit !important;
}
.modal-footer > .row {
margin: -15px -15px;
}
.modal-header > h4 {
margin-top: 7px;
margin-bottom: 5px;
}
option[disabled] {
background-color: #f1f4f7;
}
input.star-checkbox {
display: none;
}
input.star-checkbox[type="checkbox"]:not(:checked) + .star-span::before {
cursor: pointer;
font-family: FontAwesome;
content: "\f006";
color: #efb73e;
font-size: 18px;
}
input.star-checkbox[type="checkbox"]:checked + .star-span::before {
cursor: pointer;
font-family: FontAwesome;
content: "\f005";
color: #efb73e;
font-size: 18px;
}
.hrworks-rating-stars-group {
font-size: 18px !important;
}
/* CSS-Style-Customization: */
.bold {
font-weight: 600 !important;
}
.input-group {
width: 100%;
}
p.list-group-item-text {
margin-top: 0;
}
.input-group-addon {
background-color: #eee;
}
.hrw-floating-footer-ninety-percent {
z-index: 9989;
position: fixed;
right: 10px;
bottom: 15px;
width: 90%;
}
.input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
margin-right: -1px;
z-index: 3;
}
.tooltip {
z-index: 10052 !important;
}
.popover {
z-index: 10052 !important;
}
.hrw-chat ::-webkit-scrollbar {
width: 6px;
}
/* Track */
.hrw-chat ::-webkit-scrollbar-track {
-webkit-border-radius: 4px;
border-radius: 4px;
}
/* Handle */
.hrw-chat ::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 4x;
background: rgba(200,200,200,0.8);
}
.hrw-chat ::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255,255,255,0.4);
}
.badge {
font-size: 12px !important;
font-weight: 600;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
.has-success .help-block, .has-success .help-inline, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline {
color: #3c763d;
}
.has-warning .help-block, .has-warning .help-inline, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
color: #8a6d3b;
}
.has-error .help-block, .has-error .help-inline, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
color: #a94442;
}
.has-error .form-control {
border-color: #ebccd1;
}
.has-warning .form-control {
border-color: #faebcc;
}
.has-success .form-control {
border-color: #d6e9c6;
}
.has-success .form-control:focus {
border-color: #bbdba1;
}
.has-warning .form-control:focus {
border-color: #f5d89e;
}
.has-error .form-control:focus {
border-color: #dca7b0;
}
.has-error .input-group-addon {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
.has-warning .input-group-addon {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
.has-success .input-group-addon {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
.input-group-addon > i {
color: inherit;
}
.scroll-to-top > i {
color : black;
}
.hrw-responsive-data-table {
width: 100% !important;
}
.mobile-container {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px) {
.mobile-container {
width: 970px;
}
}
@media (min-width: 1200px) {
.mobile-container {
width: 1170px;
}
}
.mobile-dropdown > .mobile-dropup-dropdown-menu > li:not(.mobile-button-first):not(.mobile-button-last) > .mobile-button:not(.mobile-button-first):not(.mobile-button-last) > .mobile-button-button,
.mobile-dropup > .mobile-dropup-dropdown-menu > li:not(.mobile-button-first):not(.mobile-button-last) > .mobile-button:not(.mobile-button-first):not(.mobile-button-last) > .mobile-button-button {
border-bottom-left-radius : 0px;
border-bottom-right-radius : 0px;
border-top-left-radius : 0px;
border-top-right-radius : 0px;
}
.mobile-dropup-dropdown-menu {
box-shadow : none;
}
.mobile-dropup-dropdown-menu.dropdown-menu::before,
.mobile-dropup-dropdown-menu.dropdown-menu::after
{
border-bottom: none;
}
.mobile-button-button {
height : 52px;
width : 100%;
}
@media (max-width: 659px)
{
.mobile-floating-page-footer-div > .mobile-button-group > .mobile-button-group-button-group > .mobile-button:first-child > .mobile-button-button {
border-top-left-radius : 0px;
}
.mobile-floating-page-footer-div > .mobile-button-group > .mobile-button-group-button-group > .mobile-button:last-child > .mobile-button-button {
border-top-right-radius : 0px;
}
}
.portlet-body > .mobile-button-group > .mobile-button-group-button-group > .mobile-button:first-child > .mobile-button-button,
.modal-footer > .mobile-button-group > .mobile-button-group-button-group > .mobile-button:first-child > .mobile-button-button {
border-top-left-radius : 0px;
}
.portlet-body > .mobile-button-group > .mobile-button-group-button-group > .mobile-button:last-child > .mobile-button-button,
.modal-footer > .mobile-button-group > .mobile-button-group-button-group > .mobile-button:last-child > .mobile-button-button {
border-top-right-radius : 0px;
}
.modal-footer > .mobile-button-group {
margin: -15px -15px;
}
.mobile-dropdown > .mobile-dropup-dropdown-menu > li > .mobile-button.mobile-button-first > .mobile-button-button,
.mobile-dropup > .mobile-dropup-dropdown-menu > li > .mobile-button.mobile-button-first > .mobile-button-button,
.mobile-dropdown > .mobile-dropup-dropdown-menu > li:first-child > .mobile-button > .mobile-button-button,
.mobile-dropup > .mobile-dropup-dropdown-menu > li:first-child > .mobile-button > .mobile-button-button {
border-bottom-left-radius : 0px;
border-bottom-right-radius : 0px;
}
.mobile-dropdown > .mobile-dropup-dropdown-menu > li > .mobile-button.mobile-button-last > .mobile-button-button,
.mobile-dropup > .mobile-dropup-dropdown-menu > li > .mobile-button.mobile-button-last > .mobile-button-button,
.mobile-dropdown > .mobile-dropup-dropdown-menu > li:last-child > .mobile-button > .mobile-button-button,
.mobile-dropup > .mobile-dropup-dropdown-menu > li:last-child > .mobile-button > .mobile-button-button {
border-top-left-radius : 0px;
border-top-right-radius : 0px;
}
.mobile-floating-page-footer-div > .mobile-button-group > .mobile-button-group-button-group > .mobile-button:first-child > .mobile-button-button {
border-bottom-left-radius : 0px;
}
.mobile-floating-page-footer-div > .mobile-button-group > .mobile-button-group-button-group > .mobile-button:last-child > .mobile-button-button {
border-bottom-right-radius : 0px;
}
.mobile-dropdown > .mobile-dropup-dropdown-menu > li > .mobile-button,
.mobile-dropup > .mobile-dropup-dropdown-menu > li > .mobile-button {
width: 100%;
}
.portlet.light > .portlet-body > .mobile-button-group {
margin-left: -20px;
margin-right: -20px;
margin-bottom: -15px;
}
.mobile-floating-page-footer-div > .mobile-button-group {
margin-left: 0px;
margin-right: 0px;
}
.mobile-dropup-dropdown-menu {
min-width : 220px;
}
.mobile-floating-page-footer {
z-index : 9989;
position : fixed;
left : 0px;
bottom : 0px;
width : 100%;
background-color : rgba(240,240,240,0.6);
height : 62px;
}
.mobile-floating-page-footer-div {
margin-top : 10px;
left : 50%;
position : absolute;
margin-right : -50%;
transform : translate(-50%, 0%);
}
@media (min-width: 660px)
{
.mobile-floating-page-footer-div > .mobile-button-group > .mobile-button-group-button-group.btn-group-justified {
width: 0;
}
.mobile-floating-page-footer-div > .mobile-button-group > .mobile-button-group-button-group > .mobile-button {
width: 220px;
}
.mobile-floating-page-footer-div > .mobile-button-group > .mobile-button-group-button-group > .mobile-button.mobile-button-first > .mobile-button-button {
border-top-left-radius : 4px;
}
.mobile-floating-page-footer-div > .mobile-button-group > .mobile-button-group-button-group > .mobile-button.mobile-button-last > .mobile-button-button {
border-top-right-radius : 4px;
}
}
:not(.mobile-floating-page-footer-div) > .mobile-button-group > .mobile-button-group-button-group > .mobile-button.mobile-button-first > .mobile-button-button {
border-bottom-left-radius : 4px;
}
:not(.mobile-floating-page-footer-div) > .mobile-button-group > .mobile-button-group-button-group > .mobile-button.mobile-button-last > .mobile-button-button {
border-bottom-right-radius : 4px;
}
.mobile-dropdown > .mobile-dropup-dropdown-menu > li > .mobile-button.mobile-button-first > .mobile-button-button.border-radius,
.mobile-dropup > .mobile-dropup-dropdown-menu > li > .mobile-button.mobile-button-first > .mobile-button-button.border-radius {
border-top-left-radius : 4px !important;
border-top-right-radius : 4px !important;
}
.mobile-dropdown > .mobile-dropup-dropdown-menu > li > .mobile-button.mobile-button-last > .mobile-button-button.border-radius,
.mobile-dropup > .mobile-dropup-dropdown-menu > li > .mobile-button.mobile-button-last > .mobile-button-button.border-radius {
border-bottom-left-radius : 4px !important;
border-bottom-right-radius : 4px !important;
}
.portlet.light.bordered > .portlet-body > hr {
margin-left: 15px;
margin-right: 15px;
}
.portlet.light.bordered > .portlet-body > form > .form-body > hr {
margin-left: 15px;
margin-right: 15px;
}
.portlet.light.bordered > .portlet-body > form > .form-body > .row > hr {
margin-top: 0px;
margin-bottom: 20px;
margin-left: 15px;
margin-right: 15px;
}
.me-multi-select-list-btn-group {
margin-bottom: 10px;
}
.me-multi-select-list-list-group-item.disabled {
pointer-events: none;
}
.me-multi-select-list-list-group-item:first-child {
border-top-color: white;
}
.me-multi-select-list-list-group-item {
border-left-color: white;
border-right-color: white;
padding: 5px;
display: table;
width: 100%;
border-spacing: 5px;
}
.me-multi-select-list-list-group-item > .list-group-item-text {
vertical-align: middle;
display: table-cell;
}
.me-multi-select-list-list-group-item:last-child {
border-bottom-color: white;
}
.me-multi-select-list-list-group {
border-style: solid;
border-width: 1px;
border-radius: 5px;
border-color: #ddd;
}
.me-multi-select-list-error .me-multi-select-list-label {
color: #a94442;
}
.me-multi-select-list-error .me-multi-select-list-list-group {
border-color: #a94442;
}
.me-multi-select-list-error .me-multi-select-list-help-block {
color: #a94442;
}
.me-multi-select-list-warning .me-multi-select-list-label {
color: #8a6d3b;
}
.me-multi-select-list-warning .me-multi-select-list-list-group {
border-color: #8a6d3b;
}
.me-multi-select-list-warning .me-multi-select-list-help-block {
color: #8a6d3b;
}
.me-multi-select-list-success .me-multi-select-list-label {
color: #3c763d;
}
.me-multi-select-list-success .me-multi-select-list-list-group {
border-color: #3c763d;
}
.me-multi-select-list-success .me-multi-select-list-help-block {
color: #3c763d;
}
.me-multi-select-list-list-group-item.active > .list-group-item-text,
.me-multi-select-list-list-group-item.active:focus > .list-group-item-text,
.me-multi-select-list-list-group-item.active:hover > .list-group-item-text {
color: white;
}
.me-multi-select-list-list-group-item > .badge {
display: table-cell;
}
.me-multi-select-list-list-group-item.active,
.me-multi-select-list-list-group-item.active:focus,
.me-multi-select-list-list-group-item.active:hover {
border-color: white;
}
.me-multi-select-list-list-group {
margin-bottom: 0px;
}
.me-multi-select-list-help-block {
margin-bottom: 0px;
}
.me-multi-select-list {
margin-bottom: 20px;
}
.me-recaptcha-error .me-recaptcha-help-block {
color: #a94442;
}
.me-recaptcha-warning .me-recaptcha-help-block {
color: #8a6d3b;
}
.me-recaptcha-success .me-recaptcha-help-block {
color: #3c763d;
}
.mt-checkbox > input:disabled ~ span, .mt-radio > input:disabled ~ span {
background:#e0e0e0 !important;
cursor: not-allowed !important;
}.mt-checkbox-list, .mt-radio-list {
padding: 0px;
}
.mt-checkbox:last-child, .mt-radio:last-child {
margin-bottom: 0px;
}
.mt-checkbox.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span, .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]) ~ span, .mt-checkbox.mt-checkbox-outline > input:checked ~ span, .mt-checkbox.mt-checkbox-outline > input:focus ~ span, .mt-checkbox.mt-checkbox-outline > span, .mt-checkbox.mt-radio-outline:hover > input:checked:not([disabled]) ~ span, .mt-checkbox.mt-radio-outline:hover > input:not([disabled]) ~ span, .mt-checkbox.mt-radio-outline > input:checked ~ span, .mt-checkbox.mt-radio-outline > input:focus ~ span, .mt-checkbox.mt-radio-outline > span, .mt-radio.mt-checkbox-outline:hover > input:checked:not([disabled]) ~ span, .mt-radio.mt-checkbox-outline:hover > input:not([disabled]) ~ span, .mt-radio.mt-checkbox-outline > input:checked ~ span, .mt-radio.mt-checkbox-outline > input:focus ~ span, .mt-radio.mt-checkbox-outline > span, .mt-radio.mt-radio-outline:hover > input:checked:not([disabled]) ~ span, .mt-radio.mt-radio-outline:hover > input:not([disabled]) ~ span, .mt-radio.mt-radio-outline > input:checked ~ span, .mt-radio.mt-radio-outline > input:focus ~ span, .mt-radio.mt-radio-outline > span {
background: #fff;
}
label.mt-checkbox, label.mt-radio {
min-height: 20px;
}
.help-block {
margin-top: 5px !important;
margin-bottom: 0px;
}
.form-group {
margin-bottom: 20px;
}
.mt-widget-1 {
margin-bottom: 30px;
}
.input-icon > div > .form-control {
padding-left: 33px;
}
/* Custom Css: */
.twitter-typeahead {
width: 100%;
display: table !important;
}
.twitter-typeahead .form-control {
margin: 0 !important;
}
.typeahead,
.tt-query,
.tt-hint {
color: #999;
font-size: 14px;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.typeahead {
background-color: #fff;
}
.typeahead:focus {
border: 2px solid #0097cf;
}
.tt-query {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.tt-hint {
color: #999
}
.tt-menu {
min-width: 160px;
margin-top: 2px;
padding: 5px 0;
background-color: #fff;
border: 1px solid #ebebeb;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
width: 100%;
max-height: 150px;
overflow-y: auto;
}
.tt-suggestion {
padding: 6px 12px;
font-size: 14px;
line-height: 16px;
}
.tt-suggestion:hover {
cursor: pointer;
background-color: #eee;
}
.tt-suggestion.tt-cursor {
cursor: pointer;
background-color: #eee;
}
.tt-suggestion p {
margin: 0;
}
.tt-menu {
}
.custom-dashboard-stat {
display: block;
margin-bottom: 25px;
overflow: hidden;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.custom-dashboard-stat:before, .custom-dashboard-stat:after {
content: " ";
display: table;
}
.custom-dashboard-stat:after {
clear: both;
}
.portlet .custom-dashboard-stat:last-child {
margin-bottom: 0;
}
.custom-dashboard-stat .visual {
width: 80px;
height: 55px;
display: block;
float: left;
padding-top: 5px;
padding-left: 15px;
margin-bottom: 15px;
font-size: 35px;
line-height: 35px;
}
.custom-dashboard-stat .visual > i {
margin-left: -25px;
font-size: 70px;
}
.custom-dashboard-stat .details {
position: absolute;
right: 15px;
padding-right: 15px;
}
.custom-dashboard-stat .details .number {
padding-top: 5px;
text-align: right;
font-size: 13px;
line-height: 36px;
margin-bottom: 0px;
font-weight: 400;
}
.custom-dashboard-stat .details .desc {
text-align: right;
font-size: 13px;
letter-spacing: 0px;
font-weight: 300;
}
.custom-dashboard-stat .more {
clear: both;
display: block;
padding: 6px 10px 6px 10px;
position: relative;
text-transform: uppercase;
font-weight: 300;
font-size: 11px;
opacity: 0.7;
filter: alpha(opacity=70);
}
.custom-dashboard-stat .more:hover {
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.custom-dashboard-stat .more > i {
display: inline-block;
margin-top: 1px;
float: right;
}
.custom-dashboard-stat-light {
padding-bottom: 20px;
margin-bottom: 20px;
}
.custom-dashboard-stat-light .details {
margin-bottom: 5px;
}
.custom-dashboard-stat-light .details .number {
font-weight: 300;
margin-bottom: 0px;
}
/* BLUE MADISON */
.custom-dashboard-stat.blue-madison {
background-color: #578ebe;
}
.custom-dashboard-stat.blue-madison.custom-dashboard-stat-light:hover {
background-color: #4884b8;
}
.custom-dashboard-stat.blue-madison .visual > i {
color: #ffffff;
opacity: 0.1;
}
.custom-dashboard-stat.blue-madison .details .number {
color: #ffffff;
}
.custom-dashboard-stat.blue-madison .details .desc {
color: #ffffff;
opacity: 1;
}
.custom-custom-dashboard-stat.blue-madison .more {
background-color: #4884b8;
color: #ffffff;
}
/* RED INTENSE */
.custom-dashboard-stat.red-intense {
background-color: #e35b5a;
}
.custom-dashboard-stat.red-intense.custom-dashboard-stat-light:hover {
background-color: #e04a49;
}
.custom-dashboard-stat.red-intense .visual > i {
color: #ffffff;
opacity: 0.1;
}
.custom-dashboard-stat.red-intense .details .number {
color: #ffffff;
}
.custom-dashboard-stat.red-intense .details .desc {
color: #ffffff;
opacity: 1;
}
.custom-dashboard-stat.red-intense .more {
background-color: #e04a49;
color: #ffffff;
}
/* GREEN HAZE */
.custom-dashboard-stat.green-haze {
background-color: #44b6ae;
}
.custom-dashboard-stat.green-haze.custom-dashboard-stat-light:hover {
background-color: #3ea7a0;
}
.custom-dashboard-stat.green-haze .visual > i {
color: #ffffff;
opacity: 0.1;
}
.custom-dashboard-stat.green-haze .details .number {
color: #ffffff;
}
.custom-dashboard-stat.green-haze .details .desc {
color: #ffffff;
opacity: 1;
}
.custom-dashboard-stat.green-haze .more {
background-color: #3ea7a0;
color: #ffffff;
}
/* PURPLE PLUM */
.custom-dashboard-stat.purple-plum {
background-color: #8775a7;
}
.custom-dashboard-stat.purple-plum.custom-dashboard-stat-light:hover {
background-color: #7c699f;
}
.custom-dashboard-stat.purple-plum .visual > i {
color: #ffffff;
opacity: 0.1;
}
.custom-dashboard-stat.purple-plum .details .number {
color: #ffffff;
}
.custom-dashboard-stat.purple-plum .details .desc {
color: #ffffff;
opacity: 1;
}
.custom-dashboard-stat.purple-plum .more {
background-color: #7c699f;
color: #ffffff;
}
/* Admin Theme 4 Custom Css */
@media (min-width: 992px) {
.page-sidebar {
width: 245px;
}
}
@media (min-width: 992px) {
.page-content-wrapper .page-content {
margin-left: 245px;
}
}
@media (min-width: 1260px) {
.page-sidebar {
width: 280px;
}
}
@media (min-width: 1260px) {
.page-content-wrapper .page-content {
margin-left: 280px;
}
}
.datepicker-dropdown {
z-index: 9995;
}
@media (max-width: 991px) {
.mt-element-step .step-line .mt-step-title::after, .mt-element-step .step-line .mt-step-title::before {
content: "";
}
}
@media (max-width: 767px) {
.mt-element-step .step-line .mt-step-title::after, .mt-element-step .step-line .mt-step-title::before {
content: none;
}
}
.mt-element-step .step-line .mt-step-number > [class^="icomoon-"],
.mt-element-step .step-line .mt-step-number > [class*=" icomoon-"] {
top: 0;
}
.portlet.light.bordered legend {
font-size: 18px;
color: #666;
}
@media (min-width: 768px) {
.modal-dialog.modal-lg {
width: 700px;
}
}
@media (min-width: 991px) {
.modal-dialog.modal-lg {
width: 900px;
}
}
.btn:not(.btn-sm):not(.btn-lg) {
line-height: 1.42857;
}
li [class^="icomoon-"], li [class*=" icomoon-"] {
display: inline-block;
text-align: center;
width: 1.25em;
}
.portlet > .portlet-title > .caption > [class^="icomoon-"],
.portlet > .portlet-title > .caption > [class*=" icomoon-"] {
font-size: 16px !important;
line-height: 12px !important;
}
.page-header.navbar .search-form {
float: left;
margin-right: 10px;
margin-top: 24px !important;
}
@media (min-width: 993px) {
.page-content-wrapper .page-content {
padding: 0 0 0 20px !important;
}
}
@media (min-width: 993px) {
.page-full-width .page-content-wrapper .page-content {
padding: 0 0 0 0px !important;
}
}
.actions > a:not(:last-child) {
margin-right: 4px;
}
.form-actions > button,
.form-actions > .btn-group > button,
.form-actions > a,
.form-actions > .btn-group > a {
margin-bottom: 5px;
}
.input-icon.right > div > .form-control {
padding-right: 33px;
padding-left: 12px;
}
@media (max-width: 767px) {
.page-header-fixed.page-header-fixed-mobile .page-container {
margin-top: 150px !important;
}
}
@media (max-width: 767px) {
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu {
margin-right: 0;
}
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu::after, .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu::before {
margin-right: 0;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu::after {
border-bottom-color: #fff;
}
@media (max-width: 767px) {
.page-header-mobile .page-top {
clear: none !important;
width: auto !important;
}
.page-header-fixed.page-header-fixed-mobile.page-header-mobile .page-container {
margin-top: 75px !important;
}
}
.page-header-mobile .page-header {
border-bottom: 1px solid #e9ecf3 !important;
}
.page-header-mobile .page-header.navbar .page-top {
border-bottom: 1px solid #e9ecf3 !important;
}
.page-sidebar .sidebar-search, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search {
margin: 18px 16px;
padding: 0;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
padding: 29px 8px 24px !important;
}
@media (min-width: 992px) {
.page-full-width .page-content {
padding: 0px;
}
}
.page-footer {
padding: 8px 20px 5px 20px;
}
.page-footer .page-footer-inner {
margin-bottom: 0px;
}
.page-sidebar, .page-sidebar .page-sidebar-menu {
margin-bottom: 20px;
}
.bs-hide {
display: none !important;
}
.large-tooltip .tooltip-inner {
min-width: 300px;
}
.hrworks-blue {
color: #004da0;
}
.hrworks-yellow {
color: #ffe063;
}
.hrworks-bg-blue {
background-color: #004da0;
}
.hrworks-bg-yellow {
background-color: #ffe063;
}
.hrworks-btn-blue {
background-color: #004da0;
border-color: #002b80;
color: #fff;
}
.hrworks-btn-blue.btn.focus, .hrworks-btn-blue.btn:focus, .hrworks-btn-blue.btn:hover {
background-color: #004da0;
opacity: 0.9;
color: #fff;
}
.hrworks-btn-yellow {
background-color: #ffe063;
border-color: #c49f47;
color: black;
}
.hrworks-badge-blue {
background-color: #004da0;
color: #fff;
}
.hrworks-badge-yellow {
background-color: #ffe063;
color: black;
}
.me-no-select {
-webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Old versions of Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
supported by Chrome, Edge, Opera and Firefox */
}.fc td.fc-sun, .fc td.fc-sat {
background-color:#f2f2f2;
}.list-group>.list-group-item>i {
margin-right: 5px;
}.me-pull-left {
left: auto !important;
right: 100% !important;
}.datepicker .datepicker-days {
display: block;
}.control-label {
display: inline-flex;
}
/* Loading Table Css */
.me-loading-table thead tr, .me-loading-table-summary-table-row td {
background-color: #eee;
border-color: #508edb;
}
.me-loading-table thead th, .me-loading-table-summary-table-row td {
border: 1px solid #D8D8D8 !important;
}
.table-hover > tbody > .me-loading-table-summary-table-row:hover, .table-hover > tbody > .me-loading-table-summary-table-row:hover > td {
background: #eee none repeat scroll 0 0 !important;
}
.me-loading-table-selectedRow, .table-hover > tbody > .me-loading-table-selectedRow:hover, .table-hover > tbody > .me-loading-table-selectedRow:hover > td {
background: DodgerBlue none repeat scroll 0 0 !important;
color: white;
}
.me-loading-table > table > tbody {
border-left: 1px solid #e7ecf1;
border-right: 1px solid #e7ecf1;
border-bottom: 1px solid #e7ecf1;
}
.me-loading-table {
margin-bottom: 20px;
}
.me-loading-table table {
margin-bottom: 0;
}
/* Group Select Box Css */
.me-bold-group-select-box-label {
font-weight: bold;
}
/* File Upload Css */
.fileinput-button[disabled] input{
cursor: not-allowed;
}
.drop-window {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,86,132,.9);
z-index: 250000;
display: none;
text-align: center;
-webkit-transition: opacity 250ms;
transition: opacity 250ms;
pointer-events:none;
}
.drop-window-content {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border: 1px dashed #fff;
}
.drop-window h3 {
margin: -.5em 0 0;
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 40px;
color: #fff;
padding: 0;
}
self view
/* HRworks Admin Theme 4 Custom Css */
.blackHover:hover {
color: #000000 !important;
-webkit-transition: color 300ms linear;
-ms-transition: color 300ms linear;
transition: color 300ms linear;
}
.whiteHover:hover {
color: #FFFFFF !important;
-webkit-transition: color 300ms linear;
-ms-transition: color 300ms linear;
transition: color 300ms linear;
}
.blackHover {
-webkit-transition: color 100ms linear;
-ms-transition: color 100ms linear;
transition: color 100ms linear;
}
.whiteHover {
-webkit-transition: color 100ms linear;
-ms-transition: color 100ms linear;
transition: color 100ms linear;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
color: #999;
}
.page-logo > a > img {
margin-top: 12px !important;
width: 47px;
height: 47px;
}
.page-footer {
background-color: #ffffff;
border-top: 1px solid #e9ecf3;
padding-left: 14px;
padding-right: 14px;
}
.page-footer .page-footer-inner {
color: #666;
}
.portlet.light > .portlet-title > .caption > .caption-subject {
font-size: 120%;
}
.portlet.light > .portlet-title > .caption {
color: inherit;
}
.portlet > .portlet-title > .caption {
font-size: 120%;
}
.h1, .h2, .h3, h1, h2, h3 {
word-wrap: break-word;
word-break: break-word;
}
h6 {
font-size: 90%;
}
h4 {
font-size: 110%;
}
h3 {
font-size: 130%;
}
h2 {
font-size: 150%;
}
h1 {
font-size: 180%;
}
body {
hyphens: auto;
}
body, h1, h2, h3, h4, h5, h6 {
font-family: inherit !important;
}
.bold {
font-weight: 900 !important;
}
.btn > *:not("fa") {
font-size: 100%;
}
.font-dark {
color: inherit !important;
}
.scroll-wrapper {
position: fixed;
right: 0;
bottom: 0;
left: 0;
top: 0;
-webkit-overflow-scrolling: touch;
overflow: auto;
}
.panel .panel-body {
font-size: 100%;
}
.panel-body p:last-child {
margin-bottom: 0px;
}
.panel-body p:first-child {
margin-top: 0px;
}
a:link {
color: inherit;
}
a:visited {
color: inherit;
}
a:hover {
color: inherit;
text-decoration: none;
opacity: 0.6;
}
a:active {
color: inherit;
}
.panel-primary > .panel-heading {
border-color: inherit;
}
.transparent-white {
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)";
}
@media screen and (min-width:500px) {
.header-picture {min-height: 120px;}
}
@media screen and (max-width:500px) {
.header-picture {min-height: 185px;}
.header-picture-div {left:50% !important; transform: translate(-50%, -0%) !important;top: 0% !important; bottom: 0% !important;min-width:100%; overflow-y: scroll;}
}
@media (max-width:767px) { .page-header.navbar .page-top {background-color: #0055A5 !important;} }.description-anchor-color a:link {color: #0055A5;}.description-anchor-color a:visited {color: #0055A5;}.description-anchor-color a:hover {color: #0055A5;}.description-anchor-color a:active {color: #0055A5;} a {
color: #346699;
}
.btn-primary {
background: #346699;
border-color: #346699;
background: -moz-linear-gradient(-45deg, #346699 0%, #1f3d72 100%);
background: -webkit-linear-gradient(-45deg, #346699 0%,#1f3d72 100%);
background: linear-gradient(135deg, #346699 0%,#1f3d72 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#346699", endColorstr="#1f3d72",GradientType=1 );
color:#FFFFFF;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.open>.btn-primary.dropdown-toggle,
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover,
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover, .btn-primary:visited,
.open>.btn-primary.dropdown-toggle.focus, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle:hover {
background: #346699;
border-color: #346699;
background: -moz-linear-gradient(-45deg, #346699 100%, #346699 100%);
background: -webkit-linear-gradient(-45deg, #346699 100%, #346699 100%);
background: linear-gradient(135deg, #346699 100%, #346699 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#346699", endColorstr="#346699",GradientType=1 );
color:#FFFFFF;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.badge-primary {
background-color: #346699;
}.btn-info {
background: #0d9cb0;
border-color: #0d9cb0;
background: -moz-linear-gradient(-45deg, #0d9cb0 20%, #088294 100%);
background: -webkit-linear-gradient(-45deg, #0d9cb0 20%, #088294 100%);
background: linear-gradient(135deg, #0d9cb0 20%, #088294 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0d9cb0", endColorstr="#088294",GradientType=1 );
color:#FFFFFF;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.open>.btn-info.dropdown-toggle,
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover,
.btn-info.focus, .btn-info:focus, .btn-info:hover, .btn-info:visited,
.open>.btn-info.dropdown-toggle.focus, .open>.btn-info.dropdown-toggle:focus, .open>.btn-info.dropdown-toggle:hover {
background: #0d9cb0;
border-color: #0d9cb0;
background: -moz-linear-gradient(-45deg, #0d9cb0 100%, #0d9cb0 100%);
background: -webkit-linear-gradient(-45deg, #0d9cb0 100%, #0d9cb0 100%);
background: linear-gradient(135deg, #0d9cb0 100%, #0d9cb0 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0d9cb0", endColorstr="#0d9cb0",GradientType=1 );
color:#FFFFFF;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.badge-info {
background-color: #0d9cb0;
}
.note.note-info, .alert.alert-info {
background: -moz-linear-gradient(-45deg, #0d9cb0 0%, #088294 100%);
background: -webkit-linear-gradient(-45deg, #0d9cb0 0%,#088294 100%);
background: linear-gradient(135deg, #0d9cb0 0%,#088294 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#0d9cb0", endColorstr="#088294",GradientType=1 );
border: 0;
color:white;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.alert.alert-info a, .note.note-info a, .alert.alert-info .btn-link, .note.note-info .btn-link {
color: white;
text-decoration: underline;
}.btn-success {
background: #1a8c80;
border-color: #1a8c80;
background: -moz-linear-gradient(-45deg, #1a8c80 0%, #146b62 100%);
background: -webkit-linear-gradient(-45deg, #1a8c80 0%,#146b62 100%);
background: linear-gradient(135deg, #1a8c80 0%,#146b62 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1a8c80", endColorstr="#146b62",GradientType=1 );
color:#FFFFFF;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.open>.btn-success.dropdown-toggle,
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover,
.btn-success.focus, .btn-success:focus, .btn-success:hover, .btn-success:visited,
.open>.btn-success.dropdown-toggle.focus, .open>.btn-success.dropdown-toggle:focus, .open>.btn-success.dropdown-toggle:hover {
background: #1a8c80;
border-color: #1a8c80;
background: -moz-linear-gradient(-45deg, #1a8c80 100%, #1a8c80 100%);
background: -webkit-linear-gradient(-45deg, #1a8c80 100%, #1a8c80 100%);
background: linear-gradient(135deg, #1a8c80 100%, #1a8c80 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1a8c80", endColorstr="#1a8c80",GradientType=1 );
color:#FFFFFF;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.badge-success {
background-color: #1a8c80;
}
.badge-success a {
color: white;
}
.toast-success {
background: #1a8c80;
}
.note.note-success, .alert.alert-success {
background: -moz-linear-gradient(-45deg, #1a8c80 0%, #146b62 100%);
background: -webkit-linear-gradient(-45deg, #1a8c80 0%,#146b62 100%);
background: linear-gradient(135deg, #1a8c80 0%,#146b62 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#1a8c80", endColorstr="#146b62",GradientType=1 );
border: 0;
color:white;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.alert.alert-success a, .note.note-success a, .alert.alert-success .btn-link, .note.note-success .btn-link {
color: white;
text-decoration: underline;
}
.has-warning .input-group-addon {
background-color: #e88116;
border-color: #cd581a;
color: white;
}
.has-warning .form-control {
border-color: #cd581a;
}
.has-warning .help-block, .has-warning .help-inline, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline {
color: #cd581a;
}
.btn-warning {
background: #e88116;
border-color: #e88116;
background: -moz-linear-gradient(-45deg, #e88116 0%, #cd581a 100%);
background: -webkit-linear-gradient(-45deg, #e88116 0%,#cd581a 100%);
background: linear-gradient(135deg, #e88116 0%,#cd581a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e88116", endColorstr="#cd581a",GradientType=1 );
color:#fff;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.open>.btn-warning.dropdown-toggle,
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover,
.btn-warning.focus, .btn-warning:focus, .btn-warning:hover, .btn-warning:visited,
.open>.btn-warning.dropdown-toggle.focus, .open>.btn-warning.dropdown-toggle:focus, .open>.btn-warning.dropdown-toggle:hover {
background: #e88116;
border-color: #e88116;
background: -moz-linear-gradient(-45deg, #e88116 100%, #e88116 100%);
background: -webkit-linear-gradient(-45deg, #e88116 100%, #e88116 100%);
background: linear-gradient(135deg, #e88116 100%, #e88116 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e88116", endColorstr="#e88116",GradientType=1 );
color:#FFFFFF;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.badge-warning {
background-color: #e88116;
}
.badge-warning a {
color: white;
}
.toast-warning {
background: #e88116;
}
.note.note-warning, .alert.alert-warning {
background: -moz-linear-gradient(-45deg, #e88116 0%, #cd581a 100%);
background: -webkit-linear-gradient(-45deg, #e88116 0%,#cd581a 100%);
background: linear-gradient(135deg, #e88116 0%,#cd581a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#e88116", endColorstr="#cd581a",GradientType=1 );
border: 0;
color:white;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.alert.alert-warning a, .note.note-warning a, .alert.alert-warning .btn-link, .note.note-warning .btn-link {
color: white;
text-decoration: underline;
}.btn-danger {
background: #c94617;
border-color: #c94617;
background: -moz-linear-gradient(-45deg, #c94617 0%, #9f1010 100%);
background: -webkit-linear-gradient(-45deg, #c94617 0%,#9f1010 100%);
background: linear-gradient(135deg, #c94617 0%,#9f1010 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#c94617", endColorstr="#9f1010",GradientType=1 );
color:#FFFFFF;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
color:#fff;
}
.open>.btn-danger.dropdown-toggle,
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover,
.btn-danger.focus, .btn-danger:focus, .btn-danger:hover, .btn-danger:visited,
.open>.btn-danger.dropdown-toggle.focus, .open>.btn-danger.dropdown-toggle:focus, .open>.btn-danger.dropdown-toggle:hover {
background: #c94617;
border-color: #c94617;
background: -moz-linear-gradient(-45deg, #c94617 100%, #c94617 100%);
background: -webkit-linear-gradient(-45deg, #c94617 100%, #c94617 100%);
background: linear-gradient(135deg, #c94617 100%, #c94617 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#c94617", endColorstr="#c94617",GradientType=1 );
color:#FFFFFF;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.badge-danger {
background-color: #c94617;
}
.badge-danger a {
color: white;
}
.toast-danger {
background: #c94617;
}
.note.note-danger, .alert.alert-danger {
background: -moz-linear-gradient(-45deg, #c94617 0%, #9f1010 100%);
background: -webkit-linear-gradient(-45deg, #c94617 0%,#9f1010 100%);
background: linear-gradient(135deg, #c94617 0%,#9f1010 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#c94617", endColorstr="#9f1010",GradientType=1 );
border: 0;
color:white;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.alert.alert-danger a, .note.note-danger a, .alert.alert-danger .btn-link, .note.note-danger .btn-link {
color: white;
text-decoration: underline;
}.mobile-button-button {
border: 0;
}
.portlet .uppercase, .note .uppercase {
text-transform: none !important;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.alert a.btn, .note a.btn {
color: white;
text-decoration: none;
}
.alert .btn, .note .btn {
border: 1px solid white;
} The data privacy settings of your browser prevent this site from functioning properly. Please open the site in a new tab. Alternatively, you can allow cross-sitetracking in your browser.
Open in new tab Technical Animator (m/f/d) Kalypso Media Group is an independent publisher and developer of interactive entertainment software with more than 200 employees at a total of ten locations in Germany, England, France, the USA and Japan. Five of the Group s development studios in Germany and France, together with other international games developers, ensure a steady stream of new computer and video games for all modern premium platforms, such as the world-famous " Tropico " series, " Commandos " and " Railway Empire ".
To strengthen our team at our subsidiary the Claymore Game Studios GmbH in Darmstadt (Germany) , we are looking for a Technical Animator (m/f/d) to start as soon as possible.
Responsibilities Research, development and continued improvement of the animation pipeline Close collaboration with the code department in art-relevant topics Rigging and skinning of animated meshes Monitoring and optimization of (animation-)performance Qualification More than 3 years of experience in game-development Excellent technical understanding and scripting/coding experience Animation experience and passion for animation Problem-solving attitude and the ability to quickly familiarize with new technical topics Knowledge of Unreal and its animation systems Knowledge of Blender is a plus Passion for games and game development Proactive, team player mindset with excellent communication skills and hands-on mentality Goal-oriented way of working A high degree of initiative and reliability Join Kalypso Groups team within the global network of 200+ experts across 10 locations. Enjoy hybrid work options, perks like game discounts, and the opportunity to publish hits that reach worldwide audiences. Kalypso values diversity and equal opportunity Submit application Overview Share Submit application Scope of activities IT and software development Working time Full time Location
Pfnorstraße 14, 64293 Darmstadt, Germany
Employment type Permanent employment Contact Personal Team : 06241/5061900 show e-mail Submit application Overview Share provided by
HRworks GmbH
v.1.146.1 -
Imprint
-
Privacy terms
$.fn.selectRange = function(start, end) {
return this.each(function() {
if (this.setSelectionRange) {
this.focus();
this.setSelectionRange(start, end);
} else if (this.createTextRange) {
var range = this.createTextRange();
range.collapse(true);
range.moveEnd('character', end);
range.moveStart('character', start);
range.select();
}
});
};
$(document).on('show.bs.modal', '.modal', function () {
var zIndex = 10040 + (10 * $('.modal:visible').length);
$(this).css('z-index', zIndex);
setTimeout(function() {
$('.modal-backdrop').not('.modal-stack').css('z-index', zIndex - 1).addClass('modal-stack');
}, 0);
});
var BlockUIHandler = {
isBlocking : false,
forceBlocking: false,
customBlockUI : null,
customUnblockUI : null,
hrwBlockUI : function(aForceBoolean)
{
if (aForceBoolean || !this.forceBlocking)
{
this.isBlocking = true;
if (this.customBlockUI === null)
{
App.blockUI();
}
else
{
this.customBlockUI();
}
}
},
blockUI : function()
{
this.hrwBlockUI(false);
},
forceBlockUI : function()
{
this.forceBlocking = true;
this.hrwBlockUI(true);
},
hrwUnblockUI : function(aForceBoolean)
{
if (aForceBoolean || !this.forceBlocking)
{
if (this.customUnblockUI === null)
{
App.unblockUI();
}
else
{
this.customUnblockUI();
}
this.isBlocking = false;
}
},
unblockUI : function()
{
this.hrwUnblockUI(false);
},
forceUnblockUI : function()
{
this.hrwUnblockUI(true);
this.forceBlocking = false;
}
}
$.fn.bootstrapSwitch.defaults.onColor = "success";
$.fn.bootstrapSwitch.defaults.offColor = "danger";
$.fn.bootstrapSwitch.defaults.onText = " ";
$.fn.bootstrapSwitch.defaults.offText = " ";
$.fn.datepicker.dates['de'] =
{
days: ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag", "Sonntag"],
daysShort: ["Son", "Mon", "Die", "Mit", "Don", "Fre", "Sam", "Son"],
daysMin: ["So", "Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"],
months: ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
monthsShort: ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"],
today: ["Heute"]
};
var ComponentsTimePickers=function(){
return{
init:function(){
jQuery().timepicker&&($(".timepicker-international").timepicker({
autoclose:!0,
showMeridian:!1,
showSeconds:!0,
defaultTime: false}),
$(".timepicker-no-seconds").timepicker({
autoclose:!0,
initialDate: !0,
defaultTime: false}),
$(".timepicker-24").timepicker({
autoclose:!0,
showSeconds:!1,
showMeridian:!1,
initialDate: !0,
defaultTime: false})
)
}
}
}();
var KeyEventsHandler = {
keys : {},
numberOfPressedKeys : 0,
keydownEventHandlers : {},
keypressEventHandlers : {},
keyupEventHandlers : {},
stopPropagation : false,
clearKeys : function()
{
this.keys = {};
},
isKeyPressed : function(aKeyCode)
{
return this.keys[aKeyCode] === true;
},
isKeyReleased : function(aKeyCode)
{
return !(aKeyCode in this.keys) || this.isKeyupState();
},
isKeyupState : function(aKeyCode)
{
return this.keys[aKeyCode] === false;
},
setKeyToKeydownState : function (aKeyCode)
{
this.keys[aKeyCode] = true;
},
setKeyToKeyupState : function (aKeyCode)
{
this.keys[aKeyCode] = false;
},
addKeydownEventHandler : function(anEventId, aFunction)
{
this.keydownEventHandlers[anEventId] = aFunction;
},
addKeypressEventHandler : function(anEventId, aFunction)
{
this.keypressEventHandlers[anEventId] = aFunction;
},
addKeyupEventHandler : function(anEventId, aFunction)
{
this.keyupEventHandlers[anEventId] = aFunction;
},
removeKeydownEventHandler : function(anEventId)
{
delete this.keydownEventHandlers[anEventId];
},
removeKeypressEventHandler : function(anEventId)
{
delete this.keypressEventHandlers[anEventId];
},
removeKeyupEventHandler : function(anEventId)
{
delete this.keyupEventHandlers[anEventId];
},
handleKeyEventHandlers : function(aHashTable, anEvent)
{
this.stopPropagation = false;
if (!BlockUIHandler.isBlocking)
{
Object.keys(aHashTable).forEach(function (eachEventId)
{
if (!KeyEventsHandler.stopPropagation)
{
aHashTable[eachEventId](anEvent);
}
});
}
},
handleKeydownEventHandlers : function(anEvent)
{
this.handleKeyEventHandlers(this.keydownEventHandlers, anEvent);
},
handleKeypressEventHandlers : function(anEvent)
{
this.handleKeyEventHandlers(this.keypressEventHandlers, anEvent);
},
handleKeyupEventHandlers : function(anEvent)
{
this.handleKeyEventHandlers(this.keyupEventHandlers, anEvent);
},
clearKeydownEventHandlers : function()
{
this.keydownEventHandlers = {};
},
clearKeypressEventHandlers : function()
{
this.keypressEventHandlers = {};
},
clearKeyupEventHandlers : function()
{
this.keyupEventHandlers = {};
},
clearKeyEventHandlers : function()
{
this.clearKeydownEventHandlers();
this.clearKeypressEventHandlers();
this.clearKeyupEventHandlers();
}
};
$(document).keydown(function(anEvent)
{
var theKeyCode = anEvent.keyCode;
if (KeyEventsHandler.isKeyReleased(theKeyCode))
{
KeyEventsHandler.numberOfPressedKeys++;
KeyEventsHandler.setKeyToKeydownState(theKeyCode);
KeyEventsHandler.handleKeydownEventHandlers(anEvent);
}
else
{
KeyEventsHandler.handleKeypressEventHandlers(anEvent);
}
if (KeyEventsHandler.stopPropagation)
{
return false;
}
});
$(window).blur(function(anEvent)
{
KeyEventsHandler.clearKeys();
KeyEventsHandler.numberOfPressedKeys = 0;
});
$(document).keyup(function(anEvent)
{
KeyEventsHandler.setKeyToKeyupState(anEvent.keyCode);
if (KeyEventsHandler.numberOfPressedKeys >= 1)
{
KeyEventsHandler.handleKeyupEventHandlers(anEvent);
KeyEventsHandler.numberOfPressedKeys--;
if (KeyEventsHandler.numberOfPressedKeys === 0)
{
KeyEventsHandler.clearKeys();
}
}
if (KeyEventsHandler.stopPropagation)
{
return false;
}
});
function requestDesktopNotifications() {
//Check if the browser supports notifications
if ("Notification" in window) {
if (Notification.permission === "default") {
Notification.requestPermission();
}
}
}function showDesktopNotification(theBody, theIcon, theTitle, theTimeout, theOnclickFunction) {
if (("Notification" in window) && (Notification.permission === "granted")) {
var options = {
body: theBody,
icon: theIcon
};
var n = new Notification(theTitle, options);
n.onclick = theOnclickFunction;
setTimeout(n.close.bind(n), theTimeout);
}
}
/* Admin Theme 4 Custom JavaScript */
var fix_handleSidebarAndContentHeight = function () {
var resBreakpointMd = App.getResponsiveBreakpoint('md');
var resBreakpointSm = App.getResponsiveBreakpoint('sm');
var content = $('.page-content');
var sidebar = $('.page-sidebar');
var body = $('body');
var height;
var headerHeight = $('.page-header').outerHeight(true);
var footerHeight = $('.page-footer').outerHeight(true);
height = App.getViewPort().height - headerHeight - footerHeight;
height = Math.max(sidebar.outerHeight(), height);
if (height
var BsAccesskeyModuleElements;
var BsAccesskeyModule = function(anElement) {
var self = this;
self.element = anElement;
self.keydownFunction = null;
self.addKeydownEventListener = function() {
self.keydownFunction = function(e) {
if (anElement && anElement[0]) {
if (e.altKey && e.keyCode == self.element.attr("bs-accesskey-code")) {
e.preventDefault();
anElement[0].click();
}
}
};
$(document).on("keydown", self.keydownFunction);
};
self.removeKeydownEventListener = function() {
$(document).off("keydown", self.keydownFunction);
};
self.addKeydownEventListener();
BsAccesskeyModuleElements.push(self.element);
return self;
};
var initializeBsAccesskeyModule = function() {
$(BsAccesskeyModuleElements).each(function () {
$(this)[0].bsAccesskeyModule.removeKeydownEventListener();
});
BsAccesskeyModuleElements = [];
$("[bs-accesskey-code]").each(function() {
$(this)[0].bsAccesskeyModule = new BsAccesskeyModule($(this));
});
};
$(document).ready(function() {
initializeBsAccesskeyModule();
});String.prototype.bsNormalize = function() {
try {
return this.normalize();
} catch (e) {
return this; "e.g. IE 11"
}
};
function bsVideoWidth(aVideo) {
try {
if (aVideo.videoWidth == 0) {
return aVideo.offsetWidth;
}
else
{
return aVideo.videoWidth;
}
} catch (e) {
return 0;
}
};
function bsVideoHeight(aVideo) {
try {
if (aVideo.videoWidth == 0) {
return aVideo.offsetHeight;
}
else
{
return aVideo.videoHeight
}
} catch (e) {
return 0;
}
};
function urlB64ToUint8Array(base64String) {
const padding = "=".repeat((4 - base64String.length % 4) % 4);
const base64 = (base64String + padding)
.replace(/\-/g, "+")
.replace(/_/g, "/");
const rawData = window.atob(base64);
const outputArray = new Uint8Array(rawData.length);
for (var i = 0; i 1 ? aDecimalSeparator + theSplittedArray[1] : "";
var regularExpression = /(\d+)(\d{3})/;
while (regularExpression.test(theThousandsString)) {
theThousandsString = theThousandsString.replace(regularExpression, "$1" + aThousandsSeparator + "$2");
}
return theThousandsString + theDecimalString;
};
if (window.IntersectionObserver) {
$.event.special.visibility = {
setup: function() {
function event(visibility) {
var e = $.Event("visibility");
e.visible = visibility;
return e;
}
var element = this;
var $element = $(this);
var observer = new IntersectionObserver(function(entries) {
var e = event($element.is(":visible"));
($.event.dispatch || $.event.handle).call(element, e);
}, {
root: document.body
});
observer.observe(this);
$.data(this, "observer", observer);
},
teardown: function() {
var observer = $.data(this, "observer");
if (observer) {
observer.unobserve(this);
$.removeData(this, "observer");
}
}
};
}
var bsServiceWorker;
var serviceWorkerRegistration;
if ("serviceWorker" in navigator) {
bsServiceWorker = navigator.serviceWorker;
window.addEventListener("load", function() {
var reg = bsServiceWorker.register("BsJavaScriptFileModuleUrlHandler?viewNumber=1&moduleName=BsServiceWorkerJavaScriptFileModule&sessionClass=HrwMeJobApplicationManagementSession");
reg.then(function(aRegistration) {serviceWorkerRegistration = aRegistration}).catch(function(err) {console.log(err)});
});
};
/* Web App Install Banners JavaScript */
var bsBeforeInstallPromptEvent;
var showHomeScreenInstallPrompt = function() {
if (bsBeforeInstallPromptEvent)
{
bsBeforeInstallPromptEvent.prompt();
bsBeforeInstallPromptEvent.userChoice.then(function(choiceResult) {
bsBeforeInstallPromptEvent = null;
});
}
};
window.addEventListener("beforeinstallprompt", function(anEvent) {
anEvent.preventDefault();
bsBeforeInstallPromptEvent = anEvent;
});
window.addEventListener("appinstalled", function(anEvent) {
console.log("Web App installed");
});
var meExpandText = function(aButtonElement, aContentElement, aMaxHeightNumber) {
if (aContentElement && aContentElement[0]) {
if (aContentElement[0].scrollHeight > aMaxHeightNumber) {
aContentElement.css("overflow-y", "hidden");
aButtonElement.bsShow();
} else {
aButtonElement.bsHide();
};
}
};
var meTextExpander = function(aTextExpanderButtonJquerySelector, aTextExpanderContentJquerySelector, aTextExpanderJquerySelector, aTextExpanderMaxHeight) {
aTextExpanderJquerySelector[0].meTextExpanderResizeFunction = function() {
meExpandText(aTextExpanderButtonJquerySelector, aTextExpanderContentJquerySelector, aTextExpanderMaxHeight);
};
$(window).on("resize", aTextExpanderJquerySelector[0].meTextExpanderResizeFunction);
$(document).ready(function(){
meExpandText(aTextExpanderButtonJquerySelector, aTextExpanderContentJquerySelector, aTextExpanderMaxHeight);
aTextExpanderButtonJquerySelector.one("click", function(anEvent) {
anEvent.stopPropagation();
aTextExpanderContentJquerySelector.css("max-height","");
aTextExpanderContentJquerySelector.css("overflow-y","");
aTextExpanderButtonJquerySelector.bsHide();
$(window).off("resize", aTextExpanderJquerySelector[0].meTextExpanderResizeFunction);
aTextExpanderJquerySelector[0].meTextExpanderResizeFunction = null;
});
});
};var meFixForDropdownInTable = function(aJquerySelector) {
aJquerySelector.on("show.bs.dropdown", function() {
aJquerySelector.css("overflow-x", "visible");
});
aJquerySelector.on("hide.bs.dropdown", function() {
aJquerySelector.css("overflow-x", "auto");
});
}
function meAddChartModule(aChartSelector, toolTipFunction, positioningFunction, aToolTipSelector) {
aChartSelector.bind("plothover", function (event, pos, item) {
if (item) {
aToolTipSelector.html(toolTipFunction(item))
.css(positioningFunction(item))
.fadeIn(200);
} else {
aToolTipSelector.hide();
}
});
}
/* File Upload Java Script */
// inspired by http://stackoverflow.com/questions/21894797/limit-file-upload-size-across-multiple-files
$.blueimp.fileupload.prototype.options.processQueue.push(
{
action: "validateTotalSize",
always: true,
maxFilesSize: "@"
}
);
$.widget("blueimp.fileupload", $.blueimp.fileupload, {
options: {
messages: {
maxFilesSize: "Maximum size of files exceeded",
}
},
processActions: {
validateTotalSize: function (data, options) {
var $this = $(this),
that = $this.data("blueimp-fileupload") ||
$this.data("fileupload");
if (options.disabled) {
return data;
}
var dfd = $.Deferred(),
settings = this.options,
file = data.files[data.index];
var totalSize = 0;
$.each(data.files, function (index, file) {
totalSize = totalSize + file.size;
});
if (totalSize > options.maxFilesSize) {
file.error = settings.i18n("maxFilesSize");
}
if (file.error || data.files.error) {
data.files.error = true;
dfd.rejectWith(this, [data]);
} else {
dfd.resolveWith(this, [data]);
}
return dfd.promise();
}
}
});
// Inspired by http://stackoverflow.com/questions/27680292/jquery-drop-zone-effect
var meDropZone = $(document);
$("body").append(" " + "Drop file(s)" + " ");
var dropWindow = $(".drop-window");
var meRecentDragoverTimestamp;
var meHideDropWindowTimestamp;
function meUpdateDropZone () {
setTimeout(function() {
if ($.now() >= meRecentDragoverTimestamp + 100) {
dropWindow.hide();
meHideDropWindowTimestamp = null;
}
else {
meUpdateDropZone();
}
}, 100);
};
meDropZone
.on("dragover", function(anEvent){
if ($('.me-file-upload').length >= 1 && !$('.me-file-upload').attr('disabled')) {
dropWindow.show();
meRecentDragoverTimestamp = $.now();
if(meHideDropWindowTimestamp == null) {
meHideDropWindowTimestamp = $.now();
meUpdateDropZone();
}
}
})
{ "@type": "BreadcrumbList", "@context": "http://schema.org", "itemListElement": [ { "@type": "ListItem", "item": { "name": "Kalypso Job portal", "@id": "https://jobs.kalypsomedia.com" }, "position": "1" }, { "@type": "ListItem", "item": { "name": "Technical Animator (m/f/d) - Kalypso Job portal", "@id": "https://jobs.kalypsomedia.com/?id=11ed80" }, "position": "2" } ] }
{ "@type": "JobPosting", "datePosted": "2026-03-23", "description": " Kalypso Media Group is an independent publisher and developer of interactive entertainment software with more than 200 employees at a total of ten locations in Germany, England, France, the USA and Japan. Five of the Group s development studios in Germany and France, together with other international games developers, ensure a steady stream of new computer and video games for all modern premium platforms, such as the world-famous " Tropico " series, " Commandos " and " Railway Empire ".
To strengthen our team at our subsidiary the Claymore Game Studios GmbH in Darmstadt (Germany) , we are looking for a Technical Animator (m/f/d) to start as soon as possible. Kalypso Media Group is an independent publisher and developer of interactive entertainment software with more than 200 employees at a total of ten locations in Germany, England, France, the USA and Japan. Five of the Group s development studios in Germany and France, together with other international games developers, ensure a steady stream of new computer and video games for all modern premium platforms, such as the world-famous " Tropico " series, " Commandos " and " Railway Empire ".
To strengthen our team at our subsidiary the Claymore Game Studios GmbH in Darmstadt (Germany) , we are looking for a Technical Animator (m/f/d) to start as soon as possible. Qualification More than 3 years of experience in game-development Excellent technical understanding and scripting/coding experience Animation experience and passion for animation Problem-solving attitude and the ability to quickly familiarize with new technical topics Knowledge of Unreal and its animation systems Knowledge of Blender is a plus Passion for games and game development Proactive, team player mindset with excellent communication skills and hands-on mentality Goal-oriented way of working A high degree of initiative and reliability Responsibilities Research, development and continued improvement of the animation pipeline Close collaboration with the code department in art-relevant topics Rigging and skinning of animated meshes Monitoring and optimization of (animation-)performance Join Kalypso Groups team within the global network of 200+ experts across 10 locations. Enjoy hybrid work options, perks like game discounts, and the opportunity to publish hits that reach worldwide audiences. Kalypso values diversity and equal opportunity", "hiringOrganization": { "@type": "Organization", "logo": "https://hrworks-production-images.s3-eu-west-1.amazonaws.com/13968/customerLogo/C75045053A56105EADDA.png", "name": "Kalypso Media Group", "sameAs": [ "https://www.instagram.com/kalypso_media/", "https://www.facebook.com/kalypsomediaDE/", "https://twitter.com/kalypsomediaDE" ], "url": "https://jobs.kalypsomedia.com" }, "qualifications": " More than 3 years of experience in game-development Excellent technical understanding and scripting/coding experience Animation experience and passion for animation Problem-solving attitude and the ability to quickly familiarize with new technical topics Knowledge of Unreal and its animation systems Knowledge of Blender is a plus Passion for games and game development Proactive, team player mindset with excellent communication skills and hands-on mentality Goal-oriented way of working A high degree of initiative and reliability ", "responsibilities": " Research, development and continued improvement of the animation pipeline Close collaboration with the code department in art-relevant topics Rigging and skinning of animated meshes Monitoring and optimization of (animation-)performance ", "@context": "http://schema.org", "employmentType": "FULL_TIME", "industry": "IT and software development", "jobLocation": [ { "@type": "Place", "address": { "streetAddress": "Pfnorstraße 14", "addressRegion": "DE-HE", "postalCode": "64293", "addressLocality": "Darmstadt" } } ], "title": "Technical Animator (m/f/d)" }
{ "@type": "Organization", "url": "https://jobs.kalypsomedia.com", "@context": "http://schema.org", "logo": "https://hrworks-production-images.s3-eu-west-1.amazonaws.com/13968/customerLogo/C75045053A56105EADDA.png", "name": "Kalypso Media Group", "sameAs": [ "https://www.instagram.com/kalypso_media/", "https://www.facebook.com/kalypsomediaDE/", "https://twitter.com/kalypsomediaDE" ] }
transportComponents=[ ]; var Globals = { "originalViewClass": "HrwMeEnCustomerJobOffersView", "viewNumber": "1" }
var additionalFormItemsHandler =
{
additionalFormItemsHashTable : {},
add: function(aFormItemId, aFormId, aFunction)
{
this.additionalFormItemsHashTable[aFormItemId] = Array(aFormId, aFunction);
},
remove: function(aFormItemId)
{
delete this.additionalFormItemsHashTable[aFormItemId];
},
get: function(aFormItemId)
{
return this.additionalFormItemsHashTable[aFormItemId];
},
removeAll: function()
{
this.additionalFormItemsHashTable = {};
}
};
function handleEvent(event, viewNumber, eventNumber, parameters, forms, showPrompt, stopPropagation, blockUiOptions)
{
if (event)
{
var target = $(event.target);
var delegateTarget = $(event.delegateTarget);
if (target)
{
if (target.attr("disabled") || target.prop("disabled"))
{
return false;
}
if (target.attr("data-stop-propagation") || target.prop("data-stop-propagation"))
{
if (target != delegateTarget)
{
return false;
}
}
var boolean = false;
$.each(target.parents(), function()
{
var each = $(this);
if (each.attr("disabled") || each.prop("disabled"))
{
boolean = true;
return false;
}
if (each.attr("data-stop-propagation") || each.prop("data-stop-propagation"))
{
if (each.parents().is(delegateTarget))
{
boolean = true;
return false;
}
}
});
if (boolean)
{
return false;
}
}
if (stopPropagation)
{
event.stopPropagation();
}
var eventObject = event.currentTarget.id;
}
var formData={};
for (var i = 0; i
window.addEventListener("popstate", function(aPopStateEvent)
{
if (aPopStateEvent.state !== null)
{
$.ajax({ "success": function(aData){eval(aData);BlockUIHandler.unblockUI();}, "type": "POST", "beforeSend": function(aJqXHR, aSettings) {
BlockUIHandler.blockUI();
aJqXHR.setRequestHeader("windowLocationHref", window.location.href);
}, "url": "BsHistoryUrlHandler", "data": JSON.stringify({ "originalViewClass": Globals.originalViewClass, "viewNumber": Globals.viewNumber, "queryString": aPopStateEvent.state.queryString, "reloadViewNumber": aPopStateEvent.state.reloadViewNumber }) });
}
});
$(document).ready(function(){ document.title = "Kalypso Job portal";var link = document.querySelector("link[rel*='icon']") || document.createElement('link');
link.type = 'image/x-icon';
link.rel = 'shortcut icon';
link.href = 'https://hrworks-production-images.s3-eu-west-1.amazonaws.com/13968/jobApplicationServerFavicons/9886A186695967EFA2C0.jpg';
document.getElementsByTagName('head')[0].appendChild(link);Globals.viewNumber = "1";BlockUIHandler.customBlockUI = function(){App.blockUI({ "zIndex": 99999, "message": "Loading", "boxed": true });};$("#1-11").on("click", function(e) {handleEvent(e, 1, 1, null, transportComponents, true, true, null);});$("#1-17").on("click", function(e) {handleEvent(e, 1, 2, null, transportComponents, true, true, null);});document.title = "Technical Animator (m\/f\/d) - Job Darmstadt - Kalypso Job portal";window.setTimeout(function () {
$.ajax({ "success": function(aData){eval(aData);BlockUIHandler.unblockUI();}, "type": "POST", "beforeSend": function(aJqXHR, aSettings) {
BlockUIHandler.blockUI();
aJqXHR.setRequestHeader("windowLocationHref", window.location.href);
}, "url": "BsCheckSessionCookieUrlHandler", "data": JSON.stringify({ "originalViewClass": Globals.originalViewClass, "viewNumber": Globals.viewNumber }) });;
}, 3000);$("#2-95").on("click", function(e) {handleEvent(e, 2, 1, null, transportComponents, true, true, null);});window.history.replaceState({ "queryString": window.location.search, "reloadViewNumber": "5c724970-9869-41ee-9f00-e247916dd3be" }, "", window.location.href);App.setAssetsPath('//d3d436weoz42qs.cloudfront.net/theme/assets/');UIToastr.init();});
Posted by Kalypso Media and synced from their own careers page. DevQuest doesn’t take a fee, doesn’t sit between you and the studio, and doesn’t sell your data — you apply directly with them.
More like this: Animation jobs · All Kalypso Media openings · Browse every category