@charset "utf-8";

/* Header */
#header .header-nav-main ul > li > .btn-area {
    display: inline-flex;
    align-items: center;
    min-height: 69px;
    height: 100%;
}

#header .header-nav-main ul > li > a {
    display: inline-flex;
    align-items: center;
    white-space: normal;
    border-radius: 4px;
    color: #262626;
    font-size: 13px;
    font-style: normal;
    font-weight: 600;
    padding: 0.5rem 0.9rem;
    text-transform: uppercase;
    letter-spacing: -0.3px;
}

#header .header-nav-main ul > li.mega-shop > a, 
#header .header-nav-main ul > li.mega-shop:hover > a{
    position: relative;
    background: transparent !important;
    color: #333;
    margin: 1px 0 0;
    min-height: 69px;
    height: 100%;
}
#header .header-nav-main ul > li.mega-shop .cart-items {
   font-weight: 600;
   position: absolute;
   left: 26px;
   right: 0;
   top: 25px;
   text-align: center;
   display: inline-block;
   overflow: hidden;
   background-color: #54a4ec;
   width: 16px;
   height: 16px;
   font-size: 9px;
   color: #ffffff;
   border-radius: 20px;
}

#header .header-nav-main nav > ul > li.dropdown-mega.dropdown-mega-shop .dropdown-menu {
   width: 560px;
   background: #fff;
   /*top:72px;
   opacity: 1;*/
}
#header .dropdown-mega .dropdown-menu>li{
   border: 1px solid #d5d7dd;
   border-radius: 5px;
}

#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content {
   padding: 10px;
}

#header .dropdown-mega-content .tab-wrap hr{
   margin-top: 0;
   margin-bottom: 10px;
   border-bottom: 2px solid rgba(0,0,0,0.1) !important;
}
#header .dropdown-mega-content .tab-wrap hr.small{
   margin-top: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

#header .dropdown-mega-content .tab-wrap h4{
   color: #717476;
   padding-left: 10px;
}

#header .dropdown-mega-content .tab-wrap li.nav-item a.nav-link {
   padding-left:20px;
   color: #a7b1c2;
   text-transform: uppercase;
   background: #fff;   
   border-top-color: #fff ;
   border-left-color: #fff ;
   border-left-width: 1px !important ;
   border-right-color: #fff ;
   border-bottom: 1px solid #eaeaea !important;
   border-radius: 4px 4px 0 0;
}
#header .dropdown-mega-content .tab-wrap li.nav-item a.nav-link.active {
   color: #717476;
   background: #fff;
   border-top-color: #eaeaea ;
   border-left-color: #eaeaea ;
   border-right-color: #eaeaea ;
   border-bottom: 1px solid #fff !important;
}
#header .dropdown-mega-content .tab-wrap li.nav-item a.nav-link span{
   padding: 0;
}
#header .dropdown-mega-content .tab-wrap li.nav-item a.nav-link span:after {
   content: none;
}

#header .dropdown-mega-content .tab-content{
   border-width: 0;
   border-top-width: 1px;
   padding: 0;
}

#header .header-btn-collapse-nav {
   height: 45px;   
   color: #fff;
   background: transparent;
}

#header .nav-link:before {
    border: none !important;
    background: none !important;
}

#header .nav-link.active {
    border: none !important;
    background: none !important;
}

#header .justify-content-center {
    min-width: 800px;
}

#header .justify-content-center .nav-menu .dropdown .dropdown-toggle {
    font-family:  "Roboto", sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.22;
    letter-spacing: -1.1px;
    text-align: left;
    text-transform: none;
    color: #9f9988;
}

#header .justify-content-center .nav-menu .dropdown .dropdown-toggle.active {
    color: #fff;
    font-weight: 600;
}

#header .justify-content-center .nav-menu .dropdown .dropdown-toggle:before {
    border-bottom: 7px solid #ffc018 !important;
    background: none !important;
    top: 63px;
}

#header .nav-link button {
    width: 89px;
    height: 36px;
    background: url(/template/smc/img/ledger/wallet-btn-top.png) center no-repeat;
    font-family:  "Roboto", sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.3px;
    color: #362f2d;
    border: none !important;
}

