.tx-ci-calendar a, .tx-ci-calendar td, .tx-ci-calendar th, .tx-ci-calendar button, .tx-ci-calendar input{
    font-size: 18px;
}
.tx-ci-calendar .optionBtns a{
    /*font-size: 12px;*/
}
.tx-ci-calendar input + select{
    margin-left: 4px;
}
.requiredField{
    color: red;
}
.calendarCaption{
    color: #EB8A35;
}
.requiredText{
    float: right;
    text-align: right;
}
.fileAttachment{
    min-width: 80px;
    cursor: pointer;
}
.fileAttachment:hover{
    text-decoration: underline;
}
.borderNewToggle{
    border-left: 1px solid #6f9dd9;
}
div.divNewSide, div.divActionSide{
    width: 20%;
    float: left;
    text-align: center;
}
div.divNewSide + a.newBtn, div.divActionSide + a{
    float: right;
    min-width: unset;
    width: 80%;
    display: unset;
    padding: unset;
    background-color: white;
    border-left: grey solid 1px;
}
div.divLinkSideHover:hover .divLinkSide, div.divLinkSideHover:hover .divLinkSide + div, .thButton:hover .divBtnSide + div, #dropdownNew:hover a, div.actionDiv:hover a{
    background-color: #FFE6A0;
}
div.divLinkSideHover:hover .divLinkSide + div, .thButton:hover .divBtnSide + div, #dropdownNew:hover a.newBtn, div.actionDiv:hover a.actionBtn{
    border: none;
    padding-left: 1px;
}
div.divLinkSideHover:hover .divLinkSide + div a{
    text-decoration: none;
}
.divLinkSide{
    float: left;
    width: 40px;
    text-align: center;
}
div.divLinkSide + div{
    margin-left: 40px;
    width: calc(100% - 40px);
    background-color: white;
    border-left: 1px solid grey;
}
th.tablesorter-header div.thDropdown{
    margin: 0;
    padding: 0;
}
th.tablesorter-header button.thButton{
    margin: 0;
    padding: 0;
    height: 100%;
    display: block;
}
div.divBtnSide{
    float: left;
    text-align: center;
    width: 10%;
}
div.divBtnSide + div{
    margin-left: 10%;
    width: 90%;
    background-color: white;
    border-left: 1px solid grey;
}
.linkDiv, .dropdownBtn, div.divActionSide a.actionBtn{
    display: block;
}
.cancelBtn{
    background-color: #E1E1E1;
    border: #ADADAD 1px solid;
    min-width: 110px;
    width: 110px;
    height: 22px;
    /*font-size: 11px;*/
}
#dropdownNewBtn{
    width: 30%;
    text-align: center;
    float: right;
    cursor: pointer;
}
#dropdownNew{
    width: 70%;
    white-space: nowrap;
}
.newBtn{
    display: inline-block;
    width: 70%;
    padding-left: 8px;
}
.saveBtn{
    background-color: #E1E1E1;
    width: 110px;
    height: 22px;
    /*font-size: 14px;*/
    border: #ADADAD 1px solid;
}
.cancelBtn:hover{
    background-color: #E5F1FB;
    border: #0078d7 1px solid;
}
.saveBtn:hover{
    background-color: #E5F1FB;
    border: #0078d7 1px solid;
}
#actionMenu{
    width: 80px;
}
#actionAllMenu{
    width: 80px;
}
.eventSide{
    width: 15px;
    background-color: #FFE6A0;
    text-align: center;
    line-height: 100%;
    vertical-align: middle;
}
#dropdownList{
    width: 75%;
    cursor: pointer;
    color: black;
    position: absolute;
    outline: 1px solid black;
    background-color: #ffffff;
    /*padding: 2px 5px;*/
    white-space: nowrap;
    z-index: 1;
}
#dropdownListAll{
    width: 190px;
    cursor: pointer;
    color: black;
    position: absolute;
    outline: 1px solid black;
    background-color: #ffffff;
    /*padding: 2px 5px;*/
    z-index: 1;
}
/*.drodropdownListAllEvents{*/
/*    */
/*}*/
#dropdownAction{
    border: none;
    background: none;
    margin-left: 5px;
    color: #4c4c4c;
}
#dropdownAction:hover, .addEvent:hover{
    background-color: #ffcf61;
    outline: solid #6f9dd9 1px;
    text-decoration: none;
}
#dropdownActionAll{
    border: none;
    background: none;
    margin-left: 5px;
    color: #4c4c4c;
}
#dropdownActionAll:hover, .addEvent:hover{
    background-color: #ffcf61;
    outline: solid #6f9dd9 1px;
    text-decoration: none;
}
.thDropdown{
    cursor: pointer;
    color: black;
    position: absolute;
    outline: 1px solid black;
    background-color: #f2f2f2;
    padding: 2px 3px 2px 5px;
    z-index: 2;
}
.thDropdown button{
    margin: 1px;
    min-width: 240px;
    border: none;
    text-align: left;
    /*font-size: 12px;*/
}
.thDropdown hr{
    margin-bottom: unset;
    margin-top: 2px;
    border-color: black;
}
#dropdownList a{
    /*min-width: 100%;*/
}
.thButton:hover, #dropdownList div.actionDiv:hover, #dropdownNew div:hover{
    background-color: #ffe6a0;
    outline: 1px solid #D2B47A;
    text-decoration: none;
}
.headerNotification{
    /*font-weight: bold;*/
}

