div#files {
    height:200px;
    overflow:hidden;
    margin:6px 0 9px 0;
    padding:4px;
}
div#files:hover {
    overflow-y:auto
}
div.section {
    width:100%;
    text-align:right;
    font-style:italic;
    color:#777777;
    font-size:12px;
    border-bottom:1px solid #cccccc;
    margin-bottom:8px;
}
div.button {
    float:left;
    cursor:pointer;
    background-color:#cccccc;
    border:1px solid #999999;
    padding:4px 6px;
    border-radius:5px;
    transition: background-color 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
}
div.button.right, .btn.right {
    float:right;
}
div.button:hover {
    background-color:#ffffff;
    transition: background-color 200ms ease-out;
    -webkit-transition: background-color 200ms ease-out;
    -moz-transition: background-color 200ms ease-out;
    -ms-transition: background-color 200ms ease-out;
    -o-transition: background-color 200ms ease-out;
}
div.scrollwrapper {
    width:900px;
}
textarea {
    width:100%;
    resize:none;
    border-radius:5px;
}
div#kommentare textarea {
    height:200px;
}
.invisible {
    display:none
}

div.content {
    margin: 20px 25px 20px 35px;
}
table[data-tables] {
    background-color:#eeeeee;
    border-radius:5px;
    padding:4px;
    margin-bottom:12px;
}
div.button.disabled {
	background-color:#dddddd;
	color:#777777;
	border-color:#999999;
}
div.button.disabled:hover {
	cursor:default;
	color:#777777;
}

/* misc */
div#dialogSendMail input[type='text'] {
    padding:4px 6px;
}
div#dialogSendMail input#mailSubject {
    margin-bottom:4px;
}
div#dialogSendMail p {
    margin-bottom:0;
}
div#dialogSendMail ul {
    margin-top:0;
    padding-left:15px;
}

div#laufzettel_page ul {
    padding-left:0;
}
div#laufzettel_page ul li {
    list-style-type:none;
}

div#laufzettel_page div.categoryLabel {
    float:left;
    clear:both;
    width:128px;
    font-weight:bold;
    padding-bottom:6px;
}
div#laufzettel_page div.value {
    float:left;
    width:calc(100% - 128px);
    padding-bottom:6px;
}

/* tmplx overrides */
.txWindow .panel-body {
    padding:0;
}
.txWindow .panel-body .txWindow.data, .txWindow .panel-body .txWindow.interface {
    padding:15px;
}
.txWindow .panel-body .txWindow.data {
    padding-bottom:0;
}

/* highres responsiveness */
div.box-responsive {
    width:100%;
    float:left;
}
@media (min-width: 1700px) {
    div.box-responsive.max-dual {
        width:50%;
    }
}

/* tableman styling */
div.header-background, .plx-tableman table thead th, .plx-tableman table thead th div.lbl, .dialog-import table thead th, .dialog-import table thead th div.lbl {
	background-color:#205283!important;
	color:#ffffff;
}
.plx-tableman table {
    background-color:#f0f1f2;
}
.plx-tableman [data-col] div.sort:not(.active) {
    color:#317dc9;
}
.plx-tableman .header-background [data-col] {
    cursor:pointer;
}
.plx-tableman .header-background [data-col] > div {
    float:left;
}
.plx-tableman .header-background [data-col] > div.lbl {
    max-width:calc(100% - 32px);
    overflow:hidden;
}
.plx-tableman .inline-edit {
    text-shadow:0 0 20px #205283;
    transition: all 0.3s ease-out;
}
.plx-tableman .inline-edit:hover {
    text-shadow:0 0 10px #205283;
}
@media (min-width: 768px) {
    .plx-tableman .header-background {
        height: 32px;
    }
    .plx-tableman .header-background > div[data-col] {
        line-height: 32px;
    }
}
.affix .prevent-overflow {
    background-color:#f7f7f9;
}
.dialog-import div[data-stage='2'] {
}
.page .plx-tableman {
    clear:both;
}
.page .plx-tableman:not(:first-child) {
    padding-top:16px;
}

