/*GENERAL */
.btn.btn-primary {
    background: #307DF9;
    color: #ffffff;
    outline: none;
}

/*LOGIN*/
.pecunium-login{
    background-color:#000000;
    height: 612px;
  
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;

}
.pecunium-login{
    display:flex;
    align-items:center;
}
.pecunium-login img{
   padding:30px;
}
 
.login-bg {
   /* background: url('../images/bg-login.png') !important;*/
   background: #8C8985 !important; 
}

.login-wrapper.crypto {
    background: #FBF6E9 !important;
}
.box.login .content-body {
    padding: 5px 20px 30px 20px;
    background-color: #FBF6E9;
    border: 1px solid #FBF6E9;
    border-top: 0px;
    -webkit-transition: 800ms;
    -moz-transition: 800ms;
    -o-transition: 800ms;
    transition: 800ms;
}

.box.login {
    background-color: #FBF6E9;
    margin: 15px 0;
    box-shadow: none !important  ;
}
.login-header h4 small a {
    color: #CD6E4F;
}

.link-amero{
    color:#307DF9 !important;
}
.link-amero:hover{
    color:#CD6E4F !important;
     -webkit-transition: 200ms;
    -moz-transition: 200ms;
    -o-transition: 200ms;
    transition: 200ms;
}
.controls input{
    height: 40px;
}

.controls input:focus,
.controls input:active
{
    border: 1px solid #307DF9 !important;
}
.loginpage form .input, .loginpage input[type=text], .loginpage input[type=password] {
    font-size: 14px;
    width: 100%;
    padding: 9px;
    line-height: 25px;
    margin: 5px 0 15px 0;
    border: 1px solid #8C8985;
}
.btn-amero-black{
    color: #ffffff;
    background-color:#000000;
    font-size:14px;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}

.btn-amero-black:hover{
    color: #ffffff;
    background-color:#CD6E4F;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
}
.btn.btn-block, .btn-block, .btn-group-block>.btn {
   
    font-size: 16px;
}

.ask-box {
    background-image: linear-gradient(-12deg,#307DF9 0,#307DF9 100%) !important;

}

.gradient-blue1,
.page-topbar {

    background: #000000 !important;
}

.page-topbar.sidebar_shift .logo-area {
    background-color: #307DF9;
}
.page-topbar .logo-area {
background: url(../images/white-logo.png), #0076f0;
    background-size: 155px;
    background-repeat: no-repeat;
    background-position: center center;
}

.page-topbar.sidebar_shift .logo-area {
    background-image: url(../images/white-logo.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 60px;
}

.ask-box {
    padding: 7px 0 20px 30px;

}

/*CARD CONTACT*/
.profile-card-3 {
    font-family: 'Open Sans', Arial, sans-serif;
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
    text-align: center;
    height:368px;
    border:none;
  }
  .profile-card-3 .background-block {
      float: left;
      width: 100%;
      height: 200px;
      overflow: hidden;
  }
  .profile-card-3 .background-block .background {
    width:100%;
    vertical-align: top;
    opacity: 0.9;
    -webkit-filter: blur(0.5px);
    filter: blur(0.5px);
     -webkit-transform: scale(1.8);
    transform: scale(2.8);
  }
  .profile-card-3 .card-content {
    width: 100%;
    padding: 15px 25px;
    color:#232323;
    float:left;
    background:#efefef;
    height:50%;
    border-radius:0 0 5px 5px;
    position: relative;
    z-index: 9999;
  }
  .profile-card-3 .card-content::before {
      content: '';
      background: #efefef;
      width: 120%;
      height: 100%;
      left: 11px;
      bottom: 51px;
      position: absolute;
      z-index: -1;
      transform: rotate(-13deg);
  }
  .profile-card-3 .profile {
    border-radius: 50%;
    position: absolute;
    bottom: 50%;
    left: 50%;
    max-width: 100px;
    opacity: 1;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(255, 255, 255, 1);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    z-index:99999;
  }
  .profile-card-3 h2 {
    margin: 0 0 5px;
    font-weight: 600;
    font-size:25px;
  }
  .profile-card-3 h2 small {
    display: block;
    font-size: 15px;
    margin-top:10px;
  }
  .profile-card-3 i {
    display: inline-block;
      font-size: 16px;
      color: #232323;
      text-align: center;
      border: 1px solid #232323;
      width: 30px;
      height: 30px;
      line-height: 30px;
      border-radius: 50%;
      margin:0 5px;
  }
  .profile-card-3 .icon-block{
      float:left;
      width:100%;
      margin-top:15px;
  }
  .profile-card-3 .icon-block a{
      text-decoration:none;
  }
  .profile-card-3 i:hover {
    background-color:#232323;
    color:#fff;
    text-decoration:none;
  }
  
  .card-contact .card {
  
 padding: 0 !important;
   
}

/*MODALES CONFIG*/
.modal-header{
    background:#000000;
  
}
.modal-title,
.close{
    color:#FFFFFF;
}

.modal-header .close {
    margin-top: -30px;
    font-size: 40px;
    opacity: 1;
}

.close:hover {
    color:#CD6E4F;
}
.modal-header img{
    width:40px;
    float:left;
}

.modal-header h4 {
    padding: 7px 44px 0px 44px;
}

.qr-section img{
    display: block;
    width: 51%;
    margin:0 auto;
}
.qr-section h1{
    font-size: 14px;
}

.swal-modal {
  
    z-index: 11042 !important;
  
}
.swal-overlay {
  
    z-index: 40008;
  
}

.stats  h3 {
    font-size: 17px;
}

.statistics-box .ico-icon {
    max-width: 30px;
}
.statistics-box .stats {
    margin-left: 35px;
}

.crypto-info-wrap button {
    border-radius: 0px;
}

.coin-box2 .coin-price,
.coin-box2 .coin-name {
    width: 40%;
}


.content-card{
    background: #efefef;
    border: .5px solid #ccc;
}
.border-style-left{
    border-left: 7px solid #CD6E4F !important;
}
.content-card .text-primary{
    font-weight: 400;
    color:#000;
}

/*NEW DESIGN*/

.page-sidebar {
    
    background-color: #0076f0;
   
}
#main-menu-wrapper li a {

    color: #FFFFFF;
    font-weight: bold;
}

#main-menu-wrapper li a:hover {

    background-color: #2089fa !important;
}
.gradient-blue1, .page-topbar {
    background: #FFFFFF !important;
    color:#000000;
}
.page-topbar {

     box-shadow: none; 
     -webkit-box-shadow: none; 
    -moz-box-shadow: none;
    -o-box-shadow: none;
    -ms-box-shadow:none;

}

