html, body {
    height: 100%;
    width: 100%;
}

h3 {
    font-weight: normal;
}

td {
    vertical-align: top;
}

body {
    min-width: 1004px;
    background-color: #B6B6B6;
    margin: 0px;
    /*
	background-image: url('/static/bg.png');
	*/
    background-repeat: repeat;
}

.mobile-body {
    background-color: #EAEAEA;
}

.blue-bg {
    background: -ms-linear-gradient(top, rgba(31, 91, 144, 0.9) 0%, rgba(0, 68, 123, 0.9) 100%);
    background: -moz-linear-gradient(top, rgba(31, 91, 144, 0.9) 0%, rgba(0, 68, 123, 0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(31, 91, 144, 0.9)), color-stop(100%, rgba(0, 68, 123, 0.9)));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61f5b90', endColorstr='#e600447b', GradientType=0);
}

table {
    border-collapse: collapse;
    background-color: #FFF;
}

.well {
    background-color: #FFF;
    margin-bottom: 20px !important;
    border: 1px solid #DEDEDE;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.05) inset;
}

.univers {
    font-size: 120%;
    font-family: 'LemonYellowSun', sans-serif;
}

a:hover {
    text-decoration: underline;
}

#container {

}

.btn-danger {
    color: white !important;
}

@media (min-width: 1024px) {
    #container {
        margin-right: 20px;
        margin-left: 20px;
    }

    #searchbar,
    #site-action-tabs {
        right: 50px !important;
    }

    .tuevsued-logo {
        left: 50px !important;
    }
}

#main {
    min-height: 400px;
    background-color: #EAEAEA;
    padding: 15px 30px 15px 30px;
}

.errorlist {
    color: red;
}

.data-table-container {
}

.data-table-container table {
    background-color: transparent;
}

.data-table-container label {
    margin-bottom: 2px;
}

.dataTables_info {
    padding-left: 5px;
    padding-top: 5px;
}

.data-table-container .ui-widget-header {
    background-image: none;
    background-color: #FFF;
    color: black;
}

.data-table-container .ui-state-default {
    background-image: none;
    background-color: #FFF;
    color: #1a1a1a;
    border-top: 1px solid #ADD8E6 !important;
    border-right: 1px solid #ADD8E6 !important;
    border-left: 1px solid #ADD8E6 !important;
    border-bottom: 1px solid #ADD8E6 !important;
}

.data-table-container .ui-corner-tr,
.data-table-container .ui-corner-tl {
    border-radius: 0px;
    border-top: 1px solid #ADD8E6;
    border-right: 1px solid #ADD8E6;
    border-left: 1px solid #ADD8E6;
    border-bottom: 0px;
}

.data-table-container .ui-corner-bl,
.data-table-container .ui-corner-br {
    border-radius: 0px;
    border-top: 1px solid #ADD8E6;
    border-right: 1px solid #ADD8E6;
    border-left: 1px solid #ADD8E6;
    border-bottom: 1px solid #ADD8E6;
}

.data-table {
    margin: -1px -1px 0px 0px !important;
}

.data-page {
    padding: 15px;
}

#logout_link {
    float: right;
}

.statusnote {
    background-color: lightYellow;
    padding: 15px 15px 15px 15px;
    margin: 0px 15px 0px 15px;
    font-weight: bold;
}

.row {
    margin: 0px;
}

.multiselect-element {
    float: left;
}

.select-group-element select {
    width: 120px;
}

.arrow-right {
    background-image: url("/static/img/glyphicons-halflings.png");
    background-position: -264px -72px;
    height: 15px;
    width: 15px;
    float: left;
    margin-top: 56px;
    margin-left: 0px;
    margin-right: 0px;
}

.visualClear {
    clear: both;
}

.control-group {
    margin-bottom: 9px;
}

#map {
    padding: 6px;
    border-width: 1px;
    border-style: solid;
    border-color: #CCC #CCC #999 #CCC;
    -webkit-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
    -moz-box-shadow: rgba(64, 64, 64, 0.5) 0 2px 5px;
    box-shadow: rgba(64, 64, 64, 0.1) 0 2px 5px;
    width: 100%;
    height: 700px;
    margin: auto;
}

.fieldset {
    background-color: #FFF;
}

.content-navbar {
}

#lang_box {
    float: right;
    padding-left: 10px;
}

#top_bar .container {
    margin: 0px 30px 0px 30px;
    padding: 0px;
}

.dataTables_filter label input, label textarea, label select {
    display: inline;
    margin: 0px;
}

.dataTables_filter label {
    margin-bottom: 0px;
}

.dataTable {
    margin-bottom: 0px;
}

.dataTable th {
    margin-bottom: 0px;
    cursor: pointer;
}

.dataTables_length {
    padding-top: 5px;
    padding-left: 5px;
}

