.flex {
  display: flex;
}
#loggedinModal {
  overflow-x: hidden;
}

.flex-center-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.font-italic {
  font-style: italic;
}

.login-wrapper{
  margin: 10% auto;
  position: relative;
  width: 900px;
  height: 380px;
}
.font-xs {
  font-size: 12px;
}
.login-wrapper .main-holder{
  background-color: transparent !important;
  border: none !important;
}
.p-a {
  position: absolute;
}
.t-20 {
  top: 20px;
}
.logo-img{
  position: relative;
  text-align: center;
}

.logo-img img{
  top: 0;  
  bottom: 0;  
  left: 0;  
  right: 0;  
  margin: auto;
  width: 190px;
}

.signin-form{
  margin-left: 60px;
}

.signin-form .card-box{
  background-color: #fff;
  border-color: transparent;
  border-radius: 10px;
  width: 370px;
  margin-left: auto;
  margin-right: auto;
}

.divider-custom  {
  position: absolute;
  height: 330px;
  width: 3px;
  background-color: #e7e7e7;
  top: -30px;
}

.signin-link a {
  color: #b90d0d;
  text-decoration: underline;
}

.signin-font-sm {
  font-size: 12px;
}

.verification-email span {
  display: inline-block;
  border: 1px solid rgba(170, 170, 170, 0.5);
  padding: 5px 15px;
  border-radius: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.signin-form .btn {
  color: #fff;
  background-color: #b90d0d;
  padding: 10px;
  border-radius: 5px;
}

.breadcrumb, .page-title {
  white-space: nowrap;
}

#datatable-responsive_paginate .pagination > .active > a {
  background-color: #f05050 !important;
  border-color: #f05050 !important;
}

.pull-right .ztable_colvis_container button{
  background-color: #5d9cec !important;
  border-color: #5d9cec !important;
}

.status-product button {
  width: 120px !important;
}

.form-inline .btn-group.bootstrap-select.show-tick {
  max-width: 135px !important;
}

.filters label {
  font-size: 12px;
  font-weight: normal;
}
.card-box h3 {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #797979;
}
.filters .dropdown-menu.inner {
  min-height: 50px !important;
  max-height: 145px !important;
}
.filters .dropdown-menu > li > a {
  padding: 4px 11px;
}
.filters .dropdown-menu li a span {
  font-size: 12px;
}
.tooltip-inner {
  min-width: 180px;
}
.tooltip-preview ~ .tooltip .tooltip-inner {
  min-width: 50px !important;
}
.report .quicklinks {
  width: auto;
}

.quicklinks {
  width: 100%;
  display: inline-block;
}
.form-inline .btn-group.bootstrap-select.show-tick {
  min-width: 135px;
}

/* This is for wrapping of text in sidemenu when collapsed */
#wrapper.enlarged .left.side-menu #sidebar-menu ul>li { 
  white-space: normal !important;
}

#wrapper.enlarged .left.side-menu {
  height: auto !important;
}

.transactionLimit ul li:last-child  {
  display: none;
}

.text-left {
  text-align: left;
}

.custom-hr {
  display: block;
  height: 1px;
  background-color: #cacaca;
  margin: 5px 0 15px;
}

/*=================================================
===================================================
  Error Page
==================================================*/
.ex-page-content h2 {
  font-size: 61px;
  color: #36404a;
  text-transform: uppercase;
  font-weight: bold;
  padding-top: 17px !important;
}
i.ti-alert.icn-error {
  font-size: 130px;
}
/*=================================================
===================================================
 Admin
  Support Log
===================================================
=================================================*/
.support-log-cls .dropdown-menu.inner {
  max-height: 187px !important;
}

/*=================================================
===================================================
 Customer
  Daily Win Lost
===================================================
=================================================*/

.dwlf.row.form {
  display: none;
}
.filter .row:nth-child(2) {
  display: none;
}
.btn-filter { 
  float: right;
}
.status-info p {
  margin: 0;
}
.status-info div:nth-child(5) {
  margin-bottom: 26px;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  color: white;
}
.card-box.status-info p {
  text-align: left;
  font-weight: bold;
  color: #424242;
}
 
.form-inline > .form-group {
  margin-bottom: 5px;
}

