body { 

    overflow-y: scroll;
}

*, *:before, *:after {
      
      -moz-box-sizing: border-box; 
      -webkit-box-sizing: border-box; 
      box-sizing: border-box;
}

    /*
    green #60A625;
    blue #01387D;
    grey #858383;

    */

a {

    color: #01387D;
}

* {

    padding: 0;
    margin: 0;
}

h1,h2,h3,h4,h5,h6, li, p, a, tr, th, td, label, textarea, input, select, blockquote, a, strong, small, span, div { 
    
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    line-height: 130%;
}

p, table, ul, ol {

    margin-bottom: 10px;
}

.red {

    background: #900;
    display: inline-block;
    padding: 3px 10px;
    font-size: 11px;
    color: #FFF;
}

body {

    background: #eee;
}

form {

    display: inline;
}

label {
    
    font-weight: bold;
    display: inline-block;
}

label.inline,
label.inner {

    font-weight: normal;
    line-height: 20px;
    display: inline-block;
}



h1,h2,h3,h4,h5,h6 {


}

label, input, textarea, select, p, ul, li, strong {

    font-size: 13px;
}

h1 {

    font-size: 21px;
    line-height: 36px;
    font-weight: 600;
    padding: 0 10px;
}

h1 span,
h2 span,
h3 span
{

    font-size: 13px;
    font-weight: normal;
}

h2 {

    font-size: 18px;
    line-height: 36px;
    font-weight: 600;

}

h3 {

    font-size: 15px;
    line-height: 36px;
    font-weight: 600;
}

h3 a {

    line-height: 18px;
    font-weight: 600;

}

p {
    font-size: 13px;
    line-height: 18px;
}

small {

    font-size: 11px;
    color: #666;
}

ul {

    padding: 10px;
    margin-left: 20px;

}

ul.form {

    padding: 0;
    margin: 10px 0;
    list-style: none;
}

ul.form li {

    padding: 10px;
}

ul.form li.marker {

    background-color: #FFFDB9;
}

ul.form li.extra {

    padding: 20px 10px 10px 40px;
}

ul.form .description, 
ul.form .instruction {
    font-size: 12px;
    color: #666;
    line-height: 25px;
}

ul.form .item {
    display: block;
    border-top: 1px solid #EEE;
    font-size: 11px;
}

ul.form .item a {
    font-size: 11px;
}

ul.form .error {
    font-weight: bold;
    z-index: 999;
    color: #900; 
    display: block; 
    border-top: 1px solid #CCC;
    padding-top: 5px;
    padding-left: 10px;
    display: block;
    position: relative;
    left: -10px;
}

ul.form .error_inline {

    font-weight: bold;
    z-index: 999;
    color: #900; 
    display: block; 
    padding-top: 5px;
    padding-left: 10px;
    display: block;
    position: relative;
    left: -10px;
}

ul.form .info {
    font-size: 12px;
}



div.poll_format_text p,
div.poll_format_text li,
div.poll_format_text strong {
    font-size: 16px;
    line-height: 24px;
}

div.poll_format_text h3 {
    color: #000;
    font-size: 20px;
    margin-bottom: 15px;
}

div.pollapplication .menu {

    padding: 10px;
    border: 1px solid #ddd;
    background: #FFF;
    position: relative;
}

div.pollapplication .menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

div.pollapplication .menu ul li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    margin: 2px 0 2px 0;
    padding: 8px;
}