.no-content-div {
    min-height: 180px;
}

.wallet-cover .top_btn_area a {
    font-family:  "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.22;
    letter-spacing: 0.3px;
    text-align: right;
    color: #d7d7d7;
}

.minimalize-styl-2 {
  padding: 4px 0px;
  color: #3a5f9d;
  font-size: 35px
}

/*smart-forms-ledger */
.smart-wrap{padding: 0;}
.smart-forms-ledger .form-header {
   padding: 20px;
}
.smart-forms .form-header h4 {
   font-size: 22px;
   line-height: 30px;
}
.smart-forms .form-header h4 i {
   font-size: 20px;
   margin-right: 7px;
}
.smart-forms-ledger .form-body{
   padding: 15px 10px 15px;
}
.smart-forms-ledger .smart-widget .field.prepend-icon {
    margin-bottom: 5px;
 }
.smart-forms-ledger .form-body .section:last-child{
   margin-bottom: 0;
}
.smart-forms-ledger .form-body .section>div{
   position: relative;
}
.smart-forms-ledger .form-body .section-calendar>.smart-widget {
   display: inline-block;
   width: 45%;
}
.smart-forms-ledger .form-body .section-calendar>.smart-widget:last-child{
   margin-left: 23px;
}
.smart-forms-ledger .form-body .section-calendar>.smart-widget:last-child:before {
   content: "";
   display:inline-block;
   position: absolute;
   top:15px;
   left:-15px;
   width: 8px;
   height: 1px;
   background: #bcc1cb;
}