.DataTables_sort_wrapper {
    display: inline;
}

.DataTables_sort_icon {
    float: right;
}

.dataTables_wrapper {
    margin-bottom: 10px;
}

.dataTables_paginate {
    height: 25px;
}

.calendar-large {
    width: 100%;
    margin: 0 auto;
}

.the-icons li[class^="icon-"], .the-icons li[class*=" icon-"] {
    margin-top: -3px;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
}

.the-icons li[class^="icon-"]:after, .the-icons li[class*=" icon-"]:after {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    content: attr(class);
}

.the-icons li[class^="icon-"]:hover:before, .the-icons li[class*=" icon-"]:hover:before {
    font-size: 240px;
    margin-left: 350px;
    position: absolute;
    text-indent: -1.3333333333333333em;
    vertical-align: middle;
}

.employee_list {
    padding-left: 15px;
    padding-bottom: 15px;
    padding-right: 5px;
}

.employee_list .span4 {
    margin-left: 0px;
}

.role_list {
    padding-bottom: 15px;
    padding-right: 5px;
}

.employee_list div {
    padding: 5px;
    font-size: 110%;
}

.role_list div {
    padding: 5px;
    font-size: 130%;
}

.employee_list i {
    padding-right: 5px;
}

.role_list i {
    padding-right: 5px;
}

.site-heading {
    color: #1f5b8c;
    float: left;
    padding-right: 10px;
    padding-bottom: 5px;
    font-weight: normal;
}

h2.site-heading {
    font-size: 26px;
    padding-bottom: 0;
}

.view_selection {
    float: right;
}

a {
    color: #000000;
}

.dataTable a {
    display: block;
}

.form-horizontal label {
    float: left;
    width: 140px;
    padding-top: 5px;
    text-align: right;
}

.content-block {
    clear: both;
}

.errorlist {
    display: inline-block;
    margin: 0px;
}

.errorlist li {
    display: inline-block;
    padding-left: 5px;
}

.dataTables_length select {
    width: 60px;
}

.dataTables_filter input {
    margin-top: 2px !important;
    padding-bottom: 6px;
    padding-top: 6px;
    width: 214px;
}

.bold {
    font-weight: bold;
}

.nostar {
    padding-left: 14px;
}

#message_modal_compose .control-group {
    margin-bottom: 5px;
}

#sortable_length select,
#sortable_filter input {
    padding: 0px !important;
}

.nav {
    margin-right: 0px;
}

.nav-tabs li {
    margin-top: 5px;
}

.nav-tabs > li > a {
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    font-size: 14px;
    line-height: 18px;
    padding-bottom: 8px;
    padding-top: 7px;
}

.nav-tabs > li > a:hover {
    background-color: #FFF;
    border-color: #DDDDDD #DDDDDD transparent;
    border-style: solid;
    border-width: 1px;
}

.info-table {
    margin-bottom: 10px;
}

.info-table th {
    text-align: left;
    vertical-align: top;
    padding-right: 10px;
    line-height: 20pt;
}