div.txListViewer.select {
    width:100%;
    /*margin-left:-1px;*/
    float:left;
    clear:both;
}
div.txwCategory label {
    margin:0;
    font-weight:normal;
}
div.select div.option {
    float:left;
	background-color:#e5e5e5;
	border:1px solid #ffffff;
	color:#000000;
	padding:4px 6px;
	cursor:pointer;
	width:20%;
	transition: background-color 200ms ease-out;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space:nowrap;
}
div.select div.option:hover {
	background-color:#cccccc;
	transition: background-color 200ms ease-out;
}
div.select div.option.selected {
	background-color:#000000;
	color:#ffffff ;
	transition: none;
}
div.select div.option:empty {
    display:none
}
div#buttonBuildUsers {
    float:right;
}
div#buttonBuildUsers i {
    top:2px;
}
/*.modal-filter-data .modal-body {
    overflow:hidden;
}*/
.interbzz-container.well.well-lg {
	margin: 5px 5px 0 5px;
}
.interbzz-container h1.section-title.first {
	margin-top: 0px;
}
.interbzz-container.well.well-lg .section-title {
	padding-left: 5px;
	background: #205283;
	color: #ffffff;
}
.interbzz-container.well.well-lg h2.section-title, .interbzz-container.well.well-lg h4.section-title {
	background: #e3e7ea;
	color: #000000;
}
.interbzz-container.well.well-lg table td {
	padding-bottom: 5px;
}
.interbzz-container.well.well-lg .row:not(:first-child) h1 {
	margin-top: 22px;
}
.interbzz-container.well.well-lg .row h2 {
	margin-top: 20px;
}
.interbzz-container.well.well-lg .row h4 {
	margin-top: 16px;
}
.interbzz-container a {
	color: #205283;
	font-weight: bold;
}
.interbzz-container div.paragraph {
	padding-left: 5px;
}
#select-group {
    padding-bottom:6px;
}
@media (min-width: 1300px) {
    [data-page-id='1031'] .container, [data-page-id='1032'] .container, [data-page-id='1033'] .container, [data-page-id='1034'] .container {
        max-width: 1240px;
    }
}
@media (min-width: 1400px) {
    [data-page-id='1031'] .container, [data-page-id='1032'] .container, [data-page-id='1033'] .container, [data-page-id='1034'] .container {
        max-width: 1340px;
    }
}
@media (min-width: 1500px) {
    [data-page-id='1031'] .container, [data-page-id='1032'] .container, [data-page-id='1033'] .container, [data-page-id='1034'] .container {
        max-width: 1440px;
    }
}
@media (min-width: 1600px) {
    [data-page-id='1031'] .container, [data-page-id='1032'] .container, [data-page-id='1033'] .container, [data-page-id='1034'] .container {
        max-width: 1540px;
    }
}
@media (min-width: 1700px) {
    [data-page-id='1031'] .container, [data-page-id='1032'] .container, [data-page-id='1033'] .container, [data-page-id='1034'] .container {
        max-width: 1640px;
    }
}
/*@media (min-width: 1800px) {
    [data-page-id='1031'] .container, [data-page-id='1032'] .container, [data-page-id='1033'] .container, [data-page-id='1034'] .container {
        max-width: 1740px;
    }
}
@media (min-width: 1900px) {
    [data-page-id='1031'] .container, [data-page-id='1032'] .container, [data-page-id='1033'] .container, [data-page-id='1034'] .container {
        max-width: 1840px;
    }
}
@media (min-width: 2000px) {
    [data-page-id='1031'] .container, [data-page-id='1032'] .container, [data-page-id='1033'] .container, [data-page-id='1034'] .container {
        max-width: 1940px;
    }
}
@media (min-width: 2100px) {
    [data-page-id='1031'] .container, [data-page-id='1032'] .container, [data-page-id='1033'] .container, [data-page-id='1034'] .container {
        max-width: 2040px;
    }
}
@media (min-width: 2200px) {
    [data-page-id='1031'] .container, [data-page-id='1032'] .container, [data-page-id='1033'] .container, [data-page-id='1034'] .container {
        max-width: 2140px;
    }
}
@media (min-width: 2300px) {
    [data-page-id='1031'] .container, [data-page-id='1032'] .container, [data-page-id='1033'] .container, [data-page-id='1034'] .container {
        max-width: 2240px;
    }
}
@media (min-width: 2400px) {
    [data-page-id='1031'] .container, [data-page-id='1032'] .container, [data-page-id='1033'] .container, [data-page-id='1034'] .container {
        max-width: 2340px;
    }
}
@media (min-width: 2500px) {
    [data-page-id='1031'] .container, [data-page-id='1032'] .container, [data-page-id='1033'] .container, [data-page-id='1034'] .container {
        max-width: 2440px;
    }
}
@media (min-width: 2600px) {
    [data-page-id='1031'] .container, [data-page-id='1032'] .container, [data-page-id='1033'] .container, [data-page-id='1034'] .container {
        max-width: 2540px;
    }
}*/
[data-page-id='1027'] .plx-tableman:not(:last-child), [data-page-id='1035'] .plx-tableman:not(:last-child) {
    clear:both;
    margin-top:0;
}