.smart-forms-ledger .form-body .field-label{
   margin-bottom: 5px;
}
.smart-forms-ledger .field  > input,
.smart-forms-ledger .field  > textarea,
.smart-forms-ledger .field  > select {
   padding-left: 10px;
}
.smart-forms-ledger .field  > input{
   height: 34px;   
   font-size: 14px;
   font-weight: 400;
   color:#362f2d;
}
/*.smart-forms-ledger .field  > input.historyDate{
    background: skyblue !important;
}*/
.smart-forms-ledger .field > input:read-only {
    background: #cccccc !important;
}
.smart-forms-ledger .field-icon{
   display: none;
}
.smart-forms-ledger .field  .coin-unit{
    display: block;
    top: 0;
    left:auto;
    right:10px;
    width: 34px;
    height: 34px;
    line-height: 36px;
    font-size: 13px;
    font-weight: 600;
}
.smart-forms-ledger .smart-option {
    border: 1px solid #989797;
    font-family:  "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #000000;
    background-image: linear-gradient(to bottom, #ffffff, #9FD7FE 50%, #9fd7ff  98%, #ffffff);
    line-height: 34px;
    height: 34px;
}

.smart-forms-ledger .smart-option.history {
    border: 1px solid #b1b1b1;
    background-image: linear-gradient(to top, #5483ec 49%, #6590ee 49%);
    line-height: 30px;
    height: 34px;
    font-family:  "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: -0.5px;
    text-align: center;
    color: #fff;
}
.smart-forms-ledger .smart-option.new {
    line-height: 24px;
    height: 60px;
    padding: 0 40px;
    margin: 0;
}
.smart-forms-ledger .smart-option.new.first {
    padding: 0 44px;
}

.smart-forms-ledger .smart-option.new_m {
    line-height: 20px;
    height: 78px;
    padding: 7px 10px 5px 10px;
    font-size: 11px;
    display: block;
}

.smart-forms-ledger .smart-option-txt {
    display: inline-block;
}

.smart-forms-ledger .option > input:checked + .smart-option {
    /*border-color: #58a2eb;
    background: #58a2eb;
    color: #fff;*/
}

.smart-forms-ledger .option > input:disabled + .smart-option {
    border: 1px solid #989797;
    font-family:  "Roboto", sans-serif;
    font-size: 12px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #000000;
    background-image: linear-gradient(to bottom, #ffffff, #9FD7FE 50%, #9fd7ff  98%, #ffffff);
    line-height: 34px;
    height: 34px;
}

.smart-forms-ledger .table{
    font-size: 13px;
    line-height: 1.3;
}
.smart-forms-ledger .table td,.smart-forms-ledger .table thead th{
   padding: 8px 10px;
   /*background-color:#fff;*/
}
.smart-forms-ledger .table .text-left>span{
   -webkit-line-clamp:1;
   -webkit-box-orient: vertical;
   display: -webkit-box;
   overflow: hidden;
   width: calc(100% - 70px);
   text-overflow: ellipsis;
   float: left;
    font-family:  "Roboto", sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #362f2d;
}

.smart-forms-ledger .table .text-left a{
   float:right;
}
.smart-forms-ledger .table .text-left>a> i{
   width: auto !important;
   font-size: 10px !important;
   vertical-align: text-top !important;
   margin-top: 3px;
   margin-right: 1px;
}

.smart-forms-ledger .form-footer {
    padding:10px 10px 20px;
    background: none;
}
.smart-forms-ledger .btn {
    width: 184px;
    height: 38px;
    padding: 0 30px;
    text-align: center;
    border-radius: 19px;
    background-image: linear-gradient(to top, #f98700 49%, #ffa200 50%);
}
.smart-forms-ledger .btn.btn-large {
    width: 246px;
    background: url(../img/ledger/submit_btn_large.png) no-repeat center;
}

/*.smart-forms-ledger .btn:disabled {
    background: url(../img/ledger/submit_btn_disabled.png) no-repeat center;
    opacity: 1;
}*/

.smart-forms-ledger .btn .btn_text {
    font-family:  "Roboto", sans-serif;
    font-size: 20px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.18;
    letter-spacing: 0.4px;
    text-align: center;
    color: #130e0d;
    text-transform:none;
}

.smart-forms-ledger .smart-widget .field .react-datepicker{
   position: absolute;
   top:35px;
   left:0;
   z-index: 5;
}



.smart-forms-ledger .smart-option-group.smart-option-list{
   white-space:normal;
}
.smart-forms-ledger .smart-option-group .option{
    width: 68px;
    height: 35px;
    margin-right: 1px;
}

.smart-forms-ledger .smart-option-group .option.history{
    width: 32.33%;
    height: 35px;
    margin-right: 1px;
}

.smart-forms-ledger .smart-option-list .smart-option {
   width: 100%;
}
.smart-forms-ledger .smart-option-list .smart-option:nth-child(2) {
    /*margin-right: -1px;*/
}

.cbp-spmenu {
    background: #d8d8fe;
}
.cbp-spmenu h3 {
    color: #7f8594;
    /*font-size: 1.5em;
    padding: 5px 10px;*/
    padding-left: 10px;
}
.cbp-spmenu a {
    color: #3a5f9d;
    font-weight: 600;
    border-bottom: 0;
}
.cbp-spmenu a:hover{
    background-color:#fff157;
}
.nav_login a{
    padding-top: 22px;
    font-size: 14px;
    text-transform: uppercase;
}
.nav_login a i{
  margin-right: 5px;
}
.nav_menu{
    /*background-color: #544f4f;*/
}
.nav_menu a{
    padding: 11px 20px; 
    color: #252525;
}

.nav_menu a i{
    margin-right: 7px;
    font-size: 28px;    
    vertical-align: middle;
    color: #3a5f9d;
}


.etc-service-wrapper {
  margin: 0;
  font-size: 15px;
  line-height: 24px;
  background: #6659b1;
  padding: 10px 10px;
}

.mcopyright {
  padding: 10px 10px;
  background: #000;
  margin: 0;
  bottom: 0;
}

.etc-service-wrapper span {
  line-height: 24px;
  color: #cac8c8
}

/* added 0705  by Brad */
.smart-forms-ledger .smr-80 .button {
    height: 100%;
    /*background-color: #54a4ec;*/
    background-image: linear-gradient(to bottom, #ffffff, #9FD7FE 50%, #9fd7ff  98%, #ffffff);
    font-family:  "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000000;
}
.smart-forms .smart-widget .button.primary-btn {
   border: 1px solid #54a4ec;
   background: #54a4ec;
   color:#fff;
}
/* added 0705 */


.table-crm {
    margin: 0px;
}

.table-crm td {
    white-space: nowrap;
}

.table-crm td.long-text {
   max-width: 0;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
}

.long-text {
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.long-text-historyB {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.long-text-historyS {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.long-text-historyR {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.img-bg {
    background: url(/template/smc/img/ledger/main-bg.png) center no-repeat;
    background-size: cover;
    color: #ffffff;
    min-height: 700px;
    padding-top: 20%;
    padding-bottom: 20%;
}

.img-bg-content {
    background: url(/template/smc/img/ledger/main-bg.png) center no-repeat;
    background-size: cover;
    color: #ffffff;
    padding-top: 0;
    padding-bottom: 0;
}
.wallet-bg{
    display: inline-flex;
    justify-content: center;
    position: relative;
    width: 300px;
    height: 490px;
    text-align: center;
    background: url(/template/smc/img/ledger/m-main-wallet.png) center no-repeat;
    background-size: contain;
}
.wallet-bg.home {
    height: 333px;
    background: url(/template/smc/img/ledger/m_wallet_home_img.png) center no-repeat;
}
.wallet-cover{
    display: flex;
    flex-direction: column;
    position: relative;
    width: 271px;
    height: 436px;
    /*background: url(/template/smc/img/ledger/m-main-wallet-chage-bg.png) center no-repeat;*/
    /*background-size: contain;*/
}
.wallet-cover h2{
    margin-left: 3px;
}

.wallet-cover p{
    padding: 0 20px;
    font-size: 16px;
    line-height: 20px;
}

.wallet-cover .btn{
    width: 165px;
    height: 33px;
    line-height: 32px;
    padding: 0;
    margin-right: 0;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 400 !important;
}

.wallet-cover .clearfix .btn.createBtnTpl {
    background: none;
    font-size: 16px;
    font-weight: 500 !important;
    letter-spacing: 0.3px;
    color: #ffffff;
}

.wallet-cover .clearfix .btn{
    width: 175px;
    height: 38px;
    line-height: 1.9;
    background: url(/template/smc/img/ledger/login_btn.png) center no-repeat;
    margin: 1rem auto 1rem auto;
    font-family:  "Roboto", sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: 0.4px;
    text-transform: none;
    color: #13030d;
}

.wallet-cover .img_area #loginInnerDiv {
    width: 100%;
    height: 143px;
}

.wallet-cover .img_area #loginInnerDiv .section {
    display: flex;
}

.wallet-cover .img_area #loginInnerDiv .field-label {
    width: 27%;
    font-family:  "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.2;
    letter-spacing: 0.3px;
    text-align: center;
    color: #dfdfdf;
}

.wallet-cover .img_area #loginInnerDiv .field {
    width: 65%;
}

.wallet-cover .img_area #loginInnerDiv .field input {
    height: 37px;
    background-color: #fff !important;
}

.wallet-cover .img_area #loginInnerDiv .field input::placeholder {
    font-family:  "Roboto", sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #2a2d31;
}

.wallet-cover .img_area #createInnerDiv {
    width: 100%;
    height: 160px;
}

.wallet-cover .img_area #createInnerDiv .section {
    display: flex;
}

.wallet-cover .img_area #createInnerDiv .field-label {
    width: 27%;
    font-family:  "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.2;
    letter-spacing: 0.3px;
    text-align: center;
    color: #dfdfdf;
}