div.pollapplication .menu ul li a {
    text-decoration: none;
    flex-basis: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

div.pollapplication .menu ul li a strong.text {
    font-weight: 600;
    color: #000;
}

div.pollapplication .menu ul li a strong.control {
    font-weight: 600;
    color: #000;
    margin-right: 20px;
}

div.pollapplication .menu ul ul {

    list-style: none;
    padding: 0 0 0 10px;
}

div.pollapplication .menu ul ul li {

    font-size: 10px;
    margin-bottom: 2px;
    margin-top: 2px;
    padding: 2px;
}

div.pollapplication .menu ul ul li strong {
    font-size: 10px;
}

div.pollapplication .menu ul ul li .icon {

    font-size: 120%;
    font-weight: 900;
    display: inline-block;
    width: 16px;
    text-align: center;
    line-height: 16px;
    flex-basis: 16px;
    padding-right: 5px;
}


ul.menu {

    list-style: none;
    padding: 0;
    margin: 0;
}

ul.submenu {

    list-style: none;
    padding: 0 0 0 10px;
}

ul.menu li .icon,
ul.submenu li .icon  {
    font-size: 120%;
    font-weight: 900;
    display: inline-block;
    width: 16px;
    text-align: center;
    line-height: 16px;
    flex-basis: 16px;
    padding-right: 5px;
}

ul.menu li strong,
ul.submenu li strong  {
    flex-basis: calc(100% - 21px);
}

ul.menu li,
ul.submenu li {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    margin: 8px 0 8px 0;
}

.application {
    max-width: 1600px !important;
}

.application_content .title {

    display: block;
    width: 100%;
    height: 16px;
}

.application_content .separator {

    display: block;
    border-bottom: 1px solid #CCC;
    padding: 4px 4px 2px 4px;
}

.application_content .title span {

    float: right;
    text-decoration: underline;
}

.application_content .toggle_box {

    display: none
}

.application_content input[type=checkbox]:checked ~ .toggle_box {

    display: block;
}

.application_content input[type=checkbox].toggler {

    display: none;
}

.application_content .togglerbutton {

    text-decoration: underline;
    cursor: pointer;
}

.application_content .nc {
    display: none;
}

.application_content input[value=nonconformity]:checked ~ .nc {
    display: block;
}

.application_content .done {
    color: #888 !important;
}


.application_customer_input {
    padding-left: 10px;
    border-left: 2px solid #ccc;
    display: block;
    font-style: italic;
}

.user_answer {
    font-style: italic;
    display: inline;
    font-size: 13px;
    line-height: 18px;
}


.buttons {
    padding: 10px;
    line-height: 30px;
    font-size: 12px;
}  


label {

    display: block;
    font-weight: 700;
}

label.inner {

    font-weight: 500;
}

table {

    border-collapse: collapse;
}

table.max {

    width: 100%;
}

table tr th {
    padding: 3px;
    border-bottom: 1px solid #999;
    text-align: left;
    font-weight: bold;
    font-size: 13px;
}

table tr td {

    padding: 8px 5px 7px 5px;
    vertical-align: top; 
    font-size: 13px;
}

table.max tbody tr:nth-child(odd) td,  
table.max tbody tr.odd td {
        background:#EEE;
}


table.zebra tbody tr:hover td {

    background: #DDD;
}

table td.label {

    padding: 0;
}

table td label {
    
    font-weight: normal;
    display: block;
    padding: 5px;
}

table td.selected  {

}

table.zebra tbody tr:nth-child(odd) td,  
table.zebra tr.odd td {
        background:#EEE;
        border-bottom: 1px solid #ddd;
}

table tr th.right,
table tr td.right {
     
    text-align: right;
}

table tfoot tr td {

    border-top: 1px solid #999;
    font-weight: bold;

}

table tr.history td {
    
    color: #999;
}

.info_msg,
.error_msg,
.status_msg {

    margin-top: 10px;
    padding: 20px;
    color: #FFF;
    font-weight: 500;
    font-size: 18px;
    line-height: 150%;
}

.info_msg a,
.error_msg a,
.status_msg a {

    color: #FFF;
    font-weight: 700;
    text-decoration: underline;
}


.status_msg {
    
    background: #60A625;
}

.error_msg {
    
    background: #900;
}

.info_msg {

    background: #227A11;
}


ul.mainnav {

    padding: 20px 10px 0 10px;
    text-align: right;  
}

ul.mainnav li {

    display: inline;
    font-size: 13px;
 }

ul.mainnav li a {

    font-size: 12px;
    padding: 5px;
    display: inline-block;
}



#mainbar {

    background: #60A625;
    margin: 0 auto;
    min-height: 5px;
    box-shadow: 1px 1px 1px #DDD;
    padding: 0;
}

.instance_agf #mainbar {

    background: #5793C3;
}

ul.main {


    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
 }

ul.main li {

    font-size: 0;
    line-height: 0;
    display: inline;
}

ul.main li a {

    display: inline-block;
    padding: 10px 15px;
    color: #FFF;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    border-right: 1px solid #FFF;
    margin: 0;

}

ul.main li a.active,
ul.main li a:hover {

    color: #60A625;
    background: #FFF;
}


#footer-sep {

    background: #01387D;
    padding: 5px;
    margin: 10px auto ;
    clear: both; 
}

.instance_agf #footer-sep {

    background: #5793C3;

}

#footer {

    margin: 0 auto ;
    padding: 10px;


}


#footer div {

    font-size: 12px;
    color: #858383;
    padding: 0;
}