.fileview {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.fileview li {
    margin: 3px 3px 3px 0;
    padding: 1px;
    float: left;
    width: 200px;
    height: 200px;
    text-align: center;
}

.fileview li img {
    padding: 5px
}

.fileview .icon-file {
    font-size: 1000%;
    height: 30px;
    padding-top: 60px;
}

.file_company_view {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.file_company_view li {
    margin: 3px 3px 3px 0;
    padding: 1px;
}

.file_company_view li img {
    padding: 5px
}

.file_company_view .icon-file {
    font-size: 1000%;
    height: 30px;
    padding-top: 60px;
}

.control-group span {
    padding-top: 5px;
    display: block;
}

.cm-title {
    color: #FFFFFF;
    font-size: 40px;
    left: 159px;
    position: absolute;
    top: 77px;
    z-index: 100;
}

.cm-title a {
    color: #ffffff !important;
    text-decoration: none;
}

.cm-title a:visited {
    color: #ffffff !important;
}

.cm-title a:hover {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* banner */

#banner {
    height: 220px;
  background: url(https://agentur-storykitchen.de/img/slider/image-n3.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

#banner div {
    height: 180px;
}

.banner-left {
    float: left;
    width: 50%;
    position: relative;
    z-index: 1
}

.banner-middle {
    margin: auto;
    width: 1004px;
    position: relative;
    z-index: 5;
}

.banner-right {
    float: right;
    width: 50%;
    margin-top: -180px;
    position: relative;
    z-index: 1
}

/* menu */

#top_bar {
    position: absolute;
    top: 179px;
    z-index: 6;
    margin-bottom: 0;
}

.subnav-fixed,
.searchbar-fixed {
    position: fixed !important;
    top: 0px !important;
    margin-top: 0px !important;
    background-color: transparent;
    width: 100%;
}

.navbar-inner {
    box-shadow: none;
    background-image: none;
    background-color: transparent;
    padding: 0px;
    margin-right: 40px;
    border-radius: 0px;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
}

.subnav-fixed .navbar-inner {
    box-shadow: none;
    background-image: none;
    background-color: #EAEAEA;
    padding: 0px;
}

.navbar .nav > li a {
    background: url("/static/img/tab-bg.png") repeat-x scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    color: #195788;
    height: 35px;
    width: 100px;
    margin-bottom: 0;
    margin-top: 0px;
    margin-right: 1px;
    padding: 5px 3px 0 10px;
    text-align: left;
    text-shadow: none;
    border-top: 1px solid transparent;
}

.dropdown-menu .navbar .nav > li a {
    background: none;
    color: #195788;
    margin-bottom: 0;
    padding: 5px 3px 0px 10px;
    text-align: center;
    text-shadow: none;
}

.navbar .dropdown-menu li a {
    height: 22px;
    padding: 3px 15px;
    text-align: left;
    background: none;
}

.navbar .caret {
    border-top-color: #000 !important;
}

.navbar .nav > li > a:hover {
    background: url(/static/img/tab-bg-active.png) repeat-x scroll 0px 0px #222222;
    color: #FFFFFF;
    text-decoration: none;
    border-top: 1px solid #FFF;
    padding-top: 5px;
}

.navbar .nav > li > a:hover b {
    border-top-color: #FFF !important;
}

.navbar .nav .active > a,
.navbar .nav .active > a:hover {
    background: url(/static/img/tab-bg-active.png) repeat-x scroll 0px 0px #222222;
    color: #FFFFFF;
    text-decoration: none;
    border-top: 1px solid #FFF;
    padding-top: 5px;
}

.navbar .dropdown-menu {
    border: 0 none;
    border-radius: 0 0 0 0;
    margin-top: 0;
}

.dropdown.open .dropdown-toggle {
    border-top: 1px solid #FFF;
}

.navbar .dropdown-menu:after {
    border: 0px;
}

.navbar .dropdown-menu:before {
    border-bottom: 0px;
}

.dropdown.open .dropdown-toggle {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border-top: 1px solid #FFFFFF;
    color: #235e8f;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
}

.dropdown.open .dropdown-toggle:hover {
    color: #235e8f;
}

.navbar .dropdown-menu li a {
    background: none repeat scroll 0 0 transparent !important;
    color: #235E8F;
    min-width: 120px;
    padding-left: 10px;
    padding-right: 50px;
    margin-right: 0px;
}

.navbar .dropdown-menu li a:hover {
    background-color: #D3E5F1 !important;
}

/* site-action-tabs */

#site-action-tabs {
    position: absolute;
    right: 30px;
    top: 138px;
    z-index: 6;
}

#site-action-tabs .nav {
    margin-right: 0px;
}

#site-action-tabs ul {
    list-style-type: none;
}

#site-action-tabs li {
    float: left;
}

#site-action-tabs li a {
    background: url("/static/img/tab-site-actions-bg.png") repeat-x scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    border-top: 1px solid transparent;
    color: #FFF;
    height: 36px;
    margin-bottom: 0;
    margin-right: 1px;
    padding: 5px 3px 0 10px;
    text-align: left;
    text-shadow: none;
    width: 100px;
    display: block;
    border-top: 1px solid #FFFFFF;
    position: relative;
}

#site-action-tabs li a:hover {
    background: url("/static/img/tab-site-actions-active-bg.png") repeat-x scroll 0 0 transparent;
    text-decoration: none;
}

/* topactions */

#top-actions {
    min-width: 1004px;
    width: 100%;
}

.tuevsued-logo {
    position: absolute;
    left: 30px;
    top: 0px;
    z-index: 100;
}

#user_box {
    background: #5a1255;
     height: 30px;
    padding-top: 10px;
    position: absolute;
    width: 655px;
    z-index: 15;
}

#user_box,
#user_box a {
    color: #FFF;
}

#user_box a:hover {
    background-color: transparent;
    text-decoration: underline;
}

#user_box .nav {
    margin: 0px 0px 0px 140px;
}

#user_box .caret {
    margin: 7px;
    border-top: 4px solid #FFFFFF;
    opacity: 1;
}

.user-box-inner-l {
    float: left;
}

.user-box-inner-r {
    float: right;
}

#user_box .btn-group.open .dropdown-menu {
    background: -ms-linear-gradient(top, rgba(31, 91, 144, 0.9) 0%, rgba(0, 68, 123, 0.9) 100%);
    background: -moz-linear-gradient(top, rgba(31, 91, 144, 0.9) 0%, rgba(0, 68, 123, 0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(31, 91, 144, 0.9)), color-stop(100%, rgba(0, 68, 123, 0.9)));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e61f5b90', endColorstr='#e600447b', GradientType=0);
    border: 0 none;
    border-radius: 0 0 0 0;
    box-shadow: 0 6px 11px -5px #2D2D2D;
}

