#mytable > tbody > tr:hover {
    background-color: #96ceb4; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #82dcff,#96ceb4);
}

table > tbody > tr:hover {
    background-color: #96ceb4; /* For browsers that do not support gradients */
    background-image: linear-gradient(to right, #E2FDF8,#DBE7FF);
}

#mytable > thead > tr > th {
    padding: 10px;
}

#actionContainer {
    display: block;
    width: 40px;
    margin-left: 3%;
}

.badge-status {
    font-size: 13px !important;
}

.badge-status-small {
    font-size: 11px !important;
}


/*custom table scrollbar size */
main::-webkit-scrollbar, span::-webkit-scrollbar, ol::-webkit-scrollbar, ul::-webkit-scrollbar, pre::-webkit-scrollbar, div::-webkit-scrollbar {
    height: 2rem !important;
    background-color: #F6F6F6;
}

main::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb {
    background-color: #0366fc !important;
    border-radius: 7px;
}

    main::-webkit-scrollbar-thumb, div::-webkit-scrollbar-thumb:hover {
        background-color: #2b9cff !important;
    }


.table tbody tr:last-child td {
    border-bottom: 2px solid #D3D3D3 !important;
}

#projectListTable, #formListTable {
    text-transform: uppercase;
}

    #projectListTable th, #formListTable th {
        font-size: 10px;
        vertical-align: top;
        padding: 4px 0px 5px 0px;
    }

.smallTdText {
    border-right: 2px solid #D3D3D3 !important;
    font-size: 12px !important;
    vertical-align: middle !important;
    padding: 0 1px 0 1px !important;
}

.smallThText {
    border-right: 2px solid #D3D3D3 !important;
    font-size: 12px !important;
    vertical-align: middle !important;
    padding: 5px 0px 5px 0px !important;
}

.smallButtonText{
    font-size:11px;
}

.tableCellStandard {
    color: black !important;
    font-size: 12px !important;
    border-right: 2px solid #D3D3D3 !important;
}

.tableCellBorderLeft {
    border-left: 2px solid #D3D3D3 !important;
}

.tableCellBorderRight {
    border-right: 2px solid #D3D3D3 !important;
}



.PicOptions {
    font-size: 15px !important;
    vertical-align: middle !important;
    padding: 1px 0px 1px 0px !important;
}


.fileContainer {
    width: 98% !important;
    max-height: 350px;
    overflow-y: auto;
}

    .fileContainer::-webkit-scrollbar {
        width: 20px;
    }

div.formio-component-textarea > div > div:nth-child(1) {
    padding: 10px 10px !important;
}

.filterDataTable {
    height: 40px !important;
    background-color: #f0f6ff69 !important;
    border: 3px solid #6dc6e4c7 !important;
}

    .filterDataTable::placeholder {
       /* color: #050c17ab !important;*/
        font-weight: bold;
        font-style: italic;
    }
    .filterDataTable:hover {
        border: 3px solid #08d777cf !important;
    }


#formListTable > tbody > tr > td{
    font-size:11px !important;
}