﻿
.icon-column{
    width:50px !important;
    text-align:center;
    padding:0px;
    margin:0px;
}

.validation-summary {
    display: none;
    border: 1px solid red;
    margin: 0px;
    border-radius: 15px;
    padding:5px;
    margin-bottom:10px;
}

.validation-summary ul {
    padding: 0px;
    margin: 5px 0px 5px 25px;
}

.validation-summary ul li {
    color: red;
}

/*Override tabelle*/
.table.dataTable thead .sorting:after{
    display: none;
}

.table {
    /*width: 100% !important;*/
}

    .table td {
        padding: 4px !important;
        font-size: 14px;       
        /*white-space: nowrap;*/
    }

    .table th {     
        padding-left: 10px !important;
        /*white-space: nowrap;*/
    }

    .table > thead > tr > th:nth-child(1n+2) {
        font-size: 10px !important;
        /*border-top: 1px solid #dee2e6 !important;*/
        border-right: 1px solid #dee2e6 !important;
        /*min-width: 50px;*/
        /*white-space: nowrap;*/        
    }

    .table > thead > tr > th:nth-child(1) {
        font-size: 10px !important;
        /*border-top: 1px solid #dee2e6 !important;*/
        border-right: 1px solid #dee2e6 !important;
        /*min-width: 10px !important;*/        
    }

    .table > tbody > tr > td:nth-child(1n+2) {
        font-size: 12px !important;
        /*border-top: 1px solid #dee2e6 !important;*/
        border-right: 1px solid #dee2e6 !important;
        padding-right: 25px !important;
        padding-left: 10px !important;
    }

    .table > tbody > tr > td.icon-column {
        font-size: 12px !important;
        /*border-top: 1px solid #dee2e6 !important;*/
        border-right: 1px solid #dee2e6 !important;
        padding-right: 0px !important;
        padding-left: 0px !important;
    }

    .table > tbody > tr > td:nth-child(1) {
        font-size: 12px !important;
        /*border-top: 1px solid #dee2e6 !important;*/
        border-right: 1px solid #dee2e6 !important;
        /*min-width: 10px !important;*/      
    }
 
    .table > tbody > tr:hover {
        background-color: #ffa !important;
    }

    .loaderContainer{
        width:100%;
        text-align:center;        
    }

    .loader {
        border: 8px solid #f3f3f3; /* Light grey */
        border-top: 8px solid #3498db; /* Blue */
        border-radius: 50%;
        width: 60px;
        height: 60px;
        animation: spin 2s linear infinite;
        text-align: center;
        margin-left:40%;
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }