.max-h4 { max-height:400px;}
/* Header Style */
#main-wrapper {z-index:999;}
.sidebar { background:#71ccda;}

.mini-logo img {
    max-width: 220px;
}

.auth-brand-link {
    display: inline-block;
    line-height: 0;
}

.site-logo {
    max-height: 48px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.site-logo-auth {
    max-height: 72px;
}

.site-logo-light {
    display: block;
}

.site-logo-dark {
    display: none;
}

.dark-theme .site-logo-light {
    display: none;
}

.dark-theme .site-logo-dark {
    display: block;
}

.light-theme .site-logo-dark {
    display: none;
}

.light-theme .site-logo-light {
    display: block;
}

.search .input-group-text {padding:6px 8px;}
#magnifying-icon svg {max-width:30px;}

.mobile-screen {
    max-width: 520px;
    background: url(../images/mobile-screen.png) no-repeat center center;
    margin:auto;
    display: flex;
    align-items: center;
    height: 600px;
    background-size: contain;
    padding: 0 120px;
    overflow: hidden;
    border-radius: 50px;
}
.mobile-screen iframe {width: 100%;
    height: 584px;
    position: relative;
    BORDER-RADIUS: 40PX;}
    .brand-logo img {
        max-width: 200px;
    }
.dark-theme .table {
    color: #71ccda;
}

    #my-chart { width: 100% !important;}

    #toast-container {
        top: 100px;
        right: 3%; }
        #toast-container > div:hover {
          -moz-box-shadow: 0px;
          box-shadow: 0px;
          cursor: pointer; }
        #toast-container .toast {
          min-height: 120px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          padding-left: 120px;
          box-shadow: none;
          border-radius: 24px; }
          #toast-container .toast:hover {
            -moz-box-shadow: 0px;
            box-shadow: 0px; }
        #toast-container canvas {
          position: absolute;
          z-index: 999;
          top: 50%;
          transform: translateY(-50%);
          left: 20px; }
        #toast-container .toast-message {
          max-width: 300px; }
        #toast-container .progress_count {
          position: absolute;
          color: #454545;
          font-size: 18px;
          left: 36px;
          text-align: center;
          right: 0;
          width: 50px;
          height: 100%;
          top: 50px; }
        #toast-container .la-close {
          position: absolute;
          right: 20px;
          top: 15px;
          width: 24px;
          font-size: 24px; }
        #toast-container a {
          display: inline-block;
          width: 115px;
          padding: 10px;
          text-align: center;
          position: absolute;
          bottom: 15px;
          right: 20px;
          background: #FFDEB0;
          border-radius: 30px;
          color: #FE9431; }
      
      .toast-progress {
        background: #FE9431;
        opacity: 6; }

        .table tr td, .table tr th {padding: 6px 8px;}
        .table-data.table tr td, .table-data.table tr th { padding: 4px 8px;}
        .table-data.table tr td, .table-data.table tr th { font-size: 12px;}
        
        .table-responsive.transaction-table {max-height: 280px;}

/* icon color .white-icon path {stroke:#354237} */
.white-icon svg { max-width:30px;}

.icon-sm svg, #profile-p-icon svg {max-width:38px;} 
.drop-icon svg { max-width:25px; position:relative; top:-4px;}

.white-icon path[stroke="rgb(51,204,204)"],
#profile-p-icon path[stroke="rgb(51,204,204)"]{ stroke:rgb(255,255,255) }

#logout-nav-icon path[stroke="rgb(0,0,0)"] {  stroke:rgb(0,0,0) }

#logout-nav-icon path[stroke="rgb(51,204,204)"] { stroke:#FF5630 }

.dark-theme .white-icon path[stroke="rgb(0,0,0)"] {stroke:rgb(51,204,204);}
.dark-theme #logout-nav-icon path[stroke="rgb(0,0,0)"],
.dark-theme .icon-sm path[stroke="rgb(0,0,0)"],
.dark-theme  .drop-icon path[stroke="rgb(0,0,0)"],
.dark-theme  #profile-drop-icon path[stroke="rgb(0,0,0)"],
.dark-theme  #profile-icon path[stroke="rgb(0,0,0)"]{  stroke:rgb(255,255,255) }

.welcome-profile span { color:#111}

ul.stepper {
  padding: 0 1.5rem;
  
  margin: 0 -1.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  counter-reset: section
}

ul.stepper li {
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content
}

ul.stepper li a {
  padding: 10px 0;
  text-align: center
}

ul.stepper li a .circle {
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: .5rem;
  line-height: 1.7rem;
  color: #222;
  text-align: center;
  background: #71ccda;
  border-radius: 50%;
  position: relative;
    z-index: 1;
}

ul.stepper li a .label {
  display: inline-block;
  color: #71ccda
}

ul.stepper li.active a .label,ul.stepper li.completed a .label {
  font-weight: 600;
  color: rgba(0,0,0,0.87)
}

.stepper-horizontal {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.stepper-horizontal li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .5s;
  transition: .5s
}
.stepper-horizontal li a .label {
  margin-top: .63rem
}

.stepper-horizontal li:not(:last-child):after {
  position: absolute;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 3px;
  margin: 0;
  content: "";
  background-color:#71ccda;
  
  top:13px; left: 0; right: 0;
}

/*.stepper-horizontal li:not(:first-child):before {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1px;
  margin: .5rem 0 0 0;
  content: "";
  background-color: rgba(0,0,0,0.1)
}*/

 
.step-content { padding-top: 15px; padding-right: 10px;}
.step-content p { margin-bottom: 0; }
.step-content p + p {margin-top:10px; font-size: 12px;}

.currency-menu .dropdown-toggle { width:100%}
.currency-menu .dropdown-toggle:after {
  position: absolute;
  right: 10px;
}

.currency-menu .dropdown-toggle .cc { margin-right: 10px;}

.currency-menu .dropdown-menu.show { right:0}



/* Copy Text */

.copy-url .input-group {
  margin-top: 30px;
  position: relative;
}

 

.copy-url .input-group-addon {
  border: none;
}

.copy-url .linkname {
  display: none;
}

.copy-url #copyButton {
  cursor: pointer;
    background: #71ccda;
    line-height: 33px;
    color: #354237;
}

.copy-url #copyTarget {
      border-right: none;
}

.copy-url .copied {
  opacity: 0;
  position: absolute;
  left: 55px;
}

.top-select .form-select { min-width:160px;}

#changecoin {border:none; padding:0; font-size:22px; font-weight:600;}
#changecoin option { font-size:16px;}
#transaction-table tbody td{ font-size:15px; font-weight:normal; }
/* Top Bar */

.chart-price-value { text-align:left;}
.chart-price-value span {font-size:12px; margin-bottom: 0;}
.chart-price-value h5 {font-size:14px; margin-bottom: 0;}

.chart-price-value .badge-txt { background: #fcdba9;
    padding: 2px 4px;
    border-radius: 5px; }
    
    .top-select .form-select {min-width:200px;}
    .transaction-table tbody td { font-size:13px; font-weight:normal; padding-top:4px; padding-bottom:4px;}
    .transaction-table tbody td span {float:left;}
    .coin-name img{ max-width:32px;}
    
   .dark-light-toggle {padding-left:20px; display:inline-block;}
   .dark-theme .sidebar { background:#2f363e; }
   
   .currency-select img { max-width:18px; border-radius:40px; }
   
   .bg-usdt {
    background: #28e2e9;
}

.wallet-widget .media {
    padding: 0px 0;
    align-items: center;
}

.wallet-widget[class*="bg-"] .media > span {
    background-color: rgba(255, 255, 255, 0.25);
    color: #fff;
}

.wallet-widget .media-body {
       flex: 1;
    text-align: left;
    padding-left: 20px;
}

.wallet-widget .media .media-body p {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}


.wallet-widget .media .media-body h3,
.wallet-widget .media .media-body .h3 {
    font-size: 26px;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
}


.wallet-widget svg { max-width:50px; }

.wallet-widget .media .media-body h3 span { font-size:14px;}

.wallet-widget .media > span {
    height: 85px;
    width: 85px;
    border-radius: 50px;
    padding: 10px 12px;
    font-size: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #464a53;
    min-width: 85px;
}

.wallet-widget-sm.wallet-widget .media > span{  height: 60px; width: 60px;  min-width: 60px; }

.wallet-widget-sm.wallet-widget .media-body { padding-left: 10px; }

.bgl-primary { background:rgba(19, 180, 151, 0.1); }

.badge-primary {
    background-color: #13B497;
}

.bgl-warning {
    background-color: rgba(255, 171, 45, 0.1);
    border-color: rgba(255, 171, 45, 0.1);
}
.badge-warning { background:rgb(255, 171, 45);}


.bgl-danger {
        background-color: rgba(176, 54, 54, 0.15);
    border-color: rgba(176, 54, 54, 0.15);
}
.badge-danger { background:#B03636;}

.icon-primary path[stroke="rgb(51,204,204)"]{ stroke:#13B497 }
.icon-warning path[stroke="rgb(51,204,204)"]{ stroke:rgb(255, 171, 45); }
.icon-danger path[stroke="rgb(51,204,204)"]{ stroke:#B03636 }
.icon-primary path[stroke="rgb(0,0,0)"],
.icon-warning path[stroke="rgb(0,0,0)"],
.icon-danger path[stroke="rgb(0,0,0)"],
#profile-p-icon path[stroke="rgb(0,0,0)"]{ stroke:#fff }

.currency-menu .dropdown-menu.show {
    right: 0;
    max-height: 280px;
    overflow-y: scroll;
}
.currency-menu .dropdown-menu.show img {
    border-radius: 30px;
}

.dark-theme:not(.trade-terminal-page),
.dark-theme:not(.trade-terminal-page) .form-control,
.dark-theme:not(.trade-terminal-page) .form-select,
.dark-theme:not(.trade-terminal-page) .table-striped > tbody > tr:nth-of-type(odd) {
    color: #71ccda;
}


@media (min-width: 768px) {
  .copied {
    left: 135px;
  }

  .linkname {
    display: block;
    background: #3b3e45;
    color: #fff;
  }
}

@media (min-width: 1400px){ 
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        max-width: 1380px;
    }
}

    @media(max-width:767px){
        .auth-form {padding: 30px 0px 10px;}

        .stepper-horizontal {
          -webkit-box-orient:vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column
      }
  
      .stepper-horizontal li {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-align: start;
          -ms-flex-align: start;
          align-items: flex-start
      }
  
      .stepper-horizontal li a .label {
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          margin-top: .2rem
      }
  
      .stepper-horizontal li:not(:last-child):after {
          position: absolute;
          top: 3.75rem;
          left: 2.19rem;
          width: 1px;
          height: calc(100% - 40px);
          content: ""
      }
    }