#footer div h3 {

    margin: 0;
    line-height: 20px;
    border-bottom: 0 none;
}

#footer div ul {

    padding-top: 5px;
}

#footer div li {

    margin: 5px 0;
}

#footer a {

    color: #858383;
}

#header {

    margin-top: 10px;
    background: #FFF;
}

#content {

    background: #EEE;
    padding: 10px 0;

}


#sidebar {

    
}

#sidebar .header {

    padding: 10px;
    margin-right: 10px;
    color: #fff;
    border-bottom: 1px solid #FFF;
    background: #4981C7; 
 }

#sidebar .header * {

    color: #FFF;
}

#sidebar ul {

    list-style: none;
    margin: 0 10px 10px 0;
    background: #4981C7; 
    padding: 0;

}
    
#sidebar ul li {
    
    border-bottom: 0 none;
    color: #333;
    padding: 0;
}



#sidebar ul li a:hover {

    color: #fff;
}

#sidebar ul li a {

    font-size: 14px;
    color: #fff;
    padding: 10px 10px;
    border-bottom: 1px solid #FFF;
}

#sidebar ul li a.active {
    background: #fff;
    color: #4981c7;
}

#sidebar a {

    display: block;
    padding: 10px 5px;
    text-decoration: none;
}

#sidebar form {

    background: #DDD;
    padding: 0 10px 10px 10px;
    margin-right: 10px;
    display: block;
}

#sidebar form label {
    
    padding-top: 8px;
}

#sidebar form label.inner,
#sidebar form label.inline {

    padding: 0;
}


#sidebar p a,
#sidebar form a {

    display: inline;
}

#sidebar button {

    padding: 3px 6px;
}

.pager {

    border-top: 1px solid #EEE;
    text-align: center;
    font-size: 11px;
    margin: 10px 0;

}

.pager a {

    display: inline-block;
    padding: 5px;
}

button, 
a.button, 
input[type="reset"], 
input[type="submit"], 
input[type="button"] {

    padding: 7px 16px;
    font-size: 13px;

}

button.special,
input[type="submit"].special {
    
    padding: 3px 8px;
    font-size: 13px;
}


button.second {
    
    border: 0 none;
    background: transparent;
    text-decoration: underline;
    color: #01387D;
    font-size: inherit;
    line-height: inherit;
    font-size: 13px;
    padding: 0;
}

.help {

    padding: 10px;
    background: #FFFDB9;
    box-shadow: 1px 1px 1px #DDD;
    font-size: 12px;
    line-height: 20px;
}

.help ul {

    padding: 0;
}


.marked {

    color: #900;
    font-weight: bold;
}

.bar_compare {
    color: #fff;
    background: #AAA;
    display: block;
    font-size: 11px;
    padding: 2px 5px;
}