/*** /survey/modules ***/
div#htmlEditor {
    margin-top:9px;
    height:500px;
}
/*** ***/
.custom-input {

}
.custom-input input {
    display:none;
}
.custom-input label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 13px;
}
.custom-input label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: calc(50% - 8px);
    top: calc(50% - 8px);
    background-color: #ffffff;
    border:1px solid #999999;
    font-size: 5px;
    transition:all 0.2s ease-out;
}
.custom-input.radio label:before {
    border-radius:4px;
}
.custom-input.radio input:checked + label:before {
    content: "\274c";
    color: #000000;
    font-size: 18px;
    text-align: center;
    line-height: 15px;
    transition:all 0.2s ease-out;
}
/*** formbuilder ***/
.formbuilder-instance {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #ffffff;
    transition:background-color 0.5s ease-out;
}
.formbuilder-instance:hover {
    background-color: #ebeff3;
    transition:background-color 0.5s ease-out;
}
.instance-action, .instance-title, .add-instance, .add-instance * {
    cursor:pointer;
    text-shadow:0 0 0 #317dc9;
    transition:all 0.3s ease-out;
}
.instance-action.action-left {
    float:left;
}
.instance-action.action-right {
    float:right;
    text-align:right;
}
.title-container {
    float:left;
    width:calc(100% - 35px);
}
.instance-title {
    float:left;
}
.instance-icon {
    float:left;
    width:25px;
}
.instance-label {
    float:left;
    width:calc(100% - 25px);
}
.key-value {
    cursor:pointer;
}
.remove-instance, .instance-action.add-instance {
    width:35px;
}
.remove-keyvalue, .add-keyvalue {
    width:10px;
}
.key-action, .add-keyvalue {
    cursor:pointer;
}
.instance-action:hover, .instance-title:hover, .add-instance:hover * {
    text-shadow:0 0 15px #317dc9;
}
@media (min-width: 768px) {
	.dialog-textarea {
		min-width:600px;
	}
}
.dialog-configure-instance select {
    min-width:200px;
}
.dialog-configure-instance #keysEditor {
    margin-top:9px;
}
#main-view {
    opacity:0;
}
#main-view.active {
    opacity:1;
    transition:opacity 0.3s ease-out;
}
#intro-view {
    margin-top:9px;
    display:none;
}
#intro-view.active {
    display:block;
}
i.hint-icon {
    float:right;
    text-shadow: 0px 0px 8px #ffff00;
    cursor:pointer;
    transition:all 0.5s ease-out;
}
i.hint-icon:hover {
    text-shadow: 0px 0px 15px #ffff00;
    transition:all 0.5s ease-out;
}
.dialog-hint h4.title {
    background-color:#ebeff3;
}
.dialog-hint h4.title:first-child {
    margin-top:0;
}
div.hint-login {
    color:#000000;
    padding:6px 16px;
    background-color:#ffffff;
    border-bottom: 1px solid #205283;
    border-top: 1px solid #205283;
}
i.fa-info-circle {
    color:#205283;
}
.list-group-item.survey {
    cursor:pointer;
}
.main-content #selectForm {
    float:left;
}
#manageForms i, .dialog-configure-instance #manageKeys i {
    line-height:38px;
    margin-left:6px;
    cursor:pointer;
}
.dialog-configure-instance #manageKeys, .dialog-clone-instance-keyvalues #selectInstance {
    margin-top:6px;
}
.dialog-configure-instance .keyoptions-checkboxcontainer {
    margin: 0 -1rem;
    padding: 1rem 1rem 0 1rem;
    border-top: 1px solid #dee2e6;
}
.inline-options .dialog-configure-instance .keyoptions-checkboxcontainer {
    margin: 0;
    padding: 0.5rem 0 0 0;
}
.dialog-clone-instance-keyvalues #selectForm {
    margin-top:3px;
}
.survey-content h4 {
    background-color: #205283;
    color: white;
    padding: 4px 0;
    margin-left: -1px;
}
.survey-content.data-viewer h4 {
}
.survey-content h4:not(:first-child) {
    margin-top:2rem;
}
.survey-content h4 i {
    color:#f7f7f9;
}
.survey-content .card-header {
    background-color:rgba(0,0,0,.125);
    border-radius:0;
}
.survey-content .card {
    border:none
}
.survey-content .container {
    page-break-inside: avoid;
}
.survey-content.data-viewer input:disabled, .survey-content.data-viewer textarea:disabled {
}
.survey-content.data-viewer .custom-control-input:disabled~.custom-control-label::before {
    background-color: #dee2e6;
}
.survey-content.data-viewer .custom-control-input:not(.error):disabled:checked~.custom-control-label::before {
    background-color:#520000;
}
.survey-content.data-viewer .custom-control-input.error:disabled~.custom-control-label::before {
    background-color: red;
}
.survey-content.data-viewer .custom-control-input:disabled~.custom-control-label {
    color:inherit;
}
.survey-content.data-viewer .error:after {
    content: "\2717";
    color: red;
    float: right;
    margin-right: 0.5rem;
    font-weight: bold;
}
.survey-content.data-viewer .correct:after {
    content: "\2713";
    color: green;
    float: right;
    margin-right: 0.5rem;
    font-weight: bold;
}
.survey-content.data-viewer .correct.absolute:after, .survey-content.data-viewer .error.absolute:after {
    float:none;
    position:absolute;
}
.survey-content.data-viewer>.comments-container {
    padding: 1rem;
}

