body {
    background-color: white;
    line-height: 1.2;
}

body.login-page{
    background-color: white;
}

.card-body{
	padding:.5rem;
}

.btn{
	line-height: 1.2rem;
}

.flex-column{
    display: flex;
    flex-direction: column;
}
.flex-column-title{
    flex:1;
    padding: 2px;
}
.flex-column-content{
    flex:998;
    padding: 2px;
    overflow-y: auto;
}
.flex-column-footer{
    flex:1;
    padding: 2px;
}

div.FullHeight{
    height: 100vh;
    margin-bottom: 0px;
    overflow: hidden;
}

div.content-wrapper {
    background-color: white;
}

div.spliter_gap{
    margin-left: 1rem;
}

div.mb-3{
	margin-bottom: 0.3rem!important;
}

th{
    text-align: center;
    vertical-align: middle;
}

.table td{
	padding: .3rem;
}

.table-hover td:hover{
    cursor: pointer;
}

td{
    vertical-align: middle;
    overflow: hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    box-sizing: unset;
}

tbody#trans td{
    text-align: center;
}

tbody#pending td{
   padding-left: 0.3rem;
}

.list_item{
    display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list_item_desc{
    display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    color: #6c757d;
    font-style: italic;
    font-size: 80%;
    font-weight: 400;
}

.chat_item_desc{
    display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
    color: #999999;
    font-style: italic;
    font-size: 80%;
    font-weight: 400;
}

.img-circle{
    border: 0px;
}

img.gray{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
img.img-photo{
    border-radius: 3%;
    object-fit:contain;
    width: 100%;
    height: 100%;
}
img.chat{
    border-radius: 3%;
    max-width: 60%;
    max-height: 300px;
}

img.avatar_sm{
    border-radius: 10%;
    width: 20px;
    height: 20px;
}

.direct-chat-primary .right > .direct-chat-text {
    background-color: #007bff38;
    border-color: #007bff38;
    color: #28415c;
}

 .direct-chat-text{
    max-width: 70%;
    min-width: 30%;
}

.direct-chat-img {
    border-radius: 10%;
}

.form-control{
    padding: .2rem .2rem;
    height: 100%;
}

.custom-select{
	padding: .2rem .2rem;
	height: 100%;
}

.list-group-item{
	padding: .3rem .3rem;
}

p.col-form-label{
	line-height: 100%;
	padding: .2rem .2rem;
}

.input-group-text {
    padding: .3rem .75rem;
}

[class*=icheck-] {
	margin: 2px !important;
}



table.dataTable{
	margin-top: 1px !important;
	margin-bottom: 1px !important;
}