#user_box .nav > li,
#user_box .nav > li > a {
    display: inline;
}

.user-box-inner .nav {
    margin: 0;
    padding-bottom: 10px;
    padding-top: 10px;
}

#user_box .lang-dropdown {
    display: block;
    margin-bottom: 12px;
}

#user_box .language-select .dropdown-menu {
    margin-top: 0px;
    min-width: 120px;
}

#user_box .language-select {
    padding-right: 5px;
}

.language-select {
    margin-top: 0px !important;
}

/* searchbar */

#searchbar {
    padding: 10px;
    position: absolute;
    right: 30px;
    width: 280px;
    z-index: 15;
}

#searchbar .navbar-search {
    float: none;
    margin-top: 0px;
}

#searchbar .navbar-search p {
    color: #FFF;
    margin: 0 0 4px;
}

#searchbar .navbar-search .search-query {
    border-radius: 0;
    border: 0px;
    color: #195788;
    background-color: #FFF;
    opacity: 0.8;
    padding: 8px 9px;
    width: 262px;
    font-size: 16px;
    background: url(/static/img/magnify-glass.png) no-repeat 252px center #FFF;
}

.dropdown-menu {
    box-shadow: 0 9px 10px rgba(0, 0, 0, 0.2);
}

.control-group-inner span {
    font-weight: bold;
}

.document-actions {
    float: right;
}

.document-subheader {
    float: right;
    font-size: 18px;
    font-weight: normal;
    margin-top: 10px;
    margin-right: 15px;

    font-size: 26px;
    padding-bottom: 0;

    color: #1f5b8c;
    font-weight: normal;
}

.calendar-actions {
    float: right;
}

.uploadify {
    float: left;
}

tr.odd {
    background-color: #EAEAEA;
}

/* infobox */

.alert-success {
    background-color: #DFF0D8;
    border-color: #468847;
    color: #468847;
}

.alert .close {
    line-height: 18px;
    position: relative;
    right: -21px;
    top: 0;
}

button.close {
    background-color: transparent;
    border: 0 none;
    cursor: pointer;
    padding: 0;
}

/* buttons */

.btn-group .btn {
    border-radius: 4px;
}

.btn-group {
    margin-top: 8px;
}

/* message */

.mail-content-box,
.mail-list-object li {
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.08) inset;
}

.statusbox {
    display: block;
    width: 300px;
    height: 150px;
    background-color: gray;
}

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

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

.no-table-controls .fg-toolbar {
    display: none;
}

.controls ul {
    list-style: none;
}

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

.custom-modal-large {
    margin: -250px 0 0 -460px;
    width: 910px;
}

.custom-modal-large .modal-body {
    height: auto;
}

.cmnode a {
    display: block;
    height: 60px;
}

.active-possible {
    background-color: green !important;
}

.activated {
    background-color: blue !important;
}

.jOrgChart table {
    margin: auto;
}

.workflow_descripton_content {
    background-color: #F5F5F5;
    padding: 15px;
}

.state_descripton_content {
    background-color: #F5F5F5;
    padding: 15px;
}

.event_description {
    background-color: white;
    padding: 15px;
}

.jwindow {
    border: 1px solid #346789;
    box-shadow: 2px 2px 19px #aaa;
    -o-box-shadow: 2px 2px 19px #aaa;
    -webkit-box-shadow: 2px 2px 19px #aaa;
    -moz-box-shadow: 2px 2px 19px #aaa;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    opacity: 0.8;
    filter: alpha(opacity=80);
    width: 5em;
    height: 5em;
    line-height: 5em;
    text-align: center;
    z-index: 20;
    position: absolute;
    background-color: #eeeeef;
    color: black;
    font-family: helvetica;
    padding: 0.5em;
    font-size: 0.9em;
}

.question {
    position: absolute;
    display: inline;
    text-align: center;
    width: 174px;
    height: 78px;
    font-size: 13px;
    line-height: 1.5em;
    background: url('/static/img/jconfirm/bubble.png') left top no-repeat;
    padding: 10px 0 0 0;
    text-shadow: 0px 1px 0px #fff;
    margin-top: -6em;
    opacity: 0;
    margin-left: -130px;
}

.title {
    font-size: 30px;
    margin-bottom: 1.5em;
    font-weight: bold;
    font-style: italic;
    text-shadow: 0px 2px 0px #fff;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.custom-search .element {
    margin-left: 0px;
    margin-right: 20px;
}

