.modal-width {
    width: 400px;
}
.container-ob {
    width: 100%;
    padding: 0px;
   /* background: url(/src/assets/images/dynamatix_bg.png) 100% 85% no-repeat fixed #ffffff;*/
}
.height-ob{
    height: 80vh;
    border-radius: 10px;
    border: 1px solid #3eb8d6!important;
    padding-left: 0px;
    padding-right: 0px;
}
.over-scroll{
    height: 65.9vh;
    overflow-y: scroll;
    overflow-x: hidden;
}
.header-height-ob{
    height: 150px;
}
.header-openbank{
    height: 150px;
    color: #fff;
    background: #3ab4d1;
    background: -moz-linear-gradient(left, #3ab4d1 0, #53cbf1 50%, #40cbbe 100%);
    background: -webkit-linear-gradient(left, #3ab4d1 0, #53cbf1 50%, #40cbbe 100%);
    background: linear-gradient(to right, #3ab4d1 0, #53cbf1 50%, #40cbbe 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3ab4d1', endColorstr='#40cbbe', GradientType=1);
}
.heading-text{
    font-size: 15px;
    font-weight: 600;
    line-height: 36px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 10px 10px 0px 0px;
    font-family: 'Open Sans', sans-serif;
    color: #ffffff !important;
    background: #3ab4d1;
    background: -moz-linear-gradient(left, #3ab4d1 0, #53cbf1 50%, #40cbbe 100%);
    background: -webkit-linear-gradient(left, #3ab4d1 0, #53cbf1 50%, #40cbbe 100%);
    background: linear-gradient(to right, #3ab4d1 0, #53cbf1 50%, #40cbbe 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#3ab4d1', endColorstr='#40cbbe', GradientType=1);
}
.confirm-info{
    color: rgba(0, 0, 0, 0.8);
    font-weight: normal !important;
    line-height: 20px;
    font-size: 14px;
    padding: 5px;
}
.bank-name{
    line-height: 20px;
    background-color: #dadada;
    color: #1F1E1E;
    padding: 12px 10px;
}
.bank-account{
    line-height: 20px;
    padding: 12px 10px;
    color: #000000;
    font-weight: 600;
}
.bank-name img, .bank-account img{
    width: 18px;
    opacity: 0.5;
    margin-right: 10px;
    margin-top: -3px;
}
.transaction-table-ob{
    color: #666666;
    background: #ffffff;
    opacity: 0.9;
    border-radius: 10px;
}
.transaction-table-ob table {
    width:100%;
    border: none;
}
.transaction-table-ob thead {
    /*height: 50px;
    line-height: 50px;*/
}
.transaction-table-ob tr {
    padding-top: 10px;
    padding-bottom: 10px; 
}
.transaction-table-ob th {
    font-weight: normal;
}
.transaction-table-ob table tr {
    display: table-row;
}
.navbar-brand-ob>img {
    margin-top: 20px;
    width: 70px;
}
.create-new-ob{
    text-align: center;
}
.cnb{
    background: #41A638;
    background: -moz-linear-gradient(left, #41A638 0, #3FBA45 50%, #41A638 100%);
    background: -webkit-linear-gradient(left, #41A638 0, #3FBA45 50%, #41A638 100%);
    background: linear-gradient(to right, #41A638 0, #3FBA45 50%, #41A638 100%);
    border-style: none;
    padding: 8px 16px;
    border-radius: 5px;
    border: 1px solid #00ff00;
    color: #ffffff;
    margin-top: 10px;
}

.table{
    display: table;
    width: 100%;
}
.row-table-ob{
    background-color: #f1f1f1;
    display: table-row;
}
.row-table-ob td{
    padding-top: 20px;
    padding-bottom: 20px;
    vertical-align: middle;
    border-top: 3px solid #fff !important;
}
.row-table-ob input, .row-table-ob select{
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    padding: 2px 8px;
}
.row-table-ob select {
    color: #53CBF1;
    width: 200px;
}
.row-table-ob select option{
    color: #000000;
    background-color: #ffffff;
}
.footer{
    width: 100%;
    text-align: center;
    position: fixed;
    padding: 10px;
    height: 40px;
    bottom: 20px;
}
.footer-button-ob{
    background: -moz-linear-gradient(left, #3ab4d1 0, #53cbf1 50%, #40cbbe 100%);
    background: -webkit-linear-gradient(left, #3ab4d1 0, #53cbf1 50%, #40cbbe 100%);
    background: linear-gradient(to right, #3ab4d1 0, #53cbf1 50%, #40cbbe 100%);
    color: #ffffff;
    padding: 8px 35px;
    border: none;
    border: 1px solid #4ab9db;
    border-radius: 5px;
}
.time{
    width:10%;
    padding-left: 20px !important;
}
.des{
   width:40%; 
   max-width: 10px;
}
.des-text{
    font-size: 11px !important;
    line-height: 16px !important;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
}
.des-text:hover{
    overflow: visible;
    white-space: pre-wrap;
}
.amout{
    width:17%;
}
.amout input{
    width:110px;
    border: 1px solid #9f9f9f;
}
.amout .fa {
    padding-right: 10px;
}
.ihc{
    width:10%;
}
.ihc-sub{
    width:23%;
}
.button-close{
    color: #ff0000;
    text-align: right;
    padding-right: 30px !important;
    cursor: pointer;
}
.green-text{
    color: green !important;
}
.red-text{
    color: #f77e02 !important;
}
.table-headings{
    border-bottom: 1px solid #dadada !important;
}
.open-confirm-btn{
    
}
.open-confirm-btn .yes-btn, .open-confirm-btn .nos-btn{
    height: 120px;
    width: 120px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    background-color: #baf1ff;
    border-radius: 0px;
    margin-left: 15px;
}
.color-h4{
    color: #545454;
    font-weight: 500;
    line-height: 1.4em;
}
.mob-row{
    display: none !important;
}
.info-box .modal-content {
    background-color: #ffffff;
}
.green-btn, .green-btn:active, .green-btn:focus, .green-btn:hover {
    background: linear-gradient(to right, #0b9702 0, #0bb600 50%, #099900 100%);
    background: -moz-linear-gradient(left, #0b9702 0, #0bb600 50%, #099900 100%);
    background: -webkit-linear-gradient(left, #0b9702 0, #0bb600 50%, #099900 100%);
    border-radius: 5px;
    padding: 5px 35px;
}
.red-btn, .red-btn:active, .red-btn:focus, .red-btn:hover{
    background: linear-gradient(to right, #ef5628 0, #f17f53 50%, #ef5628 100%) !important;
    background: -moz-linear-gradient(left, #ef5628 0, #f17f53 50%, #ef5628 100%);
    background: -webkit-linear-gradient(left, #ef5628 0, #f17f53 50%, #ef5628 100%);
    border-radius: 5px;
    padding: 5px 35px;
}
.optgroup{
    background: #f2f2f2 !important;
    color: #3ab4d1 !important;
    font-size: 13px;
}
.option{
    color: #555555 !important;
    margin-left:90px !important;
    text-indent: 90px !important;
}
.info-text{
    font-size: 10.5px;
}
.info-text .fa-info-circle{
    font-size: 14px;
    line-height: 16px;
    cursor: pointer;
}

@media (max-height: 700px) and (min-height: 500px) {
   .height-ob{
       height: 80vh;
       border-radius: 10px;
       border: 1px solid #3eb8d6!important;
       padding-left: 0px;
       padding-right: 0px;
   }
   .over-scroll{
       height: 63.5vh;
       overflow-y: scroll;
       overflow-x: hidden;
   }
}

@media (max-width: 767px) and (min-width: 320px) {
    .table{
        table-layout: fixed;
    }
    .open-confirm-btn .yes-btn, .open-confirm-btn .nos-btn {
        height: 50px;
        width: 100px;
    }
    .heading-text {
        font-size: 10px;
        line-height: 13px;
    }
    .table-headings{
        display: none;
    }
    .amout input {
        width: 60px;
    }
    .button-close-td {
        width: 10% !important;
        padding-right: 10px !important;
    }
    .ihc, .ihc-sub{
        display: none;    
    }
    .ihc-mob{
        font-size: 11px;
    }
    .button-close {
        padding-right: 10px !important;
    }
    .time {
        width: 15% !important;
        padding-left: 8px !important;
    }
    .des{
        width: 35%;
    }
    .des-text{
        font-size: 11px !important;
        line-height: 16px !important;
        text-overflow: ellipsis;
        word-break: break-all;
        white-space: nowrap;
        overflow: hidden;
    }
    
    .amout {
        width: 25% !important;
    }
    .mob-row{
        display: block !important;
        width: 35%;
        padding-bottom: 0px !important;
        position: relative;
    }
    .colspan-6{
        column-span: all !important;
    }
    .row-table-ob{
        width: 100vh;
    }
    .row-table-ob td {
        border-top: 3px solid #ffffff00 !important;
    }
    .mob-row select {
        color: #53CBF1;
        margin-left: 5%;
    }
    .table-headings .ihc{
        width: 220px !important;
    }
    .over-scroll{
        height: 58vh;
    }
    .transaction-table-ob tr {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}