.bar {
    color: #000;
    display: inline-block;
    font-size: 13px;
    margin: 1px 0;
    position: relative;
    padding: 3px 50px;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.bar_pure {
    color: #000;
    display: inline-block;
    font-size: 13px;
    margin: 1px 0;
    position: relative;
    height: 26px;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

.bar span {
    color: #000;
    position: absolute;
    left: 10px;
    top: 3px;
    color: #fff;
}

.bar_container {
    width: 100%;
    position: relative;
}

.bar_label {
    font-size: 13px;
    position: absolute;
    z-index: 99;
    top: 8px;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    display: inline-block;
    left: 1px;
    padding: 2px;
    background-color: rgba(210, 210, 210, 0.6);
}

.label_green a,
.label_orange a,
.label_grey a, 
.label_red a {

    color: #fff;
}


.label_green {
    
    color: #fff;
    background: #60A625;
    display: inline-block;
    font-size: 11px;
    padding: 3px 4px;
}

.label_orange {
    
    color: #fff;
    background: #f15a25;
    display: inline-block;
    font-size: 11px;
    padding: 3px 4px;
}

.label_grey {

    color: #FFF;
    background: #999;
    font-size: 11px;
    padding: 3px 4px;
    
}


.label_red {

    color: #fff;
    background: #900;
    display: inline-block;
    font-size: 11px;
    padding:  3px 4px;
}

.label_blue {

    color: #fff;
    background: #009;
    display: inline-block;
    font-size: 11px;
    padding:  3px 4px;
}



.card {

    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background: #FFF;    
    position: relative;
}

.warncard { 

    background: #900;
    color: #fff;
}

.sep {

    border-bottom: 1px solid #EEE;
    margin: 10px 0;
}

.row_event {

    padding: 3px 10px;
    margin-bottom: 5px;
    min-height: 30px;
    background: #FFF;    
    border-top: 1px solid #CCC;
    box-shadow: 1px 1px 1px #DDD;
}

.card  .action {

    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 12px;
    display: inline-block;
    background: #004f9f;
    color: #fff;
    font-size: 12px;

}

.card .action a { 

    color: #fff;
}

.card h3 {

    font-size: 18px;
    font-weight: 400;
    color: #777;
    border-bottom: 0 none;
    margin: 0;
}

.card h4 {

    font-size: 15px;
    font-weight: 400;
    color: #777;
}

.blue {

    background: #4981C7;
    color: #fff;
}

.blue h3 {

    color: #fff;
}


@media (max-width: 767px) {

    .poll_input {
        margin-bottom: 10px;
    }

    ul.main li a {

        display: block;
        border-right: 0 none;
        border-bottom: 1px solid #FFF;
        text-align: left;
    }

    .mobile-center {

        text-align: center;
    }
  

    .faceted p {

        display: inline-block;

    } 
    
    .bar_label {
        top: 10px; 
        font-size: 10px;
    }

}

@media screen and (min-width: 768px) and (max-width: 1024px) {

    #sidebar .header {

        margin: 0;
    }

    #sidebar ul {

        margin: 0 0 10px 0;
    }

    #sidebar form  {

        margin: 0 0 10px 0;
    }

    #sidebar ul li {

        display: inline-block;
        border-bottom: 0 none;
    }

    #sidebar ul li a {

        border-right: 1px solid #FFF;
        display: inline-block;
        
    }

    ul.main li a {

        padding-right: 12px;
        padding-left: 12px;
    }


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


}

@media screen and (min-width: 1025px) {

    .center {
        text-align: center;
    }
}


ul.dialog {
    
    padding: 0;
    margin: 10px 0;
    list-style: none;
}

ul.dialog li {

    padding: 5px;
    border-bottom: 1px solid #eee;
}


ul.dialog2 {
    
    padding: 0;
    margin: 10px 0;
    list-style: none;
}

ul.dialog2 li {

    padding: 15px;
    border-bottom: 0 none;
}

ul.dialog2 label.filter {

    font-weight: normal;
    display: block;
    position: relative;
    padding: 5px 0;
}

ul.dialog2 select {
    
    position: absolute;
    right: 15px;
    top: 0;
    width: 30%;
    
}

ul.dialog2 button[type=submit]  {
    display: block;
    text-align: center;
    width: 100%;
}

ul.data-list {
    padding: 0;
    margin: 5px 0 10px 0;
    list-style: none;


}

.selection {

    background: #fff;
    padding: 4px 5px;
    margin-bottom: 2px;
    margin-right: 1px;
    display: inline-block;

}

.selection-filter {

    color: #666;
    font-size: 11px;
}

ul.data-list li {

    padding: 4px 5px;
    margin-bottom: 2px;
    margin-right: 1px;
    display: inline-block;
}

ul.data-list li [data-list-delete] {

    color: #900;
    cursor: pointer;
}

ul.data-list li[data-list-item] {
    
    

}

ul.data-list li[data-list-add] {

    color: #01387D;
    font-size: 13px;
    background: transparent;
    cursor: pointer;
}

.data-modal-dimm {

    position: fixed;
    z-index: 888888;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(200,200,200,0.4);
    
}

.blur {

  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);

}

.data-modal {

    position: absolute;
    background: #fff;
    box-shadow: 3px 3px 10px #999;
    z-index: 99999999;
    padding: 20px;
    overflow: auto;
}

.data-modal-header {

    font-size: 18px;
    color: #fff;
    background: #4981C7
}

img {
    
    max-width: 100%;
}

blockquote {

    padding: 5px;
    border-left: 1px solid #CCC;
    margin: 10px 0;
}

blockquote cite {

    font-size: 11px;
    color: #999;
    font-style: normal;
}

#sidebar ul.tree {

    background: none;
    box-shadow: none;
}

#sidebar ul.tree li {

    position: relative;
    border-bottom: 1px solid #eee 

}

#sidebar ul.tree li a {

    padding: 5px;
    color: #222;
}

#sidebar ul.wiki {

    background: none;
    box-shadow: none;
}

#sidebar ul.wiki li {

    border: 0 none;
    color: #222;
    
}

#sidebar ul.wiki li  a {

    padding: 5px;
    color: #000;
    font-size: 15px;
}