.btn-fltr {
  margin-right: 5px;
}
.cls-dwl h1 {
  color: white;
  font-size: 15px;
  text-transform: uppercase;
  padding: 0 13px;
  font-weight: 600;
}
.cls-dwl {
  background-color: #4c5667;
  margin: 0;
}
.btn-save-dwl {
  margin-top: 7px;
}
.cls-icn-plus {
  float: left;
  padding: 4px 4px;
}
.btn-icn {
  margin: 0 1px;
}
.create-product-content {
  padding: 0 !important;
}
.create-product-content .modal-header {
  background-color: #4c5667;
  padding: 9px 12px !important;
}
.create-product-title {
  color: white;
}
.modal-content.create-product-content {
  border: none;
}
.create-product-content .modal-body {
  padding: 13px 25px !important;
}
.create-product-content .modal-footer {
  padding: 9px 19px !important;
}
i.cls-activate {
  color: #31bc00;
  margin: 0px 0px 0px 5px;
}
/* Do not delete - For transaction UI */
.void-transact .dl-horizontal dt {
  width: auto;
  text-align: right;
}
.void-transact .dl-horizontal dd {
  margin-left: 210px;
}
.label-primary {
  background-color: #5D9CEC;
}
ul.nav.navtab-bg.tabs-vertical a {
  text-align: left;
}
.btn-prd {
  margin-bottom: 10px;
}
.password-product-list .input-group {
  display: flex;
  position: relative !important;
}
.password-product-list .input-group .input-group-btn {
  position: relative;
  width: 40px;
}
.password-product-list .input-group span.form-control {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Do not delete */

.panel-primary > .panel-heading {
  background-color: #4c5667;
  color: white;
}
button[name='applyFilter'] {
  margin-right: 5px;
}
.ztable_colvis_btn .bs-caret {
  display: none;
}

/*=================================================
 Switchery Button Position
===================================================
=================================================*/
.sa-button-container {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
        justify-content: center;
        
}
.sa-button-container .cancel {
  -webkit-order: 2;
          order: 2;
          margin-left: 3px;
}
.sa-button-container .sa-confirm-button-container {
  -webkit-order: 1;
          order: 1;
}
.ui-switch {
  position: relative;
  display: inline-block;
  width: 33px;
  height: 21px;
}
.ui-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.ui-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.ui-slider:before {
  position: absolute;
  content: "";
  height: 19px;
  width: 19px;
  left: 1px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
.ui-switch input:checked + .ui-slider:before {
  left: -13px !important;
}
input:checked + .ui-slider {
    background-color: #80c768;
}
input:focus + .ui-slider {
    box-shadow: 0 0 1px #80c768;
}
input:checked + .ui-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
/* Rounded sliders */
.ui-slider.round {
    border-radius: 34px;
}
.ui-slider.round:before {
    border-radius: 50%;
}

.ui-switch {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 21px;
}
.ui-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.ui-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.ui-slider:before {
    position: absolute;
    content: "";
    height: 19px;
    width: 19px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
.ui-switch input:checked + .ui-slider:before {
    left: -13px !important;
}
input:checked + .ui-slider {
    background-color: #80c768;
}
input:focus + .ui-slider {
    box-shadow: 0 0 1px #80c768;
}
input:checked + .ui-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.add-contact-switch {
  display: none !important;
}
.add-contact-switch + .switchery {
  display: inline-block !important;
}
/* Rounded sliders */
.ui-slider.round {
    border-radius: 34px;
}
.ui-slider.round:before {
    border-radius: 50%;
}

#customerTransactionList .form-inline .xs-filter,.ft-date{
  vertical-align: bottom !important;
}

#customerTransactionList .form-inline .ft-date{
  vertical-align: bottom !important;
}

#Transaction_subTransactions .product-list .input-group {
  display: flex;
  position: relative !important;
}
#Transaction_subTransactions .subtransaction-product {
  position: relative !important;
  display: contents;
}
#Transaction_subTransactions .subtransaction-product button {
  overflow: hidden !important;
}
#Transaction_subTransactions .subtransaction-product button span {
  text-overflow: ellipsis;
}
#Transaction_subTransactions .input-group-addon:first-child {
  width: auto;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#Transaction_subTransactions .product-list .input-group .immutableCustomerProductData, #Transaction_subTransactions .product-list .input-group .subtransaction-amount {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 0 !important;
}
#Transaction_subTransactions .input-group-addon label, #Transaction_subTransactions .input-group-addon i {
    margin-top: 5px;
}
.from-product-list .input-group, .to-product-list .input-group {
  display: flex;
}
.from-product-list .input-group .immutableCustomerProductData, .to-product-list .input-group .immutableCustomerProductData {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#customerTransactionList .form-inline>.form-group {
  margin-bottom: 0;
}
#customer-container .customer-data {
  overflow-wrap: break-word;
}
.m-auto {
  margin: auto !important;
}
.payment-list-wrap .flex {
  display: flex;
}
.payment-list-wrap .card-box {
  border: 1px solid rgba(54, 64, 74, 0.20);
}
.payment-list-wrap .payment-item {
  padding: 20px 30px;
  height: 70px;
}
.payment-list-wrap .payment-item.active {
  border-left: 8px solid #80C668;
  color: #515560;
}
.payment-list-wrap .payment-item.disabled {
  border-left: 8px solid #9F9F9F;
  color: #9F9F9F;
}
.payment-list-wrap .payment-item.active:hover {
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  background: #cde5c5;
}
.payment-list-wrap .payment-item.disabled:hover {
  -moz-transition: all .2s ease-in;
  -o-transition: all .2s ease-in;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  background: #e3e3e3;
}
.payment-details {
  padding-left: 5px;
  width: 90%;
}
.payment-details p {
  line-height: 1;
  margin-bottom: 0;
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
  height: 14px;
}
.payment-details .iban_number, .payment-details .email {
  font-size: 12px;
}
.payment-details .is_withdrawal, .payment-details .is_default {
  position: relative;
  display: inline;
  top: -60px;
  right: 55px !important;
}
.payment-details .is_withdrawal .label, .payment-details .is_default .label {
  letter-spacing: 0;
  font-size: 9px;
}
.payment-details .is_withdrawal ~ .payment-details .is_default {
  left: 40px !important;
}