.custom-search .label_check input {
    display: inline-block;
    margin-right: 5px;
    margin-top: -1px;
}

.custom-search .label_check span {
    display: inline-block;
    margin-top: 5px;
}

.width-dp {
    width: 70px
}

.ui-datepicker-trigger {
    margin-bottom: 9px;
    margin-left: 5px;
}

.custom-info-table-prop td {
    line-height: 20pt;
}

.akte-modal fieldset {
    padding: 15px 10px 1px 10px;
    margin-bottom: 10px;
    background-color: #F5F5F5;
}

.eventrow .span2 {
    float: left;
    margin: 2px;
    padding: 5px;
}

.clickable_scheduler {
    background-color: #EAEAEA;
    margin: 5px;
    cursor: pointer;
    padding: 2px;
}

.disabled_scheduler {
    margin: 5px;
    padding: 2px;
    color: #ABADB3;
}

.active_scheduler {
    background-color: #1F5B8C;
    color: #FFFFFF;
}

.has-js .label_check,
.has-js .label_radio {
    padding-left: 34px;
}

.has-js .label_radio {
    background: url(/static/img/radio-off.png) no-repeat;
}

.has-js .label_check {
    background: url(/static/img/check-off.png) no-repeat;
}

.has-js label.c_on {
    background: url(/static/img/check-on.png) no-repeat;
}

.has-js label.r_on {
    background: url(/static/img/radio-on.png) no-repeat;
}

.has-js .label_check input,
.has-js .label_radio input {
    position: absolute;
    left: -9999px;
}

span.dynatree-node span {
    display: inline-block;
    padding-top: 0px;
}

span.dynatree-node {
    padding-top: 0px;
}

#jquery-live-search {
    background: #fff;

    max-height: 400px;
    overflow: auto;

    position: absolute;
    z-index: 99;

    border: 1px solid #A9A9A9;
    border-width: 0 1px 1px 1px;

    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
}

.ajax_search_result {
}

.ajax_search_result a {
    display: block;
}

.ajax_search_result a:hover {
    display: block;
    text-decoration: none;
}

.ajax_search_result_content {
    margin-left: 5px;
    padding: 5px;
}

.popover-inner {
    width: 600px;
}

.popover-title {
    display: none;
}

.ajax_search_popover table {
    font-size: 70%;
}

.accordion-toggle {
    background-image: url('/static/img/arrow-close.png');
    background-repeat: no-repeat;
    background-position: center right;
}

.arrow-minus {
    background-image: url('/static/img/arrow-open.png');
    background-repeat: no-repeat;
    background-position: center right;
}

.arrow-plus {
    background-image: url('/static/img/arrow-close.png');
    background-repeat: no-repeat;
    background-position: center right;
}

.badger-outter {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 15px #CCCCCC;
    float: left;
    height: 22px;
    min-width: 20px;
    position: absolute;
    right: 7px;
    top: -8px;
    z-index: 9999;
}

.badger-inner {
    border-radius: 3px 3px 3px 3px;
}

.accordion-group .accordion-heading,
.accordion-group .collapse {
    background-color: #FFF;
}

.chzn-single span {
    padding-top: 0px;
}

.control-group h3 {
    margin-bottom: 5px;
}

#tim_results {
    margin-top: 10px;
}

#tim_results table {
    margin-bottom: 0px;
}

.job_pfad_auswahl_checkbox {
    float: left;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
}

.job_pfad_auswahl_radio {
    float: left;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
}

.job_pfad_auswahl_title {
    display: block;
    padding: 8px 15px;
}

.job-info-heading h3 {
    padding: 5px;
}

.decision_radio {
    padding: 5px;
}

#pasteButton {
    margin-right: 5px;
}

.custom-search input[type=checkbox] {
    margin-bottom: 22px;
}

.strength0 {
    width: 210px;
    background: #cccccc;
}

.strength1 {
    width: 50px;
    background: #ff0000;
}

.strength2 {
    width: 100px;
    background: #ff5f5f;
}

.strength3 {
    width: 150px;
    background: #56e500;
}

.strength4 {
    background: #4dcd00;
    width: 190px;
}

.strength5 {
    background: #399800;
    width: 210px;
}

#passwordStrength {
    height: 5px;
}

.transparent {
    background-color: transparent;
}

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

.helptext {
    display: none !important;
}

.field_wrapper {
    display: inline-block !important;
}

#dialogterm {
    background-color: black;
}

.dhx_time_block {
    border: 1px solid darkgray;
}

#jquery-live-search {
    z-index: 9999;
}

.dhx_mini_calendar .dhx_time_block {
    display: none;
}

.input-prepend input {
    margin-left: -5px;
}

.submain {
    padding: 15px 30px 15px 30px;
}

.employee_list .disabled, .employee_list .disabled a {
    color: #d3d3d3;
}

