body
{
	font-family: 'Roboto', sans-serif;
}
.container-custom
{
	width: 100%;
	padding: 0 100px;
}
.qldb-transaction-section
{
	padding:50px 0;
}
.transaction-top-header
{
	padding-bottom:15px;
	margin: 0;
	border-bottom: 3px solid #3ba15f;
	    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.pd-0
{
	padding: 0;
}
.transaction-title
{
	margin: 0;
    color: #3ba15f;
    font-size: 28px;
    font-weight: 400;
}
.qldb-transaction-search
{
	    float: right;
    display: flex;
    align-items: center;
}
.search-btn-top {
    color: #999;
    border: 0;
    padding: 0;
}
.search-btn-top:hover, .search-btn-top:focus
{
cursor: pointer;
text-decoration: none;
color: #999;
}
.qldb-transaction-search input
{
	    width:400px;
    height: 45px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    position: relative;
    padding: 0 15px 0 20px;
    font-size: 16px;
}
.qldb-transaction-search input:focus
{
	    border: 1px solid #ddd;
	    outline: none;
}
.qldb-transaction-search .search-icon
{
    color: #999;
    position: absolute;
    left: 10px;
   	font-size: 18px;
}
.qldb-transaction-search .search-dropdown .arrow-icon
{
width: 45px;
    height: 45px;
    background: #f5f5f5;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
        font-size: 20px;
}
.qldb-transaction-content
{
	/*border: 1px solid #ddd;*/
    margin: 30px 0 0 0;
}
.transaction-tab .nav-tabs>li.active>a
{
	border: 0;
	border-bottom:2px solid #3ba15f;
	color: #3ba15f;
   padding: 10px 15px;
}

.transaction-tab .nav-tabs>li>a
{
	color: #3ba15f;
    font-size: 20px;
        padding: 10px 15px;
}
.transaction-tab .nav.nav-tabs
{
	margin-bottom:0px;
}

.transaction-tab .transaction-tab-content ul
{
	list-style: none;
	padding: 0;
	margin-bottom:0;
	border: 1px solid #ddd;
}
.transaction-tab .transaction-tab-content ul li
{
	display: flex;
	font-size: 16px;
	flex-wrap: wrap;
	border-bottom: 1px solid #ddd;

}
.transaction-tab .transaction-tab-content ul li:last-child
{
	border-bottom:0;
}
.transaction-tab .transaction-tab-content .tra-left-span
{
	width: 250px;
    display: inline-block;
    padding: 10px 15px;
}
.transaction-tab .transaction-tab-content .tra-right-span
{
	width:calc(100% - 250px);
    display: inline-block;
    word-break: break-all;
    padding: 10px 15px;
}
.transaction-search-content
{
	border: 1px solid #ddd;
}
.transaction-search-content .transaction-search-title h3
{
	margin: 0;
	font-size: 20px;
	border-bottom: 2px solid #3ba15f;
    color: #3ba15f;
    padding: 10px 15px;
    display: inline-block;
        font-weight: 400;
}
.transaction-search-content .transaction-search-title
{
	border-bottom: 1px solid #ddd;
}
.transaction-search-table table
{
	width: 100%;
}
.transaction-search-table table th, .transaction-search-table table td 
{
padding: 10px 15px;
font-size: 16px;
}
.transaction-search-table table tr
{
	border-bottom: 1px solid #ddd;
}
.transaction-search-table .action-span
{
	color: #3ba15f;
	    display: flex;
}
.transaction-search-table .action-span:hover, .transaction-search-table .action-span:focus
{
	text-decoration: none;
	cursor: pointer;
}
.transaction-search-table .action-span i
{
	font-size: 20px;
	margin-left: 8px;
	line-height: 20px;
}
.search-top-error-text
{
	color: red;
    margin: 0 0 20px 0;
    font-weight: 400;
}
.qldb-transaction-search-div
{
	margin: 30px 0;
}
/* width */
.transaction-search-table::-webkit-scrollbar {
  width: 5px;
  height: 10px;
  border-radius: 20px;
}

/* Track */
.transaction-search-table::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 20px;
}

/* Handle */
.transaction-search-table::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 20px;
}
.bottom-ul
{
	margin-top: 25px; 
}
.change-history-bull {
    width: 100%;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ddd;
    font-size: 18px;
}

.transaction-null-data {
    text-align: center;
    color: red;
    border: 1px solid #ddd;
    margin: 0;
    padding: 80px 20px;
}
.transaction-null-data h3
{
    margin:0;
}
.transaction-tab .transaction-tab-content .tra-right-span ul, .transaction-tab .transaction-tab-content .tra-right-span ul li{
    border:0;
}
@media (max-width:1199px) {
    .transaction-search-table
	{
		overflow-x: scroll;
	}
}
/* qldb page not found css start */
.qldb-page-not-found
{
width:100%;
height:auto;
padding:60px 0;
}
    .qldb-page-not-found .page-title {
        min-height: 50px;
        margin: 0 0 25px;
        border-bottom: 1px solid #ddd;
        text-align:center;
    }
        .qldb-page-not-found .page-title h1 {
            font-weight: normal;
            font-size:30px;
        }
        .qldb-page-not-found .topic-block .topic-block-body p {
            margin: 30px 15px;
            color: #444;
        }
    .qldb-page-not-found .topic-block-body
    {
        font-size:16px;
        text-align:justify;
    }
    /* qldb page not found css end */
    @media (max-width:991px) {
        .container-custom
	{
		padding: 0 30px;
	}
	.transaction-title
	{
		margin-bottom: 20px;
	}
	.qldb-transaction-search
	{
		width: 100%;
	}
	.qldb-transaction-search input
	{
	width: 100%;	
	}
	.transaction-tab .transaction-tab-content ul li
	{
		text-align: center;
		border-bottom: 1px solid #ddd;
	}
	.transaction-tab .transaction-tab-content .tra-left-span
	{
		width: 100%;
	}
	.transaction-tab .transaction-tab-content .tra-right-span
	{
		width: 100%;
		padding: 0px 15px 10px 15px;
	}
	.qldb-transaction-content .transaction-tab .nav.nav-tabs li
{
width: 50%;
text-align: center;	
}
	
}
@media (max-width:500px)
{
	.transaction-title
	{
		font-size: 26px;
	}
	.transaction-tab .nav-tabs>li>a
	{
	font-size: 18px;	
	}
	.transaction-tab .transaction-tab-content ul li
	{
		font-size: 15px;
	}
	.transaction-search-content .transaction-search-title h3
	{
		font-size: 18px;	
	}
	.transaction-search-table table th, .transaction-search-table table td
	{
		font-size: 15px;
	}
    .transaction-null-data
    {
        font-size:20px;
    }
}
@media (max-width:390px)
{
.transaction-tab .nav-tabs>li>a {
    font-size: 17px;
}
}