/* BTC Transaction */
.btc__request-amount {
  justify-content: space-between;
  margin-bottom: 15px;
}
.btc__request-amount .input-group {
  width: 49%;
}
.btc__request-amount .input-group input {
  border-radius: 4px !important;
}
.btc__request-amount .input-group span {
  position: absolute;
  bottom: 12px;
  right: 12px;
  z-index: 2;
  font-size: 11px;
}

/*=================================================
 Payment Switch
===================================================
=================================================*/
.payment-switch {
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 15px;
}
.payment-nav > li > a {
  text-align: left !important;
}
.payment-nav > li {
  border-right: 1px solid #e0e0e0;
}

.ztable_colvis_container {
  margin-top: 0px;
}

@-moz-document url-prefix() { 
  .media-item-div {
      margin-top: 40% !important;
  }
}


/*=================================================
 MEDIA
===================================================
=================================================*/
@media only screen and (min-width: 768px) {
  .ztable_colvis_container {
      margin-top: 0;
      position: relative;
      right: 0px;
      top: 0;
      width: 34px;
  }
  .ztable_colvis_container button {
      padding: 5px 5px 5px 10px !important;
  }
}
@media only screen and (max-width: 1210px) {
  #statusLabel li a {
      padding: 0 5px;
      font-size: 11px;
  }  
  .cls-nav {
      padding: 0;
  } 
}
@media only screen and (max-width: 1150px) {
  .profile img {
      border: 2px solid #edf0f0;
      height: 25px;
      width: 25px;
  }   
  ul.nav.navbar-nav.navbar-right.pull-right a {
      padding: 0 6px;
  }
  .topbar .topbar-left {
      float: left;
      position: relative;
      width: 175px;
      z-index: 1;
  }
  .payment-list .payment-item {
      font-size: 11px;
  }
}

@media only screen and (max-width: 1073px) {
  .profile img {
      border: 2px solid #edf0f0;
      height: 25px;
      width: 25px;
  }   
  ul.nav.navbar-nav.navbar-right.pull-right a {
      padding: 0 6px;
  }
  #statusLabel li a {
      padding: 0 5px;
      font-size: 11px;
  }  
  .cls-nav {
      padding: 0;
  } 
  .topbar .topbar-left {
      float: left;
      position: relative;
      width: 175px;
      z-index: 1;
  }
}

@media only screen and (max-width: 992px) {
  #dashboard_widgets , .container-sm{
     margin-top: 10%;
 }
}
@media only screen and (min-width: 992px) {
  .tabs-vertical-env>.tab-content {
      display: table-cell !important;
  }
  .tabs-vertical-env {
      display: table !important;
      width: 100%;
  }
}
@media only screen and (max-width: 992px) {
  .summary-inner-wrap {
      z-index: 1;
      width: 320px;
  }
  .summary-parent-wrap {
      position: fixed;
      top: 205px;
      right: -332px;
      z-index: 4 !important;
      padding-left: 0px;
      -webkit-transition: all .25s ease;
      -moz-transition: all .25s ease;
      -ms-transition: all .25s ease;
      -o-transition: all .25s ease;
      transition: all .25s ease;
  }
  .summary-parent-wrap #summary {
      box-shadow: 2px 1px 4px #00000073;
  }
  .summary-parent-wrap:hover {
      right: -15px !important;
      z-index: 9999 !important;
  }
  .summary-holder {
      font-size: 17px;
      color: #fff;
      padding: 8px 6px 8px 8px;
      background-color: #36404a;
      width: 34px;
      position: absolute;
      left: -35px;
      -webkit-transition: all .25s ease;
      -moz-transition: all .25s ease;
      -ms-transition: all .25s ease;
      -o-transition: all .25s ease;
      transition: all .25s ease;
      display: block !important;
  }
  .summary-parent-wrap .card-box {
      padding: 8px !important;
      border-radius: 0;
      margin-bottom: 4px;
  }
  .summary-parent-wrap .card-box > .card-box {
      border: none;
      border-bottom: 1px solid #ccc;
  }
  .summary-parent-wrap .card-box > .card-box hr {
      display: none;
  }
}
@media only screen and (max-width: 991px) {
  .tabs-vertical-env {
      position: relative;
  }
  .tabs-vertical-env>.tab-content {
      display: block;
  }
  .tabs-vertical-env .nav.tabs-vertical {
      display: inline-flex;
      width: auto;
  }
}