.showDropdown{
    display: block;
}

.hideDropdown{
    display: none;
}

.eventSideTitel{
    float: right;
}
.eventSideTh{
    float: right;
}
#powermail_field_e_mail_adresse{
    pointer-events: none;
}

table.tx_cicalendar {
    background-color: #f2f2f2;
    width: 100%;
    color: #4c4c4c;
    /*vertical-align: top;*/
    /*text-align: left;*/
    border-collapse: collapse;
    /*font-size: 14px;*/
}

table.tx_cicalendar tr:nth-child(even){
    background-color: #ffffff;
}
table.tx_cicalendar .editBtn:hover, table.tx_cicalendar .deleteBtn:hover{
    text-decoration: underline black;
}
table.tx_cicalendar .notificationBtn{
    border-top: 1px solid black;
}
table.tx_cicalendar .tableLink a{
    color: #EB8A35;
}
table.tx_cicalendar .sideHover{
    float: right;
    width: 15px;
}
/*table.tx_cicalendar .eventName .divLink{*/
/*    float: left;*/
/*    width: calc(100% - 15px);*/
/*}*/
table.tx_cicalendar .tableLink{
    /*width: 15%;*/
}
table.tx_cicalendar .tableLink:hover{
    cursor: pointer;
    outline: 1px solid #B96E2D;
}
table.tx_cicalendar .tableLink div.dropdownConfigBtn, .dropdownActionBtn, #dropdownNew{
    cursor: pointer;
    color: black;
    position: absolute;
    outline: 1px solid black;
    background-color: #f2f2f2;
    z-index: 1;
}
table.tx_cicalendar .tableLink div.dropdownConfigBtn, .dropdownActionBtn{
    right: 0;

}
table.tx_cicalendar .tableLink div.dropdownConfigBtn{
    width: 200px;
}
table.tx_cicalendar .tableLink div.dropdownConfigBtn a, .dropdownActionBtn, #dropdownNew{
    color: black;
}
table.tx_cicalendar .filterCalDivStart input, table.tx_cicalendar .filterCalDivEnd input{
    height: 18px;
    width: 98%;
    margin: 0 0 0 2px;
}
table.tx-ci-calendar {
    background-color: #FFFFFF;
    color: #4c4c4c;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    /*font-size: 12px;*/
}
table.tx-ci-calendar td {
    border: 1px solid #DCC;
    padding: 3px 8px 6px 3px;
}
table.tx-ci-calendar tbody td:nth-child(odd) {
    border-left: none;
}
table.tx-ci-calendar td:nth-child(even) {
    width: 70%;
    background: #F2F2F2;
    border-right: none;
}
table.tx-ci-calendar input, table.tx-ci-calendar textarea{
    width: 95%;
}
table.tx-ci-calendar #deleteFile{
    width: unset;
}
table.tx-ci-calendar .deleteCheckbox{
    width: auto;
    margin-left: 5px;
}
table.notificationTable {
    background-color: #FFFFFF;
    color: #4c4c4c;
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    /*font-size: 12px;*/
}
table.notificationTable td {
    border: 1px solid #DCC;
    padding: 5px;
}
table.notificationTable tbody td:nth-child(odd) {
    min-width: 200px;
    border-left: none;
}
table.notificationTable td:nth-child(even) {
    min-width: 375px;
    background: #F2F2F2;
    border-right: none;
}
table.notificationTable input{
    margin: 5px;
}
table.optionBtns {
    background-color: #EDE4E4;
    margin-bottom: 5px;
    width: 100%;
    /*font-size: 12px;*/
    border: 1px solid #DCC;
}
table.optionBtns td.borderRight{
    border-right: 1px solid #CBAFAF;
}
table.optionBtns td:last-of-type{
    border-right: none;
}
table.optionBtns td a{
    color: #4c4c4c;
    text-decoration: none;
}
table.tx_cicalendar_header {
    background-color: #EDE4E4;
    margin-bottom: 1px;
    /*font-size: 12px;*/
    height: 10px;
    width: 100%;
}
table.tx_cicalendar_header td a{
    color: #4c4c4c;
}
.tx_cicalendar_header tr td:first-child{
    border-right: 1px solid #CBAFAF;
}
table.tx_cicalendar_header tr td.noBorder{
    border:none;
}
.error{
    color: red;
    display: block !important;
}
#errors{
    display: none;
}
.hideTag{
    display: none !important;
}
.tx_cicontent{
    /*overflow-x: auto;*/
    max-width: 100%;
}
.notificationTable .notficationTextfield{
    width: 95%;
}
.txCiThName{
    width: calc(100% - 15px);
    float: left;
}
.txCiWrapper{
    max-width: 1050px;
}