.wallet-cover .img_area #createInnerDiv .field {
    width: 65%;
}

.wallet-cover .img_area #createInnerDiv .field input {
    height: 37px;
    background-color: #fff !important;
}

.wallet-cover .img_area #createInnerDiv .field input::placeholder {
    font-family:  "Roboto", sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #2a2d31;
}

.wallet-cover .img_area #loginInnerDiv_m {
    width: 100%;
    height: 240px;
}

.wallet-cover .img_area #loginInnerDiv_m .field-label {
    width: 100%;
    font-family:  "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.2;
    letter-spacing: 0.3px;
    text-align: left;
    color: #dfdfdf;
}

.wallet-cover .img_area #loginInnerDiv_m .field {
    width: 90%;
}

.wallet-cover .img_area #loginInnerDiv_m .field input {
    height: 37px;
    background-color: #fff !important;
}

.wallet-cover .img_area #loginInnerDiv_m .field input::placeholder {
    font-family:  "Roboto", sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #2a2d31;
}

.wallet-cover .img_area #createInnerDiv_m {
    width: 100%;
    height: 280px;
}

.wallet-cover .img_area #createInnerDiv_m .field-label {
    width: 100%;
    font-family:  "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 2.2;
    letter-spacing: 0.3px;
    text-align: left;
    color: #dfdfdf;
}

