@charset "UTF-8";

/*@import url(//fonts.googleapis.com/css?family=Dosis:Semi-Bold,bold);
@import url(//fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700&subset=latin,latin-ext);*/

/* *{font-family: 'Dosis', serif; font-size:12pt; color:#333;} */
/* *{font-family: 'Open Sans Condensed', serif; font-size:12pt; color:#333;} */
* {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #333;
}

img {
    border: 0;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    text-decoration: none;
}

:focus {
    outline: 0;
}

ol,
ul {
    list-style: none;
}

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

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

.spl {
    font-weight: bold;
    text-decoration: underline;
}

/* special */

.nw {
    white-space: nowrap;
}

.wn {
    white-space: normal;
    max-width: 400px;
}

/* display */

.db {
    display: block;
}

.dn {
    display: none;
}

.di {
    display: inline;
}

.dib {
    display: inline-block;
}

/* alignment */

.al {
    text-align: left;
}

.st {
    padding: 27px 0px 16px 2px;
}

.ac {
    text-align: center;
}

.ar {
    text-align: right;
}

.dtc {
    margin-left: auto;
    margin-right: auto;
}

/* floating */

.fl {
    float: left;
}

.fr {
    float: right;
}

/* padding */

.p0 {
    padding: 0px;
}

.p2 {
    padding: 2px;
}

.p4 {
    padding: 4px;
    /*padding:0px 0px 0px 32px;*/
}

.pan>.p4 {
    padding: 10px 40px 10px 10px;
}

.p8 {
    padding: 8px;
    /*padding:0px 5px 15px 6px;*/
}

.p16 {
    padding: 16px;
    /*padding:11px 15px 26px 17px;*/
}

.h20 {
    height: 20px;
}

/* width */

.w1 {
    width: 1px;
}

.w16 {
    width: 16px;
}

.w20 {
    width: 20px;
}

.w22 {
    width: 22px;
}

.w30 {
    width: 30px;
}

.w45 {
    width: 45px;
}

.w50 {
    width: 50px;
}

.w60 {
    width: 60px;
}

.w63 {
    width: 63px;
}

.w64 {
    width: 64px;
}

.w65 {
    width: 65px;
}

.w70 {
    width: 70px;
}

.w80 {
    width: 80px;
}

.w100 {
    width: 100px;
}

.w120 {
    width: 120px;
}

.w130 {
    width: 130px;
}

.w140 {
    width: 140px;
}

.w150 {
    width: 150px;
}

.w160 {
    width: 160px;
}

.w165 {
    width: 165px;
}

.w170 {
    width: 170px;
}

.w180 {
    width: 180px;
}

.w192 {
    width: 192px;
}

.w200 {
    width: 200px;
}

.w220 {
    width: 220px;
}

.w250 {
    width: 250px;
}

.w300 {
    width: 300px;
}

.w350 {
    width: 350px;
}

.w400 {
    width: 400px;
}

.w444 {
    width: 444px;
}

.w480 {
    width: 480px;
}

.w500 {
    width: 500px;
}

.w507 {
    width: 507px;
}

.w514 {
    width: 514px;
}

.w520 {
    width: 520px;
}

.w531 {
    width: 531px;
}

.w550 {
    width: 550px;
}

.w600 {
    width: 600px;
}

.w700 {
    /*  width:700px; */
    /* 10px more to display the info Button after the jobfeld*/
    width: 720px;
}

.w800 {
    width: 800px;
}

/* margins */
.mt5 {
    margin-top: 5px;
}

.m5 {
    margin: 5px;
}

.mb5 {
    margin-bottom: 5px;
}

/* width by percent */

.w25p {
    width: 25%;
}

.w50p {
    width: 50%;
}

.w75p {
    width: 75%;
}

.w95p {
    width: 95%;
}

.w100p {
    width: 100%;
}

/* min width */

.mw50 {
    min-width: 50px;
}

.mw100 {
    min-width: 100px;
}

.mw200 {
    min-width: 200px;
}

.mw300 {
    min-width: 300px;
}

.mw400 {
    min-width: 400px;
}

.cp {
    cursor: pointer;
}

.h150 {
    height: 150px;
}

.mt-1-hide {
    display: none;
}

.mt-2-hide {
    display: none;
}

.mt-4-hide {
    display: none;
}

.mt-8-hide {
    display: none;
}

.mt-16-hide {
    display: none;
}

.ml-1-hide {
    display: none;
}

.ml-2-hide {
    display: none;
}

.ml-4-hide {
    display: none;
}

.ml-8-hide {
    display: none;
}

.ml-16-hide {
    display: none;
}

/* resize */

.resb {
    resize: both;
}

.resh {
    resize: horizontal;
}

.resn {
    resize: none;
}

.resv {
    resize: vertical;
}

/* box-sizing */

.bscb {
    -webkit-box-sizing: content-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box;
    /* Firefox, other Gecko */
    box-sizing: content-box;
    /* Opera/IE 8+ */
}

.bsbb {
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
    /* Opera/IE 8+ */
}

.clr {
    clear: both;
}

.indent {
    margin-left: 2em;
}

.ui-tooltip {
    max-width: 700px !important;
    background: #fff !important;
}

.ui-tooltip p {
    color: #455560 !important;
    padding: 4px !important;
}

.toast-error * {
    color: white;
}

.app-err {
    color: #ef5350;
    background-color: #ffebee !important;
}