.tx_cicalendar table, .tx_cicalendar thead, .tx_cicalendar tbody, .tx_cicalendar th, .tx_cicalendar td, .tx_cicalendar tr {
    display: block;
}

/* Hide table headers (but not display: none;, for accessibility) */
.tx_cicalendar thead tr{
    position: absolute;
    top: -9999px;
    left: -9999px;
}

/*.tx_cicalendar tr {*/
/*    margin: 0 0 1rem 0;*/
/*}*/

.tx_cicalendar tr:nth-child(odd) {
    background: #EDE4E4;
}

.tx_cicalendar td{
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #CBAFAF;
    position: relative;
    padding-left: 50%;
    word-break: break-word;

}

.tx_cicalendar td:before{
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    left: 6px;
    width: 45%;
    padding-right: 10px;
}

/*
Label the data
You could also use a data-* attribute and content for this. That way "bloats" the HTML, this way means you need to keep HTML and CSS in sync. Lea Verou has a clever way to handle with text-shadow.
*/
.tx_cicalendar td:nth-of-type(1):before { content: "Titel"; }
.tx_cicalendar td:nth-of-type(2):before { content: "Anfangszeit"; }
.tx_cicalendar td:nth-of-type(3):before { content: "Endzeit"; }
.tx_cicalendar td:nth-of-type(4):before { content: "Art"; }
.tx_cicalendar td:nth-of-type(5):before { content: "Betroffene Komponenten/ Systeme";}
.tx_cicalendar td:nth-of-type(6):before { content: "Betroffene Kunden"; }
.tx_cicalendar td:nth-of-type(7):before { content: "Status"; }
.tx_cicalendar td.targetSystems{min-height: 100px}
.tx_cicalendar td.targetClientsTd{min-height: 70px}
.tx_cicalendar td.date{white-space: nowrap}