@media only screen and (max-width: 980px) {
  .signin-form {
      margin-left: 0px;
  }

  .logo-img img {
      padding: 10px;
  }

  .login-wrapper {
      width: 800px;
  }
  .btn-prd {
      margin-bottom: 10px;
      float: left !important;
  }
}
@media only screen and (max-width: 985px) {
  .page-header-2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-bottom: 10px;
  }
  .page-header-2 .page-title {
      order: 1;
      width: 100%;
  }
  .page-header-2 .breadcrumb {
      order: 2;
      width: 100%;
      text-align: left !important;
      position: relative;
      float: right !important;
      padding: 0;
      margin-top: 7px;
      margin-bottom: 8px;
  }
  .page-header-2>div:first-child {
      order: 3;
      width: 100%;
  }
  .page-header-2>div:first-child .btn-group {
      position: absolute;
      /* bottom: 34px; */
      right: 10px;
  }
  .page-header-2>div:first-child .btn {
      position: absolute;
      bottom: 17px;
      right: 10px;
  }
  .page-header-2>div.add-dwl:first-child .btn {
      bottom: 23px;
  }
  .page-header-2>div:first-child button.btn {
      bottom: 0;
  }
  .page-header-2>div:first-child a.btn {
      bottom: 23px;
  }
  .page-header-2>div:first-child .quicklinks {
      width: auto;
      float: none;
      position: relative;
      text-align: center;
      margin-bottom: 0;
      margin-top: 0 !important;
  }
  .page-header-2 .dashboard-head {
      position: initial;
  }
  .page-header-2 .dashboard-head {
      width: 100%;
      text-align: center;
      margin-bottom: 15px;
  }
  .page-header-2 .dashboard-head button {
      bottom: 32px !important;
  }
  .page-header-2 .dashboard-head ul.dropdown-menu {
      top: 74%;
      right: 9px;
  }
}
@media only screen and (max-width: 888px) {
  ol.breadcrumb li {
      font-size: 11px;
  }
  ul.list-inline.quicklinks li {
      font-size: 11px;
  }
}
@media only screen and (max-width: 850px) {
  .profile img {
      border: 2px solid #edf0f0;
      height: 25px;
      width: 25px;
  }   
  ul.nav.navbar-nav.navbar-right.pull-right a {
      padding: 0 6px;
  }
  #statusLabel li a {
      padding: 0 5px;
      font-size: 11px;
  }  
  .cls-nav {
      padding: 0 0;
  }
}

@media only screen and (max-width: 794px) {
  .login-wrapper {
      width: 600px ;
  }

  .logo-img {
      height: 160px;
  }
}
@media only screen and (max-width: 769px) {
  #datatable-responsive_wrapper .col-sm-6, .dataTables_wrapper .col-sm-6 {
      width: 100% !important;
      text-align: center;
  }
  #datatable-responsive_wrapper .pagination, .dataTables_wrapper .pagination {
      text-align: center;
      margin-top: 10px;
  }
  #datatable-responsive_paginate, .dataTables_paginate {
      text-align: center !important;
  }
  #commissions .nav.nav-tabs > li> a {
      padding: 8px !important;
  }
}
@media only screen and (max-width: 768px) {
  .page-header-2>div.add-dwl:first-child .btn {
      bottom: 0;
  }
  .page-header-2 .dashboard-head button {
      bottom: 8px !important;
  }
  .page-header-2 .dashboard-head ul.dropdown-menu {
      top: 92%;
  }
  .ztable_colvis_btn button {
      padding-right: 10px !important;
  }
  #dwlList .m-r-10, #customerList .m-r-10, #customerGroupList .m-r-10, #productList .m-r-10, #gatewayList .m-r-10, #transactionList .m-r-10 {
      margin-right: 5px !important;
  }
  .form-inline .ft-date{
      margin-top: 0px;
  }
  .modal-responsive {
      margin-top: 99px !important;
  }
  .modal-lg {
      margin-top: 99px !important;
  }
  .form-inline .xs-filter{
      display: inline-block;
  }
  .form-inline .xs-date{
      margin-top: 0px !important;
      display: flex;
  }
  .ztable_length_container .btn-group{
      width: 60px;
      margin-left: 5px !important;
      margin-right: 5px;
  }
  ul#statusLabel li {
      float: left;
  }
  ul.nav.navbar-nav.navbar-right.pull-right li {
      float: left;
  }
  .topbar .topbar-left {
      float: left;
      position: relative;
      width: 188px;
      z-index: 1;
  }
  .form-inline.user-role .checkbox {
      display: inline-block;
      margin-right: 15px;
  }
  .profile-detail img {
      height: 90px;
      width: 90px;
  }
  .profile-detail .user-description {
      text-align: center;
  }
  .user-description p {
      display: inline;
  }
  .user-description p:first-child {
      margin-right: 36px;
  }
  .user-description p span {
      margin-left: 5px !important;
  }
  .profile img {
      border: 2px solid #edf0f0;
      height: 25px;
      width: 25px;
  }   
  ul.nav.navbar-nav.navbar-right.pull-right a {
      padding: 0 6px;
  }
  #statusLabel li a {
      padding: 0 5px;
      font-size: 11px;
  }  
  #statusLabel li {
      float: left;
  } 
  ul.nav.navbar-nav.navbar-right.pull-right li {
      float: left;
  }
  .topbar .topbar-left {
      float: left;
      position: relative;
      width: 187px;
      z-index: 1;
  }
  ul.list-inline.quicklinks li {
      font-size: 10px;
  }
  ol.breadcrumb li {
      font-size: 10px;
  }
  body.fixed-left .side-menu.left {
      bottom: 50px;
      height: 100%;
      margin-bottom: -70px;
      margin-top: 0px;
      padding-bottom: 70px;
      position: fixed;
      z-index: 99;
  }
  .topbar {
      left: 0px;
      position: fixed;
      right: 0;
      top: 0px;
      z-index: 9999;
  }

  #countryList .ztable_colvis_container {
      margin-top: 0px;
  }
  
  .tabs-vertical-env .tabs-vertical {
      min-width: 0px !important;
  }
  .modal-dialog {
      width: 700px !important;
      margin: 30px auto;
  }

  .notifyjs-corner{
      margin: 60px !important;
  }
  .payment-list .payment-info {
      display: block !important;
  }
  @-moz-document url-prefix() { 
      .form-inline .xs-date .form-group {
          width: 100%;
      }
  }
  @-moz-document url-prefix() { 
      .notifyjs-corner {
          margin: 60px !important;
      }
  }

  #dashboard_widgets, .container-sm{
      margin-top: 0;
  }
}