.page-topbar .quick-area .info-menu li a.toggle, .page-topbar .quick-area .info-menu li a.toggle_chat, .page-topbar .quick-area .info-menu li a.sidebar_toggle {
   
    color: #000000;

}
body{
    background-color: #FFFFFF;
}

.statistics-box {
   
    border-radius: 17px;
  
    background: #f0f0f0;
    box-shadow:none;
  
}

.stats h3 {
    font-size: 15px;
    padding-top: 2px;
}
.stats span{
    font-size: 12px;
    font-weight: bolder;
}

.img-affa-wrapper {
    padding: 10px;
    border-radius: 15px;
}

/*INICIO*/

.label-light-link {
    background-color: #8bbfeb;
    color: #8bbfeb !important;
  }
  
  .label {
    padding: 3px 10px;
    line-height: 13px;
    color: #ffffff;
    font-weight: 400;
    border-radius: 4px;
    font-size: 75%;
  }
  
  /*DATA TABLE*/
  .dataTables_wrapper {
      padding-top: 10px; }
    
    .dt-buttons {
      display: inline-block;
      padding-top: 5px;
      margin-bottom: 15px; }
      .dt-buttons .dt-button {
        padding: 5px 15px;
        border-radius: 4px;
        background: #398bf7;
        color: #ffffff;
        margin-right: 3px; }
        .dt-buttons .dt-button:hover {
          background: #2f3d4a; }
    
    .dataTables_info,
    .dataTables_length {
      display: inline-block; }
    
    .dataTables_length {
      margin-top: 10px; }
      .dataTables_length select {
        border: 0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#398bf7), to(#398bf7)), -webkit-gradient(linear, left top, left bottom, from(#b1b8bb), to(#b1b8bb));
        background-image: -webkit-linear-gradient(#398bf7, #398bf7), -webkit-linear-gradient(#b1b8bb, #b1b8bb);
        background-image: -o-linear-gradient(#398bf7, #398bf7), -o-linear-gradient(#b1b8bb, #b1b8bb);
        background-image: linear-gradient(#398bf7, #398bf7), linear-gradient(#b1b8bb, #b1b8bb);
        background-size: 0 2px, 100% 1px;
        background-repeat: no-repeat;
        background-position: center bottom, center calc(100% - 1px);
        background-color: transparent;
        -webkit-transition: background 0s ease-out;
        -o-transition: background 0s ease-out;
        transition: background 0s ease-out;
        padding-bottom: 5px; }
        .dataTables_length select:focus {
          border: 0;
          outline: none;
          background-size: 100% 2px, 100% 1px;
          -webkit-box-shadow: none;
          box-shadow: none;
          -webkit-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s; }
  
  .dataTables_filter {
      float: right;
      margin-top: 10px; }
      .dataTables_filter input {
        border: 0;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#398bf7), to(#398bf7)), -webkit-gradient(linear, left top, left bottom, from(#b1b8bb), to(#b1b8bb));
        background-image: -webkit-linear-gradient(#398bf7, #398bf7), -webkit-linear-gradient(#b1b8bb, #b1b8bb);
        background-image: -o-linear-gradient(#398bf7, #398bf7), -o-linear-gradient(#b1b8bb, #b1b8bb);
        background-image: linear-gradient(#398bf7, #398bf7), linear-gradient(#b1b8bb, #b1b8bb);
        background-size: 0 2px, 100% 1px;
        background-repeat: no-repeat;
        background-position: center bottom, center calc(100% - 1px);
        background-color: transparent;
        -webkit-transition: background 0s ease-out;
        -o-transition: background 0s ease-out;
        transition: background 0s ease-out;
        float: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        margin-left: 10px; }
        .dataTables_filter input:focus {
          border: 0;
          outline: none;
          background-size: 100% 2px, 100% 1px;
          -webkit-box-shadow: none;
          box-shadow: none;
          -webkit-transition-duration: 0.3s;
          -o-transition-duration: 0.3s;
          transition-duration: 0.3s; }
  
  
  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc_disabled {
    background: transparent; }
  
  .dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
    width: 100%; }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    *cursor: hand;
    color: #67757c;
    border: 1px solid #ddd; }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button.current,
  .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #ffffff !important;
    border: 1px solid #398bf7;
    background-color: #398bf7; }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
  .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #67757c;
    border: 1px solid #ddd;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none; }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white;
    border: 1px solid #398bf7;
    background-color: #398bf7; }
  
  .dataTables_wrapper .dataTables_paginate .paginate_button:active {
    outline: none;
    background-color: #67757c; }
  
  .dataTables_wrapper .dataTables_paginate .ellipsis {
    padding: 0 1em; }
  
  /*******************
  Table- responsive
  ******************/
  .tablesaw-bar .btn-group label {
    color: #67757c !important; }
  /*******************
  Form-control
  ******************/
  .form-control {
      color: #67757c;
      min-height: 38px;
      display: initial; }
    
    .form-control-sm {
      min-height: 20px; }
    
    .form-control:disabled,
    .form-control[readonly] {
      opacity: 0.7; }
    
    .custom-control-input:focus ~ .custom-control-indicator {
      -webkit-box-shadow: none;
      box-shadow: none; }
    
    .custom-control-input:checked ~ .custom-control-indicator {
      background-color: #06d79c; }
    
    form label {
      font-weight: 400; }
    
    .form-group {
      margin-bottom: 25px; }
    
    .form-horizontal label {
      margin-bottom: 0px; }
    
    .form-control-static {
      padding-top: 0px; }
    
    .form-bordered .form-group {
      border-bottom: 1px solid rgba(120, 130, 140, 0.13);
      padding-bottom: 20px; }
  /*******************
  Table Cell
  *******************/
  .table-box {
    display: table;
    width: 100%; }
  
  .table.no-border tbody td {
    border: 0px; }
  
  .cell {
    display: table-cell;
    vertical-align: middle; }
  
  .table td,
  .table th {
    border-color: #f3f1f1; }
  
  .table thead th,
  .table th {
    font-weight: 500; }
  
  .table-hover tbody tr:hover {
    background: #e9edf2; }
  
  .nowrap {
    white-space: nowrap; }
  
  .lite-padding td {
    padding: 5px; }
  
  .v-middle td,
  .v-middle th {
    vertical-align: middle; }
  
  /*******************
  Table-Layout
  ******************/
  .table thead th,
  .table th {
    border: 0px; }
  
  .color-table.primary-table thead th {
    background-color: #745af2;
    color: #ffffff; }
  
  .table-striped tbody tr:nth-of-type(odd) {
    background: #e9edf2; }
  
  .color-table.success-table thead th {
    background-color: #06d79c;
    color: #ffffff; }
  
  .color-table.info-table thead th {
    background-color: #398bf7;
    color: #ffffff; }
  
  .color-table.warning-table thead th {
    background-color: #ffb22b;
    color: #ffffff; }
  
  .color-table.danger-table thead th {
    background-color: #ef5350;
    color: #ffffff; }
  
  .color-table.inverse-table thead th {
    background-color: #2f3d4a;
    color: #ffffff; }
  
  .color-table.dark-table thead th {
    background-color: #263238;
    color: #ffffff; }
  
  .color-table.red-table thead th {
    background-color: #fb3a3a;
    color: #ffffff; }
  
  .color-table.purple-table thead th {
    background-color: #7460ee;
    color: #ffffff; }
  
  .color-table.muted-table thead th {
    background-color: #99abb4;
    color: #ffffff; }
  
  .color-bordered-table.primary-bordered-table {
    border: 2px solid #745af2; }
    .color-bordered-table.primary-bordered-table thead th {
      background-color: #745af2;
      color: #ffffff; }
  
  .color-bordered-table.success-bordered-table {
    border: 2px solid #06d79c; }
    .color-bordered-table.success-bordered-table thead th {
      background-color: #06d79c;
      color: #ffffff; }
  
  .color-bordered-table.info-bordered-table {
    border: 2px solid #398bf7; }
    .color-bordered-table.info-bordered-table thead th {
      background-color: #398bf7;
      color: #ffffff; }
  
  .color-bordered-table.warning-bordered-table {
    border: 2px solid #ffb22b; }
    .color-bordered-table.warning-bordered-table thead th {
      background-color: #ffb22b;
      color: #ffffff; }
  
  .color-bordered-table.danger-bordered-table {
    border: 2px solid #ef5350; }
    .color-bordered-table.danger-bordered-table thead th {
      background-color: #ef5350;
      color: #ffffff; }
  
  .color-bordered-table.inverse-bordered-table {
    border: 2px solid #2f3d4a; }
    .color-bordered-table.inverse-bordered-table thead th {
      background-color: #2f3d4a;
      color: #ffffff; }
  
  .color-bordered-table.dark-bordered-table {
    border: 2px solid #263238; }
    .color-bordered-table.dark-bordered-table thead th {
      background-color: #263238;
      color: #ffffff; }
  
  .color-bordered-table.red-bordered-table {
    border: 2px solid #fb3a3a; }
    .color-bordered-table.red-bordered-table thead th {
      background-color: #fb3a3a;
      color: #ffffff; }
  
  .color-bordered-table.purple-bordered-table {
    border: 2px solid #7460ee; }
    .color-bordered-table.purple-bordered-table thead th {
      background-color: #7460ee;
      color: #ffffff; }
  
  .color-bordered-table.muted-bordered-table {
    border: 2px solid #99abb4; }
    .color-bordered-table.muted-bordered-table thead th {
      background-color: #99abb4;
      color: #ffffff; }
  
  .full-color-table.full-primary-table {
    background-color: #f1effd; }
    .full-color-table.full-primary-table thead th {
      background-color: #745af2;
      border: 0;
      color: #ffffff; }
    .full-color-table.full-primary-table tbody td {
      border: 0; }
    .full-color-table.full-primary-table tr:hover {
      background-color: #745af2;
      color: #ffffff; }
  
  .full-color-table.full-success-table {
    background-color: #e8fdeb; }
    .full-color-table.full-success-table thead th {
      background-color: #06d79c;
      border: 0;
      color: #ffffff; }
    .full-color-table.full-success-table tbody td {
      border: 0; }
    .full-color-table.full-success-table tr:hover {
      background-color: #06d79c;
      color: #ffffff; }
  
  .full-color-table.full-info-table {
    background-color: #cfecfe; }
    .full-color-table.full-info-table thead th {
      background-color: #398bf7;
      border: 0;
      color: #ffffff; }
    .full-color-table.full-info-table tbody td {
      border: 0; }
    .full-color-table.full-info-table tr:hover {
      background-color: #398bf7;
      color: #ffffff; }
  
  .full-color-table.full-warning-table {
    background-color: #fff8ec; }
    .full-color-table.full-warning-table thead th {
      background-color: #ffb22b;
      border: 0;
      color: #ffffff; }
    .full-color-table.full-warning-table tbody td {
      border: 0; }
    .full-color-table.full-warning-table tr:hover {
      background-color: #ffb22b;
      color: #ffffff; }
  
  .full-color-table.full-danger-table {
    background-color: #f9e7eb; }
    .full-color-table.full-danger-table thead th {
      background-color: #ef5350;
      border: 0;
      color: #ffffff; }
    .full-color-table.full-danger-table tbody td {
      border: 0; }
    .full-color-table.full-danger-table tr:hover {
      background-color: #ef5350;
      color: #ffffff; }
  
  .full-color-table.full-inverse-table {
    background-color: #f6f6f6; }
    .full-color-table.full-inverse-table thead th {
      background-color: #2f3d4a;
      border: 0;
      color: #ffffff; }
    .full-color-table.full-inverse-table tbody td {
      border: 0; }
    .full-color-table.full-inverse-table tr:hover {
      background-color: #2f3d4a;
      color: #ffffff; }
  
  .full-color-table.full-dark-table {
    background-color: rgba(43, 43, 43, 0.8); }
    .full-color-table.full-dark-table thead th {
      background-color: #263238;
      border: 0;
      color: #ffffff; }
    .full-color-table.full-dark-table tbody td {
      border: 0;
      color: #ffffff; }
    .full-color-table.full-dark-table tr:hover {
      background-color: #263238;
      color: #ffffff; }
  
  .full-color-table.full-red-table {
    background-color: #f9e7eb; }
    .full-color-table.full-red-table thead th {
      background-color: #fb3a3a;
      border: 0;
      color: #ffffff; }
    .full-color-table.full-red-table tbody td {
      border: 0; }
    .full-color-table.full-red-table tr:hover {
      background-color: #fb3a3a;
      color: #ffffff; }
  
  .full-color-table.full-purple-table {
    background-color: #f1effd; }
    .full-color-table.full-purple-table thead th {
      background-color: #7460ee;
      border: 0;
      color: #ffffff; }
    .full-color-table.full-purple-table tbody td {
      border: 0; }
    .full-color-table.full-purple-table tr:hover {
      background-color: #7460ee;
      color: #ffffff; }
  
  .full-color-table.full-muted-table {
    background-color: rgba(152, 166, 173, 0.2); }
    .full-color-table.full-muted-table thead th {
      background-color: #99abb4;
      border: 0;
      color: #ffffff; }
    .full-color-table.full-muted-table tbody td {
      border: 0; }
    .full-color-table.full-muted-table tr:hover {
      background-color: #99abb4;
      color: #ffffff; }
      /*******************
  form material page
  ******************/
  .form-control-line .form-control {
    -webkit-box-shadow: none;
    box-shadow: none; }
  
  .table-responsive > .table-bordered {
    border: 1px solid rgba(120, 130, 140, 0.13); }
  
  /*******************
  dropdown-item
  ******************/
  .dropdown-item {
    padding: 8px 1rem;
    color: #67757c;
    display: block;
  }
  
  .pointer{
      cursor: pointer;
      
  }
  
  .dropdown-item:hover {
    background-color: #cfcfcfa8;
  }
  
  .table td, .table th {
    border-color: #f3f1f1;
  }
  .table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
  }
  
  .table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
  }
  
  .table-responsive .table-bordered>tbody>tr>td, 
  .table-responsive .table-bordered>tbody>tr>th, 
  .table-responsive .table-bordered>tfoot>tr>td, 
  .table-responsive .table-bordered>tfoot>tr>th, 
  .table-responsive .table-bordered>thead>tr>td, 
  .table-responsive .table-bordered>thead>tr>th{
       border-color: #cfcfcfa8 !important; 
  }
  
  .table-striped tbody tr:nth-of-type(odd) {
    background: #e9edf2;
    }
    
  table.dataTable thead .sorting,
  table.dataTable thead .sorting_asc,
  table.dataTable thead .sorting_desc,
  table.dataTable thead .sorting_asc_disabled,
  table.dataTable thead .sorting_desc_disabled {
  background: transparent !important;
  font-weight: bold;
  }
  
  .table thead th, .table th {
    border: 0px !important;
  
    }
  .table thead th, .table th {
      font-weight: bold !important;
  
  }