body { padding-right: 0 !important }
.sidebar-box {
    float: left;
}
.sidebar-box {
    max-height: 150px;
    position: relative;
    overflow: hidden;
}
.sidebar-box .read-more {
    position: absolute;
    bottom: 0; left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    height: 110px;
    padding: 0px 0 30px 0;
}
.read-more-button{
    bottom:0;
    position: absolute;
}
.gradient-transparent{
    /* "transparent" only works here because == rgba(0,0,0,0) */
    background-image: -moz-linear-gradient(top, transparent, white);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white));
}


/*.cell-border thead, th, td {
    border: 1px solid #ddd !important;
    border-collapse: collapse;
}*/
/*.vertical-middle{
    vertical-align: middle !important;
}*/
#seminarGroupsModal::-webkit-scrollbar { width: 0 !important;} /*Chrome, Safari, newer versions of Opera*/
#seminarGroupsModal { overflow: -moz-scrollbars-none; } /*Firefox*/
#seminarGroupsModal { -ms-overflow-style: none; } /*Internet Explorer +10*/
#seminarGroupsModal .modal-body {
    height:550px;
    overflow:auto;
}
.semiarGroupsFilter{
    display:none;
}
#projectsHISFundedProjects::-webkit-scrollbar { width: 0 !important;} /*Chrome, Safari, newer versions of Opera*/
#projectsHISFundedProjects { overflow-y: -moz-scrollbars-none; } /*Firefox*/
#projectsHISFundedProjects { -ms-overflow-style: none; } /*Internet Explorer +10*/
#projectsHISCooperWithCompany::-webkit-scrollbar { width: 0 !important;} /*Chrome, Safari, newer versions of Opera*/
#projectsHISCooperWithCompany { overflow-y: -moz-scrollbars-none; } /*Firefox*/
#projectsHISCooperWithCompany { -ms-overflow-style: none; } /*Internet Explorer +10*/
#transparentBackgroundModal>.modal-backdrop.fade.in
{
    opacity:0 !important;
}
/*.scoll-container{
    overflow-x: auto;
}
.scoll-content{
    display: inline-block;
}*/
.dot {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 3px;
}
.dataTables_scroll_long
{
    overflow-x:auto;
}
.dataTables_scroll
{
    height: 400px;
    overflow:auto;
}
.strike {
    text-decoration: line-through;
}
.seminarGroupsTableSortDiv .popover {
    width:300px !important;
    max-width:500px;
}
.dataTables_scrollHeadInner{  width:100% !important; }
.dataTables_scrollHeadInner table{  width:100% !important; }
.addProjectActive{
    background-color: rgba(176, 203, 255, 0.5) !important;
}

/*Button - you have new feedbacks*/
.newFeedbacks{
    position: fixed;
    right: 0; bottom: 0;
}
.notification {
    width: 60px;
    height: 60px;
    box-shadow:  0 0 3px rgba(34, 154, 255), 0 0 8px rgb(34, 154, 255);
    border: 1px solid rgba(34, 154, 255, 0.51);
    margin:100px;
    border-radius: 50%;
    background: rgb(172, 217, 255);
    cursor: pointer;
    animation: pulse 2s infinite;
    color: white;
    text-decoration: none;
    position: relative;
    display: inline-block;
}
.comment{
    color: white;
    font-size: 34px;
    text-align: center;
    padding-left: 12px;
    padding-top: 10px;
    text-shadow: 2px 2px 2px black;
}