@media only screen and (max-width: 430px) {
  #customerGroupList .form-inline>.form-group {
      margin-bottom: 0;
  }
}
@media only screen and (max-width: 430px) {
  .ex-page-content h2 {
      font-size: 44px;
      color: #36404a;
      text-transform: uppercase;
      font-weight: bold;
      padding-top: 17px !important;
  }
  i.ti-alert.icn-error {
      font-size: 90px;
  }
  .wrapper-page {
      width: 90%;
      margin-top: 80px;
  }
}

@media only screen and (min-width: 992px){
  .modal-method {
      width: 900px;
      margin: 30px auto;
  }
}


/*/////////////////////Floating Widgets///////////////////////*/


.fl-fl {
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 0px 0px 0 4px;
  width: 202px;
  position: fixed;
  right: -198px;
  z-index: 1000;
  font: normal normal 10px Arial;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -ms-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.widgets-holder {
  font-size: 17px;
  color: #fff;
  padding: 8px 6px 8px 8px;
  margin-left: -33px;
  background-color: #36404a;
}
.fl-fl:hover {
right: 0;
}

.fl-fl a {
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  line-height: 32px!important;
  vertical-align: top!important;
  font-size: 9px !important;
}
.float-widgets {
  top: 251px;
}
/* Floating Social Media Bar Style Ends Here */

.float-sm ul {
  background-color: #36404a;
  list-style: none;
  margin-top: -33px;
}
.fl-fl.float-widgets li:hover {
  background-color: #505a64;
}
.fl-fl.float-widgets li {
  margin-left: -40px;
  padding: 0 36px;
  border-bottom: 1px solid #adadad;
}

/*///////////////////////Reports////////////////////////*/

.report-notes {
  padding: 15px 20px 15px 20px;
  border: 1px solid rgba(54, 64, 74, 0.05);
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  background-clip: padding-box;
  margin-bottom: 20px;
  border-left: 5px solid #00a65a;
  background-color: rgba(95, 190, 170, 0.14);
}

.report-notes p {
  color: #4c5667;
  margin: 0;
  font-size: 12px;
  font-weight: 550;

}
.card-box.profile-cls label {
  display: none;
}
.profile-cls p {
  color: #777777;
  font-weight: bold;
  margin: 0;
  padding: 2px 0px;
}
.profile-cls small {
  color: red;
  margin-right: 3px;
}
.password-cls {
  line-height: 79px;
}
.card-box.profile-cls h1 {
  font-size: 25px;
  color: #777777;
  font-weight: 600;
  margin: 0;
  padding: 0 0 19px 0;
}

.IP-tooltip p {
  color: #36404a;
  background-color: white;
  border-radius: 11px;
  padding: 0px 6px;
  border: 2px solid #36404a;
  font-size: 11px;
  width: 21px;
  height: 21px;
  -webkit-transform: rotate(-180deg);
}
.IP-tooltip-wrap {
  margin-top: 7px;
  margin-left: -26px;
}
.field-tip {
  position:relative;
  cursor:help;
}
.field-tip .tip-content {
  position: absolute;
  top: -146px;
  right: 9999px;
  width: 200px;
  margin-right: -220px;
  padding: 10px;
  color: #fff;
  background: #36404acc;
  -webkit-box-shadow: 2px 2px 5px #aaa;
  -moz-box-shadow: 2px 2px 5px #aaa;
  box-shadow: 2px 2px 5px #aaa;
  opacity: 0;
  -webkit-transition: opacity 250ms ease-out;
  -moz-transition: opacity 250ms ease-out;
  -ms-transition: opacity 250ms ease-out;
  -o-transition: opacity 250ms ease-out;
  transition: opacity 250ms ease-out;
}
.field-tip .tip-content:before {
  content: ' ';
  position: absolute;
  top: 50%;
  right: -16px;
  width: 0;
  height: 0;
  margin-top: -8px;
  border: 8px solid transparent;
  border-right-color: #36404acc;
  -webkit-transform: rotate(-180deg);
}
.field-tip:hover .tip-content {
  right: 234px;
  opacity: 1;
  z-index: 99;
  border-radius: 2px;
}
span.tip-content ol {
  padding: 0 0 0 32px;
}
span.tip-content h1 {
  color: white !important;
  font-size: 19px !important;
  padding: 0 !important;
}
.col-sm-12.report-notes-wrap {
  float: none;
}

/*///////////////////////MEMBER////////////////////////*/
.card-box h1 {
  font-size: 25px;
  color: #777777;
  font-weight: 600;
  margin: 0;
  padding: 0 0 19px 0;
}
.profile-fields label {
  padding: 8px 0;
}
.col-md-1.cls-btn-add {
  margin-top: 35px;
  padding: 0 37px;
}
i.ti-plus.cls-plus {
  margin-right: 5px;
}
#linked-accounts {
  margin-bottom: 0 !important;
}
div#linked-accounts .repeatable-actions,
div#update_contactsForm_data_contacts .repeatable-actions,
div#update_socialsForm_data_socials .repeatable-actions {
  position: absolute;
  margin-top: 33px;
  z-index: 99;
  left: 100%;
}
.linked-accounts-list .panel-heading {
  background-color: #eaeef2 !important;
}
.linked-accounts-list .btn-sm {
  padding: 0 3px;
}
.linked-accounts-list.panel-group .panel-heading {
  padding: 10px 16px 1px;
}
.linked-accounts-list .flex {
  display: flex;
}
.linked-accounts-list .flex button {
  margin-right: 5px;
}
.linked-accounts-list .flex button:nth-child(2) {
  margin-left: 6px;
}
.linked-accounts-list .flex button:nth-child(2) a {
  color: #fff;
}
#update_contactsList_widget .linked-accounts-list .panel {
  border: 1px solid #eaeef2;
}
#update_contactsList_container .portlet-heading {
  display: none;
}
form#update_contactsForm_data .card-box,
form#update_socialsForm_data .card-box {
  padding: 20px 45px 20px 20px !important;
}
th.datepicker-switch {
    text-align: center;
}
.select-all-checkbox {
  display: block !important;
}
#linkMember .modal-dialog, #changePrimaryMember .modal-dialog {
  top: 7%;
}
#linkMember .modal-dialog {
  min-width: 1210px;
}
.contactStatusContainer .label {
  position: relative;
  top: 1px;
}
#update_contactLink_container table tbody tr td:nth-child(2) {
  max-width: 200px !important;
  text-overflow: ellipsis;
  overflow: hidden;
}
.font-md {
  font-size: 18px;
}
.font-xs {
  font-size: 11px;
  vertical-align: super;
}
.change-primary-account {
  font-size: 11px;
  text-decoration: underline;
  font-weight: bold;
}
#update_contactsForm_data {
  margin-top: 10px;
}
#contacts .panel-group .panel .panel-heading a[data-toggle=collapse]:before {
  float: left;
  text-align: left;
}
#contacts .portlet {
  border: none;
}
#contacts .portlet-body {
  padding: 0;
  margin-top: 10px;
}
#contacts .linked-account-row {
  margin: 20px 0 0;
  border: 1px solid rgba(54, 64, 74, 0.05);
  border-radius: 5px;
  padding: 15px 5px 0;
}
.change-primary-account {
  cursor: pointer;
}

