@font-face {
    font-family: 'helvetica';
    src: url('../fonts/helvetica/helvetica.ttf') format('truetype');
}
@font-face {
    font-family: 'helvetica-bold';
    src: url('../fonts/helvetica/helvetica-bold.ttf') format('truetype');
}
@font-face {
    font-family: 'helvetica-boldoblique';
    src: url('../fonts/helvetica/helvetica-boldoblique.ttf') format('truetype');
}
@font-face {
    font-family: 'helvetica-oblique';
    src: url('../fonts/helvetica/helvetica-oblique.ttf') format('truetype');
}
/*@font-face {
    font-family: 'helvetica-light-587ebe5a59211';
    src: url('../fonts/helvetica/helvetica-light-587ebe5a59211.ttf') format('opentype');
}*/
@font-face {
    font-family: 'helvetica-rounded-bold-5871d05ead8de';
    src: url('../fonts/helvetica/helvetica-rounded-bold-5871d05ead8de.otf') format('opentype');
}

@font-face {
    font-family: 'helvetica-compressed-5871d14b6903a';
    src: url('../fonts/helvetica/helvetica-compressed-5871d14b6903a.otf') format('opentype');
}

html {
 /* font-size: 14px;*/
 font-family:helvetica;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
/*  margin-bottom: 60px;*/
}

.row {
    width:100%;
}


/*---------Custom-----*/
.margin10 {
    margin: 10px;
}
.marginL1 {
    margin-left: 1px;
}
.marginL10 {
    margin-left: 10px;
}
.marginR20 {
    margin-right: 20px;
}
.marginR10 {
    margin-right: 10px;
}
.marginbottom10 {
    margin-bottom: 10px;
}

.margintop20 {
    margin-top: 20px;
}

.form-group {
  /*  float: left;*/
}
.form-left {
    float: left;
}

.form-control {
    width: 95%;
    /*  padding: 0px;*/
}

.clear {
    clear: both;
}

.float-right {
    float: right;
}

input[type="text"], input[type="password"] {
    height: 38px;
    padding: 5px;
}

select.form-control {
    height: 36px;
    padding: 5px;
}

.table-div {
    overflow-x: auto;
}

.txnId {
    width: 100px;
    max-width: 100px;
    height: 2em;
    line-height: 1em;
    text-overflow: ellipsis;
    margin-bottom: 12px;
    cursor: pointer;
    word-break: break-all;
    overflow: hidden;
    white-space: nowrap;
}

    .txnId:hover {
        overflow: visible;
        white-space: normal;
    }

.modal-sub-head {
    color: #222;
    font-weight: bold;
    font-size: 16px;
    margin-bottom:20px;
}

.collapseExample {
    margin-bottom: 10px;
}



.card {
    min-width: 100%;
}