.trigger-collapse {
    cursor:pointer;
}
.trigger-collapse i {
    transition: transform 0.25s ease-out;
}
.trigger-collapse i.fa-caret-right.non-collapsed {
    transform:rotate(90deg) translateX(3px);
}
/* really small */
@media (max-width: 319px) {
    table.module-matrix td:not(:first-child), table.module-matrix th:not(:first-child) {
        display:block;
        text-align:right;
    }
    table.module-matrix td:empty::after {
        content:"\00a0";
    }
}
/* iPhone 5 */
@media (min-width: 320px) and (max-width: 767px) {
    table.module-matrix td:not(:first-child), table.module-matrix th:not(:first-child) {
        text-align:center;
    }
    table.module-matrix span.custom-control-indicator {
        left:0.22rem;
    }
}
@media (min-width: 768px) {
    table.module-matrix td:not(:first-child), table.module-matrix th:not(:first-child) {
        text-align:center;
    }
    table.module-matrix label.custom-radio {
        margin-left:6px;
    }
}
.table-striped.module-matrix tbody tr:first-child {
    border-bottom: 2px solid #333333;
    background-color: transparent;
    border-top: 0px solid transparent;
}
.table-striped.module-matrix th {
    border-top:none;
    text-align:left;
}
table.module-matrix.rotate-scale tr>th:not(:first-child)>label {
    transform: rotate(-90deg) translate(40%, 25%);
    transform-origin: center bottom;
}
table.module-matrix {
    table-layout:fixed;
}
#file-manager:not(:empty) ~ #uploadFiles, #file-manager:not(:empty) ~ #downloadFiles {
    margin-top:6px;
}