.wallet-cover .img_area #createInnerDiv_m .field {
    width: 90%;
}

.wallet-cover .img_area #createInnerDiv_m .field input {
    height: 37px;
    background-color: #fff !important;
}

.wallet-cover .img_area #createInnerDiv_m .field input::placeholder {
    font-family:  "Roboto", sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    text-align: left;
    color: #2a2d31;
}

/*.wallet-cover .btn.btn-primary{
    background-color: #1098e9;
}*/
.wallet-cover .btn i{
    font-size: 13px;
    vertical-align: inherit;
}

.footer.footer-2 {
    border: 0;
}

.footer.footer-2 .copyright {
   border-top: 0;
   padding: 11px 0px;
}

#tooltip
{
    text-align: center;
    color: #fff;
    background: #111;
    position: absolute;
    z-index: 100;
    padding: 15px;
}

#tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #111;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

#tooltip.top:after
{
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto;
}

#tooltip.left:after
{
    left: 10px;
    margin: 0;
}

#tooltip.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}

.btn_question {
    display: inline-block;
    vertical-align: middle;
    padding-left: 5px;
    cursor: pointer;
}

ul.countdown {
    list-style: none;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0;
    display: block;
    text-align: left;
}

ul.countdown li {
    display: inline-block;
    width:60px;
    text-align: center;
}

ul.countdown li span {
    /* BACKGROUND: #000000; */
    color: #777;
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
}

ul.countdown li.seperator {
    /* COLOR: #000000; */
    width: 20px;
    font-size: 30px;
    margin-left:0px;
    margin-right:0px;
    line-height: 30px;
    vertical-align: top;
}

ul.countdown li p {
    color: #a7abb1;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 0px;
}

.historyDiv {
    height: 460px;
}

.historyDiv span {
    color: #000;
}