.input-btn {
  z-index: 10 !important;
}

/* KYC */
#kyc .col-md-12:last-child .card-box .row:not(:last-child) {
  margin-bottom: 20px;
}
#kyc .card-box:first-child .card-box__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/*Tooltip*/
.tooltip-members + .tooltip > .tooltip-inner {
    background-color: #fff;
    color: #5fbeaa;
}

.tooltip-arrow {
    background-color: #ebeff2;
    border-top-color: #fff !important;
}

.mp-date .transaction-tooltip-content {
  display: none;
  background-color: #000000b8;
  color: #fff;
  position: absolute;
  z-index: 1;
  right: 10px;
  top: 5px;
  border-radius: 5px;
  margin-top: 10px;
  font-size: 12px;
}
.transaction-tooltip-content .mp-value {
  float: right;
  margin-left: 5px;
}
.mp-date .transaction-tooltip-content ul {
  list-style-type: none !important;
  padding: 10px 10px 0;
}
.mp-date:hover .transaction-tooltip-content {
  display: block !important;
}
.mp-date i {
  position: absolute;
  right: 0;
  padding: 10px;
  top: -9px;
}
.text-underline {
  border-bottom: 1px solid;
}
/*Proof of deposit*/
.card-box .image-container .deposit-slip-image img {
    max-width: 200px !important;
    border: 2px solid #e3e3e3;
}
.custom-tagsinput > .bootstrap-tagsinput{
  width: 100%;
  min-height: 38px;
  padding-top: 6px;
}
/*==============================================
================================================
      Comission Settings CSS
================================================
==============================================*/
.cls-frequency {
    position: absolute;
    top: 1px;
    left: 101px;
}
.cls-criteria {
    position: absolute;
    top: 30px;
    left: 69px;
}
#commissions .nav.nav-tabs > li> a {
    line-height: 1.5;
    font-size: 13px;
    padding: 20px;
}

input#update_profileForm_data_affiliateLink ~ .input-group-btn #autoLink[disabled] {
    background-color: #858585 !important;
    border-color: #858585 !important;
}
#update_profileForm_data .input-group {
  display: inline-block;
  width: 100%;
}
#update_profileForm_data .input-group-btn {
  position: absolute;
  right: 0;
  width: unset;
}
#update_profileForm_data .input-group input {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/*==============================================
================================================
      Affiliate Member Tooltip