div.txwFilter:not(.txInvisible), .plx-tableman .outer-container {
    transition:opacity 0.3s ease-out;
}
.plx-tableman .outer-container {
    opacity:1
}
.plx-tableman.txInvisible .outer-container {
    opacity:0
}
#resetFilters {
    width: auto;
    position: absolute;
    right: 0;
    background-color: transparent;
    color: #ffffff;
    border: none;
    z-index:10;
}
#listData tr {
    cursor:pointer;
    transition:background-color 0.3s ease-out;
}
#listData tr textarea {
    cursor:pointer;
}
#listData tr:hover {
    background-color:#696969;
    transition:background-color 0.3s ease-out;
    color:#ffffff;
}
#listData tr textarea {
    transition:color 0.3s ease-out;
    color:#000000;/*#373a3c;*/
}
#listData tr:hover textarea {
    transition:color 0.3s ease-out;
    color:#ffffff;
}
.dialog-map .list-group-item p {
    margin:0;
    font-weight:bold;
}
.dialog-map .list-group-item {
    height:74px;
    overflow-y:auto;
}
.dialog-map .modal-body {
    padding:0;
}
.dialog-map .modal-footer {
    display:none;
}
.dialog-map .modal-header {
    border-bottom:none;
}
.dialog-map .select .option {
    border:none;
    padding: 0.5rem 1rem;
    text-align: center;
}
#select-categories .select .option {
    width:50%;
}
#select-student-categories .select .option {
    width:50%;
}
@media (min-width: 768px) {
    .dialog-map .modal-dialog {
        width: 80%;
    }
}
.dialog-map #show-students {
    clear:both;
}
.dialog-map .modal-header {
    padding-bottom:0;
}
.dialog-map #select-categories, .dialog-map #select-student-categories {
    margin:15px -15px 0 -15px;
}
.dialog-map p.msg-empty {
    margin:0.5rem;
}
#list-courses.plx-tableman .inner-container, #list-students.plx-tableman .inner-container, #list-instructors.plx-tableman .inner-container {
    overflow-y: hidden !important;
}
#compose-mail {
    margin:0 1px;
}
#mail-editor {
    margin-top:0.5rem;
}
#mail-subject {
    margin-top: 0.5rem;
}
#compose-mail #file-manager {
    margin-top: 0.5rem;
}
#file-manager ul {
    list-style-type:none;
    padding-left:0;
    margin-bottom:0.5rem
}
#file-manager li {
    padding:4px 2px;
}
#file-manager li:first-child {
    padding-top:0;
}
#file-manager label {
    font-weight:bold;
}
#compose-mail #send-mail {
    margin-top:6px;
    float:right;
}

#selectModule select, #selectType select {
    min-width:200px;
}
#selectType {
    margin-top:6px;
}

/*body {
    background: url(/intern-bzz/site/templates/assets/bg-fog-bzz-uhd.jpg) no-repeat fixed 0 0;
    background-size: cover;
}*/
@media (min-width: 768px) {
    tr:first-child th[data-col='Titel'] {
        width:25%;
    }
    tr:first-child th[data-col='Termin'] {
        width:20%;
    }
    tr:first-child th[data-col='Kurs'] {
        width:12%;
    }
    tr:first-child th[data-col='Kursleiter'], tr:first-child th[data-col='Zeit'], tr:first-child th[data-col='Status'] {
        width:10%;
    }
    tr:first-child th[data-col='Tag'], tr:first-child th[data-col='Def'], tr:first-child th[data-col='Prov'], tr:first-child th[data-col='Res'] {
        width:5%;
    }
}
#selectTemplate {
    margin-bottom:6px;
}

.modal.survey-data .modal-dialog {
    width:calc(100% - 20px);
}
@media (min-width: 1200px) {
    .modal.survey-data .modal-dialog {
        max-width:1100px;
    }
}