.historyDiv .long-text-historyB a { color: #205ce0; }
.historyDiv .long-text-historyR a { color: #205ce0; }
.historyDiv .long-text-historyS a { color: #205ce0; }

/*.history_gray { background-color: #eaeaea !important; }*/

#messageDiv .table td {
    color: #362f2d;
}

.halfDiv {
    position: relative;
    width: 50%;
}

.textBtn {
    position: absolute;
    display: inline-block !important;
    height: 40px;
    line-height: 40px;
    right: 20px;
}

.no_image_div {
    width: 100%;
    height: 42px;
}

.bg-black { background-color: #000; }
.bg-transparent { background-color: rgba(255,255,255,0.5); }
.page-header {
    background-color: transparent;
    padding: 40px 0 0 0;
    box-shadow: 0 1px 0 0 rgba(255,255,255,0.35);
}
.page-header .title {
    font-family:  "Roboto", sans-serif;
    font-size: 30px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.8;
    letter-spacing: -1.8px;
    text-align: left;
    color: #003663;
}
.theme_img_area {
    position: absolute;
    display: inline-block;
    left: 12.5%;
    top: 30px;
}
.theme_img_area.send,
.theme_img_area.receive {
    left: 8.5%;
}
.inner-container { padding: 0 10px 0 60px; }
.content-container { padding-left: 14%; }
.table-bordered td, .table-bordered th {
    border: 1px solid #989797;
}

.react_div { min-height: 400px; }

.privacypolicy {
    color: #000;
}

/*benant*/
#modal {position: fixed; left:0; top:0; width: 100%; height: 100%; display: none; z-index:9999; }
#modal .modal-bg {background: rgba(0,0,0,0.7); display:flex; align-items: center; justify-content: center; height: 100%; }
/* #modal .modal-cont {position:relative; background: #fff; padding: 40px; min-width: 70%; display: inline-block; z-index:10;} */
#modal .modal-cont { position:absolute; top:24%; left:0; right:0; margin: 0 auto; z-index:100; background: #fff; width:80%; max-width: 800px; padding: 40px; }
#modal .modal-cont .modal-content { max-height: 700px; overflow-y:auto; border: none; }
#modal .modal-cont .close_popup {position: absolute; top: 0; right:0; margin:20px; padding: 10px; background: none; border-radius: 50%; }
/* #modal .modal-cont .close_popup svg {width: 24px; fill: #fff; vertical-align: top;} */
#modal .modal-cont .modal-content .table thead th {
    vertical-align: middle;
}

@media (max-width: 784px) {

    .long-text-historyS {
        width: calc(89% - 44px);
    }
    .long-text-historyR {
        width: calc(89% - 44px);
    }
}

@media (max-width: 525px) {

    .long-text-historyS {
        width: calc(77% - 44px);
    }
    .long-text-historyR {
        width: calc(77% - 44px);
    }
    .page-header .title.send,
    .page-header .title.receive {
        margin-left: 100px;
    }
}

@media (max-width: 414px) {
    #modal .modal-cont { width:95%; padding: 10px; top: 16%; }
    #modal .modal-cont .close_popup { margin:5px; padding: 5px; }

    .long-text-historyB {
        width: calc(100% - 30px);
    }
    .long-text-historyS {
        width: calc(77% - 60px);
    }
    .long-text-historyR {
        width: calc(77% - 60px);
    }
    .page-header .title.send,
    .page-header .title.receive {
        margin-left: 100px;
    }
}

@media (max-width: 375px) {
    .long-text-historyB {
        width: calc(100% - 50px);
    }
    .long-text-historyS {
        width: calc(70% - 60px);
    }
    .long-text-historyR {
        width: calc(70% - 60px);
    }
    .page-header .title.send,
    .page-header .title.receive {
        margin-left: 100px;
    }
}

@media (max-width: 360px) {
    .long-text-historyB {
        width: calc(90% - 50px);
    }
    .long-text-historyS {
        width: calc(70% - 80px);
    }
    .long-text-historyR {
        width: calc(70% - 80px);
    }
    .page-header .title.send,
    .page-header .title.receive {
        margin-left: 100px;
    }
    .smart-forms-ledger .smart-option-group .option.history { width: 32.63%; }
    .container .cta { min-width: 282px; }
}

@media (max-width: 320px) {
    .smart-forms .smart-option-ui .iconc.new_m { right: -5px; }
    .smart-forms-ledger .smart-option.new_m { padding: 7px 0 5px 0; }
    .long-text-historyB {
        width: calc(90% - 40px);
    }
    .long-text-historyS {
        width: calc(66% - 60px);
    }
    .long-text-historyR {
        width: calc(66% - 60px);
    }
    .container {
        padding-left:5px;
        padding-right:5px;
    }
    .page-header .title.send,
    .page-header .title.receive {
        margin-left: 110px;
    }
    .nav_login { padding-right: 5px; }
    .nav_login a{ font-size: 13px; }
    .mcopyright { padding: 5px; letter-spacing: -0.5px; }
    .etc-service-wrapper { font-size: 13px; }
    .smart-forms-ledger .field  > input{ font-size: 13px; }
}

/*benant*/


@media (min-width: 768px) {
    .page .section-primary.img-bg, 
    .section-big{
        min-height: 709px;
    }
    .img-bg {
        padding-top: 90px;
        padding-bottom: 50px;
    }
    .wallet-bg{
        align-items: center;
        justify-content: flex-end;
        width: 529px;
        height: 296px;
        background: url(/template/smc/img/ledger/main-wallet.png) center no-repeat;
    }
    .wallet-bg.home{
        width: 350px;
        height: 402px;
        background: url(/template/smc/img/ledger/wallet_home_img.png) center no-repeat;
    }
    .wallet-cover{
        width: 472px;
        height: 260px;
        padding-top: 10px;
        /*background: url(/template/smc/img/ledger/main-wallet-chage-bg.png) center no-repeat;*/
    }
    .wallet-cover .top_btn_area a {
        font-family:  "Roboto", sans-serif;
        font-size: 16px;
        font-weight: 600;
        font-style: normal;
        font-stretch: normal;
        line-height: 0.22;
        letter-spacing: 0.3px;
        text-align: right;
        color: #d7d7d7;
    }
    .wallet-cover p{
        padding: 0 20px 0 0;
        font-size: 16px;
    }

    .wallet-cover .btn{
        display: block;
        width: 219px;
        height: 43px;
        line-height: 42px;
        margin-left: 60px;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: 600 !important;
    }
    .wallet-cover .btn i{
        font-size: 15px;
        vertical-align: inherit;
    }

   .smart-wrap{padding: 0 20px;}
   .smart-forms-ledger .form-header {
      padding: 20px 30px;
   }
   .smart-forms .form-header h4 {
      font-size: 30px;
      line-height: 38px;
   }
   .smart-forms .form-header h4 i {
      font-size: 27px;
      margin-right: 15px;
   }
   .smart-forms-ledger .form-body{
      padding: 25px 30px 35px;
   }
   .smart-forms-ledger .smart-widget .field.prepend-icon {
      float:left;
      width: calc(100% - 207px);
      margin-right: -1px;
      margin-bottom: 0;
   }
}
@media (min-width: 992px) {
    /*.img-bg {
        padding-top: 156px;
        background-size: contain;
    }*/
    .smart-forms-ledger .smart-option-group .option{
        width: 69px;
        margin-right: 0;
    }
   .smart-forms-ledger .smart-option-group .option.history{
        width: 86px;
        margin-right: 1px;
    }
   .smart-forms-ledger .smart-option {
        width: auto;
    }
   .smart-forms-ledger .smart-option-group.smart-option-list{
       white-space:nowrap;
    }
    .smart-forms-ledger .form-body .section-calendar>.smart-widget {
        width: 27%;
    }
}
@media (max-width: 767px) {
    .page.has-sidebar.bordered .page-header .col-sm-12{
        margin: 0;
    }
    .page.has-sidebar.bordered .right-side-sidebar{
        padding-bottom: 10px;
    }
    .page footer {
        position: relative; 
    }
    .footer.footer-2 .copyright .col-sm-8{
       margin-bottom: 0;
    }
    .wallet-cover .clearfix .btn{
        width: 175px;
        height: 38px;
        background: url(/template/smc/img/ledger/login_btn.png) center no-repeat;
        background-size: 160px;
        margin: 0.5rem auto 0.25rem auto;
        font-family:  "Roboto", sans-serif;
        font-size: 16px;
        font-weight: bold !important;
        line-height: 40px;
        font-style: normal;
        font-stretch: normal;
        letter-spacing: 0.4px;
        text-transform: none;
        color: #362f2d;
    }
    .wallet-cover .clearfix .btn.createBtnTpl {
        margin-top: 0;
    }
}
@media (max-width: 783px) {
    #header .justify-content-center .nav-menu .dropdown .dropdown-toggle {

    }
}
@media (max-width: 991px) {
    #header .justify-content-center .nav-menu .dropdown .dropdown-toggle {
        font-size: 14px;
        padding: 0 0.5rem;
    }
   .smart-forms-ledger .duration-list label .smart-option {
        /*border-right-width: 0;*/
    }
    .smart-forms-ledger .duration-list label:nth-child(3n) .smart-option {
        border-right-width: 1px;
    }
    .smart-forms-ledger .duration-list label:first-child .smart-option {
        border-radius: 3px 0 0 0;
        border-bottom-width: 0;
    }
    .smart-forms-ledger .duration-list label:nth-child(2) .smart-option{
        border-bottom-width: 0;
    }
    .smart-forms-ledger .duration-list label:nth-child(3) .smart-option {
        border-radius: 0 3px 0 0;
        border-bottom-width: 0;
    }
    .smart-forms-ledger .duration-list label:nth-child(4) .smart-option {
        border-radius: 0 0 0 3px;
        margin-left: 0;
    }
    .smart-forms-ledger .duration-list label:last-child .smart-option {
        border-radius: 0 0 3px 0;
    }
}