.topmost{
    z-index:999999999 !important ;
}
.card-container {
    display: inline;
    box-sizing: border-box;    
    width: 600px !important;
    min-height:200px;
    background-image: linear-gradient(to right, white, lightgrey);
    justify-content: center;
    border-radius: 16px;
}
.card-logo {
    background-color:white !important;
    padding:8px;
    border-radius: 16px;
    width:200px !important;
}
.card-container:hover {
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)
}
.k-card-header {       
     margin: 8px;        
    font-family: Arial, Helvetica, sans-serif;
}

.k-card {
    display:inline-block ;
    width: 500px ;
    background-color:white;     
    min-height:100px;
    padding:4px 8px;
    margin: 5%;
}

.k-card-footer {
   
    border-width: 1px 0 0;
    border-color: inherit;
    padding:4px 8px; 
    font-size:10px;
}


.k-image {
    max-width: 100%;
    height: auto
}

img {
    vertical-align: middle
}

a {
    color: inherit
}

.k-table, .k-table-all {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    display: table
}

.k-table-all {
    border: 1px solid #ccc
}

    .k-bordered tr, .k-table-all tr {
        border-bottom: 1px solid #ddd
    }

.k-striped tbody tr:nth-child(even) {
    background-color: #f1f1f1
}

.k-table-all tr:nth-child(odd) {
    background-color: #fff
}

.k-table-all tr:nth-child(even) {
    background-color: #f1f1f1
}

.k-hoverable tbody tr:hover, .k-ul.k-hoverable li:hover {
    background-color: #ccc
}

.k-centered tr th, .k-centered tr td {
    text-align: center
}

.k-table td, .k-table th, .k-table-all td, .k-table-all th {
    padding: 8px 8px;
    display: table-cell;
    text-align: left;
    vertical-align: top
}

    .k-table th:first-child, .k-table td:first-child, .k-table-all th:first-child, .k-table-all td:first-child {
        padding-left: 16px
    }

.k-btn, .k-button {
    border: solid;
    display: inline-block;
    padding: 4px 8px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
     background-image: linear-gradient(to right, white, lightgrey);
    justify-content: center;
    border-radius: 16px;
    '
}

    .k-btn:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
    }

.k-btn, .k-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .k-disabled, .k-btn:disabled, .k-button:disabled {
        cursor: not-allowed;
        opacity: 0.3
    }

        .k-disabled *, :disabled * {
            pointer-events: none
        }

        .k-btn.k-disabled:hover, .k-btn:disabled:hover {
            box-shadow: none
        }

.k-badge, .k-tag {
    background-color: #000;
    color: #fff;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
    text-align: center
}

.k-badge {
    border-radius: 50%
}

.k-ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .k-ul li {
        padding: 8px 16px;
        border-bottom: 1px solid #ddd
    }

        .k-ul li:last-child {
            border-bottom: none
        }

.k-tooltip, .k-display-container {
    position: relative
}

    .k-tooltip .k-text {
        display: none
    }

    .k-tooltip:hover .k-text {
        display: inline-block
    }

.k-ripple:active {
    opacity: 0.5
}

.k-ripple {
    transition: opacity 0s
}

.k-input {
    padding: 8px;
    display: block;
    border: none;
    background-color: whitesmoke !important ;
    border-bottom: 1px solid #ccc;
    width: 100%
}

.k-select {
    padding: 9px 0;
    width: 100%;
    border: none;
    border-bottom: 1px solid #ccc
}

.k-dropdown-click, .k-dropdown-hover {
    position: relative;
    display: inline-block;
    cursor: pointer
}

    .k-dropdown-hover:hover .k-dropdown-content {
        display: block
    }

    .k-dropdown-hover:first-child, .k-dropdown-click:hover {
        background-color: #ccc;
        color: #000
    }

        .k-dropdown-hover:hover > .k-button:first-child, .k-dropdown-click:hover > .k-button:first-child {
            background-color: #ccc;
            color: #000
        }

.k-dropdown-content {
    cursor: auto;
    color: #000;
    background-color: #fff;
    display: none;
    position: absolute;
    min-width: 160px;
    margin: 0;
    padding: 0;
    z-index: 1
}

.k-check, .k-radio {
    width: 24px;
    height: 24px;
    position: relative;
    top: 6px
}