#sidebar ul.wiki li li a {

    padding: 5px 3px 4px 20px;
    color: #222;
    font-size: 13px;
}


#sidebar ul.tree li a.folderbox {

    position: absolute;
    left: -18px;
    top: 3px;
    color: #fff;
    padding: 0;
}


.marker {
    margin: 10px 0 0 0;
    padding: 10px;
    background: #e3ef8e;

}   

.row_media {

    padding: 10px;
    margin-bottom: 10px;
    min-height: 50px;
    background: #FFF;    
    border-top: 1px solid #CCC;
    box-shadow: 1px 1px 1px #DDD;
}

.media_box {

    background: #FFF;
    padding: 5px;
    margin: 0 10px 10px 0;
    height: 150px;
}

.second {

    font-size: 30px;
    padding: 10px;
    color: #666;
    font-weight: 400;
}



.poll_page_meter {
    margin-left: 0;
    margin-top: 30px;
    padding: 0;
}

.poll_page_meter li {

    display: inline-block;
    padding: 10px;
    background: #EEE;
    
}

.poll_page_meter li.active {

    background: #01387D;
    color: #FFF;
}

@media only screen and (max-width: 768px) {
    .poll_page_meter li {
        display: block;
    }
}

.poll_page_bar {

    margin: 10px;
    margin-bottom: 40px;
    box-sizing: content-box;
    border: 1px solid #999;
    min-height: 32px;
    z-index: 99;
}

.poll_page_bar .left {

    float: left;
    min-height: 32px;
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #fff;
    line-height: 32px;
    background-color: #01387D;
    text-indent: 20px;
    box-sizing: border-box;
}

.poll_page_bar .right {

    float: left;
    min-height: 32px;
    display: inline-block;
    padding: 0;
    margin: 0;
    color: #000;
    line-height: 32px;
    background-color: #fff;
    box-sizing: border-box;
    text-indent: 20px;
}

div.poll_info p strong span, .tippy {

    border-bottom: 1px dotted #000;
    cursor: pointer;
    color: #004;
}

figure.max {
    
    display: block;
    padding-top: 100%;
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: contain;
}

.gallery-item {

    background-repeat: no-repeat;
    text-align: center;
    padding-right: 10px;
    padding-bottom: 10px;
}

.gallery-item .meta {

    background-color: #fff;
    padding: 5px;
}

figure.small {

    float: left;
    width: 60px;
    height: 60px;

    margin-right: 5px;
    margin-bottom: 5px;
    
    background-position: center;
    background-repeat: no-repeat;
}

figure.large {

    float: left;
    width: 150px;
    height: 150px;

    margin-right: 5px;
    margin-bottom: 5px;

    background-position: center;
    background-repeat: no-repeat;

    border: 1px solid #DDD;
}

figure.preview {

    float: left;
    width: 150px;
    height: 100px;

    margin-right: 5px;
    margin-bottom: 5px;

    background-position: center;
    background-repeat: no-repeat;

    border: 1px solid #DDD;
}

figure.preview img {

    max-height: 100%;
    max-width: 100%;
    margin: auto;
}


.quote {

    padding-left: 10px;
    border-left: 1px solid #CCC;
}

a.cta {

    display: inline-block;
    padding: 5px 30px;
    font-size: 15px;
    margin: 10px 10px 0 10px;
    background-color: #60A625;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}

a.cta-second {

    display: inline-block;
    padding: 5px 30px;
    font-size: 15px;
    margin: 10px 10px 0 10px;
    color: #333;
    text-decoration: none;
    background: #CCC;
    cursor: pointer;
}

pre {

    font-family: Courier;
    font-size: 12px;
    white-space: pre-wrap;       /* css-3 */
     white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
      white-space: -pre-wrap;      /* Opera 4-6 */
       white-space: -o-pre-wrap;    /* Opera 7 */
        word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

#searchform {

    display: block;
    margin: 25px 0 0 0 ;
}

#searchform input {

    
    padding: 5px;
    line-height: 30px;
    height: 30px;
    width: 300px;
    max-width: 70%;
}



.marking1 {

    color: #900;

}

.marking2 {

    color: #900;

}

.marking3 {

    color: #900;

}

.faceted a {

    color: #555;
}

.faceted a strong {
    
    color: #000;
}