.notification .badge {
    position: absolute;
    top: -10px;
    right: -7px;
    padding: 5px 10px;
    border-radius: 30%;
    background-color: #245683;
    color: white;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(34, 154, 255);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(34, 154, 255, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(34, 154, 255, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgb(34, 154, 255);
        box-shadow: 0 0 0 0 rgb(34, 154, 255);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(34, 154, 255, 0);
        box-shadow: 0 0 0 10px rgba(34, 154, 255, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(34, 154, 255, 0);
        box-shadow: 0 0 0 0 rgba(34, 154, 255, 0);
    }
}

#hintsModal {
    padding-right: 0px !important;
}
/*TEST SOLLWERTE*/
.tooltip-inner {
    max-width: 350px;
    /* If max-width does not work, try using width instead */
    width: 350px;
    font-size: 16px;
    background: white;
    color: #212529;
}
.redLight{
    font-size: 12px;
    color: #FF6600; !important;
    text-shadow: 2px 0 0 #CC3300, -2px 0 0 #CC3300, 0 2px 0 #CC3300,
    0 -2px 0 #CC3300, 1px 1px #CC3300, -1px -1px 0 #CC3300, 1px -1px 0 #CC3300, -1px 1px 0 #CC3300;!important;
    vertical-align: middle;
}
.orangeLight{
    font-size: 12px;
    color: #FFCC33; !important;
    text-shadow: 2px 0 0 #FF9900, -2px 0 0 #FF9900, 0 2px 0 #FF9900,
    0 -2px 0 #FF9900, 1px 1px #FF9900, -1px -1px 0 #FF9900, 1px -1px 0 #FF9900, -1px 1px 0 #FF9900;!important;
    vertical-align: middle;
}

.greenLight{
    font-size: 12px;
    color: #33CC66; !important;
    text-shadow: 2px 0 0 #339966, -2px 0 0 #339966, 0 2px 0 #339966,
    0 -2px 0 #339966, 1px 1px #339966, -1px -1px 0 #339966, 1px -1px 0 #339966, -1px 1px 0 #339966; !important;
    vertical-align: middle;
}

/* CHARTS*/
#chartsModal::-webkit-scrollbar { width: 0 !important;} /*Chrome, Safari, newer versions of Opera*/
#chartsModal { overflow: -moz-scrollbars-none; } /*Firefox*/
#chartsModal { -ms-overflow-style: none; } /*Internet Explorer +10*/
#chartsModal .modal-dialog  {
    width:50%;
}
#chartsModal .modal-body {
    height:550px;
    overflow:auto;
}
.apexcharts-tooltip-text-label{
    vertical-align: top;
}

.apexcharts-legend{
    text-align: left;

}
.legend-column{
    text-align: center;
    flex-direction: column;
}
.apexcharts-legend.position-top{
    flex-direction: column  !important;
    justify-content: center !important;
    align-content: center !important;
}

.secondLegend{
    /*width: 200px;
    border: 1px solid  #868686;*/
    color: rgb(55, 61, 63);
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    font-family: Helvetica, Arial, sans-serif;
    align-content: center;
    text-align: center;
    /*margin: 25px 0px;*/
  /*  padding: 5px 20px;*/
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.lineChart{
    width:100px  !important;
    cursor:none  !important;
    margin: 8px auto!important;
    border: 1px solid  #868686  !important;
    pointer-events: none !important;
}

/*.lineDashed1{
    width:50px  !important;
    margin: 8px auto!important;
    border: 1px dashed  #868686  !important;
}*/

.lineDashed2{
    width:50px;
    margin: 8px auto!important;
    border: 1px dashed  #868686  !important;
}
.lineDashed3{
    width:60px;
    margin: 8px auto!important;
    border: 1px dotted  #868686  !important;
}
body.modal-open.chartsModalWindow {
    overflow-y: scroll; !important;/*TO DO: Take ID chartsModal*/
}
/*======================== Global Page-Content ===============================*/
.ui-autocomplete {
    position: absolute;
    z-index: 1000;
    cursor: default;
    padding: 0;
    margin-top: 2px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.ui-autocomplete > li {
    padding: 3px 20px;
}
.ui-autocomplete > li.ui-state-focus {
    background-color: #DDD;
}
.ui-helper-hidden-accessible {
    display: none;
}
fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
    box-shadow:  0px 0px 0px 0px #000;
    background-color: #F5F5F6;
}

legend.scheduler-border {
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
    width:auto;
    padding:0 10px;
    border-bottom:none;
}
body {
    font-family: 'Lato';
}
.section-heading{
    font-size: 16px;
}
.sub-section-heading{
    font-size: 16px;
}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    left: 20px;
    display:none;
    opacity: 0.2;
}
.back-to-top:hover{
    opacity: 1;
}
.toggle-all{
    cursor: pointer;
    position: fixed;
    top: 50%;
    opacity: 0.2;
    margin-left: -10px;
    z-index: 1;
    width: 10px;
}
.toggle-all:hover{
    opacity: 1;
    margin-left: -25px;
    width: auto;
}

