/*
* Styles for oaseBW
*
*****************************************************************/


/* Layout
*****************************************************************/
footer {padding-top: 0;}


.navbar .navbar-nav.navbar-right.usermenu  {
    float: left;
    list-style: none outside none;
    position: relative;
    margin: 0;
}

.usermenu li a {
    border-left: medium none;
    border-right: medium none;
    color: #444444;
    float: left;
    font-size: 13px;
    font-weight: 700;
    margin-left: 0;
    margin-right: 0;
    padding: 10px 0;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
}

.usermenu li a span {
    font-size: 14px;
    padding-right: 5px;
}



html, body {height: 100%;}
#wrapper {height: auto !important; margin: 0 auto -60px;min-height: 100%;}
#wrapper.login {min-height: 0 !important}
#push {height: 60px;}

/* Override Bootstrap */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    border: 1px solid #aaaaaa;
}

.wrapper-default, .shadow {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15), 0 6px 20px 0 rgba(0, 0, 0, 0.14);
}



span.line {display: block;height: 4px;margin: 7px 0 -11px;width: 50px;background: none repeat scroll 0 0 #2d5c88;}
h5.title {border-bottom:1px solid #ededed;margin-bottom:30px;padding-bottom:11px;}
header .logo h1 {font-size:30px;}

.subline {margin-top:-15px;margin-bottom:15px;}
.control-label .subline {display:block;font-weight:normal;margin-top:5px;margin-bottom:5px;line-height:1;}


h1 a {color:#454951;text-decoration: none;}
h1 a:hover {color:#454951;text-decoration: none;}
/* This rule makes toplevel menu items clickable links and also displays dropdown menus on hover - WHOA! */
ul.nav li.dropdown:hover ul.dropdown-menu { display: block; margin:0;}
a.menu:after, .dropdown-toggle:after { content: none; }

a:focus { outline:none;}

nav > ul > li > ul {display:none}
nav > ul > li:hover ul {display:block}
nav > ul > li > ul > li > ul{display:none}
nav > ul > li > ul > li:hover ul {display:block}

.xsmall {font-size: 70%;}
.right {text-align:right !important;}

.font-normal {font-weight: normal}
.font-bold {font-weight: bold}

.fa-select {  font-family:  "FontAwesome","Open Sans",sans-serif;  }

/*
*
* A L E R T S
*
********************************************************************************************************************************/
.alert-success {
    background: rgba(121,181,28,0.9);
    border-radius: 0;
    border-color: transparent;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
    color: #ffffff;
    vertical-align: top;
}
.alert-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border-radius: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
    vertical-align: top;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border-radius: 0;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
    vertical-align: top;
}


/*
* KLEINE TABELLE
*****************************************************************/
.table-sm td {
    padding:3px 1px !important;
    font-size:10px;
    border-color:#aaa !important;
}
.table-sm th {
    border-top:none !important;
    padding:1px !important;
    font-size:12px
}



/* Controller Login
*****************************************************************/
#wrapper div.login {width:600px;margin:100px auto;border-top:5px solid #2d5c88}
#wrapper div.login .container {width:540px;padding-top:30px;}



/* Controller Organisation
*****************************************************************/
.ortStrasseInfo {font-size:11px;display:inline-block;}
.form-noinline .ortStrasseInfo {font-size:11px;display:block;height:34px;line-height: 34px}


/* Controller Process
*****************************************************************/
.process-search {display:none;margin:10px 0 0 133px}
.process-search span {width:80%}
.process-search span span {width:100%}

.help-block {color: #B94A48;}

/* Controller ProcessIndex
*****************************************************************/
.processIndexDate {line-height:14px;margin-top:-3px;}
.processIndexForm .caret {margin-top:8px;}

.caret.caret-reversed {
    border-top-width: 0;
    border-bottom: 4px dashed;
}

.processDivider             {border-bottom:1px solid #dddddd;margin-bottom: 10px;}
.process-index-title        {border-width:0 !important;margin-bottom:0 !important;margin-top:40px;}
.statistic-index-title      {border-width:0 !important;margin-bottom:0 !important;margin-top:40px;}

.processDetailShadow {
    margin-top:-11px;
    padding-top:1px;
    background-color: #ffffff;
    border: none;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.28);
}

.processIndexEventLink, .processIndexEventLink:hover {
    margin:0 0 0 10px;
    font-weight:bold;
    color:#ffffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
    background:rgba(85,153,238,0.9);
    font-size:15px;
    padding:3px 5px;
    text-decoration: none;
}

.statisticProcessLink, .statisticProcessLink:hover {
    font-weight:bold;
    color:#ffffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
    background:rgba(85,153,238,0.9);
    font-size:15px;
    padding:3px 5px;
    text-decoration: none;
}

.processEventMarker, .processEventMarker:hover {
    font-weight:bold;
    color:#ffffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
    background:rgba(85,153,238,0.9);
    font-size:13px;
    padding:0 5px;
    text-decoration: none;
    display:inline-block;
    border-radius: 2px;
}


.statusbox {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 10px;
    padding: 0 10px;
    vertical-align: middle;
    background:#DDDDDD;
    text-transform:uppercase;
    display:inline-block;
    border-width:1px;
    border-color:#DDDDDD;
    white-space: normal;
    line-height: 21px
}

.statusbox-fe {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}


.statusbox-xs {
    line-height: 16px;
    padding: 0 5px;
}

.statusbox-xxs {
    margin-top:5px;
    border-radius: 3px;
    padding: 2px;
    font-size: 9px;
    line-height: 1;
    display: inline-block;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}

.statusbox-statistic-process {
    margin-top:5px;
    font-size:7px;
    line-height: 12px;
    padding: 0 2px;
    min-width:62px;
}


.status-draft,    #status-draft.current,   #status-draft:hover    {background-color:#ECBC00;border-color:#ECBC00;}
.status-saved,    #status-saved.current,   #status-saved:hover    {background-color:#FCCC0A;border-color:#FCCC0A;}
.status-revise,   #status-revise.current,  #status-revise:hover   {background-color:#FC8008;border-color:#FC8008;}
.status-review,   #status-review.current,  #status-review:hover   {background-color:#C0F1FF;border-color:#C0F1FF;color:#444444;}
.status-sent,     #status-sent.current,   #status-sent:hover      {background-color:#8BDAF8;border-color:#8BDAF8;}
.status-sentDigital,#status-sentDigital.current,#status-sentDigital:hover {background-color:#8BDAF8;border-color:#8BDAF8;}
.status-in1,      #status-in1.current,   #status-in1:hover        {background-color:#A9CD37;border-color:#A9CD37;color:#444444}
.status-in2,      #status-in2.current,   #status-in2:hover        {background-color:#C9ED57;border-color:#C9ED57;color:#444444}
.status-in,       #status-in.current,   #status-in:hover          {background-color:#A9CD37;border-color:#A9CD37;color:#444444}
.status-aready,   #status-aready.current,   #status-aready:hover  {background-color:#da70d6;border-color:#da70d6;color:#ffffff}
.status-asent,    #status-asent.current,   #status-asent:hover    {background-color:#0292D9;border-color:#0292D9;color:#ffffff}
.status-aok,      #status-aok.current,   #status-aok:hover        {background-color:#1965A1;border-color:#1965A1;color:#ffffff}
.status-anok,     #status-anok.current,   #status-anok:hover      {background-color:#EE1D23;border-color:#EE1D23;color:#ffffff}

.status-vin1,      #status-vin1.current,   #status-vin1:hover       {background-color:#00A953;border-color:#00A953;color:#ffffff}
.status-vin2,      #status-vin2.current,   #status-vin2:hover       {background-color:#20C973;border-color:#20C973;color:#ffffff}
.status-vready,    #status-vready.current,   #status-vready:hover   {background-color:#9932cc;border-color:#9932cc;color:#ffffff}
.status-vsent,     #status-vsent.current,   #status-vsent:hover     {background-color:#1965A1;border-color:#1965A1;color:#ffffff}
.status-vsentDigital, #status-vsentDigital.current, #status-vsentDigital:hover {background-color:#1965A1;border-color:#1965A1;color:#ffffff}

.status-voptok,    #status-voptok.current,   #status-voptok:hover   {background-color:#aa6688;border-color:#aa6688;color:#ffffff}
.status-voptover1, #status-voptover1.current,   #status-voptover1:hover  {background-color: #0000FF;border-color:#0000FF;color:#ffffff}
.status-voptover2, #status-voptover2.current,   #status-voptover2:hover  {background-color:#0000FF;border-color:#0000FF;color:#ffffff}
.status-vok,       #status-vok.current,   #status-vok:hover         {background-color:#1965A1;border-color:#1965A1;color:#ffffff}
.status-vnok,      #status-vnok.current,   #status-vnok:hover       {background-color:#EE1D23;border-color:#EE1D23;color:#ffffff}

.status-paid1,     #status-paid1.current,   #status-paid1:hover  {background-color:#bbdd77;border-color:#bbdd77;color:#ffffff}
.status-paid2,     #status-paid2.current,   #status-paid2:hover  {background-color:#bbdd77;border-color:#bbdd77;color:#ffffff}

.status-cancel,    #status-cancel.current,    #status-cancel:hover   {background-color:#DE0D13;border-color:#DE0D13;color:#ffffff}
.status-cancel2,   #status-cancel2.current,   #status-cancel2:hover   {background-color:#FFBBFF;border-color:#FFBBFF;color:#444444}
.status-statistic, #status-statistic.current, #status-statistic:hover   {background-color:#FF00DC;border-color:#FF00DC;color:#ffffff}

.status-in2.status-fe,      #status-in2.status-fe.current,   #status-in2.status-fe:hover        {background-color:#A9CD37;border-color:#A9CD37;color:#444444}
.status-in.status-fe,       #status-in.status-fe.current,   #status-in.status-fe:hover          {background-color:#A9CD37;border-color:#A9CD37;color:#444444}
.status-aready.status-fe,   #status-aready.status-fe.current,   #status-aready.status-fe:hover  {background-color:#A9CD37;border-color:#A9CD37;color:#444444}

.status-vin1.status-fe,      #status-vin1.status-fe.current,   #status-vin1.status-fe:hover       {background-color:#00A953;border-color:#00A953;color:#ffffff}
.status-vin2.status-fe,      #status-vin2.status-fe.current,   #status-vin2.status-fe:hover       {background-color:#00A953;border-color:#00A953;color:#ffffff}
.status-vready.status-fe,    #status-vready.status-fe.current,   #status-vready.status-fe:hover    {background-color:#00A953;border-color:#00A953;color:#ffffff}
.status-vsent.status-fe,     #status-vsent.status-fe.current,   #status-vsent.status-fe:hover     {background-color:#00A953;border-color:#00A953;color:#ffffff}
.status-vsentDigital.status-fe, #status-vsentDigital.status-fe.current, #status-vsentDigital.status-fe:hover {background-color:#00A953;border-color:#00A953;color:#ffffff}
.status-voptok.status-fe,    #status-voptok.status-fe.current,   #status-voptok.status-fe:hover   {background-color:#00A953;border-color:#00A953;color:#ffffff}


.status-vok.status-fe,       #status-vok.status-fe.current,   #status-vok.status-fe:hover         {background-color:#1965A1;border-color:#1965A1;color:#ffffff}
.status-vnok.status-fe,      #status-vnok.status-fe.current,   #status-vnok.status-fe:hover       {background-color:#EE1D23;border-color:#EE1D23;color:#ffffff}

.status-paid1.status-fe,     #status-paid1.status-fe.current,   #status-paid1.status-fe:hover  {background-color:#bbdd77;border-color:#bbdd77;color:#ffffff}
.status-paid2.status-fe,     #status-paid2.status-fe.current,   #status-paid2.status-fe:hover  {background-color:#bbdd77;border-color:#bbdd77;color:#ffffff}

.status-cancel.status-fe,    #status-cancel.status-fe.current,    #status-cancel.status-fe:hover   {background-color:#DE0D13;border-color:#DE0D13;color:#ffffff}
.status-cancel2.status-fe,   #status-cancel2.status-fe.current,   #status-cancel2.status-fe:hover   {background-color:#FFBBFF;border-color:#FFBBFF;color:#444444}
.status-statistic.status-fe, #status-statistic.status-fe.current, #status-statistic.status-fe:hover   {background-color:#FF00DC;border-color:#FF00DC;color:#ffffff}







.status-stat-draft,    #status-stat-draft.current,   #status-stat-draft:hover   {background-color:#FCCC0A;border-color:#FCCC0A;}
.status-stat-sent,     #status-stat-sent.current,    #status-stat-sent:hover    {background-color:#00B85B;border-color:#00B85B;color:#ffffff}
.status-stat-cancel,   #status-stat-cancel.current,  #status-stat-cancel:hover  {background-color:#DE0D13;border-color:#DE0D13;color:#ffffff}
.status-stat-forwarded, #status-stat-forwarded.current, #status-stat-forwarded:hover    {background-color:#1965A1;border-color:#1965A1;color:#ffffff}

.status-border-stat-draft {border-color:#FCCC0A;}
.status-border-stat-sent {border-color:#00B85B;}
.status-border-stat-cancel {border-color:#DE0D13;}
.status-border-stat-forwarded {border-color:#1965A1;}

.statusContainer            {line-height:0}
.statusbox.intern           {line-height:24px;width:100px;}
.statusbox.intern a         {color:#777777;}
.statusbox.intern a:hover   {text-decoration: none;}

.statusbox.current, .statusbox.intern:hover {background-color:#A9CD37;border-color:#A9CD37;color:#ffffff;}

.status-line        {display:inline-block;vertical-align:bottom;width:30px;height:24px;background-image: url(/img/line-vertical.png);background-repeat:repeat-y}
.status-line-large  {display:inline-block;vertical-align:bottom;width:30px;height:48px;background-image: url(/img/line-vertical.png);background-repeat:repeat-y}
.status-corner      {display:inline-block;vertical-align:bottom;width:120px;height:20px;background-image: url(/img/line-corner.png);background-repeat:repeat-y}
.status-line.wide   {display:inline-block;vertical-align:bottom;width:120px;height:10px;background-image: url(/img/line-vertical.png);background-repeat:repeat-y}


.status-hidden {background-color:#999999 !important;border-color:#999999; !important;color:#333333 !important;}
.status-readonly .statusbox {background-color:#999999 !important;border-color:#999999; !important;color:#333333 !important;}




.catColor0 {background:#EE1D23}
.catColor1 {background:#F58344}
.catColor2 {background:#FCCC0A}
.catColor3 {background:#A9CD37}
.catColor4 {background:#00A953}
.catColor5 {background:#8BDAF8}
.catColor6 {background:#0292D9}
.catColor7 {background:#1965A1}
.catColor8 {background:#A64884}
.catColor9 {background:#ED0089}
.catColor10{background:#F59BBF}
.catColor99{background:#000000}
.catColorInactive {background:#cccccc !important;}


.catColor0 {background:#ff1417}
.catColor1 {background:#ff6611}
.catColor2 {background:#ff8844}
.catColor3 {background:#ffee55}
.catColor4 {background:#fefe38}
.catColor5 {background:#ffff99}
.catColor6 {background:#aacc22}
.catColor7 {background:#bbdd77}
.catColor8 {background:#c8cf82}
.catColor9 {background:#92a77e}
.catColor10 {background:#5599ee}
.catColor11 {background:#0088cc}
.catColor12 {background:#226688}
.catColor13 {background:#175279}
.catColor14 {background:#557777}
.catColor15 {background:#ddbb33}
.catColor16 {background:#d3a76d}
.catColor17 {background:#a9834b}
.catColor18 {background:#aa6688}
.catColor19 {background:#767676}



.form-event-tab {
    margin-bottom:0;
    margin-top:40px;
    position:relative;
    z-index:999;

}

.form-event-tab a {
    font-size:24px;
    font-weight:bold;
    padding:30px;
    text-transform: uppercase;
    display:inline-block;
    margin-bottom:-2px;
    margin-right:24px;
    position:relative;
    border:2px solid #dddddd;
    border-radius: 8px 8px 0 0;
    border-bottom: none;

}
.form-event-year {
    margin-top:5px;
}

.form-event-tab a {
    color: #484b52;
}
.form-event-tab a.active {
    border:2px solid #bbbbbb;
    border-bottom:2px solid white;
}

.form-event-tab a:hover {
    border-top:2px solid #bbbbbb;
    border-left:2px solid #bbbbbb;
    border-right:2px solid #bbbbbb;
    text-decoration: none;

}

.form-event-tab .label {
    font-size:50%;
    position:absolute;
    top:20px;
    right:-35px;
    padding:0.2em 0.6em 0.2em;
}


.form-event-tab-description {
    border-top:2px solid #bbbbbb;
    background-color:#eeeeee;
    height:2px;
    margin-bottom:25px;
    padding:0;
    position:relative;
}
.form-event-tab-description-close {
    position: absolute;
    right:20px;
    top:10px;
    display:none;

}

.form-event-tab-description-content {display:none;}

.form-event-tab-year {
    position:relative;
    display: inline-block;
    padding-right:24px;
}

.form-event-tab-linkcontainer {
    position:relative;
    display: inline-block;
}

.form-event-tab a.form-event-tab-linkdescription {
    font-size:10px;
    position:absolute;
    right:30px;
    padding:0;
    top:53px;
    text-decoration: none;
    text-transform: none;
    font-weight:normal;
    border:none;
}
.form-event-tab a.form-event-tab-linkdescription:hover, .form-event-tab a.form-event-tab-linkdescription:focus {
    border:none;
    outline: none;
    background:none;
    text-decoration: underline;
}

#select_currentYearId {
    height:auto;
    font-size:14px;
    font-weight:bold;
}

/* Controller Event
*****************************************************************/
.inactive {
    color:#dddddd;
    font-style: italic;
}

.check-container {

}

.check-container-header {

}

.event-rotate {
    transform: rotate(90deg);
    /* Safari */
    -webkit-transform: rotate(90deg);

    /* Firefox */
    -moz-transform: rotate(90deg);

    /* IE */
    -ms-transform: rotate(90deg);

    /* Opera */
    -o-transform: rotate(90deg);

    /* Internet Explorer */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

    position:absolute;
    width:130px;
    left:-42px;

}
.row-header {  margin-bottom:5px;  }
.row-header hr {border-color:black;margin:5px 0;}
.col-header {
    font-weight:bold;
}
.col-nopadding-right    {  padding-right:0;  }
.col-nopadding-left     {  padding-left:0;  }

.person-border-box-process,
.person-border-box-event {
    border-top: 1px solid #dddddd;
    padding: 8px;
}
.person-border-box-event.assigned {
    background-color: #eaffea;
}


.person-row {  margin-bottom:0;  }
.person-row hr {  margin:5px 0;  }

.process-row {  margin-bottom:0;  }
.process-row hr {  margin:5px 0;  }

.event-row {  margin-bottom:0;  }
.event-row hr {  margin:5px 0;  }

.text-gray {color:#aaaaaa;}
.person-row-form-sign {padding-left:5px; margin-top: 10px;}
A.person-row-form-button {margin-bottom: 10px;}
.person-row-form-gender {margin-top: 15px;}

.editContainer {display:none;}

.editPersonBox.editPersonBoxHighlight {
    transition: box-shadow 400ms;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.10);
}
.editPersonBox {
    /* box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.18);*/
    padding:15px;
    margin:10px 0;
}

.editPersonBox .row {
    margin-bottom:5px;
}

.editPersonBox .control-label {
    font-weight:normal;
    font-size:11px
}

.editPersonBox .xs-pad-l {
    padding-left:2px;
}
.editPersonBox .xs-pad-r {
    padding-right:2px;
}
.editPersonBox p {
    margin:0;
    padding:5px;
}

.newProcessContainer {
    margin-top:20px;
}

.markerContainer {
    vertical-align: top;
    margin-bottom:40px;

}

.eventMarker,.processMarker {
    margin:0 5px 0 0;
    font-weight:bold;
    color:#ffffff;
    display:inline-block;
    vertical-align: top;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.10), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
}

/*  */

.eventMarker            {background:rgba(85,153,238,0.9)}
.eventMarker-a          {padding:22px;font-size:24px;}
.eventMarker-b          {padding:10px;font-size:18px;text-transform:uppercase;}
.eventMarker-b small    {font-size:13px;font-weight:300;text-transform: none}

.eventMarker-backend {
    font-size: 12px;
    margin: 7px 0 0 10px;
    line-height: 1;
    padding: 5px;
    border-radius: 4px;
    font-weight: normal;
    text-transform: none;
}


.processMarker          {background: rgba(121,181,28,0.9)}
.processMarker-a        {padding:10px;font-size:18px;text-transform:uppercase;}
.processMarker-a small  {font-size:13px;font-weight:300;text-transform: none}

.tips-lg + .tooltip {width:200px;}
.tips-lg + .tooltip .tooltip-inner {max-width:200px;text-align: left;}

.tips-inv + .tooltip {width:300px;  }
.tips-inv + .tooltip.in {  filter: alpha(opacity=100);  opacity: 1;}
.tips-inv + .tooltip .tooltip-inner {
    max-width:300px;
    text-align: left;
    background: #ffffff;
    color: #484b52;
    box-shadow: 0 3px 20px rgba(0,0,0,.3);
    padding:10px;
}
.tips-inv + .tooltip .tooltip-inner h5 {font-size:14px;margin-bottom:5px;}
.tips-inv + .tooltip .tooltip-inner p {margin-bottom:5px;}
.tips-inv + .tooltip.top .tooltip-arrow {  border-top-color: #fff;  }

.tips-lg2 + .tooltip {width:400px;}
.tips-lg2 + .tooltip .tooltip-inner {max-width:400px;text-align: left;}

.event-importcontainer {
    border:1px solid #dddddd;
    border-radius: 5px;
    padding:10px;
}
.event-importcontainer img {
    display:inline-block;
    width:100px;
}

.editDurationContainer {
    display: none;
    max-width: 170px;
}

.table-row-childProcess {
    background-color: #DDDDDD !important;
}

.table-row-childProcess .child-symbol {
    position: relative;
}

.table-row-childProcess .child-symbol .child-symbol-horizontal {
    position: absolute;
    width: 2px;
    height: 100%;
    background-color: #000000;
    top:0;
    left:50%;
}

.table-row-childProcess .child-symbol .child-symbol-horizontal.last {
    height: 50%;
}

.table-row-childProcess .child-symbol .child-symbol-horizontal.hidden-parent {
    height: 20%;
    top: 30%;
}

.table-row-childProcess .child-symbol .child-symbol-vertical {
    position: absolute;
    width: 30%;
    height: 2px;
    background-color: #000000;
    top:50%;
    left:50%;
}

.table-row-childProcess .child-symbol .child-symbol-parent-info {
    position: absolute;
    top: 0;
    left: 5px;
    cursor: pointer;
    border: none;
    background-color: transparent;
    color: #484b52;
    z-index: 1000;
}

/* Diagramm */
/* path {stroke: #fff;fill-rule: evenodd;} */




/* Forms
*****************************************************************/
.process-index-preview {border:1px solid #eeeeee;width:80px;height:80px;display:inline-block}
#content img.process-index-preview:hover {border:1px solid #eeeeee;}
.form-search .input-append {margin-bottom:0}
.input-micro {width:20px;}
.form-box {
    border: 1px solid #999999;
    padding:10px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

.form-box-tut {
    padding: 30px;
}

.formGuest{background-color: #fcf8e3;border:1px solid #d0a863;padding:20px;}
.form-box.header1 {border-bottom-width:0;padding-top:3px;-moz-hyphens: auto;-ms-hyphens: auto;-webkit-hyphens: auto;hyphens: auto;word-wrap: break-word;}
.form-box.header1.with-border-bottom {border-bottom-width:1px;}
.form-box.header2 {padding-top:3px;}
.form-box.header3 {border-top-width:0;padding-top:0px;}

.form-box-centered {text-align: center;}

.form-box-rounded {
    border: 1px solid #5D5D5D;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding:10px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.form-horizontal .control-label.label-left {text-align:left;}

.form-horizontal .control-label.wide2 {width:540px;}
.form-horizontal .control-label.wide {width:245px;}
.form-horizontal .control-label.xxs {width:0px;}
.form-horizontal .control-label.xs {width:35px;}
.form-horizontal .control-label.s {width:85px;}
.form-horizontal .control-label.m {width:135px;}

.form-horizontal .controls.xxs {margin-left:0px}
.form-horizontal .controls.xs {margin-left:50px}
.form-horizontal .controls.s {margin-left:100px}
.form-horizontal .controls.m {margin-left:150px}
.form-horizontal .controls.wide {margin-left:260px}
.form-horizontal .controls.wide2 {margin-left:553px}

.form-horizontal .controls.xxs div      {width:20px;}
.form-horizontal .controls.xs div       {width:50px;}
.form-horizontal .controls.s div        {width:80px;}
.form-horizontal .controls.m div        {width:120px;}

.form-process label {margin-top:5px;}

.label-s    {width:50px;}
.label-s2   {width:100px;}
.label-s3   {width:30px;text-align:right;}
.label-s4   {width:44px;text-align:right;}
.label-s5   {width:70px;text-align:right;}
.label-s6   {width:70px;}

input.mini {width:45px;}
input.small2 {width:75px;}

.label-m    {width:130px;}
.label-m2   {width:120px;text-align:right;}

.static-text-l {width:550px;display:inline-block;margin-top:5px;}

.optionBox {background:#eeeeee;padding:10px;}
.processPaymentBox {background:#f1f1f1;padding:10px;}
.processPaymentBox a {vertical-align: top;text-decoration: none;}
.processPaymentBox .progress{display:inline-block;width:150px;border:1px solid #ccc;margin-bottom: 0;float:right;}

.processHeadBox         {background:#f1f1f1;padding:10px;height:auto;}
.processHeadBox select  {border:1px solid #cccccc;}
.processHeadLabel       {border:1px solid #cccccc;padding:5px;margin-top:0 !important;float:right;width:100%;height:34px}
.processHead.progress   {display:inline-block;width:100%;margin-bottom: 0;border:1px solid #cccccc;padding:4px;vertical-align: top;height:34px;border-radius:0}

.paymentDetails {display:none;padding-top:20px;}
.optionDetails  {display:none;padding-top:20px;}

.control-group.nomargin {margin-bottom:0}
.control-group.margin-s {margin-bottom:5px}
.row.margin-s {margin-bottom:5px}
.row.margin-s2 {margin-bottom:10px}
.row.margin-s3 {margin-bottom:20px}

.margin-s {margin-bottom:5px}
.nomargin {margin-bottom:0}
.nomargin-bottom {margin-bottom:0}

.row-inputStatus {margin-bottom:5px;margin-top:-15px;}



.label-opt1 {width:110px;}
.label-opt2 {width:100px;}
.label-opt3 {width:100px;}

select {
    background:#ffffff;
    border: 1px solid #CCCCCC;
    font-size: 14px;
    color:#555555;
}

a.iconlink:hover {text-decoration:none}


.btn-inactive,.btn-inactive:hover {
    border: 1px solid #CCCCCC;
    background-color: #EEEEEE;
    color:#aaaaaa;
}

.btn-outline-ws {
    border: 1px solid #ffffff;
    background: none;
    color:#ffffff;
    font-weight:bold;
    text-transform: uppercase;
}

.btn-outline-ws:hover {
    border: 1px solid #eeeeee;
    color:#ffffff;
    background-color:rgba(0, 0, 0, 0.15);
}

.label-ind {padding-left:15px;display:inline-block;}

.input-append .add-on, .input-prepend .add-on {
    background-color: #EEEEEE;
    border: 1px solid #EEEEEE;
}

/* Checkbox yellow */
/* Customize the label (the container) */
.checkbox-container {
    position: relative;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.checkbox-container input {
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkbox-checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 13px;
    width: 13px;
    background-color: #ffffa0;
    border: 1px solid #aaaaaa;
}

/* On mouse-over, add a grey background color */
.checkbox-container:hover input ~ .checkbox-checkmark {
    background-color: #ffffa0;
}

/* When the checkbox is checked, add a blue background */
.checkbox-container input:checked ~ .checkbox-checkmark {
    background-color: #ffffa0;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkbox-container input:checked ~ .checkbox-checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkbox-container .checkbox-checkmark:after {
    left: 3px;
    top: -1px;
    width: 5px;
    height: 11px;
    border: solid #555;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*.input-41row1 {width:138px;margin-bottom: 5px !important;margin-right:2px;}
.input-41row2 {width:127px;margin-bottom: 5px !important;}
.input-41row3 {width:414px;}*/
.row-v41 {
    margin-bottom: 5px;
}

.row-v41 [class^=col-sm-],
.row-l2  [class^=col-sm-] {
    padding-left: 2px;
    padding-right: 2px;
}
.row-v41.padding-fix,
.row-l2.padding-fix {
    padding-right: 13px;
    padding-left: 13px;
}
.input-41row5 {width:40px;padding-right:6px;padding-left:6px;}


.input-x6row1 {width:40px;}
.input-x6row2 {width:40px;}
.input-x6row3 {width:60px;}
.input-x6row4 {width:630px;}
.input-x6row5 {width:18px;}


.person-row-form.assigned {background-color:#eaffea;}


.input-status {display:inline-block;}
.input-yellow {background-color:#ffffa0 !important;}
.input-orange {background-color:#fcf8e3 !important;}
.input-green  {background-color:#dff0d8 !important;}

.person-row-form .form-group.nomargin,
.form-horizontal .form-group.nomargin {
    margin: 0;
}
.person-row-form .form-control-feedback {
    right: 0 !important;
}




.highlight-form-control .form-control {
    box-shadow: 0px 0px 0px 2px transparent;
    -webkit-transition: box-shadow 0.2s;
    transition: box-shadow 0.2s;
}

.highlight-form-control .form-control.trigger {
    box-shadow: 0px 0px 0px 2px #66afe9;
}

/* Minoru */
.highlight-form-control .form-control.trigger {
    -webkit-animation: anim-shadow 0.2s forwards;
    animation: anim-shadow 0.2s forwards;
}

@-webkit-keyframes anim-shadow {

    50%
    {
        box-shadow: 0px 0px 50px 25px rgb(102, 175, 233);
    }
    100%
    {
        box-shadow: 0px 0px 100px 50px rgba(102, 175, 233, 0);
    }
}

@keyframes anim-shadow {
    50%
    {
        box-shadow: 0px 0px 50px 25px rgb(102, 175, 233);
    }
    100%
    {
        box-shadow: 0px 0px 100px 50px rgba(102, 175, 233, 0);
    }
}


.list-box-tut {
    border: 1px solid #999999;
    height: 300px;
    overflow-y:auto;
    margin-top: 10px;
    margin-bottom: 20px;
}

.list-box-tut-overview {
    padding: 10px;
    margin: 5px 0;
    background-color: #F9F9F9;
}

.list-box-tut-overview a, .list-box-tut-overview a:hover, .list-box-tut-overview a:active {
    color: #484B52;
    text-decoration: none;
}


.person-info {
    padding: 15px 5px;
    margin-bottom: 20px;
    background:#eee;
}


.tab-pane.special {padding-left:10px !important;padding-right:0 !important;}
.tab-pane .col-sm-2.special     {width: 176px;}
.tab-pane .span10.special    {}

.input-status.error .control-label, .form-group.error .help-block, .form-group.error .help-inline {color: #B94A48;}
.form-group.error .checkbox, .form-group.error .radio, .form-group.error input, .form-group.error select, .form-group.error textarea {color: #B94A48;}
.form-group.error input, .form-group.error select, .form-group.error textarea, .form-group.error div.form-control {border-color: #B94A48;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}
.form-group.error input:focus, .form-group.error select:focus, .form-group.error textarea:focus {border-color: #953B39;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px #D59392;}
.form-group.error .input-prepend .add-on, .form-group.error .input-append .add-on {background-color: #F2DEDE;border-color: #B94A48;color: #B94A48;}
.form-group.error .help-inline {display:block;}
.form-group.error .select2-container-multi .select2-choices {border-color: #B94A48 !important;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;}


.input-status.changed .control-label, .input-status.changed .help-block, .input-status.changed .help-inline {color: #c09853;}
.input-status.changed .checkbox, .input-status.changed .radio, .input-status.changed input, .input-status.changed select, .input-status.changed textarea {color: #c09853;}
.input-status.changed input, .input-status.changed select, .input-status.changed textarea {border-color: #c09853;-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);}
.input-status.changed input:focus, .input-status.changed select:focus, .input-status.changed textarea:focus {border-color: #a47e3c;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;}
.input-status.changed .input-prepend .add-on, .input-status.changed .input-append .add-on {color: #c09853;background-color: #fcf8e3;border-color: #c09853;}
.input-status.changed .help-inline {display:block;}


.form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group {vertical-align:top;}
label {margin-bottom: 0;margin-top: 0;}
.controls.form-inline.wide label {margin-bottom: 0;margin-top: 5px;}

.input-status.error .help-inline {display:block;}

.uploadContainer     {width:120px; float:left;margin-right:10px;}
.uploadLoaderGif     {margin:5px 40px;}
.uploadError         {margin:5px 40px;display:none;}
.uploadText          {overflow: hidden}
.uploadPreview       {}
.uploadProgress      {border:1px solid #2d5c88;}
.uploadProgress .bar {background: #2d5c88;height:8px;}
.uploadText.error    {color: #B94A48;}

.uploadTextImport       {padding:30px 0}
.uploadTextImport.error {color: #B94A48;}

.fileinput-button {
    overflow: hidden;
    position: relative;
}
.fileinput-button input {
    cursor: pointer;
    direction: ltr;
    font-size: 200px;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}
@media screen {
    .fileinput-button input {
        font-size: 100%;
        height: 100%;
    }
}

#importModal {
    z-index: 1070;
}

.select2-dropdown {
    z-index: 9999;
}

#editModal.modal-lg .modal-dialog {
    width:800px;
}
#editModal.modal-lg .modal-content {
    width:100%;
}

#editModal.modal-xl .modal-dialog {
    width: 1150px;
    margin-top: 0;
}

#editModal.modal-xl .modal-content {
    width: 100%;
    height: 700px;
}

#editModal.modal-xl .modal-body {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 561px;
}

#editModal.modal-xl .form-hoizontal {
    height: 400px;
}

#editModal.modal-xl .modal-column {
    height: 561px;
    overflow-y: auto;
    border-left: 1px solid #EEEEEE;
}

#editModal.modal-xl .desc-container {
    background-color: #DCDCDC;
    padding: 15px;
    line-height: 25px;
    min-height: 561px;
}

#editModal.modal-xl .fa-info-circle, .fa-info-circle:hover, .fa-info-circle:active, .fa-info-circle:focus, .fa-info-circle:visited {
    color: black;
    text-decoration: none;
}

#editModal.modal-xl .caret-column {
    text-align: right;
    padding-right: 0;
}

#editModal.modal-xl .desc-caret {
    font-size: 34px;
    color: #848484;
}

@media (min-width: 768px) {
    .modal-dialog.modal-dialog-wide {
        width: 80%;
        margin: 30px auto;
    }
}



.nav-tabs2:before, .nav-tabs2:after {
    content: "";
    display: table;
    line-height: 0;
}
.nav-tabs2:after {
    clear: both;
}
.nav-tabs2 > li {
    float: left;
}
.nav-tabs2 > li > a {
    line-height: 14px;
    margin-right: 2px;
    padding-left: 12px;
    padding-right: 12px;
}
.nav-tabs2 {
    border-bottom: medium none;
    margin: 0;
}
.nav-tabs2 > li {
    margin-bottom: -2px;
}
.nav-tabs2 > li > a {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 0 0;
    line-height: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
}
.nav-tabs2 > li > a:hover, .nav-tabs2 > li > a:focus {
    border-color: #EEEEEE #EEEEEE #DDDDDD;
}
.nav-tabs2 > .active > a, .nav-tabs2 > .active > a:hover, .nav-tabs2 > .active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #DDDDDD #DDDDDD rgba(0, 0, 0, 0);
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555555;
    cursor: default;
}

.table-box .table .table-header {
    padding-bottom: 0;
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
}
.table-box .table .table-footer {
    border-top: 1px solid #cccccc;
    font-weight: bold;
}
.table-box .table .table-body:nth-child(even), .table-box .table .table-footer, .table-box .table .table-header {
    background: #ffffff;
}
.table-box .table .table-body:nth-child(odd) {
    background: #f3f3f3;
}
.table-box .table .table-header, .table-box .table .table-body, .table-box .table .table-footer {
    font-size: 14px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

/* Typehead */

.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.tt-dropdown-menu {
    min-width: 160px;
    margin-top: 2px;
    padding: 5px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
    background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
    background-image: -o-linear-gradient(top, #0088cc, #0077b3);
    background-image: linear-gradient(to bottom, #0088cc, #0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0)
}

.tt-suggestion.tt-is-under-cursor a {
    color: #fff;
}

.tt-suggestion p {
    margin: 0;
}

/* Barcode Lib */
.barcode-notice     {position:fixed;z-index:9999;width:30%;height:50px;top:-30px;left:35%;}
.barcode-processing {background-color: #FCCC0A;border-radius: 0 0 5px 5px;padding:2px 10px;display:none;}
.barcode-success    {background-color: #A9CD37;border-radius: 0 0 5px 5px;padding:2px 10px;display:none;}
.barcode-error      {background-color: #F2DEDE;border-radius: 0 0 5px 5px;padding:2px 10px;display:none;}


.arrow_box { position: relative; background: #ffffff; border: 1px solid #999999;}
.arrow_box:after, .arrow_box:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow_box:after { border-color: rgba(255, 255, 255, 0); border-left-color: #ffffff; border-width: 87px; margin-top: -87px; }
.arrow_box:before { border-color: rgba(153, 153, 153, 0); border-left-color: #999999; border-width: 88px; margin-top: -88px; }


/* SuperLink */
#processTable tr.active {background-color: #ccc;}

.x6DayRow0, .executed_program_dayRow0  {background-color: #fff;}
.x6DayRow1, .executed_program_dayRow1  {background-color: #eee;margin-top:15px;}
.x6DayRow2, .executed_program_dayRow2  {background-color: #eee;}
.x6DayRow3, .executed_program_dayRow3  {background-color: #eee;}

.x6DayRow0:first-child th, .executed_program-dayRow0:first-child th  {padding:15px;border-top-width:0}
.x6DayRow0 th, .executed_program-dayRow0 th  {padding:15px;}
.x6DayRow1 th, .executed_program-dayRow1 th  {}
.x6DayRow2 th, .executed_program-dayRow2 th  {border-top-width:0;padding:4px 8px 4px 8px;vertical-align: bottom;}
.x6DayRow3 th, .executed_program-dayRow3 th  {border-top-width:0;padding:0 8px 4px 8px;}


.x6DayRowLast, .executed_program_dayRowLast   {background-color: #eee;}

.btn-processIndex SMALL {text-transform: none;}


/* Report */
.reportPreviewContainer     {height:200px;overflow-y: scroll;border:1px solid #DDDDDD}
.paymentPreviewContainer    {height:400px;overflow-y: scroll;border:1px solid #DDDDDD}
.paymentPreviewContainer2    {height:600px;overflow-y: scroll;border:1px solid #DDDDDD}
.reportPreview {width:100%}
.reportPreview th {padding: 0 3px;font-size:12px;}
.reportPreview td {border-top: 1px solid #DDDDDD;font-size:11px;padding:0 3px;}
.reportPreview .statusbox {font-size:10px;line-height:18px;}
.reportPreview > tr:nth-child(2n+1) > td, .reportPreview > tr:nth-child(2n+1) > th {background-color: #F9F9F9;}

tr.paymentContainer td {background:#777777;color:#ffffff;padding-top:5px;padding-bottom:5px;}
tr.paymentDeleted td {text-decoration: line-through;color:#aaaaaa}
tr.paymentDeleted td a {color:#aaaaaa}

tr.paymentContainerDeleted td {background: #5f5f5f;color:#ffffff;padding-top:5px;padding-bottom:5px;text-decoration: line-through;}

.reportTemplateContainer ul {
    border:1px solid #DDDDDD;
    border-radius: 2px;

    margin-bottom: 10px;
    margin-left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px;
}
.reportTemplateContainer ul li ul {margin-left:21px;padding-top:0;border-width: 0;height:auto;min-height:auto}

.reportTemplateContainer a.reportTemplate {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline-block;
    line-height: normal;
    padding: 0 5px;
    transition: all 0.1s ease-in 0s;
    white-space: nowrap;
    width: 90%;
    vertical-align: top;
    text-decoration: none;
}

.reportTemplateContainer ul li ul a {margin-top:2px;}
.reportTemplateContainer a.reportTemplate:hover {color:#333333;text-decoration:none;background-color:#dddddd}

.reportTemplateContainer a.reportTemplate.rtSelected {
    background: none repeat scroll 0 0 #777777;
    color: #FFFFFF;
}

a.rtToggle               {display: inline-block;font-size: 10px;line-height: 18px;text-align: center;width: 16px;background-color: #777777 !important;color:#ffffff !important; vertical-align: top;text-decoration: none}
a.rtToggle.hiden:before  {content: "+";}
a.rtToggle:before        {content: "-";}

.rtIcon             {display: inline-block;font-size: 10px;line-height: 18px;text-align: center;width: 24px;}
.rtIcon-container   {display:none;}
.rtIcon-pdf         {background-color: #DE0D13;color:#ffffff}
.rtIcon-pdf:after   {content:"pdf"}
.rtIcon-xls         {background-color: #B1C700;color:#333333}
.rtIcon-xls:after   {content:"xls"}
.rtIcon-html        {background-color: #0081c2;color:#ffffff}
.rtIcon-html:after  {content:"html"}
.rtIcon-csv        {background-color: #e6e804;color:#777777}
.rtIcon-csv:after  {content:"csv"}
.rtIcon-xml        {background-color: #0081c2;color:#ffffff}
.rtIcon-xml:after  {content:"xml"}


.savedReportContainer {margin-bottom:0px}
.savedReportContainer ul {
    border:1px solid #DDDDDD;
    border-radius: 2px;
    margin-bottom: 10px;
    margin-left: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 5px;
    height:80px;
}
.savedReportContainer .srLeft {float:left;width:94%}
.savedReportContainer .srRight {float:right;width:5%}



.savedReportContainer a.savedReport {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline-block;
    line-height: normal;
    padding: 0 5px;
    transition: all 0.1s ease-in 0s;
    white-space: nowrap;
    width: 90%;
    vertical-align: top;
    text-decoration: none;
}
.savedReportContainer a.savedReport:hover {color:#333333;text-decoration:none;background-color:#dddddd}

.savedReportContainer a.savedReport.srSelected {
    background: none repeat scroll 0 0 #777777;
    color: #FFFFFF;
}
.savedReportDeleteBox {}


a.onlyName {
    text-decoration: none !important;
    color:#454951 !important;
}

/* FIX Chrome ISSUE */
input[type="checkbox"] {
    -webkit-appearance: checkbox;
}

input[type="radio"] {
    -webkit-appearance: radio;
}

.progress .bar {color: #000000;text-shadow: none;}

.diffModalContainer {
    text-align: center;
}

/* tr.diffState-ok     td {background-color: #C9ED57;;}*/
tr.diffState-diff   td {background-color: #FCCC0A;}


textarea.autoExpand{
    overflow:hidden;
}

label.statistic-item-layout {
    display: block;
}

input.statistic-item-layout {
    display: inline-block;
}

.form-group #input_visibility_formula, #input_calculation_formula, #input_plausibility_formula, #input_plausibility_text {
    margin-top: 10px;
}

.container-item {
    border: 1px solid #AAAAAA;
    /*height: 45px;*/
    padding: 6px;
    margin-bottom: 10px;
    margin-top: 10px;
    background-color: #FFFFFF;
}

.container-item .select-item-input {
    height: 30px;
    /*margin-right: 5px;
    margin-bottom: 10px;*/
    width: 100%;
}
/*
.container-item .select-item-input-value {
    width: 50px;
}
/*
.container-item .select-item-input-name {
    width: 100%;
}*/
/*
.container-item .select-item-input-visible {
    width: 100px;
}*/
/*
.container-item .select-item-input-delete {
    margin-left: 8px;
}*/

.container-item .select-item-input-handle {
    font-size: 28px;
}

.option-multitext {
    width: 100%;
}


/*
*
* S T A T I S T I C
*
**********************************************************************************************************************/

.statisticBaseContainer {
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    padding:20px;
    background-color:#eeeeee;
}

.statisticContainer {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    padding:20px;
    margin:50px 0;
}

.statisticContainer.statisticContainerBackend {
    position:relative;
}
.statisticContainer.statisticContainerBackend.odd {background:#f3f3f3}
.statisticContainer.statisticContainerBackend.even {}

.statisticContainer.statisticContainerBackend .statisticContainerBackendInfo {
    width:100%;
    background:#f3f3f3;
    position:absolute;
    right:0;
    top:0;
    font-size:11px;
    line-height:1.2;
    padding:4px;
}


.statisticContainer h4, .statisticContainer h5 {margin-top:30px;margin-bottom: 0}

.rotated-text {
    display: inline-block;
    overflow: hidden;
    width: 1.5em;
    line-height: 1.5;
}
.rotated-text__inner {
    display: inline-block;
    white-space: nowrap;
    -webkit-transform: translate(0,100%) rotate(-90deg);
    -moz-transform: translate(0,100%) rotate(-90deg);
    -ms-transform: translate(0,100%) rotate(-90deg);
    -o-transform: translate(0,100%) rotate(-90deg);
    transform: translate(0,100%) rotate(-90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
}
/* This element stretches the parent to be square
by using the mechanics of vertical margins */
.rotated-text__inner:before {
    content: "";
    float: left;
    margin-top: 100%;
}



.statistic-tab {
    border-bottom:1px solid #dddddd;
    list-style: outside none none;
    padding-left:0;
}

.statistic-tab li {
    float:left;
    margin-bottom:-1px;
    display:block;
    position: relative;
}

.statistic-tab li a {
    border:1px solid transparent;
    line-height:20px;
    display:block;
    border-radius: 4px 4px 0 0;
    margin-right:2px;
    padding:10px 15px;
}

.statistic-tab li a:hover {
    background:#eeeeee;
    border-color:#eee #eee #ddd;
}

.statistic-tab li.active a {
    background: #ffffff;
    border-width: 1px;
    border-style:solid;
    border-color:#dddddd #dddddd transparent;
}

.statistic-popover {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1060;
    padding: 1px;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    line-break: auto;
    margin:10px 0 5px 0;
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 5px 5px 0 0;
}
.popover-content {
    padding: 9px 14px;
}
.statistic-popover > .arrow,
.statistic-popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.statistic-popover > .arrow {
    border-width: 11px;
}
.statistic-popover > .arrow:after {
    content: "";
    border-width: 10px;
}
.statistic-popover > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}
.statistic-popover > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
}

DIV.datepicker {
    z-index: 1070;
}

.h-label {
    font-size:12px;
}


.input-hint {
    background-color:#aaa;
    color:#fff;
    font-size:10px;
    line-height:0;
    opacity: 0;
    padding:2px;
    clear:both;
}
.input-hint-status {
    margin-right:5px;
}

.input-hint-danger {
    background-color: transparent;
    color:#a94442;
}

/*.input-hint-success {
    background-color: transparent;
    color:#3c763d;
}*/

/*
.input-hint-active {
    animation-name: show-input-hint;
    animation-duration: 0.2s;
    animation-fill-mode: forwards;
}

@keyframes show-input-hint {
    from {line-height:0;opacity: 0}
    to {line-height:1.2;opacity: 1}
} */




/*
*
* C O N T R O L L E R   S E R V I C E  /  F O R M
*
**********************************************************************************************************************************/
.questionList-placeholder {
    background-color: #dddddd;
    display:inline-block;
}

/*
*
* M O D U L E   V E R B A N D
*
**********************************************************************************************************************************/

.uploadContainer-verbandlogo {
    width:300px;
    height:200px;
    margin-bottom:5px;
}

.verbandFormEditRow td {
    background-color:#f3f3f3;
}

.form-horizontal .website-verband .form-group {
    margin-right: 0;
    margin-left: 0;
}



/*
*
* M O D U L E   W E B S I T E
*
********************************************************************************************************************************/

/* NESTED SORTABLE */
#menuContainer .sortable li.placeholder {
    margin-left: 21px;
    outline: 1px dashed #337ab7;
}
#menuContainer .mjs-nestedSortable-error {
    background: none repeat scroll 0 0 #fbe3e4;
    border-color: transparent;
}
#menuContainer ol.sortable, ol.sortable ol {
    list-style-type: none;
    margin: 0 0 0 20px;
    padding: 0;
}
#menuContainer ol.sortable {  margin: 15px 0 0 11px;  }
#menuContainer .sortable li {  margin: 10px 0 0;  padding: 0;  }

#menuContainer .sortable .sortable-marker-green {border-left:10px solid #337ab7;}
#menuContainer .sortable .sortable-container {
    border:1px solid #afb4b9;
    margin-left:0;
    height:35px;
}

#menuContainer .sortable .sortable-content {
    color: #888;
    text-transform: uppercase;
    font-weight:bold;
    padding:4px 20px 4px 10px;
    display:inline-block;
    height:33px;
}
#menuContainer .sortable .sortable-marker  {display:inline-block;width:3px;height:33px;line-height:33px;}
#menuContainer .sortable .sortable-marker-green    {background:#2ecc70;}
#menuContainer .sortable .sortable-marker-red      {background:#e64d5f;}
#menuContainer .sortable .sortable-info    {display:inline-block;}
#menuContainer .sortable .sortable-btn  {display:inline-block;padding:5px 10px;}

#menuContainer .disclose {
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    padding: 3px 0;
    width: 20px;
    margin-left:-20px;
}
#menuContainer .sortable li.mjs-nestedSortable-collapsed > ol {  display: none;  }
#menuContainer .sortable li.mjs-nestedSortable-branch > div > .disclose {  display: inline-block;  }
#menuContainer .sortable li.mjs-nestedSortable-collapsed > div > .disclose > span::before {  content: "\f196";  }
#menuContainer .sortable li.mjs-nestedSortable-expanded > div > .disclose > span::before {  content: "\f147";  }


/*
*
* M O D U L E   D A S H B O A R D
*
**********************************************************************************************************************************/

.panel.panel-dashboard {
    border:1px solid #dddddd;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.panel.panel-dashboard .panel-heading {
    border-bottom:1px solid #dddddd;
    padding:15px;
    position: relative;
}
.panel.panel-dashboard .panel-body {
    padding:25px;
}
.panel.panel-dashboard-map {  }
.dashboard-map {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 100%;
    height: 444px;
}

.dashboard-header {border-left:6px solid #0292D9;padding:0 15px;}
.dashboard-header h6 {margin:0 0 5px 0;font-size:14px;}
.dashboard-header h3 {margin:0;}
.dashboard-header h3 .previousInterval {color:#aaaaaa;font-size:18px;padding-left:10px}
.dashboard-header h3 .smallPostfix {font-size:18px;padding-left:10px}
.dashboard-header h3 .xsmallPostfix {font-size:12px;padding-left:10px}

.dashboard-header p  {color:#aaaaaa;font-size:12px;margin:5px 0 0 0;}

.dashboard-header-icon {
    float:left;
    background:#0292D9;
    color:#ffffff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 20px;
    line-height: 37px;
    text-align: center;
}
.dashboard-header.dashboard-header-alt {
    margin-left:40px;
    border-left:none;
}

.panel-dashboard-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffe8a3 !important;
    box-shadow: 0 0 15px rgba(0,0,0,0.2);
}

.panel-dashboard-warning .dashboard-header-icon {
    background-color: #856404;
}

.panel.panel-dashboard-warning .panel-heading {  border-bottom: 1px solid #ffe8a3;}

.panel-dashboard-warning h5 {font-weight:800;font-size:16px;text-align: justify}
.panel-dashboard-warning small {font-weight:300;font-size:16px; color: #856404}
.panel-dashboard-warning p, .panel-dashboard-warning a {color: #856404}


/*
* Processlist
********************************************************************/
.dashboard-processlist {}
.dashboard-processlist h4 {font-size:16px;}
.dashboard-processlist h5 {font-size:16px;margin:0}

.dashboard-processlist .table td {border-bottom:1px solid #ddd;border-top:none}

.dashboard-processlist .divider {border-bottom:1px solid #ddd;margin:20px -25px;}






/*
* R E P O R T
*
*****************************************************************************************************************************************/
.report-log {

}

.report-log td {
    padding:1px !important;
    font-size:10px
}
.report-log th {
    padding:1px !important;
    font-size:12px
}

.report-navigation h4 {
    text-transform: uppercase;
    font-size:20px;
    font-weight:bold;
}

.report-navigation .scroller {
    background:#ffffff;
    position: relative;
    border-bottom:1px solid #cccccc;
}

.report-navigation .scroller.fixed {
    position: fixed;
    top: 0;
    left:0;
    width:100%;
    z-index:100;
    padding:10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.report-navigation .scroller.fixed h4 {display:none}
.report-navigation .scroller.fixed .row {margin-bottom:0}


.report-navigation ul {clear:both;padding:0;font-size:14px;margin-bottom:0}
.report-navigation li {display:inline;font-weight:bold;text-transform: uppercase;padding-right:10px;}
.report-navigation li.report-navigation-caption {font-weight:normal;display:block;}
.report-navigation .scroller-links {font-size:12px;}
.report-navigation .scroller-links.active {border-bottom:2px solid #2d5c88;text-decoration: none !important;}
.report-navigation-anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;


}

.report-table-row-vertical-align-bottom th {
    vertical-align: bottom !important;
}


.copyright {font-size:11px;margin-bottom: 10px;padding-top:10px;}
.copyright .bw-text {display:inline-block;vertical-align: top;text-align: justify;margin-right:20px;width:200px;line-height:16px;}
.copyright .bw-logo {display:inline-block;vertical-align: top;}

.incomeGreen {background-color:#A9CD37;}
.incomeRed {background-color:#D88A8A;}

/* pagination */
.pagination .current {background-color: #3b6e99 !important; color: #FFFFFF}

/* mailTemplates */
.label-tplvar {margin-top: 1px; margin-bottom: 1px;}
.link-copy {cursor:pointer}


/*
* E V A L U A T I O N
*
*****************************************************************************************************************************************/
.evaluation-container-divider {
    margin-top:50px;
    min-height:0 !important;
}

h2.evaluation-heading {
    font-size:20px;
    text-transform: uppercase;
    margin:10px 0 0 0;
    font-weight:800;
}

.panel.panel-evaluation {
    border:1px solid #dddddd;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
.panel.panel-evaluation .panel-heading {
    border-bottom:1px solid #dddddd;
    padding:25px;
    position: relative;
}
.panel.panel-evaluation .panel-body {
    padding:25px;
}
.panel.panel-evaluation-map {  }
.evaluation-map {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 100%;
    height: 444px;
}

.form-group-evaluation label {
    font-size:16px;
    color:#484b52;
}

.form-group-evaluation .form-control {
    font-size: 18px;
    line-height: 22px;
    height:38px;
    width:auto;
}


.evaluation-header {border-left:6px solid #0292D9;padding:0 15px;}
.evaluation-header h6 {margin:0 0 5px 0;font-size:14px;}
.evaluation-header h3 {margin:0;}
.evaluation-header h3 .previousInterval {color:#aaaaaa;font-size:18px;padding-left:10px}
.evaluation-header h3 .smallPostfix {font-size:18px;padding-left:10px}
.evaluation-header h3 .xsmallPostfix {font-size:12px;padding-left:10px}

.evaluation-header p  {color:#aaaaaa;font-size:12px;margin:5px 0 0 0;}

.evaluation-header-icon {
    float:left;
    background:#0292D9;
    color:#ffffff;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-size: 50px;
    line-height: 80px;
    text-align: center;
}
.evaluation-header.evaluation-header-alt {
    margin-left:120px;
    border-left:none;
}

.evaluation-chartlist { list-style: none; padding:0;}
.evaluation-chartlist li {margin-bottom:5px;}

.evaluation-chartlist .chartlist-header         {clear:both;padding:8px 0 3px 0}
.evaluation-chartlist .chartlist-header-text    {display:inline-block}
.evaluation-chartlist .chartlist-header-right   {float:right;}
.evaluation-chartlist .chartlist-link   {text-align: center;line-height:1;}
.evaluation-chartlist .chartlist-hidden {display:none}
.evaluation-chartlist .chartlist-chart  {height:4px;width:100%;position:relative;background-color:#eeeeee;margin-bottom:2px;}
.evaluation-chartlist .chartlist-line   {position:absolute;left:0;top:0;height:4px;background-color:#0292D9; }
.evaluation-chartlist .chartlist-line.blue    {background-color:#0292D9;}
.evaluation-chartlist .chartlist-line.green   {background-color:#A9CD37;}

.evaluation-chartlist .chartlist-chart-special1  {height:8px;}
.evaluation-chartlist .chartlist-chart-special1 .chartlist-line {height:8px;}
.evaluation-chartlist .chartlist-chart-special2  {background-color:#F58344;margin-bottom:5px;}
.evaluation-chartlist .chartlist-chart-special2 .chartlist-line {background-color:#FCCC0A;}
.evaluation-chartlist .chartlist-chart-disabled {background-color:#eeeeee !important;}

.ribbon-wrapper {
    position: relative;
}
.ribbon .text {
    text-align:center;
    font-family: 'Open Sans',Arial,sans-serif !important;
}

.evaluation-badge {
    background-color: #777;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    line-height: 1;
    min-width: 10px;
    padding: 2px 4px;
    text-align: center;
    vertical-align: top;
    white-space: nowrap;
}

.evaluation-badge-fz {
    background-color: #FCCC0A;
}
.evaluation-badge-sem {
    background-color: #F58344;
}

.row-evaluation-config      {  padding-left:60px;  margin-bottom:20px;  }
.row-evaluation-config h3   {  font-size:18px;  line-height:1;  }
.row-evaluation-config label {margin-right:10px}

.btn-evaluation-type    {min-width:120px;  }
.btn-evaluation-select  {
    border-width: 1px !important;
    line-height: 1;
    margin-bottom: 1px;
    padding: 3px 10px;
}

.btn-evaluation {
    border-color: #aaaaaa;
    border-width:2px;
    color:#777777;
    text-transform: uppercase;
}

.btn-evaluation.btn-active {
    color: #fff;
    background-color: #0292D9;
    border-color: #0292D9;
}


ul.evaluation-tree i.indicator, ul.evaluation-tree i.datatree-checkbox {  cursor: pointer;  }
ul.evaluation-tree {  background:none;  }
ul.evaluation-tree li {  padding: 0 0 0 16px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;  }
ul.evaluation-tree li:hover {overflow:visible;  }

ul.evaluation-tree.tree-current-selection li {  padding: 0 16px 0 16px;  }
ul.evaluation-tree li, ul.evaluation-tree li ul li {  color: #383838;  background:none;  }
ul.evaluation-tree ul {  margin-left:6px;  }
ul.evaluation-tree ul li:before {  margin-top: 1px;  width:10px;  }
ul.evaluation-tree .fa-square-o {  margin-right: 2px;  }

#current_selection_container {  padding: 15px 0;  }

ul.evaluation-tree .text-s    {  font-size:12px;  }
ul.evaluation-tree .text-xs   {  font-size:11px;  }
ul.evaluation-tree .text-xxs  {  font-size:10px;  }
ul.evaluation-tree .text-xxxs {  font-size:9px;  }


/*
* C A T E G O R Y    T R E E
*
*****************************************************************************************************************************************/

ul.category-tree i.indicator, ul.category-tree i.datatree-checkbox {  cursor: pointer;  }
ul.category-tree {  background:none;  }
ul.category-tree li {  padding: 0 0 0 16px;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; position:relative; }

ul.category-tree.tree-current-selection li {  padding: 0 16px 0 16px;  }
ul.category-tree li, ul.category-tree li ul li {  color: #383838;  background:none;  }
ul.category-tree ul {  margin-left:6px;  }
ul.category-tree ul li:before {  margin-top: 1px;  width:10px;  }
ul.category-tree .fa-square-o {  margin-right: 2px;  }

#current_selection_container {  padding: 15px 0;  }

ul.category-tree .text-s    {  font-size:12px;  }
ul.category-tree .text-xs   {  font-size:11px;  }
ul.category-tree .text-xxs  {  font-size:10px;  }
ul.category-tree .text-xxxs {  font-size:9px;  }

ul.category-tree li.category-tree-li-organisationEntry {font-weight:normal}

ul.category-tree .category-tree-entry {
    display:inline-block;
    width:calc(100% - 10px);
}

ul.category-tree .indicator + .category-tree-entry {
    width:calc(100% - 30px);
}


ul.category-tree .category-tree-entry:hover {
    background: #eeeeee;

}

/*
* C A T E G O R Y    T R E E   S E L E C T
*
***********************************************************/


.select-category-tree-entry {position:relative;height:24px;}

.select-category-tree-entry .tree-spacer {
    display:inline-block;
    width:20px;
}

.select-category-tree-entry .tree-line {
    display:inline-block;
    width:10px;
    height:100%;
    border-left:1px solid black;
}
.select-category-tree-entry .tree-junction {
    display:inline-block;
    width:10px;
    height:100%;
    border-left:1px solid black;
}

.select-category-tree-entry .tree-junction:before {
    content: '';
    border-bottom: 1px solid black;
    width: 10px;
    height: 10px;
    display: block;
    margin-top: 0;
}

.select-category-tree-entry .tree-end {
    display:inline-block;
    width:10px;
    height:100%;
}

.select-category-tree-entry .tree-end:before {
    content: '';
    border-bottom: 1px solid black;
    width: 10px;
    height: 9px;
    display: block;
    margin-top: 1px;
    border-left: 1px solid black;
}

.select-category-tree-entry .tree-entry-name {
    font-weight:bold;
    display: inline-block;
    vertical-align: top;
}

.select-category-entry {font-weight:bold;}

.select-category-level-0 {padding-left:0;}
.select-category-level-1 {padding-left:20px;}
.select-category-level-2 {padding-left:40px;}
.select-category-level-3 {padding-left:60px;}
.select-category-level-4 {padding-left:80px;}

.category-tree-entry {
    cursor:not-allowed;
    position:relative;
}

.category-tree-cmd {
    position:absolute;
    right:0;
    top:0;

}

.category-tree-li-default > .category-tree-entry {
    cursor:pointer;
}

.category-tree-li-organisation > .category-tree-entry {
    cursor:pointer;
}

.category-tree-entry.active {
    background-color: #337ab7 !important;
    color:#ffffff;
}

.category-search-organisation-entry {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
    display: inline-block;
    line-height:1;
    margin-top:10px;
    vertical-align: bottom;
}

.category-search-organisation-entry small {
    font-weight:normal;
    font-size:10px;
}



/*
* F E   R E G I S T R A T I O N
*
*****************************************************************************************************************************************/
.registration-container {display:none;}
.registration-container-step1 {}
.registration-container-step2 {}
.registration-container-step3 {}















/*
* E V A L U A T I O N    C H A R T I S T
*
*****************************************************************************************************************************************/
.chart-evaluation       {  height:400px;margin-bottom: 15px;}
.chart-evaluation-sm    {  height:200px;margin-bottom: 5px;}
.chart-evaluation-md    {  height:300px;margin-bottom: 5px;}

/*VERTICAL DIV */
.chart-evaluation .ct-grid.ct-horizontal,
.chart-evaluation-sm .ct-grid.ct-horizontal {
    stroke-width:1px;
    stroke:#cccccc !important;
    stroke-dasharray:none;
}

.chart-evaluation .ct-grid.ct-vertical  ,
.chart-evaluation-sm .ct-grid.ct-vertical   {
    stroke:#888 !important;
    stroke-dasharray:none;
    stroke-width: 1px;
}

/* AXIS */
.chart-evaluation .ct-label.ct-horizontal,
.chart-evaluation-sm .ct-label.ct-horizontal {
    color:#888 !important;
    fill:#888 !important;
    font-weight:400 !important;
    font-size:11px !important;
    text-anchor: middle !important;
    text-align: center !important;
}
.chart-evaluation .ct-label.ct-vertical,
.chart-evaluation-sm .ct-label.ct-vertical {
    color:#888 !important;
    fill:#888 !important;
    font-weight:400 !important;
    font-size:11px !important;
}

.ct-series-ev       .ct-line    {stroke-width:2px;}
.ct-series-ev-sm    .ct-line    {stroke-width:1px;}


.ct-series-ev-0     {stroke:#0292D9 !important;}
.ct-series-ev-1     {stroke:#A9CD37 !important;}
.ct-series-ev-2     {stroke:#FCCC0A !important;}
.ct-series-ev-3     {stroke:#F58344 !important;}
.ct-series-ev-4     {stroke:rgba(237, 0, 137, 1) !important;}
.ct-series-ev-5     {stroke:rgba(25, 101, 161, 1) !important;}
.ct-series-ev-6     {stroke:rgba(245, 131, 68, 1) !important;}
.ct-series-ev-7     {stroke:rgba(169, 205, 55, 1) !important;}
.ct-series-ev-8     {stroke:rgba(139, 218, 248, 1) !important;}
.ct-series-ev-9     {stroke:rgba(166, 72, 132, 1) !important;}
.ct-series-ev-10    {stroke: rgba(174, 199, 232, 1) !important;}
.ct-series-ev-11    {stroke: rgba(255, 187, 120, 1) !important;}
.ct-series-ev-12    {stroke: rgba(152, 223, 138, 1) !important;}
.ct-series-ev-13    {stroke: rgba(214, 39, 40, 1) !important;}
.ct-series-ev-14    {stroke: rgba(255, 152, 150, 1) !important;}
.ct-series-ev-15    {stroke: rgba(148, 103, 189, 1) !important;}
.ct-series-ev-16    {stroke: rgba(140, 86, 75, 1) !important;}
.ct-series-ev-17    {stroke: rgba(196, 156, 148, 1) !important;}
.ct-series-ev-18    {stroke: rgba(227, 119, 194, 1) !important;}
.ct-series-ev-19    {stroke: rgba(127, 127, 127, 1) !important;}
.ct-series-ev-20    {stroke: rgba(199, 199, 199, 1) !important;}
.ct-series-ev-21    {stroke: rgba(188, 189, 34, 1) !important;}
.ct-series-ev-22    {stroke: rgba(219, 219, 141, 1) !important;}
.ct-series-ev-23    {stroke: rgba(23, 190, 207, 1) !important;}
.ct-series-ev-24    {stroke: rgba(44, 160, 44, 1) !important;}
.ct-series-ev-25    {stroke: rgba(152, 223, 138, 1) !important;}
.ct-series-ev-26    {stroke: rgba(214, 39, 40, 1) !important;}
.ct-series-ev-27    {stroke: rgba(255, 152, 150, 1) !important;}
.ct-series-ev-28    {stroke: rgba(148, 103, 189, 1) !important;}
.ct-series-ev-29    {stroke: rgba(197, 176, 213, 1) !important;}
.ct-series-ev-30    {stroke: rgba(140, 86, 75, 1) !important;}
.ct-series-ev-31    {stroke: rgba(196, 156, 148, 1) !important;}
.ct-series-ev-32    {stroke: rgba(227, 119, 194, 1) !important;}
.ct-series-ev-33    {stroke: rgba(247, 182, 210, 1) !important;}
.ct-series-ev-34    {stroke: rgba(127, 127, 127,1) !important;}
.ct-series-ev-35    {stroke: rgba(199, 199, 199, 1) !important;}
.ct-series-ev-36    {stroke: rgba(188, 189, 34, 1) !important;}
.ct-series-ev-37    {stroke: rgba(219, 219, 141, 1) !important;}
.ct-series-ev-38    {stroke: rgba(23, 190, 207, 1) !important;}
.ct-series-ev-39    {stroke: rgba(158, 218, 229, 1) !important;}

.ct-label-ev-ul-0   {border-bottom:3px solid #0292D9 !important;}
.ct-label-ev-ul-1   {border-bottom:3px solid #A9CD37 !important;}
.ct-label-ev-ul-2   {border-bottom:3px solid #FCCC0A !important;}
.ct-label-ev-ul-3   {border-bottom:3px solid #F58344 !important;}
.ct-label-ev-ul-4   {border-bottom:3px solid rgba(237, 0, 137, 1) !important;}
.ct-label-ev-ul-5   {border-bottom:3px solid rgba(25, 101, 161, 1) !important;}
.ct-label-ev-ul-6   {border-bottom:3px solid rgba(245, 131, 68, 1) !important;}
.ct-label-ev-ul-7   {border-bottom:3px solid rgba(169, 205, 55, 1) !important;}
.ct-label-ev-ul-8   {border-bottom:3px solid rgba(139, 218, 248, 1) !important;}
.ct-label-ev-ul-9   {border-bottom:3px solid rgba(166, 72, 132, 1) !important;}
.ct-label-ev-ul-10  {border-bottom:3px solid rgba(174, 199, 232, 1) !important;}
.ct-label-ev-ul-11  {border-bottom:3px solid rgba(255, 187, 120, 1) !important;}
.ct-label-ev-ul-12  {border-bottom:3px solid rgba(152, 223, 138, 1) !important;}
.ct-label-ev-ul-13  {border-bottom:3px solid rgba(214, 39, 40, 1) !important;}
.ct-label-ev-ul-14  {border-bottom:3px solid rgba(255, 152, 150, 1) !important;}
.ct-label-ev-ul-15  {border-bottom:3px solid rgba(148, 103, 189, 1) !important;}
.ct-label-ev-ul-16  {border-bottom:3px solid rgba(140, 86, 75, 1) !important;}
.ct-label-ev-ul-17  {border-bottom:3px solid rgba(196, 156, 148, 1) !important;}
.ct-label-ev-ul-18  {border-bottom:3px solid rgba(227, 119, 194, 1) !important;}
.ct-label-ev-ul-19  {border-bottom:3px solid rgba(127, 127, 127, 1) !important;}
.ct-label-ev-ul-20  {border-bottom:3px solid rgba(199, 199, 199, 1) !important;}
.ct-label-ev-ul-21  {border-bottom:3px solid rgba(188, 189, 34, 1) !important;}
.ct-label-ev-ul-22  {border-bottom:3px solid rgba(219, 219, 141, 1) !important;}
.ct-label-ev-ul-23  {border-bottom:3px solid rgba(23, 190, 207, 1) !important;}
.ct-label-ev-ul-24  {border-bottom:3px solid rgba(44, 160, 44, 1) !important;}
.ct-label-ev-ul-25  {border-bottom:3px solid rgba(152, 223, 138, 1) !important;}
.ct-label-ev-ul-26  {border-bottom:3px solid rgba(214, 39, 40, 1) !important;}
.ct-label-ev-ul-27  {border-bottom:3px solid rgba(255, 152, 150, 1) !important;}
.ct-label-ev-ul-28  {border-bottom:3px solid rgba(148, 103, 189, 1) !important;}
.ct-label-ev-ul-29  {border-bottom:3px solid rgba(197, 176, 213, 1) !important;}
.ct-label-ev-ul-30  {border-bottom:3px solid rgba(140, 86, 75, 1) !important;}
.ct-label-ev-ul-31  {border-bottom:3px solid rgba(196, 156, 148, 1) !important;}
.ct-label-ev-ul-32  {border-bottom:3px solid rgba(227, 119, 194, 1) !important;}
.ct-label-ev-ul-33  {border-bottom:3px solid rgba(247, 182, 210, 1) !important;}
.ct-label-ev-ul-34  {border-bottom:3px solid rgba(127, 127, 127,1) !important;}
.ct-label-ev-ul-35  {border-bottom:3px solid rgba(199, 199, 199, 1) !important;}
.ct-label-ev-ul-36  {border-bottom:3px solid rgba(188, 189, 34, 1) !important;}
.ct-label-ev-ul-37  {border-bottom:3px solid rgba(219, 219, 141, 1) !important;}
.ct-label-ev-ul-38  {border-bottom:3px solid rgba(23, 190, 207, 1) !important;}
.ct-label-ev-ul-39  {border-bottom:3px solid rgba(158, 218, 229, 1) !important;}


.ct-series-ev-line .ct-line {stroke-width:2px;}
.ct-series-ev-line-0 {}
.ct-series-ev-line-1 {stroke-dasharray:8,8}
.ct-series-ev-line-2 {stroke-dasharray:2,8}
.ct-series-ev-line-3 {stroke-dasharray:8,2}

.ct-series-ev-legend-box {width:60px;height:10px;position:absolute}
.ct-series-ev-legend-box .ct-line {stroke-width:6px;}



/* Bootstrap 4 Features
*************************************************************************/

.preserve-input-group-padding .input-group[class*="col-"] {
    padding-left:15px;
}

.m-0 {  margin: 0 !important;  }
.mt-0, .my-0 {  margin-top: 0 !important;  }
.mr-0, .mx-0 {  margin-right: 0 !important;  }
.mb-0, .my-0 {  margin-bottom: 0 !important;  }
.ml-0, .mx-0 {  margin-left: 0 !important;  }

.m-1 {  margin: 4px !important;  }
.mt-1, .my-1 {  margin-top: 4px !important;  }
.mr-1, .mx-1 {  margin-right: 4px !important;  }
.mb-1, .my-1 {  margin-bottom: 4px !important;  }
.ml-1, .mx-1 {  margin-left: 4px !important;  }

.m-2 {  margin: 8px !important;  }
.mt-2, .my-2 {  margin-top: 8px !important;  }
.mr-2, .mx-2 {  margin-right: 8px !important;  }
.mb-2, .my-2 {  margin-bottom: 8px !important;  }
.ml-2, .mx-2 {  margin-left: 8px !important;  }

.m-3 {  margin: 16px !important;  }
.mt-3, .my-3 {  margin-top: 16px !important;  }
.mr-3, .mx-3 {  margin-right: 16px !important;  }
.mb-3, .my-3 {  margin-bottom: 16px !important;  }
.ml-3, .mx-3 {  margin-left: 16px !important;  }

.m-4 {  margin: 24px !important;  }
.mt-4, .my-4 {  margin-top: 24px !important;  }
.mr-4, .mx-4 {  margin-right: 24px !important;  }
.mb-4, .my-4 {  margin-bottom: 24px !important;  }
.ml-4, .mx-4 {  margin-left: 24px !important;  }

.m-5 {  margin: 48px !important;  }
.mt-5, .my-5 {  margin-top: 48px !important;  }
.mr-5, .mx-5 {  margin-right: 48px !important;  }
.mb-5, .my-5 {  margin-bottom: 48px !important;  }
.ml-5, .mx-5 {  margin-left: 48px !important;  }

.p-0 {  padding: 0 !important;  }
.pt-0, .py-0 {  padding-top: 0 !important;  }
.pr-0, .px-0 {  padding-right: 0 !important;  }
.pb-0, .py-0 {  padding-bottom: 0 !important;  }
.pl-0, .px-0 {  padding-left: 0 !important;  }

.p-1 {  padding: 4px !important;  }
.pt-1, .py-1 {  padding-top: 4px !important;  }
.pr-1, .px-1 {  padding-right: 4px !important;  }
.pb-1, .py-1 {  padding-bottom: 4px !important;  }
.pl-1, .px-1 {  padding-left: 4px !important;  }

.p-2 {  padding: 8px !important;  }
.pt-2, .py-2 {  padding-top: 8px !important;  }
.pr-2, .px-2 {  padding-right: 8px !important;  }
.pb-2, .py-2 {  padding-bottom: 8px !important;  }
.pl-2, .px-2 {  padding-left: 8px !important;  }

.p-3 {  padding: 16px !important;  }
.pt-3, .py-3 {  padding-top: 16px !important;  }
.pr-3, .px-3 {  padding-right: 16px !important;  }
.pb-3, .py-3 {  padding-bottom: 16px !important;  }
.pl-3, .px-3 {  padding-left: 16px !important;  }

.p-4 {  padding: 24px !important;  }
.pt-4, .py-4 {  padding-top: 24px !important;  }
.pr-4, .px-4 {  padding-right: 24px !important;  }
.pb-4, .py-4 {  padding-bottom: 24px !important;  }
.pl-4, .px-4 {  padding-left: 24px !important;  }

.p-5 {  padding: 48px !important;  }
.pt-5, .py-5 {  padding-top: 48px !important;  }
.pr-5, .px-5 {  padding-right: 48px !important;  }
.pb-5, .py-5 {  padding-bottom: 48px !important;  }
.pl-5, .px-5 {  padding-left: 48px !important;  }

.m-auto {  margin: auto !important;  }
.mt-auto, .my-auto {  margin-top: auto !important;  }
.mr-auto, .mx-auto {  margin-right: auto !important;  }
.mb-auto, .my-auto {  margin-bottom: auto !important;  }
.ml-auto, .mx-auto {  margin-left: auto !important;  }

.font-weight-bold {font-weight:bold}

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

.d-none {display: none !important}
.d-inline {display: inline !important}
.d-inline-block {display: inline-block !important}
.d-block {display: block !important}
.d-table {display: table !important}
.d-table-row {display: table-row !important}
.d-table-cell {display: table-cell !important}
.d-flex {display: -ms-flexbox !important;display: flex !important}
.d-inline-flex {display: -ms-inline-flexbox !important;display: inline-flex !important}

.justify-content-start {
    justify-content: flex-start;
}
.justify-content-end {
    justify-content: flex-end;
}
.justify-content-between {
    justify-content: space-between;
}

.flex-column  {
    flex-direction: column;
}

.align-items-baseline {
    align-items: baseline;
}
.align-items-start {
    align-items: flex-start;
}
.align-items-end {
    align-items: flex-end;
}
.align-items-center {
    align-items: center;
}

.cursor-pointer {
    cursor: pointer;
}
.cursor-default {
    cursor: default;
}

@media (min-width:576px) {
    .d-sm-none {display: none !important}
    .d-sm-inline {display: inline !important}
    .d-sm-inline-block {display: inline-block !important}
    .d-sm-block {display: block !important}
    .d-sm-table {display: table !important}
    .d-sm-table-row {display: table-row !important}
    .d-sm-table-cell {display: table-cell !important}
    .d-sm-flex {display: -ms-flexbox !important;display: flex !important}
    .d-sm-inline-flex {display: -ms-inline-flexbox !important;display: inline-flex !important}
}

@media (min-width:768px) {
    .d-md-none {display: none !important}
    .d-md-inline {display: inline !important}
    .d-md-inline-block {display: inline-block !important}
    .d-md-block {display: block !important}
    .d-md-table {display: table !important}
    .d-md-table-row {display: table-row !important}
    .d-md-table-cell {display: table-cell !important}
    .d-md-flex {display: -ms-flexbox !important;display: flex !important}
    .d-md-inline-flex {display: -ms-inline-flexbox !important;display: inline-flex !important}
}

@media (min-width:992px) {
    .d-lg-none {display: none !important}
    .d-lg-inline {display: inline !important}
    .d-lg-inline-block {display: inline-block !important}
    .d-lg-block {display: block !important}
    .d-lg-table {display: table !important}
    .d-lg-table-row {display: table-row !important}
    .d-lg-table-cell {display: table-cell !important}
    .d-lg-flex {display: -ms-flexbox !important;display: flex !important}
    .d-lg-inline-flex {display: -ms-inline-flexbox !important;display: inline-flex !important}
}

@media (min-width:1200px) {
    .d-xl-none {display: none !important}
    .d-xl-inline {display: inline !important}
    .d-xl-inline-block {display: inline-block !important}
    .d-xl-block {display: block !important}
    .d-xl-table {display: table !important}
    .d-xl-table-row {display: table-row !important}
    .d-xl-table-cell {display: table-cell !important}
    .d-xl-flex {display: -ms-flexbox !important;display: flex !important}
    .d-xl-inline-flex {display: -ms-inline-flexbox !important;display: inline-flex !important}
}


/*
*
* S T A T I S T I C    S U R V E Y
*
**********************************************************************************************************************************/
/*
 * Statistik-Facelift
 */
.statistic-form-container input, .statistic-form-container .select2-selection, .statistic-form-container select, .statistic-form-container textarea {
    border-color: #aaaaaa;
}

.statistic-form-container .headline {
    border: none;
}

.statistic-form-container .headline .inner-heading h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom:0;
}

.statistic-form-container .page-description {
    font-size: 17px;
    line-height: 20px;
}

.statistic-form-container .form-event-tab-year {
    padding:0;
}

.statistic-form-container .panel {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    border-radius:0;
}

#statisticHeaderDividingLine {
    margin-left: -15px;
    margin-right: -15px;
}

.statistic-form-container .statistic-column {
    padding: 0;
}

.statistic-top-section, .statistic-bottom-section {
    margin-right: 250px;
    background-color: #f3f3f3;
    padding: 25px;
}

.statistic-top-section {
    border-bottom: 1px solid #b2b2b2;;
}

.statistic-form-container {
    background-color: #f3f3f3;
    margin-right: 250px;
    position: relative;
}

.statistic-form-container .row {
    width: 100%;
    margin-left:0;
}

.statistic-form-container .col-xs-1,
.statistic-form-container .col-xs-2,
.statistic-form-container .col-xs-3,
.statistic-form-container .col-xs-4,
.statistic-form-container .col-xs-5,
.statistic-form-container .col-xs-6,
.statistic-form-container .col-xs-7,
.statistic-form-container .col-xs-8,
.statistic-form-container .col-xs-9,
.statistic-form-container .col-xs-10,
.statistic-form-container .col-xs-11,
.statistic-form-container .col-xs-12 {
    padding: 0;
}

.statistic-form-container hr {
    border-color: #b2b2b2;
    margin-bottom:0;
}

.statistic-form-container .control-label {
    text-align: left;
}

.statisticContainer {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0;
    padding: 15px;
}

.statistic-form-container .form-control {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.statistic-form-container .fa-info-circle {
    color: #383838;
}

.statistic-form-container .select2-selection {
    box-shadow: none;
    -webkit-box-shadow: none;
}

#helperContainer {
    position: absolute;
    top: 0;
    width: 240px;
    min-height: 150px;
    right: -260px;
    background: #286090;
    box-shadow: 0 0 14px rgba(0,0,0,0.15);
    padding: 10px;
    color: #FFFFFF;
}

#helperContainer #helperText a {
    color: #FFFFFF;
    text-decoration: underline;
}

#helperContainer .fa-info-circle, #helperContainer .fa-info-circle:hover {
    color:white;
}

#helperContainer #helper-caret {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #286090;
    position: absolute;
    left: -15px;
    top: 35px;
}

#helperContainer #helper-close {
    position: absolute;
    color: #ffffff;
    top: 5px;
    right: 10px;
}

.row-statistic {
    padding-left: 15px;
    padding-right: 15px;
}

.statistic-form-container .text-error-plausibility, .statistic-form-container .text-error-calculation, .statistic-form-container .text-error-format, .statistic-form-container .text-error-multiselect, .statistic-form-container .text-error-red {
    color: #b94a48;
}

.statistic-form-container a.text-error-plausibility:hover, .statistic-form-container a.text-error-calculation:hover, .statistic-form-container a.text-error-format:hover,
.statistic-form-container a.text-error-plausibility:focus, .statistic-form-container a.text-error-calculation:hover, .statistic-form-container a.text-error-format:hover {
    color: #953b39;
}


@media (max-width: 991px) {
    #statisticForm {
        margin-right: 0;
    }

    #helperContainer {
        right: 0;
    }
}

@media (max-width: 575px) {
    .statistic-mobile-btn {
        width: 100%;
        margin-bottom: 5px;
    }
}

/*
 * neue Statistic-Index-Seite
 */
.panel.panel-statistic {
    background-color: #f3f3f3;
    min-height: 50px;
    border: none;
    border-radius: 0;
}

.panel.panel-statistic .panel-text {
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 13px;
}

.container.container-statistic {
    padding:0;
    margin:0;
    margin-bottom: 30px;
}

.row.row-statistic-preview {
    margin-bottom:0;
    min-height:50px;
}

.row.row-circle {
    position:relative;
}

.statistic-surveygroup-caption {
    font-size: 16px;
    font-weight: 600;
    margin-top:15px;
}

.statistic-surveygroup-caption-color, .statistic-surveygroup-caption-color:hover, .statistic-surveygroup-caption-color:focus, .statistic-surveygroup-caption-color:active {
    color: #484b52;
    text-decoration: none;
}

.statistic-surveygroup-group-caption {
    font-size: 14px;
    font-weight: 600;
    color: #AEAEAE;
    margin-bottom: 10px;
}

.statistic-surveygroup-description {
    font-size: 16px;
}

.statistic-surveygroup-share-btn {
    margin-top: 15px;
}

.statistic-surveygroup-detail-btn {
    font-size: 20px;
    margin-top: 15px;
    margin-right: 25px;
    color: #AEAEAE;
}

.statistic-surveygroup-detail-btn:hover {
    text-decoration: none;
    color: #AEAEAE;
}

.statistic-surveygroup-detail-btn:focus {
    text-decoration: none;
    color: #797979;
}

.display-none {
    display:none;
}

.statistic-surveygroup-circle {
    position:absolute;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    top: 15px;
    left: 25px;
    text-align: center;
    color: #FFFFFF;
}

.statistic-surveygroup-green-circle {
    background-color: #00B85B;
}

.statistic-surveygroup-gray-circle {
    background-color: #AEAEAE;
}

.statistic-surveygroup-red-circle {
    background-color: #b94a48;
}

.statistic-baseData-box {
    padding: 15px 0 !important;
    border: 1px solid #b2b2b2;
}

.surveygroup-status-field {
    display: inline-block;
    width: 120px;
    height: 20px;
    border-radius: 10px;
    font-size: 11px;
    text-align: center;
}

.container.container-statistic-surveygroup-detail {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
}

hr.surveygroup {
    margin-top: 7px;
    margin-bottom: 7px;
}
.p-delete {
    margin-top: 3px;
}

.margin-left-10 {  margin-left: 10px;  }

.floatright {  float:right;  }

.survey-statistic-item-box {
    border: 1px solid black;
    padding: 2px;
    margin: 2px 0;
    line-height: 28px;
    overflow-x: hidden;
}

/*
 * Sharing Modal
 */
.modal-body {
    min-height: 110px;
}

.form-group-sharing {
    height: 30px;
}

.btn-group {
    display: none;
    position: absolute;
    right: 15px;
}

.sharing-btn-green {
    background-color: #00B85B;
    color: #FFFFFF;
    border: none;
}

.split-share-btn {
    margin-top: 14px;
    line-height: 10px;
    outline: none;
}

.split-share-btn-green {
    background-color: #00B85B;
    border-color: #00B85B;
    color: #FFFFFF;
}

.split-share-btn-left {
    text-transform: uppercase;
}

.split-share-btn-right {
    border-left: 1px solid #FFFFFF;
    width: 140px;
}

.split-share-btn-left:hover {
    color: #FFFFFF;
    background-color: #00803F;
    border-color: #00803F;
    border-right-color: #FFFFFF;
}

.split-share-btn-left:visited {
    background-color: #00B85B;
    border-color: #00B85B;
    color: #FFFFFF;
}

.split-share-btn-left:focus {
    background-color: #00B85B;
    border-color: #00B85B;
    color: #FFFFFF;
}

.split-share-btn-right:hover {
    color: #FFFFFF;
    background-color: #00803F;
    border-color: #00803F;
    border-left-color: #FFFFFF;
}

.split-share-btn-right:active {
    color: #FFFFFF;
    background-color: #00803F;
    border-color: #00803F;
    border-left-color: #FFFFFF;
}

.split-share-btn-right:focus {
    color: #FFFFFF;
    background-color: #00B85B;
    border-color: #00B85B;
}

.split-share-btn-right:visited {
    color: #FFFFFF;
    background-color: #00B85B;
    border-color: #00B85B;
}

/*
 * Sharing Modal Success
 */

.modal-body-success {

}

.circle-loader {
    margin-bottom: 1.5em;
    margin-top: 1em;
    border: 6px solid rgba(0, 0, 0, 0.2);
    border-left-color: #5cb85c;
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: 3em;
    height: 3em;
}

.load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: #5cb85c;
    transition: border 500ms ease-out;
}

.checkmark {
    display: none;
}

.checkmark.draw:after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: checkmark;
    transform: scaleX(-1) rotate(135deg);
}

.checkmark:after {
    opacity: 1;
    height: 1.9em;
    width: 1em;
    transform-origin: left top;
    border-right: 6px solid #5cb85c;
    border-top: 6px solid #5cb85c;
    content: '';
    left: 0.09em;
    top: 1.35em;
    position: absolute;
}

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

@keyframes checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }
    20% {
        height: 0;
        width: 1em;
        opacity: 1;
    }
    40% {
        height: 1.9em;
        width: 1em;
        opacity: 1;
    }
    100% {
        height: 1.9em;
        width: 1em;
        opacity: 1;
    }
}

/*
 * Sharing
 */
.container.container-sharing {
    padding:0;
    margin:0;
    margin-bottom: 30px;
    margin-top: 30px;
}

.container.container-sharing-layout {
    margin-top: 50px;
}

.form-sharing {
    margin-bottom: 150px;
}

/*
 * Flip-Flop-Schalter
 */
.onoffswitch {
    position: relative; width: 40px; height: 20px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    margin-left: 25px; margin-top: 15px;
    display: inline-block;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 1px solid #C4C4C4; border-radius: 20px; height: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.2s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 15px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #F2F2F2;
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #F2F2F2;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 20px; margin: 0;
    background: #00B85B;
    position: absolute; top: 0; bottom: 0;
    right: 20px;
    border-radius: 20px;
    transition: all 0.2s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
    background-color: #AEAEAE;
}

/*
.col-statistic-survey-block {
    border-radius: 0 5px 5px 0;
    padding: 10px 5px 10px 5px;
    border-left:3px solid black;
}
*/
h6.col-statistic-survey-block-header {
    margin:0;
    color:#aeaeae;
    display:inline-block;
    font-size:14px;
    padding: 0 5px;
    width: 100%;
}

.col-statistic-survey-block img {
    max-width: 100px;
    max-height: 30px;
    padding-right: 5px;
}

.col-statistic-survey-block .form-group, .canvasItemContainerSurvey .form-group {
    padding: 10px 5px 0 5px;
}

#statisticCanvas.canvasItemBackground {
    padding-top:0 !important;
}

.transfer-contract-popover-info {
    border:none;
    background-color:transparent;
    color: #484b52;
    position: absolute;
    z-index: 1000;
    top:0;
    left:0;
    font-size: 18px;
    line-height: 1;
}

.transfer-contract-popover-info:hover {
    color:#484b52;
}

/*
 * Data Sighting
 */
.data-sighting-btn-index {
    cursor:pointer;
    border:none;
    background-color:transparent;
    position: absolute;
    z-index: 1000;
    top:10px;
    left:0;
    font-size: 18px;
}

.data-sighting-pdf-index {
    cursor:pointer;
    border:none;
    background-color:transparent;
    position: absolute;
    color:#484b52;
    z-index: 1000;
    top:7px;
    left:23px;
    font-size: 18px;
}

.data-sighting-pdf-index:hover {
    color:#484b52;
}

.data-sighting-btn-cell-index {
    position: relative;
    width: 40px;
}

.data-sighting-picture-box {
    border: 1px solid #ddd;
    border-radius: 4px;
    float: left;
    margin: 0;
}

#picture-preview-row .data-sighting-picture-box {
    margin: 5px;
}

#picture-preview-row .data-sighting-picture-box.active {
    border: 3px solid #337ab7
}

#picture-preview-row {
    overflow-x: auto;
    margin-bottom: 15px;
}

.data-sighting-picture-box .row-picture {
    margin: 15px 0;
}

#dataSightingModal .col-preview-swipe {
    text-align: center;
}

#picture-swipe-left-btn, #picture-swipe-right-btn {
    height: 40px;
    width: 40px;
}

.preview-swipe-arrow {
    color:#aaa;
    font-size: 15px;
    margin-top: 5px;
}

#allFormModal {
    position: absolute;
    top:400px;
    left:880px;
}

#allFormModalTriangle {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 20px solid #ffffff;
    position: absolute;
    top: 140px;
    left: 510px;
}

/*
 * Popover
 */
.popover{
    max-width: 400px;
}

/*
 * Export Attachment
 */
#picture-preview-row .attachment-preview-picture-box.active {
    border: 3px solid #337ab7
}

/*
 * Statistic Category Popover
 */

.statistic-backend .popover {
    max-width: 900px;
    max-height: 100%;
    overflow-y: auto;
}
.statistic-backend .popover.right .arrow {
    left: 0;
    border-right-color: black;
    position:absolute;
}

.statistic-backend .category-popover, .statistic-backend .category-popover:hover, .statistic-backend .category-popover:active {
    color: #383838;
}

.statistic-backend a.category-popover:hover {
    text-decoration: none;
    cursor: auto;
}

/*
 * Statistic Plausibility warning
 */
.submit-disabled {
    pointer-events: none;
    opacity: 0.3;
}



/*
 * Signature
 */
.signature-wrapper {
    position: relative;
    width: 70%;
    height: 200px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 auto;
}

.signature-pad {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    border: 1px solid #000000;
}

.mobile-info {
    display: none;
    font-size: 15px;
    color: red;
}

.signature-box {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #b2b2b2;
    height: 250px;
    padding: 20px;
}

.signature-line {
    position: absolute;
    bottom: 40px;
    height: 1px;
    border-bottom: 1px solid #b2b2b2;
    width: 93%;
}

.signature-info {
    position: absolute;
    bottom: 20px;
    font-size: 10px;
}

.signature-notification-row {
    position: absolute;
    bottom: 55px;
    left: 20px;
    color: red;
}

.signature-image {
    position: absolute;
    bottom: 40px;
    left: 0;
    max-height: 200px;
    max-width: 100%;
}

.signature-box .qr-code {
    position: absolute;
}

body.sign-form .logo {
    margin:0 0 20px -10px;
    width:450px;
}

body.sign-form .logo img {
    height:60px;
}

@media (max-width: 575px) {
    .signature-wrapper {
        width: 100%;
    }

    .mobile-info {
        display: block;
    }
}

@media (max-width: 991px) {
    body.sign-form .logo {
        margin-bottom: 0;
    }

    body.sign-form .logo img {
        height:40px;
    }

    body.sign-form h2 {
        margin:0 !important;
        line-height: 22px !important;
        font-size: 20px !important;
    }

    body.sign-form .row {
        margin: 0 !important;
    }
}

/* Statistic Sighting */
.statistic-sighting-body .detail-button {
    font-size: 20px;
    color: #AEAEAE;
}