.simple-uploader ul {
    list-style-type: none;
    padding: 0;
    margin:0 0 0.5rem 0
}
.simple-uploader li:not(:last-child) {
    padding: 0 0 0.2rem 0
}

.survey-content #send {
    margin-top:1rem;
}

.modal.configure-instance .modal-dialog {
    min-width:600px;
}
@media (max-width:600px) {
    .modal.configure-instance .modal-dialog {
        min-width:calc(100% - 30px);
    }
}

.transparent-container {
    opacity:0;
}

.modal.survey-data .modal-header {
    border-bottom:none;
}
.modal.survey-data .select .option {
    border:none;
    padding: 0.5rem 1rem;
    text-align: center;
}
.modal.survey-data #select-categories {
}
.modal.survey-data .modal-body {
    padding:0;
}
.modal.survey-data .survey-content>.data {
    padding:15px;
}

/*div.top-down label.custom-control {
    display:block;
}
div.top-down .custom-control+.custom-control {
    margin-left:0;
}*/

.survey-content .form-control:disabled {
    background-color:#ffffff;
    color:#55595c;
}
.survey-content .custom-controls-stacked {
    /*width:calc(100% - 15px)*/
}
.survey-content .formcontrol-review {
    background-color:#dff0d8!important;
    padding:0.5rem 0;
}

.survey-content .appform-container {
    margin-bottom:1rem;
}

#listFilters {
    margin-top:8px;
}

i.clipboard-copy {
    text-shadow: 0px 0px 8px #317dc9;
    cursor:pointer;
    transition:all 0.3s ease-out;
}
i.clipboard-copy:hover {
    text-shadow: 0px 0px 20px #ffffff;
}
div[data-userset] {
    position:relative;
}
button.remove-userset {
    z-index:10;
    position: absolute;
    right:0;
    box-shadow: 0 0 8px red;
    padding: 0 0.3rem;
    border:1px solid rgba(0,0,0,.15);
    border-radius: 0;
    background-color: red;
    color: #ffffff!important;
}
.btn.add-userset {
    padding:0
}

.survey-content .container.identification {
    background-color: white;
    margin: 0 -15px 0 -15px;
    width: calc(100% + 30px);
    padding: 0.5rem 15px;
}
.survey-content.data-viewer .container.identification {
    margin: 0 -15px 0 -15px;
    border-top:1px solid #333333;
    border-bottom:1px solid #333333;
}

.survey-content:not(.data-viewer) .error, .survey-content:not(.data-viewer) .error:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.survey-content:not(.data-viewer) label.error {
    -webkit-box-shadow: none;
    border-shadow: none;
    color: #a94442;
    font-weight: 100;
    font-family: Helvetica,Arial,sans-serif;
}
.survey-content:not(.data-viewer) .selectize-input.full label.error {
    display:none!important;
}
.survey-content:not(.data-viewer) .selectize-input>label.error {
    margin-bottom:0;
}
.survey-content:not(.data-viewer) .selectize-input>.error {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.survey-content [data-depends] {
    display:none;
}

.survey-content form {
    transition:opacity 0.3s ease-out;
    opacity:1;
}
.survey-content form.pending-init {
    opacity:0;
}

.selectize-control {
    display:flex;
}
.selectize-control::before {
    -moz-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    content: ' ';
    z-index: 2;
    position: absolute;
    display: block;
    top: 50%;
    right: 34px;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 0;
    background: url(../assets/spinner.gif);
    background-size: 16px 16px;
    opacity: 0;
}
.selectize-control.loading::before {
    opacity: 0.4;
}

.instance-preview label:not(.custom-control-label):before {
    content:""!important;
    width:auto;
    opacity:1;
}
.preview-hidden {
    opacity:0!important;
    width:0;
}
.instance-preview {
    overflow:hidden;
}
.instance-preview>div {
    padding:0px 16px;
}
.edit-item .modal-body {
    overflow-x:hidden;
}
@media (min-width: 768px) {
    .md-max-width-50 {
        max-width:50%;
    }
}