table.timetable {

    width: 100%;
    cursor: pointer;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

table.timetable tr th {
    line-height: 30px;
    border-bottom: 1px solid #999;

}


table.timetable tr td {

    background: #eee;
    border-left: 1px solid #CCC;
    line-height: 30px;
    border-bottom: 1px solid #999;
}

table.timetable tr td.selected {

    height: 30px;
    background: #4981C7;

}

.grid-container {

    max-width: 1300px;
}

.grid-parent-left {
    padding-left: 0;
}


.grid-parent-right {
    padding-right: 0;
}

.rating_stars_active {
    color: #f5b301;
}

.rating_stars_inactive {
    color: #777777;
}

ul.tabcard {

    padding: 0;
    margin: 0;
    position: relative;
    bottom: -2px;
    left: 5px;
}

ul.tabcard li {

    font-size: 15px;
    display: inline-block;
    padding: 8px 19px;

}

ul.tabcard li a { 
   
    display: block;
    cursor: pointer;
    text-decoration: none;
    color: #999;
}

ul.tabcard li.active {

    background: #fff;
}

ul.tabcard li.active a {

    cursor: pointer;
    text-decoration: none;
    color: #000;
}

.ifk_title {


    font-size: 15px;
    color: #333;
    margin: 0;

}

.ifk_stars {

    font-size: 30px;
    line-height: 15px;
    margin: 0;
}

.ifk_text {

    font-size: 13px;
    color: #000;
    margin: 0;
}

.ifk_text strong {

    font-size: 15px;
 
}

.ifk_details {

    font-size: 11px;
    color: #333;
    margin: 5px 0;

}

.ifk_select_star {

    padding: 0;
}

.ifk_select_star .star1 {

    background-image: url('/static/images/ifk/ifk_star_1.png');
}

.ifk_select_star .star2 {

    background-image: url('/static/images/ifk/ifk_star_2.png');
}

.ifk_select_star .star3 {

    background-image: url('/static/images/ifk/ifk_star_3.png');
}

.ifk_select_star .star4 {

    background-image: url('/static/images/ifk/ifk_star_4.png');
}

.ifk_select_star .star5 {

    background-image: url('/static/images/ifk/ifk_star_5.png');
}

.ifk_select_star span {

    text-align: center;
    padding: 2px;
    margin: 0;
    display: block;
    max-width: 100%;

    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.ifk_select_star span label input {

    margin-top: 4px;
}

.blankslate {

    padding: 20px 0;
    text-align: left;
    font-size: 12px;
    color: #888;
}

.ifk_bargraph {
    
    width: 100%;
}

.ifk_bargraph .area1 {
    
    width: 30%; 
    display: inline-block;
}

.ifk_bargraph .area2 {
    
    width: 40%; 
    display: inline-block;
}

.ifk_bargraph .area3 {
    
    width: 20%; 
    display: inline-block; 
    margin-left: 4%;
}

.ifk_bargraph .area1 span {
    
    margin-top: 5px; 
    width: 100%; 
    line-height: 24px; 
    text-align: right; 
    display: block; 
    height: 24px; 
    font-size: 65%;
}

.ifk_bargraph .area2 div {
    
    height: 24px; 
    background-color: #f5b301; 
    display: block;
    margin-top: 5px; 
    margin-left: 5px;
    padding-right: 5px;
}

.ifk_bargraph .area2 span {
    
    margin-top: 5px; 
    line-height: 24px; 
    text-align: right; 
    display: block; 
    height: 24px; 
    font-size: 65%;
}

.ifk_bargraph .area3 span {
    
    margin-top: 5px; 
    line-height: 24px; 
    text-align: left; 
    display: block; 
    height: 24px; 
    font-size: 65%;
}

.ifk_bargraph .no_info span
{
    margin-top: 5px; 
    line-height: 24px; 
    text-align: center; 
    display: block; 
    height: 24px; 
    font-size: 65%;
}

.ifk_img_border {
    
    border: 1px solid #a69481;
    margin: 5px;
}


.timeline_container { 
  margin: 0;
  color: #000;
  background: #eee;
  font-size: 12px;
}

.timeline_container em {

    font-style: normal;
    color: #777;
    font-size: 11px;
}

.timeline_container  em a {
    font-style: normal;
    color: #777;
    text-decoration: none;
    font-size: 11px;
}

.timeline_container .note {
  background-image:url('/static/images/timeline/dot_red.png');
  background-repeat:no-repeat;
  background-position: 24% 0%;
}

.timeline_container .mail_get {
  background-image:url('/static/images/timeline/dot_blue.png');
  background-repeat:no-repeat;
  background-position: 24% 0%;
}

.timeline_container .mail_send {
  background-image:url('/static/images/timeline/dot_green.png');
  background-repeat:no-repeat;
  background-position: 24% 0%;
}

.timeline_container .login_owner {
  background-image:url('/static/images/timeline/dot_grey.png');
  background-repeat:no-repeat;
  background-position: 24% 0%;
}

.timeline_container .login_emplyee {
  background-image:url('/static/images/timeline/dot_grey.png');
  background-repeat:no-repeat;
  background-position: 24% 0%;
}

.timeline_container .download {
  background-image:url('/static/images/timeline/dot_grey.png');
  background-repeat:no-repeat;
  background-position: 24% 0%;
}

.timeline_container .leftside {
  margin: 0;
  padding-top: 20px;
  padding-right: 15px;
  text-align: right;
  font-size: 12px;

}

.timeline_container .content_info {
  padding: 10px 10px;
  margin-top: 12px;
  margin-bottom: 15px;
 }

.timeline_container .content_info ul {
  padding: 0;
  margin: 0;
}

.timeline_container .content_info ul li{
  list-style: none;
  padding: 0px 0px 0;
  margin-top: 2px;
}

.timeline_container .content {
  padding: 10px 20px;
  margin-top: 10px;
  margin-left: 25px;
  margin-bottom: 15px;
  position: relative;
  background: #fff;
  border-radius: 0;
  font-size: 12px;
}

.timeline_container .options
{
    text-align: right;
    display: block;
    position: relative;

    top: -15px;
    margin-bottom: 10px;
}

.timeline_container .content p {
  text-align: justify;
  margin-top: 10px;
  min-height: 3em;
}

.timeline_container .content label {
   font-weight: bold;
   margin-bottom: 4px;
}

.timeline_container .content:before {
  content: "";
  width: 0;
  height: 0;
  border: solid transparent;
  position: absolute; 
  right: 100%;

}
.timeline_container .content:before {
  border-right-color: #fff;
  border-width: 20px;
  top: 20px;
  margin-top: -20px;
}

.timeline_container .time {
  padding-top: 5px;
  color: #aaa; 
}

.timeline_container .time p{
  padding-top: 5px;
  margin: 1px 0 1px 0; 
}

@media only screen and (max-width: 1024px) {

    .timeline_container .note {
      background-image:url('/static/images/timeline/dot_red.png');
      background-repeat:no-repeat;
      background-position: top left;
    }
    
    .timeline_container .mail_get {
        background-image:url('/static/images/timeline/dot_blue.png');
        background-repeat:no-repeat;
        background-position: top left;
    }
        
    .timeline_container .mail_send {
        background-image:url('/static/images/timeline/dot_green.png');
        background-repeat:no-repeat;
        background-position: top left;;
    }
    
    .timeline_container .login_owner {
      background-image:url('/static/images/timeline/dot_grey.png');
      background-repeat:no-repeat;
      background-position: top left;
    }
    
    .timeline_container .login_emplyee {
      background-image:url('/static/images/timeline/dot_grey.png');
      background-repeat:no-repeat;
      background-position: top left;
    }
    
    .timeline_container .download {
      background-image:url('/static/images/timeline/dot_grey.png');
      background-repeat:no-repeat;
      background-position: top left;
    }
    
    .timeline_container .leftside {
      padding-left: 45px;
      text-align: left;
    }
    
    .timeline_container .content:before {
      border-width: 0px;
     }

    .timeline_container .content_info {

        padding-left: 10px;
     
    }

    .timeline_container .content {
      margin-top: 10px;
      margin-left: 1px;
      position: relative;
      background: #fff;
      padding-left: 10px;
    }

}

div.accordion {
    
    margin: 0;
    padding: 0;
}

div.accordion label + input[type='radio'] {
    
    display: none;
}

div.accordion label:hover {
    
    cursor: pointer;
}

div.accordion p.collapsable,
div.accordion div.collapsable {
    overflow: hidden;
    max-height: 30px;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);

}

/* Show the content boxes when the radio buttons are checked */
div.accordion label + input[type='radio']:checked + p.collapsable,
div.accordion label + input[type='radio']:checked + div.collapsable {
    
   max-height: 5000px;
}

div.collapse {
    
}

div.collapse label + input[type='checkbox'] {
    
    display: none;
}

div.collapse label:hover {
    
    cursor: pointer;
}

div.collapse p.collapsable,
div.collapse div.collapsable {
    overflow: hidden;
    max-height: 30px;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1);

}