.workflow_list .disabled, .workflow_list .disabled a {
    color: #d3d3d3;
}

.news_entry {
    font-size: 120%;
    padding-bottom: 20px;
}

.news_entry span {
    font-size: 80%;
}

.news_entry h1 {
    font-size: 150%;
    padding-bottom: 5px;
}

#new_appraisal_div {
}

.table-even-out td {
    width: 25%;
}

.table-even-out th {
    width: 25%;
}

.select2-container {
    width: 210px !important;
}

.cmicon {
    color: #a9a9a9;
    padding-left: 5px;
}

.appraisal-class-late {
    background-color: #a9beda !important;
}

.appraisal-class-replaced {
    background-color: #d3d3d3 !important;
}

#redirect_div {
    position: absolute;
    clear: both;
    bottom: 20px;
    right: 10px;
    background-color: #f5f5f5;
    padding: 5px;
}

.pointer {
    cursor: pointer;
}

.qrcode {
    margin: 15px;
}

.workflow {
    margin-top: 0px !important;
}

.node {
    padding: 5px 10px 5px 10px !important;
}

.ep {
    bottom: 10px !important;
}

.timeline {
    padding-bottom: 20px;
}

.vco-slider {
    display: none;
}

div.timeline-status {
    font-weight: normal !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 10px !important;
    background-color: gold !important;
    border-color: orange !important;
    background-image: none !important;
    color: black !important;
}

div.timeline-job {
    font-weight: normal !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    font-size: 10px !important;
    border-top: 0px !important;
    background-image: none !important;
    color: black !important;
}

div.timeline-job .timeline-event-content {
    padding: 2px !important;
    margin: 0px;
}

.calender-div {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.05);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.scheduler_select {
    float: left !important;
    width: 60px !important;
    margin: 5px !important;
}

.plupload_logo {
    display: none;
}

.plupload_header_content {
    padding-left: 10px;
}

div.ui-state-default.ui-widget-header.plupload_header {
    border-left: 0px !important;
    border-top: 0px !important;
    border-right: 0px !important;
}

table.plupload_filelist.plupload_filelist_footer.ui-widget-header {
    border-left: 0px !important;
    border-bottom: 0px !important;
    border-right: 0px !important;
    border-top-color: #a6c9e2;
}

table.plupload_filelist.plupload_filelist_header.ui-widget-header {
    border-left: 0px !important;
    border-top: 0px !important;
    border-right: 0px !important;
    border-bottom-color: #a6c9e2;

}