.line-sperator {
   /* width: 95%;*/
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.btn-download{
    background: #20744A;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 9px 16px 9px 20px;
    gap: 8px;
}
    .btn-download :hover {
        background: #20744A;
        border-radius: 8px;
        color: #fff;
    }

    .btn {
        color: #fff;
        color: #fff;
        font-size: 14px;
    }

.btn:hover {
    color: #fff;
}
.btn-Search {
    background: #5315A0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 6px;
    position: absolute;
    width: 120px;
    height: 38px;
    font-weight:normal;
    border-radius: 8px;
    color: #fff;
}
/***Login*/
.auth form .form-group {
    margin-bottom: 1.5rem;
}

.auth .brand-logo {
    margin-bottom: 2rem;
    text-align: center;
}

.mx-auto {
    background: #fff;
    /* White 100 */

    background: #FFFFFF;
    box-shadow: 0px 24px 44px rgba(0, 0, 0, 0.2);
    border-radius: 14px;
    margin-top:50px;
}

.mb-3 {
    margin-bottom: 0.2rem !important;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Helvetica';
}

.mb-6 {
    margin-bottom: 1.5rem !important;
    text-align: center;
    font-size: 14px;
    font-family: 'Helvetica';
    margin-top: 8px;
}


.btn-block {
    width: 152px;
    height: 42px;
    left: 109px;
    top: 384px;
    background: #5315A0;
    border-radius: 8px;
    font-size: 14px;
    color: #fff;
}

    .btn-block :hover {
        width: 152px;
        height: 42px;
        left: 109px;
        top: 384px;
        background: #5315A0;
        border-radius: 8px;
        font-size: 14px;
        color: #fff;
    }

.p-5 {
    padding: 3rem !important;
}

.login-btn {
    text-align: center;
    margin-top: 15px;
}
.login-content-wrapper {
    padding: 2.75rem 2.25rem;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-top:8%;
}
/*-----Table-------*/
.whitecontent {
    background: #fff;
    margin-bottom: 20px;
    width: 100%;
    min-width: 100%;
    border-radius:8px;
}
.bgwhite {
    background: #fff;
    margin-bottom: 20px;
    border-radius: 8px;

}
.dataTables_length {
    padding-left:10px;
}
div.dataTables_wrapper div.dataTables_info {

    margin-left: 10px;
}
div.dataTables_wrapper div.dataTables_paginate {
    margin-right: 10px;
    margin-bottom: 10px;
}
.table-striped {
    padding: 5px;
    display: inline-block;
    overflow-x: auto;
}

.col-md-5-5 {
    flex: 0 0 auto;
    width: 49%;
}
.spnHead2 {
    margin-top: 0.98em;
    font-size: 14px;
    margin-bottom: 0px;
}
.spnHead4Bold {
    margin-top: 0.98em;
    font-size: 16px;
    font-weight:bold;
    margin-bottom: 20px;
}

.spnHead3 {
    font-size: 18px;
    font-weight: lighter;
}
.spnHead1 {
    font-size: 20px;
    font-weight: bold;
}

.icon_container {
    text-align: center;
    width: 44px;
    height: 44px;
    background: #F6F3F9;
    border-radius: 40px;
    float: left;
    margin-top: 4%;
    margin-right:20px;
}

.icon_container > i {
    position: relative;
    top: calc(50% - 10px);  50% - 3/4 of icon height 
}
.text-container {
 /*   margin-left: 10%;*/
 float:left;
}
.text-right {
    text-align:right;
}
.opocity06 {
    opacity:0.6;
}
.btn-modal,btn-modal:hover {
    background: #EEEEEE;
    border-radius: 8px;
    color: #000;
}
.sm-dialog {
    max-width:400px;
}

.fontsize16 {
    font-size: 16px;
}

.fontsize14 {
    font-size: 14px;
}
.lineheight8 {
    line-height:8px;
}

.icon_container-top {
    text-align: center;
    width: 44px;
    height: 44px;
    background: #F6F3F9;
    border-radius: 40px;
    margin-top: 2%;
    margin-left: 10px;
}
.setting-list {
    list-style-type: none;
    padding: 10px;
    font-size: 14px;
}
    .setting-list li {
        margin-bottom: 15px;
    }
.div-balance {
    height: 94px;
    padding: 6px 4px 0px 4px;
}

.div-boxsize {
    /* width: 352px;*/
    height: 151px;
    padding: 12px 4px 0px 4px
}

.white-half-content {
    background: #fff;
    margin-bottom: 20px;
    width: 49%;
    min-width: 49%;
    border-radius: 8px;
    float: left;
}
.icon_balance_container {
    text-align: center;
    width: 55px;
    height: 55px;
    background: #F6F3F9;
    border-radius: 40px;
    float: left;
    margin-top: 2%;
    margin-left: 10px;
    margin-right: 15px;
}

.icon_container-profile {
    text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 60px;
    border: #bc9fdb;
    /*  margin-top: 2%;
    margin-left: 125px;*/
    margin-left: 36%;
    border: 1.81818px solid #F6F3F9;
}

.hyperlink {
    color: black;
    text-decoration: none;
}

.truncate {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 150px;
}

    .truncate:hover {
        text-overflow: clip;
        white-space: normal;
        word-break: break-all;
    }

.btn-modal {
    width: 152px;
    height: 42px;
    background: #5315A0;
    border-radius: 8px;
    color: #fff;
}

.num-text-right {
    text-align: left;
    min-width: 100px;
    display: inline-block;
}
.modal.fade.modal-right .modal-dialog {
    transform: translate(125%, 0px);
}

.modal.show.modal-right .modal-dialog {
    transform: none;
}

@media (max-width: 1200px) {
    .col-md-5-5 {
        width:85%;
    }
    .white-half-content {
         width: 100%;
        min-width: 100%;
    }
}
@media (min-width: 768px) {
    .white-half-content {
        /* width: 100%;
        min-width: 100%;*/
    }
}

@media (min-width: 576px) {
    .white-half-content {
      /*  width: 100%;
        min-width: 100%;*/
    }
}