/* Show the content boxes when the radio buttons are checked */
div.collapse label + input[type='checkbox']:checked + p.collapsable,
div.collapse label + input[type='checkbox']:checked + div.collapsable {
    
   max-height: 5000px;
}


select-single {

    background: #fff;
    border: 1px inset #eee;
    width: auto;
    max-width: 100%;
}

.select-single {

    font-weight: normal;
}

select-multi-item {

    background: #fff;
    border: 1px inset #eee;
}    

.delete.select-single {

    padding: 2px;
    border: 0 none;
    background: transparent;
    color: #900;
    font-weight: bold;
}

.event_teaser {

    margin-bottom: 20px; 
    width: 100%;
    margin-bottom: 20px;
}

.event_description p {

    margin-bottom: 0px;
    margin-top: 10px;
}

.event_description ul {

    padding-top: 0px;
    padding-bottom: 0px;
}

.textbox {

    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    background: #FFF;
    position: relative;
    font-size: 16px;
}

.textbox p, div, pre {
    font-size: 16px;
}

.textbox h3 {

    font-size: 17px;
}

.textbox h1, h2, h3, h4, h5 {

    padding-left: 0;
}

* {
    font-family: 'Source Sans Pro', sans-serif;
}

.draggable-table {
    position: relative;
}

