/* do not add anything here
    This contains cooladmin mondifications

*/
/* modal scrollattavaksi */
https://stackoverflow.com/questions/25874001/how-to-put-scroll-bar-only-for-modal-body


/* Important part */
.modal-dialog {
    overflow-y: initial !important
}

.modal-body {
    height: 250px;
    overflow-y: auto;
}
/* end modal scrollattavaksi */


/*
    Poistettu koska haluttiin taulun scrollbar näkyviin

    @media (min-width: 1200px) {
    .table-responsive-data3 {
        /*overflow: visible;*/
    }
}
*/
.table-data4 {
    border-collapse: collapse;
    overflow: visible;
}

    .table-data4.table thead th {

        color: #555;
        text-transform: uppercase;
        border: none;
        font-weight: 600;
        vertical-align: top;
    }

        .table-data4.table thead th:first-child {
            padding-right: 0;
        }

    .table-data4.table tbody {
        background: #fff;
    }



        .table-data4.table tbody tr td:first-child .au-checkbox {
            margin-top: 5px;
        }

@media (max-width: 1199px) {
    .table-data4.table tbody tr td:first-child {
        vertical-align: middle;
    }

        .table-data4.table tbody tr td:first-child .au-checkbox {
            margin-top: 0;
        }
}

.table-data4.table tbody tr td:last-child {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}

.table-data4.table tbody td {
    //line-height: 33px;
    color: #333;
    vertical-align: middle;
    border: none;
    padding-top: 2px;
    padding-bottom: 2px;
}

    .table-data4.table tbody td.desc {
        color: #4272d7;
    }

.table-data4 .spacer {
    height: 5px;
    background: transparent;
}

.table-data4 td {
    background-color: #f0f0f0;

}


.table-data4.table tbody tr:nth-child(even) > td {
    background-color: rgba(223, 225, 230, 1);
}

/* no even/odd row separation */
.table-data4-rows-same-color.table tbody tr:nth-child(even) > td {
    background-color: #f0f0f0;
}

/* subtable, */
.table-data4-subtable.table tbody tr:nth-child(even) > td {
    background-color: #e0e0e0;
}
.table-data4-subtable.table tbody tr > td {
    background-color: #e0e0e0;
}

/*jos buttonin sisällä pelkkä iconi ja ei näytetä buttonina*/
.bs-icon-button {
    width: 8px;
    padding: 0;
}

/* poistaa bulletit validation summaryistä*/
.validation-summary-errors ul {
    list-style: none;
}
.field-validation-error {
    color:red;
}

/* this removes top and bottom padding from ud-dialog-container
    intended for cases where there is a sticky header/footer and the content is scrollable.
    Without this, there would be a gap between header/footer and the top/bottom section of the dialog
*/
.dialog-no-padding {
    padding-top:0;
    padding-bottom:0;
}

.leftside-item:hover {
    background: #4272d7;
    color: #fff!important;
}


/* theme.css default card has margin bottom*/
.ud-notice {
    margin-bottom:0;
    padding-left:5px;
}


/* general notifications remove border when viewed as table*/
.notifi__listview {
    border:none;
    padding:0 0 0 0!important;
}
.notification-already-seen td {
    color: #999 !important;
}
.notification-already-seen td a {
    color: #999 !important;
}



.notification-already-seen .bg-c1 {
    background: #777;
}

.notification-already-seen .bg-c2 {
    background: #777;
}

.notification-already-seen .bg-c3 {
    background: #777;
}
.img-40 {
    height: 40px!important;
    width: 40px!important;
}
.noti__item .zmdi {
    color:#333;
}