================================================
==============================================*/
.member-IP-tooltip {
    position: absolute;
    left: -21px;
    top: 0px;
}
.member-referrer-tooltip {
    position: absolute;
    top: 0;
    left: -21px;
}

@media (max-width: 1500px) {
  .member-IP-tooltip {
      position: absolute;
      left: -5px;
      top: 0px;
  } 
  .member-referrer-tooltip {
      position: absolute;
      top: 0;
      left: -5px;
  }
}

@media (max-width: 1046px) {
  .member-IP-tooltip {
      position: absolute;
      left: -5px;
      top: 17px;
  }
}
@media (max-width: 990px) {
  .member-referrer-tooltip {
      position: absolute;
      top: -25px;
      left: 127px;
  }
  .member-IP-tooltip {
      position: absolute;
      top: -25px;
      left: 127px;
  }
}

/*///////////////////////MARKETING TAB HIDE////////////////////////*/
li#menu-affiliate {
  display: none;
}

/*Custom tooltip - Currency*/
.custom-tooltip-table {
    display: inline;
    position: absolute;
}
.custom-tooltiptext-table {
    position: absolute;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    top: -3px;
    left: 20px;
    display: none;
    font-size: 12px;
    width: 250px;
    padding: 5px 10px 9px;
    margin-left: 5px;
}
.custom-tooltip-table:hover .custom-tooltiptext-table {
    display: block;
}
.custom-tooltiptext-table:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    margin-left: -10px;
    margin-top: 7px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent rgba(0,0,0,.7) transparent transparent;
}
.custom-tooltiptext-table .history-log div {
    border-bottom: 1px solid #727272;
    padding: 5px 0;
}

/*BTC Rate Settings*/
#btc-rate-tbl {
    font-size: 20px;
}
td.btc-wrap {
    text-align: center;
}
.btc-wrap {
    color: #F6931B;
    font-weight: bold;
    background-color: #F5F5F5;
}
.b-1 {
  border: 1px solid #eee;
}
.btc-deposit-withdraw > li span {
    font-size: 20px;
    color: #5b5959;
}
.btc-deposit-withdraw ~ .tab-content {
    margin-bottom: 0 !important;
}

/*BTC Deposit*/
.btc-deposit-address span.input-group-addon {
  width: 103px;
  font-size:  13px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 7px;
}
.btc-deposit-address .input-group {
  width: 100%;
}
.btc-deposit-address .wallet-width {
  width: 30%;
}
.btc-deposit-address .address-width {
  width: 70%;
}
#deposit-request-range-wrap > div:first-child, 
#deposit-request-range-wrap > div:last-child {
  position: relative;
  font-size: 11px;
}
#deposit-request-range-wrap div:last-child > .currency, 
#deposit-request-range-wrap div:first-child > .currency {
  position: absolute;
  z-index: 10;
  top: 12px;
  right: 5px;
  background: #fff;
}
#deposit-request-range-wrap input[disabled] ~ .currency {
  background: #eee;
}
#Transaction_deposit_request_rate input {
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

@media (min-width: 992px) {
    .custom-tooltiptext-table .history-log div:nth-child(2){
        text-align: center;
    }
    .custom-tooltiptext-table .history-log div:last-child {
        text-align: right;
    }
    .tabs-vertical-env>.tab-content {
      min-height: 550px;
    }
}
@media only screen and (max-width: 1999px) and (min-width:992px) {
  .tabs-vertical-env {
      display: inline-block!important;
  }
  .tabs-vertical-env .nav.tabs-vertical {
      display: inline-block;
      min-width: 58px;
      vertical-align: top;
      width: 7%;
  }
  .tabs-vertical-env>.tab-content {
      display: inline-block !important;
      width: 91% !important;
      margin-left: -4px;
  }
}
@media (min-width: 1200px) {
  .tabs-vertical-env .nav.tabs-vertical {
    display: inline-block;
    min-width: 58px;
    vertical-align: top;
    width: 230px;
  }
  .tabs-vertical-env>.tab-content {
    display: inline-block !important;
    width: calc(100% - 230px) !important;
    margin-left: -4px;
  }
}
@media only screen and (max-width: 1200px) {
  #linkMember .modal-dialog {
      min-width: 95%;
  }
}

/* ====================
  Notes
==================== */
.note__reload {
  width: fit-content;
  background-color: #eee;
  padding: 5px 10px;
  border-radius: 5px;
  color: #c1272d;
  font-style: italic;
}
.note__reload i { margin-right: 3px; }

#Transaction_notes {
    min-height: 170px !important;
    white-space: pre-wrap;
    overflow: scroll;
}

/* Revenue Share */ 
.flex-container {
    display: flex;
    align-items: flex-start;
}

.flex-container > div {
    margin: 2px;
    text-align: center;
}

.flex-container .flex-1 span {
    font-size: 20px;
}

#update_revenueShareForm_data .help-block > ul li {
    font-size: 12px;
    text-align: left;
}

#update_revenueShareForm_data .modal-dialog {
    width: 900px !important;
}

#update_updateCommissionForm_data .modal-dialog {
    width: 720px !important;
}