.toggle-all-dekan{
    cursor: pointer;
    position: fixed;
    top: 28.5%;
    opacity: 0.2;
    margin-left: -10px;
    z-index: 1;
    width: 10px;
}
.toggle-all-dekan:hover{
    opacity: 1;
    margin-left: -25px;
    width: auto;
}
.input-append .btn.dropdown-toggle {
    float: none;
}

.max-width-100 {
    max-width: 100%;
}

.cursor-pointer {
    cursor: pointer;
}

#btn-group-logbook input[type="checkbox"] {

}

.custom-btn{
    background-image: none;
}
.custom-btn:focus{
    background-image: none;
    background-color: white;
}
.show-scroll{
    overflow-y: scroll;
}
.modal-open {
    overflow-y: auto;
}
.autosizeArea{
    height: 34px;
    padding-left: 15px;
    padding-right: 15px;
}
.autosizeArea textarea{
    position: absolute;
    height: 34px;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
.boxsizingBorder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.activeArea{
    z-index: 3;
}
.helpDivForAutosize{
    height: 34px;
    position: relative;
}
.autosize_notDraggableTextField{
    resize: none;
    max-height: 200px;
}
.textField_no_borderRadius{
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.input_toggle{
    margin-left: 5px !important;
}
.giveFeedback{
    margin-bottom: 25px;
    margin-top:  -10px;
}

.month_picker_input {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
.white-space-pre {
    white-space: pre-wrap;
}
.strike_through{
    text-decoration: line-through;
}
.font-size-80-pct{
    font-size: 80%;
}
.styleForInfoPoints{
    cursor: help;
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-decoration-color: initial;
    border-bottom: 1px dotted #777;
}
/*======================== Global Page-Content END ===========================*/

/*======================== Checkboxes ========================================*/

/*======================== END Checkboxes ====================================*/

/*======================== Validation ========================================*/
.input_ui_default{
    border: 1px solid #ccc;
}
.input_ui_validation_failed{
    border: 1px solid #a94442;
}
.error-notification{
    margin-top: 5px;
    color: #ee0016;
    font-weight: bold;
}
/*======================== Validation END ====================================*/

/*======================== Grid system =======================================*/
.li-margin-top li{
    margin-top: 10px;
}
.vertical-align-center {
    display: flex;
    align-items: center;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}
.vertical-align-bottom {
    display: flex;
    align-items: flex-end;
}
.row-eq-height{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.col_centered{
    float: none;
    margin: 0 auto;
}
#startSemesterRaws td{
    text-align: center;
}
#startSemesterRaws td:first-child {
    text-align: left;
}
/*======================== Grid system END ===================================*/
/*======================== Fonts =============================================*/
.icon-size-16px i{
    font-size: 16px;
}
/*======================== Fonts END =========================================*/

/*======================== Logos and Icons ===================================*/
.th-logo {
    float: left;
    margin-top: 5px;
}

.cl-white {
    color: #FFFFFF;
}

.icon-green {
    color: green;
}

.icon-gray {
    color: #999;
}
.icon-red {
    color: red;
}

.icon-orange {
    color: orange;
}

.icon-blue {
    color: blue;
}

.icon-over-blue:hover {
    color: #337ab7;
}

.open-pdf:hover {
    color: red;
}

.change-logbookKF:hover {
    color: orange;
}

.change-logbook:hover {
    color: orange;
}
.actions-icons li i:hover {
    color: #337AB7;
}
.rdonly:hover
{
    cursor: not-allowed;
}
/*======================== Logos and Icons END ===============================*/

/*======================== Popover ===========================================*/
.popoverLink a {
    color: #333;
}

.popoverLink a:hover {
    color: #337ab7;
}

.popover-content {
    font-family: Lato;
    font-size: 14px;
}
.input_without_border{
    border: none;
}

#changesPrevYear .popover {
     width:1000px;
     max-width: none;
 }
.popover.NewClassAdded{max-width:600px;}
.fullImageDialog .modal-dialog {
    width: 90%;
    min-width: 1000px;
}
/*======================== Popover END =======================================*/

/*======================== Show and Hide =====================================*/
.show {
    display: block !important;
}

.hidden {
    display: none !important;
    visibility: hidden !important;
}

.invisible {
    visibility: hidden;
}

.display-none {
    display: none;
}

/*======================== Show and Hide  END ================================*/

/*======================== Tables ============================================*/
.parent{
    overflow: auto;
    white-space: nowrap;
}
.child{
    display: inline-block;
}
.logbooks_counter{
    margin: 0px;
    width: 151px;
}
.incell-padding tbody>tr>td, tbody>tr>th, tfoot>tr>td, tfoot>tr>th, thead>tr>td, thead>tr>th{
    padding: 4px;
}
.border2px {
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 5px;
}
.border1px {
    border: 1px solid #73AD21;
}
.month_picker_width {
    min-width: 80px;
}
.month_year_done_on_max_width{
    max-width: 75px;
}
.month_year_occured_on_max_width{
    max-width: 95px;
}
.input-sws-cp {
    width: 100px;
}
.input-sg {
    width: 120px;
}
.input-date-amtl-mitt {
    max-width: 90px;
    padding: 3px;
}

.input-field-center {
    text-align: center;
    margin: auto;
}
.header-div-table{
    font-weight: bold;
    margin-bottom: 0px;
}
hr.header-div-hr{
    margin-top: 5px;
    margin-bottom: 10px;
    border-top: 2px solid  #e6e3e3;
}
.row-div-table{
    padding: 0 5px 0 5px;
}
hr.row-div-hr{
    margin-top: 0px;
    margin-bottom: 10px;
    border-top: 1px solid #e6e3e3;
}
hr.hr-hint-divider{
    margin-top: 5px;
    margin-bottom: 10px;
    border-top: 1px solid  #e6e3e3;
}
.table tbody>tr>td.va-middle{
    vertical-align: middle;
}

    .table-va-middle tbody>tr>td {
    vertical-align: middle;
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none !important;
}

.num-div-column{
    width: 35px;
}
.num-div-header-column{
    width: 35px;
}
.btn-div-column{
    width: 40px;
    margin-left:auto;
    margin-right:0;
}

.bg-info-color{
    background-color: rgba(217, 237, 247, 0.7);
}

.bg-info-dual{
    background-color: #9dbad4;
}
.bg-info-master{
    background-color: #d4d3f2;
}
.empty_cell{
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMCcgaGVpZ2h0PScxMCc+CiAgPHJlY3Qgd2lkdGg9JzEwJyBoZWlnaHQ9JzEwJyBmaWxsPSd3aGl0ZScvPgogIDxwYXRoIGQ9J00tMSwxIGwyLC0yCiAgICAgICAgICAgTTAsMTAgbDEwLC0xMAogICAgICAgICAgIE05LDExIGwyLC0yJyBzdHJva2U9J2JsYWNrJyBzdHJva2Utd2lkdGg9JzEnLz4KPC9zdmc+Cg=="); background-repeat: repeat;
    opacity:0.2;
}

/*======================== Tables END ========================================*/

/*======================== Text  ==========================================*/
.text-thick {
    font-weight: bold;
}
.panel-header-text{
    font-size: 15px;
    color: #777;
}

.pflichtfeld{
    color: #ff092e;
    font-size: 18px;
}

/*======================== Text END ==========================================*/

/*======================== Padding and Margin =================================*/
.pdg-right {
    padding-right: 5px;
}

.pdg-right-7px {
    padding-right: 7px;
}
.margin-right-7px {
    margin-right: 7px;
}
.margin-left-5px {
    margin-left: 5px;
}
.margin-left-30px {
    margin-left: 30px;
}

.margin-left-right-15px {
    margin-left: 15px;
    margin-right: 15px;
}
.margin-left-right-0px {
    margin-left: 0px;
    margin-right: 0px;
}
.margin-left-right-5px {
    margin-left: 5px;
    margin-right: 5px;
}
.margin-top-7px {
    margin-top: 7px;
}
.margin-bottom {
    margin-bottom: 15px;
}
.no_margin_bottom {
    margin-bottom: 0;
}
.padding-left-0px{
    padding-left: 0px;
}
.padding-left-right-15px {
    padding-left: 15px;
    padding-right: 15px;
}
.no-padding-left-right {
    padding-left: 0;
    padding-right: 0;
}
.padding-left-right-10px {
    padding-left: 10px;
    padding-right: 10px;
}
/*======================== Padding and Margin END===============================*/

/*======================== UIkit CSS-Changes ===============================*/
.uk-nestable-panel {
    background: none;
}

/*======================== UIkit CSS-Changes END ===========================*/

/*======================== Dropdown-Submenu ===========================*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}
/*======================== Dropdown-Submenu END ===========================*/