* {
    box-sizing: border-box
}

/* Set height of body and the document to 100% */
body, html {
    height: 100%;
    margin: 0;
    font-family: Arial;
}

/* Style tab links */
.tablink {
    background-color: #555;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    width: 25%;
}

    .tablink:hover {
        background-color: #777;
    }

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
    color: white;
    display: none;
    padding: 100px 20px;
    height: 100%;
}

.bgthead {
    background-image: linear-gradient(to right, #832525, #933032, #a23b40, #b2464e, #c2525d);
    color: white;
}

tbody tr:nth-child(odd) {
    background-image: linear-gradient(to right, #033b53, #005c74, #008091, #07a5a8, #43cbb9);
    color: white;
}
tbody tr:nth-child(even) {
    background-image: linear-gradient(to right, #277e6c, #29927d, #2ba78d, #2dbc9f, #2ed1b0);
    color: white;
}

.bgmodal {
    background-image: linear-gradient(to right bottom, #256683, #205670, #1a465e, #14374c, #0d293b) !important;
    color:white !important;
}

    .bgmodal p {
        font-size: 1em;
    }
.bgcli {
    background-image: linear-gradient(to right bottom, #832525, #702043, #4d2852, #262c4e, #0d293b);
}

.tamimgsm {
    height: 100px !important;
    width: 100px !important;
}

.btn-img {
    width: 150px;
    height: 100%;
    text-align: center;
    float: right;
}