.scheme-custom-container {
  border: 1px solid #ebeff2;
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}
/* End Revenue Share */

/* ====================
  Transaction Tooltip
==================== */
.transaction-tooltip {
  display: inline;
  top: 5px;
}
.transaction-tooltip span.transaction-tooltip-content {
  display: none;
}
.transaction-tooltip:hover {
  position: relative;
  top: 5px;
  color: #337ab7;
}
.transaction-tooltip:hover span.transaction-tooltip-content {
  display: block;
  position: absolute;
  background: #000000db;
}
.transaction-tooltip .transaction-tooltip-content {
  visibility: hidden;
  color: #fff;
  min-width: 24vw;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 999;
  top: 5%;
  left: 70%;
  opacity: 0;
  transition: opacity 1s;
  font-size: small;
}
.transaction-tooltip:hover .transaction-tooltip-content {
  visibility: visible;
  opacity: 1;
}
.transaction-tooltip ul {
  padding-inline-start: 0;
  margin-bottom: 0;
}
.transaction-tooltip li {
  list-style: none;
  line-height: 20px;
}

/* ====================
  SweetAlert
==================== */
.swal2-title {
  font-size: 24px !important;
  line-height: 30px !important;
}
hr.swal2-spacer {
  height: 0 !important;
  margin: 15px;
}
.swal2-modal .swal2-styled {
  font-size: 14px;
  border: 0 !important;
  padding: 8px 30px;
}

/* ====================
  Affiliate Settings
==================== */
.affiliate-filter-container {
  display: flex !important;
  align-items: flex-end;
}
.affiliate-filter-container .w-65 {
  width: 65%;
  display: flex;
  align-items: flex-end;
}
.affiliate-filter-container .w-35 {
  width: 35%;
  text-align: right;
}
.affiliate-filter-container .w-35 > button {
  margin-left: 5px;
  margin-right: 0;
}
.affiliate-direction {
  font-size: 11px;
  margin-top: 10px;
}
.affiliate-direction strong:nth-child(4) {
  color: #5fbeaa;
}
.label-sm {
  font-size: 12px;
}
.affiliate-table-container {
  margin-top: 30px;
}
.affiliate-table-footer td {
  border-top: 2px solid #5fbea9 !important;
  font-weight: bold;
  padding: 15px 8px !important;
}
.zero-to-checkbox {
  padding-left: 25px !important;
}
.zero-to-checkbox input[type=checkbox] {
  position: relative;
  margin-left: -20px !important;
  top: -14px !important;
}
/* ====================
  Loading
==================== */
.loading-wrapper {
  position: fixed;
  top: 0;
  z-index: 1000;
  left: 0;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading-wrapper div {
  background-color: #fff;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
}
.loading-wrapper i {
  margin-top: 5px;
  color: #ffbd4a;
}
.loading-wrapper p {
  margin: 10px 0 0 0;
}

form#update_profileForm_data .text-right {
  display: flex;
  justify-content: flex-end;
}
form#update_profileForm_data .text-right #update_profileForm_data_btnDelete {
  order: 3;
  margin-right: 0;
}
form#update_profileForm_data .text-right button {
  margin-right: 5px;
}

.request-loading-wrapper {
  display: none;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: absolute;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  width: 100vw;
  top: 0;
  z-index: 1000;
}
.request-loading-wrapper p {
  margin-top: 10px;
}
.rl-active {
  display: flex !important;
}

.form-group.form-group-sm.m-r-10.xs-filter.member-category {
  position: absolute;
  width: auto;
  top: 80px;
  right: 217px;
}
@media only screen and (min-width: 1992px) {
  .form-group.form-group-sm.m-r-10.xs-filter.member-category {
    top: 45px;
  }
}
.row.tip-drawers > div:first-child {
    width: 205%;
    display: inline-flex;
}

.row.tip-drawers {
    display: flex;
}

.tipping-tab-wrapper {
  margin-top: 49px;
}

/* ====================
  iFrames
==================== */
iframe#report {
  width: 110%;
  height: 75vh;
  border: none;
  zoom: 0.90;
  -ms-zoom: 0.90;
  -moz-transform: scale(0.90);
  -moz-transform-origin: 0 0;
  -o-transform: scale(0.90);
  -o-transform-origin: 0 0;
  -webkit-transform: scale(0.90);
  -webkit-transform-origin: 0 0;
}

/* Settings */
.setting-wrappers {
  background-color: #fff;
  padding: 30px 30px 0 30px;
}
.settings-button {
  padding: 7px 10px;
  margin: 2px;
  width: 380px;
  font-weight: 700;
  font-size: 14px;
  border: 2px solid #fff;
  color: #1976D2;
}
.settings-button:hover {
  border-bottom: 2px solid#1876D2;
}
.category-wrap {
  margin-bottom: 50px;
}
.title-cls p {
  margin: 0;
  font-size: 15px;
  font-weight: 700;
}
.settings-button span {
  margin-left: 15px;
  position: absolute;
  top: 9px;
  text-align: center;
}
i.ti-settings {
  font-size: 20px;
}
.settings-button svg {
  font-size: 20px;
}

.trxn-btn {
  margin-bottom: 5px;
}