.draggable-table .draggable-table__drag {
    position: absolute;
    width: 100%;
    z-index: 10;
    cursor: grabbing;
    -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.05);
    opacity: 1;
    background: #fff !important;
  }

  .draggable-table thead th {
    user-select: none;
  }
  .draggable-table tbody tr {
    cursor: grabbing;
  }
  .draggable-table tbody tr td {
    user-select: none;
  }
  .draggable-table tbody tr.is-dragging td {
    background: #f1c40f !important;
  }
  .draggable-table tbody tr.is-dragging td {
    /*color: #ffe683 !important;*/
  }


.poll_form_input .checkbox_rows {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    flex-direction: column;
}

.poll_form_input .checkbox_rows span input[type=checkbox],
.poll_form_input .poll_input input[type=checkbox]{
    width: 13px;
    margin-right: 3px;
}

.poll_form_input .poll_input {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    flex-direction: column;
    margin-bottom: 10px;
}

.poll_form_input .poll_input .checkbox_wrapper {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    font-size: 13px;
    flex-grow: 1;
}

.poll_form_input .poll_input .checkbox_wrapper .input_wrapper {
    display: flex;
    align-items: baseline;
    padding-top: 3px;

}

.poll_form_input .poll_input input[type=text] {
    margin-left: 16px;
}

.poll_input {
    padding-left: 0;
}

.poll_form_input .poll_vote_columns {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: row;
    margin-bottom: 10px;
    gap: 20px;
}

.poll_form_input .poll_vote_columns.half,
.poll_form_input .poll_vote_rows.half
{
    width: 50%;
}

.poll_form_input .poll_vote_columns .poll_vote_column {
    padding: 0 10px;
}

.poll_form_input .poll_vote_columns .poll_vote_column label {
    display: flex;
    gap: 4px;
    align-items: center;
    flex-direction: column;
}

.poll_form_input .poll_vote_rows {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    flex-direction: column;
    gap: 10px;
    
    padding-left: 10px;
}

.poll_form_input .poll_vote_rows .poll_vote_row {
    padding-bottom: 10px;
}

.poll_form_input .poll_vote_rows .poll_vote_row label {
    display: flex;
    gap: 4px;
    align-items: center;
}

.poll_form_input .poll_vote_rows .poll_vote_row:not(:last-child) {
    border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 768px) {

    .poll_form_input .poll_vote_columns,
    .poll_form_input .poll_vote_rows {
        flex-direction: column;
    }

    .poll_form_input .poll_vote_columns .poll_vote_column {
        width: 100%;
        padding-left: 10px;
        padding-bottom: 10px;
    }

    .poll_form_input .poll_vote_rows {
        padding-left: 10px;
    }

    .poll_form_input .poll_vote_columns.half,
    .poll_form_input .poll_vote_rows.half
    {
        width: 100%;
    }

    .poll_form_input .poll_vote_columns .poll_vote_column label {
        display: flex;
        gap: 4px;
        align-items: center;
        flex-direction: row;
    }

    .poll_form_input .poll_vote_columns .poll_vote_column:not(:last-child) {
        border-bottom: 1px solid #ccc;
    }
}