a#uploader_start.plupload_button.plupload_start.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary,
a#uploader_browse.plupload_button.plupload_add.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary {
    background-color: #0074cc;
    *background-color: #0055cc;
    background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
    background-image: -o-linear-gradient(top, #0088cc, #0055cc);
    background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
    background-image: linear-gradient(top, #0088cc, #0055cc);
    background-repeat: repeat-x;
    border-color: #0055cc #0055cc #003580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    color: white;
    font-weight: normal;
    border: 0px !important;
}

a#uploader_start.plupload_button.plupload_start.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary.ui-state-hover,
a#uploader_browse.plupload_button.plupload_add.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-primary.ui-state-hover {
    background-color: #0074cc;
    *background-color: #0055cc;
    background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
    background-image: -o-linear-gradient(top, #0088cc, #0055cc);
    background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
    background-image: linear-gradient(top, #0088cc, #0055cc);
    background-repeat: repeat-x;
    border-color: #0055cc #0055cc #003580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
    filter: progid:dximagetransform.microsoft.gradient(enabled=false);
    color: white;
    font-weight: normal;
}

.event_description table {
    background-color: transparent;
}

.job-info-heading h3 {
}

.btn-bb {
    border-radius: 100%;
    padding: 100px;
    height: 200px;
    width: 200px;
    margin: auto;
}

.modal-body .plupload_view_switch {
    display: none !important;
}

.gwzerror {
    border: 3px dotted red;
}

.gwztech {
    margin-bottom: 20px;
    padding-top: 10px;
    padding-left: 10px;
}

.qb-select {
    width: 100%;
    padding: 6px;

    border: 1px solid #cdcdcd;
    border-radius: 3px;

    outline: none;
}

.qb-video {
    position: relative;
    padding: 0 0 75% 0; /* 4:3 */
    background: #bfbfbf;
}

.qb-video_source {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
}

.qb-error {
    color: #d0021b;
}

.qb-text {
    color: #808080;
}

.fw-link {
    display: inline-block;
    position: relative;

    color: #025fca;
    font-weight: 600;

    /* reset */
    border: none;
    outline: none;
    text-decoration: none;
    background: transparent;
}

.fw-link:active,
.fw-link:hover {
    color: #025fca;
    text-decoration: none;
}

.fw-link:before {
    content: " ";
    display: block;
    width: 100%;
    height: 1px;

    position: absolute;
    bottom: -2px;
    right: 0;

    background: #025fca;

    opacity: 0;
    transition: all .3s ease;
}

.fw-link:hover:before {
    bottom: 0;
    opacity: 1;
}

.inner {
    width: 90%;
    max-width: 890px;
    margin: 0 auto;
}

.inner:after {
    content: "";
    display: table;
    clear: both;
}

.wait:after {
    content: "";
    display: block;
    min-height: 100px;
    min-width: 100px;
    position: absolute;

    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(255, 255, 255, .8) url('/static/rtc/images/loader2.gif') center no-repeat;
}

/**
 * HEADER
 */
.header {
    display: block;
    padding: 32px 0;
    border-bottom: 1px solid #efeff4;
}

.header__logo {
    height: 35px;
    margin: 0 0 10px 0;
}

.header__logo_img {
    max-height: 100%;
}

.header__title {
    font-size: 26px;
    font-weight: 300;
    line-height: 35px;
    color: #404040;
}

.header__logo,
.header__title {
    text-align: center;
}

@media all and (min-width: 780px) {
    .header__logo,
    .header__title {
        text-align: left;
    }

    .header__logo {
        float: left;
        margin: 0;
    }

    .header__title {
        float: right;
    }
}

/**
 * FOOTER
 */
.footer {
    position: relative;
    width: 100%;
    padding: 18px 0 22px 0;

    background: #efeff4;
    box-shadow: 0 -1px 0 0 #ceced2;

    text-align: center;
}

.footer-fixed {
    position: fixed;
    bottom: 0;
}

.footer__inner .fw-link {
    font-size: 15px;
    font-weight: 600;
}

/**
 * PAGE
 */

.page {
    display: block;
    margin-bottom: 60px;
}

/**
 * JOIN
 */
.join {
    display: none;
    margin: 30px 0;
    font-size: 18px;
    font-weight: 600;
    color: #6e6e6e;
}

.join-wait:after {
    content: "";
    display: block;
    position: absolute;

    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(255, 255, 255, .8) url('/static/rtc/images/loader2.gif') center no-repeat;
}

.page-join .join {
    display: block;
}

.join__title {
    line-height: 1.4;
    text-align: center;
}

.join__notice {
    margin: 10px 0 0 0;
    font-size: 14px;
}

.join__body {
    width: 90%;
    max-width: 410px;
    position: relative;
    margin: 30px auto 0 auto;
}

.join__row {
    margin: 0 0 20px 0;
}

.join__row:last-child {
    margin-bottom: 0;
}

.join__input,
.join__btn {
    display: block;
    width: 100%;
    height: 50px;

    border-radius: 4px;

    font-weight: 500;
    line-height: 50px;

    outline: none;
    transition: all .4s ease;
}

.join__input {
    padding: 0 0 0 15px;
    border: solid 1px #d3d3d3;
    background-color: #ffffff;
    font-size: 17px;
}

.join__input:focus {
    border-color: #959595;
}

.join__btn {
    background-color: #025fca;
    color: #fff;

    border: none;
}

/**
 * DASHBOARD
 */
.dashboard {
    display: none;
}

.page-dashboard .dashboard {
    display: block;
}

.dashboard__inner {
    margin-top: 33px;
}

/**
 * stateBoard
 */
.state_board {
    padding: 10px 0 12px 0;

    font-size: 13px;
    line-height: 1.4;
    color: #808080;

    background: #efeff4;
}

.state_board .fw-link {
    margin: 0 0 0 10px;
}

/**
 * USERS
 */
.users {
    width: 25%;
    float: left;
}

.users__title {
    position: relative;
    padding: 0 25px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
    line-height: 24px;
}

.users__refresh {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
}

.users__list {
    position: relative;
    margin: 20px 0 0 0;
}

.users__item {
    margin: 0 0 5px 0;
}

.users__user {
    display: block;
    position: relative;
    width: 100%;
    height: 48px;
    padding: 10px 38px 9px 8px;
    text-align: left;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    border: 1px solid transparent;
    background: transparent;
    outline: none;

    transition: border-color, background-color .3s ease;
}

.users__user:hover {
    background-color: #eee;
}

.users__user.active {
    border-color: #41cc44;
}

.users__user.active:hover {
    background-color: transparent;
}

.user__icon {
    position: absolute;
    top: 50%;
    margin: -14.5px 0 0 0;
    display: block;
    width: 29px;
    height: 29px;

    border-radius: 6.5px;
    background: #ff9500 url("/static/rtc/images/user.svg") no-repeat center bottom;
}

.users__item:nth-child(2) .user__icon {
    background-color: #007aff;
}

.users__item:nth-child(3) .user__icon {
    background-color: #fc1b9b;
}

.users__item:nth-child(4) .user__icon {
    background-color: #a727a5;
}

.users__item:nth-child(5) .user__icon {
    background-color: #aa9d00;
}

.users__item:nth-child(6) .user__icon {
    background-color: #50e3c2;
}

.users__item:nth-child(7) .user__icon {
    background-color: #d0021b;
}

.users__item:nth-child(8) .user__icon {
    background-color: #77a846;
}

.users__item:nth-child(9) .user__icon {
    background-color: #007aff;
}

.user__name {
    width: 100%;
    margin: 0 0 0 43px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.3px;
    color: #1f1f1f;
}

.users__btn_remove {
    display: block;
    width: 28px;
    height: 28px;

    position: absolute;
    top: 50%;
    margin: -14px 0 0 0;
    right: 10px;

    background: url('/static/rtc/images/ic_remove.svg') center no-repeat;
    background-size: cover;
    border-radius: 50%;

    color: #fff;
    line-height: 16px;

    box-shadow: inset 0 0 3px 3px rgba(255, 255, 255, 1);

    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;

    cursor: pointer;
}

.users__user.active .users__btn_remove {
    visibility: visible;
    opacity: 1;
}

.board {
    position: relative;
    width: 75%;
    min-height: 300px;
    float: right;
    padding: 0 0 0 14px;
}

.frames {
    padding: 0 150px 0 0;
}

.caller {
    position: absolute;
    right: 0;
    top: 0;
    width: 135px;
}

.caller__ctrl_btn {
    width: 100%;
    padding: 10px 25px;

    font-size: 18px;
    font-weight: 600;
    color: #025fca;

    background: transparent;
    border: 1px solid #025fca;
    border-radius: 3px;

    transition: all .3s ease;
}

.caller__ctrl_btn:before {
    content: 'Anrufen'
}

.caller__ctrl_btn:hover {
    background: #025fca;
    color: #fff;
}

.caller__ctrl_btn.hangup {
    border-color: #ff2d55;
    color: #ff2d55;
}

.caller__ctrl_btn.hangup:before {
    content: 'Auflegen'
}

.caller__ctrl_btn.hangup:hover {
    background: #ff2d55;
    color: #fff;
}

.caller__name {
    margin: 20px 0 0 0;

    font-size: 15px;
    line-height: 1.5;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.caller__frames {
    margin: 7px 0 0 0;
}

.caller__frames_acts {
    margin: 10px 0 0 0;
}

.caller__frames_acts_btn {
    display: inline-block;
    width: 20px;
    height: 20px;

    margin: 0 15px 0 0;

    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;

    outline: none;
}

.caller__frames_acts_btn:last-child {
    margin-right: 0;
}

.caller__frames_acts_btn .svg_icon {
    fill: #808080;
    transition: fill .3s ease;
}

.caller__frames_acts_btn.active .svg_icon {
    fill: #41cc44;
}

.caller__frames_fl {
    margin: 30px 0 10px 0;
}

/**
 * MAIN VIDEO
 */
.frames__main {
    position: relative;
}

.frames__main_timer {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 10px;
    padding: 10px;

    border-radius: 8px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    z-index: 9;
}

/**
 * CALLEES
 */

.frames__callees {
    margin: 17px 0 0 0;
    font-size: 0;
}

.frames_callee {
    display: inline-block;
    position: relative;
    width: 33%;

    margin-bottom: 15px;

    padding-top: 14px;
    padding-right: 10px;

    vertical-align: top;

    font-size: 14px;
}

.frames_callee.wait:after {
    min-width: auto;
    min-height: auto;
    background-size: 30%;
}

.frames_callee__inner {
    position: relative;
    margin: 0 0 10px 0;
}

.frames_callee__status {
    position: absolute;
    width: 100%;
    top: -14px;

    font-size: 11px;
    text-transform: uppercase;
    text-align: center;
}

.frames_callee__video {
    margin: 0 auto;
    border: 4px solid transparent;

    transition: border-color .3s ease;
}

.frames_callee__video.active {
    border-color: #41cc44;
}

.frames_callee-wait .callees__callee__inner:before {
    content: " ";
    display: block;

    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;

    background: #bfbfbf url('/static/rtc/images/loader3.gif') no-repeat center;
    z-index: 9;
}

.frames_callee__name {
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 15px;
    line-height: 1.2;
}

.state_board {
    display: none;
}

.parent-search {
    border-bottom: 1px solid #f0ede7;
    padding-top: 10px;
    padding-bottom: 10px;
}

.bigmodal {
    width: 90%;
    height: 90%;
    left: 5%;
    margin: 0;
}

.bigmodal.fade.in {
    top: 5%;
}

.bigmodal .modal-body {
    max-height: none;
}