.boton {

			

		width:88px;

		height: 88px;

	-webkit-transition: all .45s cubic-bezier(.38,1,.57,1.6);

    -moz-transition: all .45s cubic-bezier(.38,1,.57,1.6);

    transition: all .45s cubic-bezier(.38,1,.57,1.6);

    will-change: transform;

}



.boton:hover{

transform:scale(1.1);-webkit-transform:scale(1.1);

	width:88px;

	height: 88px;

}

    .colredes{

		height: 35px;

		background: rgba(12,96,169,0.1);

		background: -moz-linear-gradient(-45deg, rgba(12,96,169,0.1) 0%, rgba(217,230,242,0.83) 27%, rgba(255,255,255,0.87) 32%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.84) 70%, rgba(230,255,255,0.82) 73%, rgba(0,255,255,0.1) 100%);

	  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(12,96,169,0.1)), color-stop(27%, rgba(217,230,242,0.83)), color-stop(32%, rgba(255,255,255,0.87)), color-stop(50%, rgba(255,255,255,1)), color-stop(70%, rgba(255,255,255,0.84)), color-stop(73%, rgba(230,255,255,0.82)), color-stop(100%, rgba(0,255,255,0.1))); background: -webkit-linear-gradient(-45deg, rgba(12,96,169,0.1) 0%, rgba(217,230,242,0.83) 27%, rgba(255,255,255,0.87) 32%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.84) 70%, rgba(230,255,255,0.82) 73%, rgba(0,255,255,0.1) 100%);

		background: -o-linear-gradient(-45deg, rgba(12,96,169,0.1) 0%, rgba(217,230,242,0.83) 27%, rgba(255,255,255,0.87) 32%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.84) 70%, rgba(230,255,255,0.82) 73%, rgba(0,255,255,0.1) 100%); background: -ms-linear-gradient(-45deg, rgba(12,96,169,0.1) 0%, rgba(217,230,242,0.83) 27%, rgba(255,255,255,0.87) 32%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.84) 70%, rgba(230,255,255,0.82) 73%, rgba(0,255,255,0.1) 100%);

		

	}



	.li-redes{padding-left:0px !important;}

    .idiomas {

    margin-right: .4rem;

}

  .idiomas .dropdown-menu {

    top: 5px !important;

}

        .idiomas img {

    width: 14px;

    margin-right: .4rem;

}

        .idiomas a{

            color:#4d4d4d;

            font-size: 12pt;

            font-weight: 300;

        }

       .idiomas a:hover {

    color:#6cc5e7;

}

        .idiomas .nav-link img{

         margin-top: 3px;   

        }

        .idiomas .nav-link{

            position: absolute;

            right:0px;

            margin-top:15px;

            padding: 10px !important;

        }

        .idiomas .nav-link:after{

          content: "▼";

    font-size: 0.5em;

    font-family: arial;

    margin-left: 5px;

            margin-top: 15px;

    transform: translate(0, -50%);

        }



        .text-login{

         width:100%;

		height:100%;

            position: absolute;

            text-align: center;

            display: table;

        }

            .text-login span{

				display:block;

                font-size: 45pt;

                padding: 0px 15px;

                color: #fff;

                text-shadow: 2px 2px 2px rgba(0,0,0,0.50);

              

	vertical-align: middle;

		line-height:normal;

        }

        @media (max-width:991px){

                .text-login span{

                font-size: 22pt;

            }            

		}



		.ulredes{

			padding: 6px;

            margin-bottom: 0px;

		}

		

		.redes-soci{

			display: inline-block;

			margin-left: 18px;

            position: relative;

		}

               .capa-traslucida{

                   width: 100%;

                   height: 100%;

                   background: rgba(255,255,255,0.3);

                   position: absolute;

                   top:0px;

                   display: none !important;

               }

               .ulredes li{

                      width: 23px;

	       height: 23px;

               }

               .ulredes li a:active > .capa-traslucida{

                   display: block !important;

               }

               .ulredes li:hover > a .imgiconos{

                   width: 22px;

	       height: 22px;

                   

               }



	    .imgiconos{   

           

           width: 23px;

	       height: 23px;

		}

		.centrado{

			display: table-cell;

	        vertical-align: middle;

		}



		.bg-mir{

			

			position: absolute;



  overflow: hidden;

  height: inherit;

  background-position:left;

  background-repeat: no-repeat;

  background-size: cover;

  width: 100%;

    height: 100%;

	transition: all .8s ease-in-out;		

		}



		.bg-mor{

      background-image: url("../images/login/carpenter_.webp");

			position: absolute;

    width: 100%;

    height: 100%;

    left: -5;

    top: 0;

    background-repeat: no-repeat;

    cursor: pointer;

    transition: all .8s ease-in-out;

    transform:scale(1.1);

	-webkit-transform:scale(1.1);

}



		



		.bg-mer {



  position: relative;

  overflow: hidden;

  

  /*background-size: 100% 100%;*/ }

@media (max-width:575px){

    .bg-mer {

        min-height: 350px !important;

        height: 20vh !important;

        background-size: 100% auto !important;

    }

}



@media (min-width: 575px) {



	

  

  .bg-mer {

    min-height: 100vh;

  }

}



@media (min-height: 700px) and (min-width: 992px){

.padding-login {

    padding-top: 25%;

   

    } 

}



html {

    position:relative;

        min-height: 100%;

    }

    body {

      background: #EBF5FC; 

    margin-bottom: 45px !important;

      padding-bottom:0px !important;

    }

    

    @media (min-width: 992px) {

      .app-content {

        margin-left: 242px; } }

    

    .oneup-container {

      margin-top: 50px; }

      @media (min-width: 991px) {

        .oneup-container {

          margin-left: 10px;

          margin-right: 10px; } }

      @media (min-width: 1199px) {

        .oneup-container {

          margin-left: 80px;

          margin-right: 80px; } }

    

    .shadow {

      -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

    

    .app-header a {

      font-size: 15px; }

    

    .app-header a:hover {

      color: #0c60a9; }

    

    .app-header .header-brand {

      min-width: 90px; }

      .app-header .header-brand img {

        margin-left: 0; }

      @media (min-width: 815px) {

        .app-header .header-brand {

          margin-left: 1.5rem; } }

    

    .header-brand img {

      width: 90px;

      height: auto; }

    

    .idiomas {

      margin-right: .4rem; }

      .idiomas img {

        width: 14px;

        margin-right: .4rem; }

      .idiomas .dropdown-menu {

        top: 24px !important; }

    

    .sidebar-avatar {

      width: 65px;

      height: 65px;

      margin-bottom: .5rem;

      border-radius: 50%;

      border: 1px solid #da3d32;

      background: #fff;

      padding: 2px !important; }

    

    .app-sidebar {

      background-image: url("../img/panel/left-mar.jpg") !important;

      background-position: center;

      background-repeat: no-repeat;

      background-size: cover !important;

      /*background-size: 100% 100%;*/

      color: #e6e6e6 !important;

      width: 242px;

      border: 0;

      z-index: 1; }

      .app-sidebar .app-sidebar__user {

        padding-right: 0;

        padding-left: 0;

        padding-top: 0;

        padding-bottom: 0; }

      .app-sidebar .user-info {

        background: rgba(15, 238, 250, 0.3);

        background: -moz-linear-gradient(45deg, rgba(15, 238, 250, 0.3) 0%, rgba(120, 228, 255, 0.7) 100%);

        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(15, 238, 250, 0.3)), color-stop(100%, rgba(120, 228, 255, 0.7)));

        background: -webkit-linear-gradient(45deg, rgba(15, 238, 250, 0.3) 0%, rgba(120, 228, 255, 0.7) 100%);

        background: -o-linear-gradient(45deg, rgba(15, 238, 250, 0.3) 0%, rgba(120, 228, 255, 0.7) 100%);

        background: -ms-linear-gradient(45deg, rgba(15, 238, 250, 0.3) 0%, rgba(120, 228, 255, 0.7) 100%);

        background: linear-gradient(45deg, rgba(15, 238, 250, 0.3) 0%, rgba(120, 228, 255, 0.7) 100%);

        padding-top: .8rem; }

        .app-sidebar .user-info p {

          margin-bottom: 0; }

        .app-sidebar .user-info table {

          width: 230px !important; 

    }

      .app-sidebar .user-info-down {

        background: #cc171a;

        background: -moz-linear-gradient(45deg, #cc171a 0%, rgba(255, 113, 74, 0.8) 100%);

        background: -webkit-gradient(left bottom, right top, color-stop(0%, #cc171a), color-stop(100%, rgba(255, 113, 74, 0.8)));

        background: -webkit-linear-gradient(45deg, #cc171a 0%, rgba(255, 113, 74, 0.8) 100%);

        background: -o-linear-gradient(45deg, #cc171a 0%, rgba(255, 113, 74, 0.8) 100%);

        background: -ms-linear-gradient(45deg, #cc171a 0%, rgba(255, 113, 74, 0.8) 100%);

        background: linear-gradient(45deg, #cc171a 0%, rgba(255, 113, 74, 0.8) 100%);

        position: fixed;

        left: 0;

        bottom: 0;

        width: 242px;

        height: 340px;

        padding-top: 1rem; }

        @media (min-width: 815px) {

          .app-sidebar .user-info-down {

            position: fixed; } }

        .app-sidebar .user-info-down img {

          cursor: pointer; }

      .app-sidebar p, .app-sidebar table {

        color: #e6e6e6; }

    

    .sidebar-mini.sidenav-toggled .side-right {

      display: inline-block; }

    

    .sidebar-mini.sidenav-toggled .side-left {

      display: none; }

    

    .sidebar-mini.sidenav-toggled .user-info-down {

      display: block; }

    

    @media (max-width: 991px) {

      .app .app-sidebar {

        animation: slide-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;

        -webkit-animation: slide-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

        footer{

            padding-left: 0px !important;

        }

      .side-right {

        display: inline-block; }

      .side-left {

        display: none; }

      .sidebar-mini.sidenav-toggled .side-left {

        display: inline-block; }

      .sidebar-mini.sidenav-toggled .side-right {

        display: none; }

      .sidebar-mini.sidenav-toggled .user-info-down {

        display: block; } }

    

    @media (min-width: 992px) {

      .app-sidebar {

        background-size: 100% 100%; }

        .app-sidebar .user-info {

          height: 180px; }

        .app-sidebar .user-info-down {

          display: block; }

      .side-right {

        display: none; }

      .side-left {

        display: none; } }

    

    .sidenav-toggled .app-sidebar {

      animation: slide-right 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;

      -webkit-animation: slide-right 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

    .sidenav-toggled > footer{

        padding-left: 242px !important;

    }

    .slide-left {

      -webkit-animation: slide-left 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;

      animation: slide-left 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

    

    @-webkit-keyframes slide-right {

      0% {

        -webkit-transform: translateX(-242px);

        transform: translateX(-242px); }

      100% {

        -webkit-transform: translateX(0px);

        transform: translateX(0px); } }

    

    @keyframes slide-right {

      0% {

        -webkit-transform: translateX(-242px);

        transform: translateX(-242px); }

      100% {

        -webkit-transform: translateX(0px);

        transform: translateX(0px); } }

    

    @-webkit-keyframes slide-left {

      0% {

        -webkit-transform: translateX(0);

        transform: translateX(0); }

      100% {

        -webkit-transform: translateX(-242px);

        transform: translateX(-242px); } }

    

    @keyframes slide-left {

      0% {

        -webkit-transform: translateX(0);

        transform: translateX(0); }

      100% {

        -webkit-transform: translateX(-242px);

        transform: translateX(-242px); } }

    

    .invitados {

      position: relative;

      top: -27px;

      right: -29px; }

      .invitados-imgs {

        position: relative;

        right: -90px;

        top: -24px; }

        .invitados-imgs img {

          border-radius: 50%;

          width: 31px;

          height: 31px; }

      .invitados .inv-img-1 {

        position: relative;

        z-index: 10; }

      .invitados .inv-img-2 {

        position: relative;

        right: 22px;

        z-index: 9; }

      .invitados .inv-img-3 {

        position: relative;

        right: 44px;

        z-index: 8; }

      .invitados .inv-img-4 {

        position: relative;

        right: 66px;

        z-index: 4; }

      .invitados img {

        width: 31px; }

    

    .p-relative {

      position: relative; }

    

    .dropdown-dash-movil .user-images {

      width: 30px !important;

      border: 1px solid #da3d32;

      background: #fff;

      padding: 1px !important; }

    

    .dropdown-dash-movil .dropdown-menu {

      top: 21px !important; }

    

    .dropdown-dash-pc .dropdown-menu {

      top: 15px !important; }

    

    .dropdown-dash-pc .avatar {

      border-radius: 50%;

      border: 1px solid #da3d32;

      background: #fff;

      padding: 2px !important; }

    

    @media screen and (min-width: 0px) and (max-width: 1024px) and (orientation: landscape) {

      .scrollable-menu {

        height: auto;

        max-height: 300px;

        overflow-x: hidden; } }

    

    @media screen and (min-width: 0px) and (max-width: 640px) and (orientation: portrait) {

      .scrollable-menu {

        height: auto;

        max-height: 610px;

        overflow-x: hidden; } }

    

    #modalVideo {

      z-index: 9999; }

      #modalVideo .modal-content {

        border: none;

        background: none; }

      #modalVideo iframe {

        width: 100%;

        height: 300px; }

        @media (min-width: 992px) {

          #modalVideo iframe {

            height: 552px;

            width: 100%; } }

      #modalVideo .close {

        color: #fff;

        font-size: 21px;

        position: absolute;

        cursor: pointer;

        top: -40px;

        right: 0px; }

        @media (min-width: 480px) {

          #modalVideo .close {

            top: 0;

            right: -40px; } }

    

    .imgModalVideo {

      cursor: pointer; }

    

    .modal-oneup {

      min-width: 50%; }

      .modal-oneup-title {

        font-size: 21px;

        color: #d32a25; }

      .modal-oneup-content {

        font-size: 14px;

        color: #9c9b9b;

        padding-top: 1.5rem;

        padding-bottom: 2rem; }

    

    .bread {

      font-size: 16px;

      padding-bottom: 1rem;

      height: 52px; }

      .bread li {

        display: inline-block;

        color: #575756; }

      .bread a {

        color: #6cc5e7; }

      .bread a:hover {

        color: #2897d4; }

    

    .oneup-card-header {

      min-height: 65px;

      font-size: 21px;

      color: #d32a25; }

    

    .contact-left {

      color: #808080;

      font-size: 14px;

      padding-bottom: 3rem; }

      .contact-left-img {

        width: 100%; }

      .contact-left-title {

        font-size: 25px;

        color: #d32a25;

        font-weight: bold; }

        @media (min-width: 1140px) {

          .contact-left-title {

            font-size: 30px; } }

      .contact-left iframe {

        margin-top: 2rem;

        width: 100%;

        max-height: 352px; }

      @media (min-width: 991px) {

        .contact-left {

          padding-right: 25px; }

          .contact-left iframe {

            margin-top: .9rem;

            width: 100%; } }

    

    

    @media (min-width: 1025px) {

      .contact-altura-lg-iframe {

        height: 385px !important;

        max-height: 385px !important; } }

    

    .contact-right {

      color: #808080;

      padding-bottom: 3rem; }

      .contact-right-title {

        font-size: 20px;

        color: #4d4d4d;

        font-weight: bold; }

      .contact-right-form {

        background: #fff;

        padding: 2rem 2rem;

        border-radius: 6px; }

        @media (min-width: 1025px) {

          .contact-right-form {

            min-height: 620px; } }

        .contact-right-form .form-control {

          margin-bottom: 1rem;

          background: #f2f2f2;

          border: 1px solid #999999;

          font-size: 12px;

          min-height: 40px; }

          .contact-right-form .form-control option {

            min-height: 40px;

            font-size: 16px; }

        .contact-right-form .form-control::-webkit-input-placeholder {

          /* Chrome, Firefox, Opera, Safari 10.1+ */

          color: #b3b3b3 !important;

          opacity: 1;

          /* Firefox */ }

        .contact-right-form .form-control:-ms-input-placeholder {

          /* Chrome, Firefox, Opera, Safari 10.1+ */

          color: #b3b3b3 !important;

          opacity: 1;

          /* Firefox */ }

        .contact-right-form .form-control::-ms-input-placeholder {

          /* Chrome, Firefox, Opera, Safari 10.1+ */

          color: #b3b3b3 !important;

          opacity: 1;

          /* Firefox */ }

        .contact-right-form .form-control::placeholder {

          /* Chrome, Firefox, Opera, Safari 10.1+ */

          color: #b3b3b3 !important;

          opacity: 1;

          /* Firefox */ }

      @media (min-width: 991px) {

        .contact-right {

          padding-left: 25px; }

          .contact-right-form {

            padding: 2rem 4rem; } }

    

    #modalContactoEnviado .modal-dialog {

      min-width: 50%; }

    

    .modal-contacto {

      text-align: center; }

      .modal-contacto-icon i {

        font-size: 100px; }

      .modal-contacto-content {

        font-size: #9c9b9b;

        padding-bottom: 2rem; }

        .modal-contacto-content p {

          font-size: #9c9b9b !important; }

      .modal-contacto .btn {

        min-width: 150px;

        min-height: 35px; }

    

    /*.page-exchange{

        margin-top: 3rem !important;

        @media (min-width: 991px) {

            padding-top: 8rem !important;

        }

    }

    */

    .exchange-table {

      background: #fff;

      -webkit-box-shadow: 0 0 0 0 rgba(111, 134, 230, 0.33), 0 4px 16px 0 rgba(179, 187, 195, 0.47);

      box-shadow: 0 0 0 0 rgba(111, 134, 230, 0.33), 0 4px 16px 0 rgba(179, 187, 195, 0.47);

      border: solid 1px #dae0e6;

      border-radius: 6px; }

      .exchange-table-title {

        font-size: 21px;

        color: #d32a25;

        padding-top: 1.9rem;

        padding-left: 1rem;

        height: 65px; }

      .exchange-table-titles {

        background: #d9edf8;

        background: -moz-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

        background: -webkit-gradient(left top, right top, color-stop(0%, #d9edf8), color-stop(100%, #c6e8f3));

        background: -webkit-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

        background: -o-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

        background: -ms-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

        background: -webkit-gradient(linear, left top, right top, from(#d9edf8), to(#c6e8f3));

        background: linear-gradient(to right, #d9edf8 0%, #c6e8f3 100%);

        color: #333333;

        padding-top: .8rem;

        height: 45px; }

        .exchange-table-titles p {

          font-weight: bold;

          font-size: 12px; }

      .exchange-table-content {

        border-bottom: 1px solid #c3c3c7;

        padding-top: .4rem;

        padding-bottom: .4rem; }

        .exchange-table-content:last-child {

          border: none; }

        .exchange-table-content img {

          width: 30px;

          height: 30px; }

        .exchange-table-content p {

          font-size: 13px;

          color: #333333;

          top: 8px;

          position: relative;

          display: inline-block;

          margin-bottom: 0; }

        .exchange-table-content .btn {

          top: 8px;

          position: relative; }

        .exchange-table-content-title p {

          font-weight: bold;

          top: 4px !important; }

        .exchange-table-content-btns {

          min-height: 45px;

          text-align: center; }

          .exchange-table-content-btns .btn {

            width: 25%;

            margin: 0 auto; }

          @media (min-width: 992px) {

            .exchange-table-content-btns {

              padding-right: 0;

              padding-left: 0;

              text-align: left; } }

        @media (min-width: 1020px) {

          .exchange-table-content {

            height: 45px;

            padding-top: 0rem;

            padding-bottom: 0rem; }

            .exchange-table-content img {

              width: 40px;

              height: 40px; }

            .exchange-table-content p {

              font-size: 14px;

              top: 12px; } }

    

    .space-btn-sm {

      display: inline-block;

      width: 25%; }

    

    @media (max-width: 991px) {

      .col-0 {

        display: none; } }

    

    @media (min-width: 991px) {

      .exchange-estimado {

        width: 360px !important;

        max-width: 360px !important; } }

    

    .exchange-estimado .card-collapsed i:before {

      font-family: "Font Awesome 5 Free";

      font-weight: 900;

      content: "\f06e";

      color: #575756;

      font-size: 12px; }

    

    .modal-cambiar {

      text-align: center; }

      .modal-cambiar .form-control {

        margin-bottom: .2rem;

        background: #f5f5f5;

        border: 1px solid #ddd;

        font-size: 18px;

        text-align: center;

        color: #3c3c3b; }

      .modal-cambiar .modal-dialog {

        min-width: 50%; }

      @media (max-width: 480px) {

        .modal-cambiar .modal-body {

          padding-left: .4rem; } }

      .modal-cambiar-items {

        width: 100px;

        margin: 0 auto; }

        .modal-cambiar-items img {

          width: 80px;

          margin-bottom: 1rem; }

        @media (min-width: 991px) {

          .modal-cambiar-items {

            width: 150px; } }

      .modal-cambiar-left-subtitle {

        text-align: right;

        font-size: 11px;

        color: #6cc5e7; }

        .modal-cambiar-left-subtitle-max {

          display: inline-block;

          color: #da3d32;

          float: left; }

      .modal-cambiar-center {

        padding-top: 5.8rem; }

        .modal-cambiar-center p {

          font-size: 12px;

          color: #9c9b9b;

          margin-bottom: 0; }

        .modal-cambiar-center-blue {

          color: #6cc5e7 !important; }

        .modal-cambiar-center img {

          width: 50px; }

          @media (min-width: 991px) {

            .modal-cambiar-center img {

              width: auto; } }

      .modal-cambiar-right-drop {

        text-align: right; }

        .modal-cambiar-right-drop .dropdown-toggle {

          color: #6cc5e7;

          font-size: 12px; }

        .modal-cambiar-right-drop .dropdown-menu {

          left: -10px !important;

          top: 7px !important;

          padding: 0;

          border-top: 1px solid #b1b1b1;

          border-left: 1px solid #b1b1b1;

          border-right: 1px solid #b1b1b1;

          min-width: 90px !important;

          text-align: right; }

          @media (min-width: 991px) {

            .modal-cambiar-right-drop .dropdown-menu {

              left: -72px !important; } }

        .modal-cambiar-right-drop .dropdown-item {

          font-size: 10px;

          color: #868686;

          border-bottom: 1px solid #b1b1b1;

          padding: 0.4rem 1.5rem; }

      .modal-cambiar-footer {

        padding-bottom: 1rem; }

        .modal-cambiar-footer p {

          margin-bottom: 0;

          color: #3c3c3b;

          font-size: 12px; }

    

    .border-none {

      border: none; }

    

    .modal-kyc {

      text-align: center; }

      .modal-kyc .modal-dialog {

        min-width: 50%; }

      .modal-kyc-title {

        font-size: 21px;

        color: #d32a25; }

      .modal-kyc-content {

        color: #9c9b9b;

        font-size: 14px;

        margin-bottom: 2rem; }

        .modal-kyc-content-big-text {

          font-size: 16px;

          color: #6f6f6e; }

      .modal-kyc .btn {

        min-width: 155px; }

      .modal-kyc a {

        color: #6f6f6e; }

      .modal-kyc a:hover {

        color: #333333; }

    

    .btn-red-2 {

      background: #da3d32;

      border: 1px solid #c3c3c7 !important;

      color: #fff; }

    

    .btn-red-2:hover {

      -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

      -webkit-transition: all .5s;

      -o-transition: all .5s;

      transition: all .5s;

      background: #dd4738;

      color: #fff; }

    

    .exchange-counter .countdown {

      margin: 0;

      padding-top: 0;

      border: none; }

    

    .exchange-counter-text {

      color: #6cc5e7; }

    

    .exchange-counter-number {

      color: #d32a25;

      display: block;

      position: relative;

      top: -25px; }

    

    .mini-text-blue {

      color: #6cc5e7;

      font-size: 11px; }

      .mini-text-blue p {

        margin-bottom: 0; }

    

    .input-gray {

      margin-bottom: .2rem;

      background: #f2f2f2;

      border: 1px solid #999999;

      font-size: 18px;

      text-align: center;

      color: #3c3c3b; }

    

    @media (min-width: 992px) {

      .w-lg-50 {

        width: 50% !important; }

      .w-lg-40 {

        width: 40% !important; } }

    

    .modal-procesos-title {

      font-size: 21px;

      color: #d32a25;

      margin-bottom: 1.5rem; }

      .modal-procesos-title p {

        margin-bottom: 0; }

    

    @media (min-width: 810px) {

      .modal-proceso-ingreso-left {

        border-right: 1px solid #c3c3c7; }

        .modal-proceso-ingreso-left-btn-down {

          position: absolute;

          bottom: 0px;

          margin-left: auto !important;

          margin-right: auto !important;

          left: 0;

          right: 0;

          width: 155px; } }

    

    .modal-proceso2Wizard-title {

      font-size: 21px;

      color: #d32a25 !important;

      text-align: center; }

    

    .modal-proceso2Wizard-list {

      list-style-type: inherit;

      color: #9c9b9b; }

    

    .stepper-proceso2 .active .bs-stepper-circle {

      background-color: #6cc5e7; }

    

    .stepper-proceso2 .bs-stepper-circle {

      height: .5rem;

      width: .5rem;

      border-radius: 50%;

      padding: 0.2rem 0; }

    

    .btn-bg-cambiar {

      background-color: #1873b7 !important; }

    

    .btn-bg-cambiar:hover {

      background-color: #2897d4 !important; }

    

    .faqs-card {

      background: #fff;

      border: 1px solid #c3c3c7;

      border-radius: 6px;

      margin-bottom: 5rem; }

      .faqs-card-header {

        padding-top: 1rem;

        color: #fff;

        padding-left: 2.5rem;

        padding-right: 2.5rem;

        background: #dd4635;

        background: -moz-linear-gradient(left, #dd4635 0%, #ed714f 100%);

        background: -webkit-gradient(left top, right top, color-stop(0%, #dd4635), color-stop(100%, #ed714f));

        background: -webkit-linear-gradient(left, #dd4635 0%, #ed714f 100%);

        background: -o-linear-gradient(left, #dd4635 0%, #ed714f 100%);

        background: -ms-linear-gradient(left, #dd4635 0%, #ed714f 100%);

        background: -webkit-gradient(linear, left top, right top, from(#dd4635), to(#ed714f));

        background: linear-gradient(to right, #dd4635 0%, #ed714f 100%); }

      .faqs-card-title {

        font-size: 25px;

        padding-bottom: .5rem; }

      .faqs-card-content {

        padding-bottom: 2rem; }

        .faqs-card-content p {

          color: #575756; }

    

    .faqs-accordion .acc_active .acc_content {

      background: #f2f2f2;

      color: #575756; }

    

    .faqs-accordion .acc_active .acc_head {

      background: #fff !important; }

      .faqs-accordion .acc_active .acc_head h3:after {

        color: #868686; }

    

    .faqs-accordion-header {

      border-top: 1px solid #c3c3c7; }

      .faqs-accordion-header h3 {

        padding-top: 1rem;

        min-height: 45px;

        font-size: 16px;

        color: #333333;

        font-weight: lighter; }

    

    .faqs-accordion-content {

      padding-left: 2.5rem !important;

      padding-right: 2.5rem !important; }

    

    .accordionjs .acc_section .acc_head h3:after {

      color: #868686; }

    

    @media (min-width: 991px) {

      .content-80px {

        margin-left: 15px;

        margin-right: 15px; } }

    

    @media (min-width: 1025px) {

      .content-80px {

        margin-left: 80px;

        margin-right: 80px; } }

    

    @media (max-width: 991px) {

      .historial-card .card-body {

        padding-left: .5rem;

        padding-right: .5rem; } }

    

    .historial-card .page-item.active .page-link {

      background: #6cc5e7 !important; }

    

    .historial-card-title {

      font-size: 21px;

      color: #d32a25;

      min-height: 65px;

      padding-top: 1.1rem; }

    

    @media (max-width: 481px) {

      .historial-card .dataTables_length {

        text-align: left !important;

        padding-left: 12px; }

      .historial-card .dataTables_filter {

        text-align: left !important; } }

    

    .historial-table img {

      width: 20px;

      height: 20px; }

    

    .historial-table td {

      color: #333333 !important; }

    

    .historial-table-head {

      background: #d9edf8;

      background: -moz-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

      background: -webkit-gradient(left top, right top, color-stop(0%, #d9edf8), color-stop(100%, #c6e8f3));

      background: -webkit-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

      background: -o-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

      background: -ms-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

      background: -webkit-gradient(linear, left top, right top, from(#d9edf8), to(#c6e8f3));

      background: linear-gradient(to right, #d9edf8 0%, #c6e8f3 100%); }

      .historial-table-head th {

        font-size: 12px;

        color: #333333;

        font-weight: bold;

        text-transform: initial;

        font-weight: bold !important;

        padding-bottom: .8rem !important; }

    

    .historial-table-id {

      font-weight: bold; }

    

    .btn-copiar {

      background: #6cc5e7;

      color: #fff; }

    

    .btn-copiar:hover {

      color: #fafafa;

      -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

    

    .btn-eliminar {

      background: #dd4738;

      color: #fff; }

    

    .btn-eliminar:hover {

      color: #fafafa;

      -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;

      box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; }

    

    .selectComprar {

      float: right;

      width: 60px;

      text-align: right; 

       margin-right: -8.5px;

    }

    

    @media (max-width:991px){

        .selectComprar {

            margin-right: 0px;

        }

    }

    

    @media (max-width: 991px) {

      .card-comprar-item {

        max-width: 250px;

        margin-right: auto;

        margin-left: auto; } }

    

    .card-comprar {

      border: 1px solid #fff;

      color: #fff;

      text-align: center;

      margin-top: 1rem; }

      .card-comprar-title {

        background: #7ec1e5;

        padding-bottom: .6rem;

        padding-top: .4rem;

          border-radius: 4px 4px 0px 0px;

    }

        .card-comprar-title-pack {

          color: #fff;

          font-size: 21px;

          margin-bottom: 0;

          text-shadow: 2px 2px 2px #03193826; }

          @media (min-width: 1025px) {

            .card-comprar-title-pack {

              font-size: 30px; } }

        .card-comprar-title-sub {

          color: #333;

          font-size: 11px;

          margin-bottom: 0; }

      .card-comprar-content {

        background: #a3d4ed;

        min-height: 110px;

        border-top: 1px solid #fff;

        border-bottom: 1px solid #fff; }

        .card-comprar-content img {

          margin-top: .5rem;

          width: 85px; }

        .card-comprar-content-price {

          color: #cc1719;

          font-size: 25px;

          margin-bottom: 0;

          font-weight: bold; }

        .card-comprar-content-bonus {

          color: #262626;

          font-size: 10px;

          margin-bottom: 0; }

      .card-comprar-footer {

        background: #7ec1e5;

        padding-top: 1rem;

        padding-bottom: 1rem; 

          border-radius: 0px 0px 4px 4px;

    }

        .card-comprar-footer-cantidad {

          font-size: 11px;

          margin-bottom: 0; }

        .card-comprar-footer-number {

          font-size: 16px;

          margin-bottom: .5rem; }

      .card-comprar .progress-bar {

        background-color: #d6342c !important; }

    

    .card-comprar-title-2 {

      background-color: #53acdd; }

    

    .card-comprar-content-2 {

      background-color: #6cc5e7; }

      .card-comprar-content-2 .card-comprar-content-price {

        color: #dd3c2c; }

    

    .card-comprar-footer-2 {

      background-color: #2897d4; }

    

    .card-comprar-title-3 {

      background-color: #53acdd; }

    

    .card-comprar-content-3 {

      background-color: #34b7e1; }

      .card-comprar-content-3 .card-comprar-content-price {

        color: #ff5241; }

    

    .card-comprar-footer-3 {

      background-color: #2897d4; }

    

    .card-comprar-title-4 {

      background-color: #2385c4; }

    

    .card-comprar-content-4 {

      background-color: #2daad6; }

      .card-comprar-content-4 .card-comprar-content-price {

        color: #EC623C; }

    

    .card-comprar-footer-4 {

      background-color: #2385c4; }

    

    .card-comprar-title-5 {

      background-color: #1873b7; }

    

    .card-comprar-content-5 {

      background-color: #1f95cd; }

      .card-comprar-content-5 .card-comprar-content-price {

        color: #ff9173; }

    

    .card-comprar-footer-5 {

      background-color: #1873b7; }

    

    .card-comprar-title-6 {

      background-color: #0c60a9; }

    

    .card-comprar-content-6 {

      background-color: #0f7cc3; }

      .card-comprar-content-6 .card-comprar-content-price {

        color: #ffb29e; }

    

    .card-comprar-footer-6 {

      background-color: #0c60a9; }

    

    .compra-card {

      background: #fff; }

      .compra-card-title {

        font-size: 17px;

        padding-top: 1.2rem;

        padding-left: 1.8rem;

        min-height: 45px;

        color: #1a1a1a; }

    

    .compra-card-table {

      margin-bottom: 0;

      width: 100% !important;

      color: #333 !important; }

      .compra-card-table i {

        cursor: pointer; }

      .compra-card-table tr, .compra-card-table th {

        border-top: 1px solid  #c3c3c7; }

      .compra-card-table-head {

        background: #e9f6fc !important;

        border-bottom: 1px solid  #c3c3c7; }

        .compra-card-table-head th {

          color: #333 !important;

          text-transform: capitalize !important;

          font-size: 12px; }

      .compra-card-table tbody th {

        text-align: center;

        color: #333 !important; }

    

    .compra-card-right {

      -webkit-box-shadow: 0 0 0 0 rgba(111, 134, 230, 0.33), 0 4px 16px 0 rgba(179, 187, 195, 0.47);

      box-shadow: 0 0 0 0 rgba(111, 134, 230, 0.33), 0 4px 16px 0 rgba(179, 187, 195, 0.47);

      border: solid 1px #dae0e6;

      background: #fff;

      padding-top: 3.5rem;

      padding-bottom: 1rem;

      min-height: 231.22px;

      border-radius: 6px;

      margin-right: 0rem;

      margin-left: 0rem;

      font-size: 12px;

      color: #333333; }

    

      .compra-card-right-left {

        text-align: right; }

        .compra-card-right-left p {

          font-weight: bold; }

    

    .comprar-metodo {

      min-height: 231.22px;

      text-align: center;

      border-radius: 6px; }

      .comprar-metodo-title {

        font-size: #1a1a1a;

        font-size: 17px; }

      .comprar-metodo-content {

        font-size: #333333; }

      .comprar-metodo-select {

        font-size: 14px;

        color: #6cc5e7;

        text-align: center; }

        .comprar-metodo-select option {

          font-size: 16px;

          color: #6cc5e7; }

      .comprar-metodo .form-control:focus {

        border-color: #6cc5e7 !important;

        color: #6cc5e7; }

    

    .modal-content-scroll {

      background: whitesmoke;

      background: -moz-linear-gradient(left, whitesmoke 0%, white 100%);

      background: -webkit-gradient(left top, right top, color-stop(0%, whitesmoke), color-stop(100%, white));

      background: -webkit-linear-gradient(left, whitesmoke 0%, white 100%);

      background: -o-linear-gradient(left, whitesmoke 0%, white 100%);

      background: -ms-linear-gradient(left, whitesmoke 0%, white 100%);

      background: -webkit-gradient(linear, left top, right top, from(whitesmoke), to(white));

      background: linear-gradient(to right, whitesmoke 0%, white 100%);

      border: 1px solid #c3c3c7;

      color: #575756;

      text-align: left;

      height: 170px;

      padding: 1rem .4rem 1rem 1rem; }

      .modal-content-scroll .mCSB_dragger_bar {

        background: #6cc5e7 !important; }

    

    .card-pagos .card-header {

      font-size: 21px;

      color: #d32a25;

      min-height: 65px; }

    

    .card-pagos-obtendra {

      padding: 1.2rem 1rem;

      font-size: 21px;

      text-align: center;

      color: #6f6f6e;

      background: whitesmoke;

      background: -moz-linear-gradient(left, whitesmoke 0%, white 100%);

      background: -webkit-gradient(left top, right top, color-stop(0%, whitesmoke), color-stop(100%, white));

      background: -webkit-linear-gradient(left, whitesmoke 0%, white 100%);

      background: -o-linear-gradient(left, whitesmoke 0%, white 100%);

      background: -ms-linear-gradient(left, whitesmoke 0%, white 100%);

      background: -webkit-gradient(linear, left top, right top, from(whitesmoke), to(white));

      background: linear-gradient(to right, whitesmoke 0%, white 100%);

      border: 1px solid #c3c3c7;

      min-height: 240px; }

      @media (min-width: 768px) {

        .card-pagos-obtendra {

          min-height: 282px; } }

      @media (min-width: 1025px) {

        .card-pagos-obtendra {

          padding-top: 1.5em; } }

      .card-pagos-obtendra-title {

        color: #d32a25; }

        @media (min-width: 1025px) {

          .card-pagos-obtendra-title {

            font-size: 30px; } }

      .card-pagos-obtendra-content p {

        margin-bottom: .2rem;

        font-size: 17px; }

        @media (min-width: 1025px) {

          .card-pagos-obtendra-content p {

            font-size: 24px; } }

    

    .card-pagos-footer {

      text-align: center;

      padding-top: 1.5rem; }

      .card-pagos-footer-red {

        color: #dd4738;

        font-size: 14px; }

    

    .card-pagos-qr {

      font-size: 12px;

      color: #9c9b9b; }

      .card-pagos-qr-info-pago {

        font-size: 14px;

        color: #9c9b9b;

        padding-top: .5rem;

        margin-bottom: .1rem; }

      .card-pagos-qr-pago-pendiente {

        color: #d32a25;

        font-size: 14px; }

      .card-pagos-qr-pago-realizado {

        color: #25cc99;

        font-size: 14px; }

      .card-pagos-qr-right-blue {

        font-size: 18px;

        color: #6cc5e7;

        float: right;

        display: inline-block; }

      .card-pagos-qr .form-control {

        color: #6cc5e7 !important; }

      .card-pagos-qr-line {

        border-top: 5px solid #ececec; }

      .card-pagos-qr span {

        display: inline-block; }

      .card-pagos-qr-point {

        width: 12px;

        height: 12px;

        border-radius: 50%;

        background: #ececec;

        position: relative;

        bottom: -12px; }

    

    .qr-btn-copy {

      color: #6cc5e7 !important;

      background-color: #f8f9fa; }

    

    .qr-point-1 {

      left: 30%; }

    

    .qr-point-2 {

      left: 45%; }

    

    .qr-point-3 {

      left: 60%; }

    

    .qr-point-active {

      background: #6cc5e7; }

    

    .pagos-table {

      color: #9c9b9b;

      font-size: 14px; }

      .pagos-table-blue {

        font-size: 18px;

        color: #6cc5e7; }

    

    .wallet-table-header {

      background: #d9edf8;

      background: -moz-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

      background: -webkit-gradient(left top, right top, color-stop(0%, #d9edf8), color-stop(100%, #c6e8f3));

      background: -webkit-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

      background: -o-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

      background: -ms-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

      background: -webkit-gradient(linear, left top, right top, from(#d9edf8), to(#c6e8f3));

      background: linear-gradient(to right, #d9edf8 0%, #c6e8f3 100%);

      color: #333333;

      font-size: 12px;

      font-weight: bold; }

      .wallet-table-header td {

        height: 45px; }

      .wallet-table-header-direccion {

        padding-left: 25px !important; }

      .wallet-table-header-direccion-2 {

        padding-left: 25px !important;

        padding-top: 25px !important; }

      .wallet-table-header-amount {

        font-size: 30px; }

    

    .wallet-table-row {

      min-height: 45px;

      color: #333333;

      font-size: 12px; }

    

    .wallet-modal-content {

      text-align: left;

      color: #9b9b9b;

      font-size: 16px; }

    

    .wallet-modal-direccion {

      font-size: 12;

      color: #b1b1b1;

      font-weight: lighter;

      margin-bottom: 0; }

    

    .wallet-modal-input {

      background: #f5f5f5;

      font-size: 16px; }

    

    .wallet-modal-btn-copy {

      background: #f5f5f5;

      color: #6cc5e7;

      font-size: 16px; }

    

    .referidos-link {

      color: #dd4738;

      display: inline-block;

      float: right; }

      .referidos-link a {

        color: #dd4738; }

      @media (max-width: 380px) {

        .referidos-link {

          position: absolute;

          top: 150px;

          left: 24px; } }

    

    .card-referidos {

      background-image: url("../img/referidos/referidos.jpg") !important;

      background-position: center;

      background-repeat: no-repeat;

      background-size: cover !important;

      padding-top: 1.5rem;

      padding-bottom: 1rem;

      border-radius: 6px;

      font-size: 15px;

      color: #333; }

      @media (min-width: 1025px) {

        .card-referidos {

          font-size: 16px; } }

      .card-referidos-header-tokens {

        font-size: 70px;

        color: #d6342c;

        margin-bottom: 0;

        line-height: 1; }

      .card-referidos-header-title {

        font-size: 19px;

        color: #3c3c3b;

        margin-bottom: 0; }

      .card-referidos-header-share {

        font-size: 15px;

        color: #dd4738;

        margin-bottom: 2rem; }

      .card-referidos-share-icons img {

        width: 30px;

        height: 30px;

        margin-right: .3rem;

        margin-left: .3rem;

        margin-top: .4rem; }

        @media (min-width: 1025px) {

          .card-referidos-share-icons img {

            width: 40px;

            height: 40px;

            margin-top: 0; } }

      .card-referidos .form-control {

        color: #868686;

        font-size: 14px;

        height: 42px; }

      .card-referidos .input-group-append .btn {

        height: 42px; }

    

    .card-rf-header {

      font-size: 27px;

      color: #cf211f;

      text-align: center;

      padding-top: 1rem; }

    

    .referidos-table-header {

      color: #6f6e6f;

      font-size: 16px; }

    

    .referidos-table-row {

      color: #383838;

      font-size: 14px; }

    

    .referidos-table-inactive {

      color: #b4d0d4; }

    

    .referidos-table-a {

      background: #c5e5f6;

      background: -moz-linear-gradient(45deg, #c5e5f6 0%, #f7ffff 100%);

      background: -webkit-gradient(left bottom, right top, color-stop(0%, #c5e5f6), color-stop(100%, #f7ffff));

      background: -webkit-linear-gradient(45deg, #c5e5f6 0%, #f7ffff 100%);

      background: -o-linear-gradient(45deg, #c5e5f6 0%, #f7ffff 100%);

      background: -ms-linear-gradient(45deg, #c5e5f6 0%, #f7ffff 100%);

      background: linear-gradient(45deg, #c5e5f6 0%, #f7ffff 100%); }

    

    .referidos-table-b {

      background: #cfe9f6;

      background: -moz-linear-gradient(45deg, #cfe9f6 0%, #f7ffff 100%);

      background: -webkit-gradient(left bottom, right top, color-stop(0%, #cfe9f6), color-stop(100%, #f7ffff));

      background: -webkit-linear-gradient(45deg, #cfe9f6 0%, #f7ffff 100%);

      background: -o-linear-gradient(45deg, #cfe9f6 0%, #f7ffff 100%);

      background: -ms-linear-gradient(45deg, #cfe9f6 0%, #f7ffff 100%);

      background: linear-gradient(45deg, #cfe9f6 0%, #f7ffff 100%); }

      .referidos-table-b .card-rf-header {

        color: #d6342c; }

    

    .referidos-table-c {

      background: #ddeff6;

      background: -moz-linear-gradient(45deg, #ddeff6 0%, #f7ffff 100%);

      background: -webkit-gradient(left bottom, right top, color-stop(0%, #ddeff6), color-stop(100%, #f7ffff));

      background: -webkit-linear-gradient(45deg, #ddeff6 0%, #f7ffff 100%);

      background: -o-linear-gradient(45deg, #ddeff6 0%, #f7ffff 100%);

      background: -ms-linear-gradient(45deg, #ddeff6 0%, #f7ffff 100%);

      background: linear-gradient(45deg, #ddeff6 0%, #f7ffff 100%); }

      .referidos-table-c .card-rf-header {

        color: #dd4738; }

    

    .p-cuenta {

      background-image: url("../img/cuenta/cuenta.jpg") !important;

      background-position: center;

      background-repeat: no-repeat;

      background-size: content;

      padding-top: 2rem;

      padding-bottom: 2rem;

      border-radius: 6px; }

      @media (min-width: 768px) {

        .p-cuenta {

          padding-top: 3.5rem;

          padding-bottom: 3rem;

          background-size: cover !important; } }

      .p-cuenta-left {

        text-align: center;

        color: #fff;

        font-size: 15px; }

        @media (min-width: 768px) {

          .p-cuenta-left {

            text-align: right; } }

        .p-cuenta-left-title {

          font-size: 24px;

          margin-bottom: 0; }

        .p-cuenta-left-email {

          font-size: 20px;

          margin-bottom: 0; }

          .p-cuenta-left-email a {

            color: #fff; }

          .p-cuenta-left-email img {

            width: 20px;

            height: 20px; }

        .p-cuenta-left-tokens {

          font-size: 22px;

          margin-bottom: 0; }

        .p-cuenta-left-date {

          font-size: 22px;

          margin-bottom: 0; }

        .p-cuenta-left-kyc-activado {

          font-size: 20px;

          color: #51d62c;

          text-decoration: underline; }

        .p-cuenta-left-kyc-desactivado {

          font-size: 20px;

          color: #ff3e34;

          text-decoration: underline; }

      .p-cuenta-img-bg {

        display: none !important;

        width: 180px;

        height: 180px;

        border-radius: 50%;

        position: absolute;

        background: rgba(255, 93, 177, 0);

        background: -moz-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0) 50%, black 51%);

        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 93, 177, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(51%, black));

        background: -webkit-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0) 50%, black 51%);

        background: -o-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0) 50%, black 51%);

        background: -ms-linear-gradient(top, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0) 50%, black 51%);

        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 93, 177, 0)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(51%, black));

        background: linear-gradient(to bottom, rgba(255, 93, 177, 0) 0%, rgba(0, 0, 0, 0) 50%, black 51%);

        content: '';

        left: 0;

        position: absolute;

        right: 0;

        top: 100%;

        -webkit-transition: top .13s ease-out;

        -o-transition: top .13s ease-out;

        transition: top .13s ease-out;

        z-index: 1;

        color: #fff;

        display: block;

        margin-right: auto;

        margin-left: auto;

        top: 0;

        cursor: pointer;

        opacity: .6; }

      .p-cuenta-img-cambiar {

        display: none;

        color: #fff;

        position: absolute;

        bottom: 55px;

        margin-right: auto;

        margin-left: auto;

        right: 0;

        left: 0;

        z-index: 2;

        cursor: pointer; }

      .p-cuenta-img {

        width: 180px;

        height: 180px;

        border-radius: 50%;

        border: 2px solid #da3d32;

        background: #fff;

        padding: 2px !important;

        cursor: pointer; }

      .p-cuenta-img-content {

        width: 180px;

        height: 180px;

        border-radius: 50%;

        cursor: pointer;

        margin-right: auto;

        margin-left: auto; }

    

    .p-cuenta-img-content:hover .p-cuenta-img-bg {

      display: block !important; }

    

    .p-cuenta-img-content:hover .p-cuenta-img-cambiar {

      display: block !important; }

    

    @media (max-width: 481px) {

    

      .card-cuenta .dataTables_filter {

        text-align: left !important; }

        .card-cuenta .dataTables_filter input {

          width: 195px !important; } }

    

    .card-cuenta-header {

      color: #333333; }

    

    .card-cuenta label {

      color: #9c9b9b; }

    

    .card-cuenta .form-control {

      color: #9c9b9b;

      margin-bottom: 1rem; }

    

    .card-cuenta .btn {

      min-width: 150px; }

    

    .card-cuenta-eliminar-content {

      text-align: center;

      color: #9c9b9b; }

    

    .cuenta-table-head th {

      color: #9c9b9b;

      text-transform: capitalize; }

    

    .cuenta-table-body {

      color: #333333; }

    

    .cuenta-table-icons {

      text-align: center; }

    

    .cuenta-icon-blue {

      font-size: 20px;

      color: #2897d4;

      margin-right: 2rem; }

    

    .cuenta-icon-blue:hover {

      color: #2897d4; }

    

    .cuenta-icon-red {

      font-size: 20px;

      color: #dd4738; }

    

    .cuenta-icon-red:hover {

      color: #dd4738; }

    

    /*

    .content-80px{

        @media (min-width: 991px) {

            margin-left: 15px;

            margin-right: 15px;

        }

    

        @media (min-width: 1025px) {

            margin-left: 80px;

            margin-right: 80px;

        }

    }

    */

    @media (max-width: 991px) {

      .tickets-card .card-body {

        padding-left: .5rem;

        padding-right: .5rem; } }

    

    .tickets-card .page-item.active .page-link {

      background: #6cc5e7 !important; }

    

    .tickets-card-title {

      font-size: 21px;

      color: #d32a25;

      min-height: 65px;

      padding-top: 1.1rem; }

    

    @media (max-width: 481px) {

      .tickets-card .dataTables_length {

        text-align: left !important;

        padding-left: 12px; }

      .tickets-card .dataTables_filter {

        text-align: left !important; } }

    

    .tickets-table img {

      width: 20px;

      height: 20px; }

    

    .tickets-table td {

      color: #333333 !important; }

    

    .tickets-table-head {

      background: #d9edf8;

      background: -moz-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

      background: -webkit-gradient(left top, right top, color-stop(0%, #d9edf8), color-stop(100%, #c6e8f3));

      background: -webkit-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

      background: -o-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

      background: -ms-linear-gradient(left, #d9edf8 0%, #c6e8f3 100%);

      background: -webkit-gradient(linear, left top, right top, from(#d9edf8), to(#c6e8f3));

      background: linear-gradient(to right, #d9edf8 0%, #c6e8f3 100%); }

      .tickets-table-head th {

        font-size: 12px !important;

        color: #333333;

        font-weight: bold;

        text-transform: initial;

        font-weight: bold !important;

        padding-bottom: .8rem !important; }

    

    .tickets-table-id {

      font-weight: bold; }

    

    .ticket-avatar .card {

      height: 311px; }

    

    .ticket-avatar-title {

      font-size: 16px;

      font-weight: bold;

      margin-top: 1rem;

      margin-bottom: 0; }

    

    .ticket-chat {

      overflow-y: auto;

      background: #f8f8f8;

      min-height: 150px;

      margin-bottom: 24px; }

      .ticket-chat .list-group-item {

        padding-top: 1rem;

        padding-bottom: 1rem; }

      .ticket-chat .active {

        background: #6cc5e7; }

      .ticket-chat-user {

        font-weight: bold; }

    

    /*

     *  Scroll chat

     */

    .ticket-chat::-webkit-scrollbar-track {

      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

      background-color: #F5F5F5; }

    

    .ticket-chat::-webkit-scrollbar {

      width: 6px;

      background-color: #F5F5F5; }

    

    .ticket-chat::-webkit-scrollbar-thumb {

      background-color: rgba(67, 87, 133, 0.2); }

    

    .page-kyc-main {

      background-image: url("../img/kyc/kyc.jpg") !important;

      background-position: center;

      background-repeat: no-repeat;

      background-size: cover !important;

      padding-top: 1.5rem;

      padding-bottom: .5rem;

      border-radius: 6px;

      font-size: 15px;

      color: #333; }

      @media (min-width: 1025px) {

        .page-kyc-main {

          font-size: 16px; } }

      .page-kyc-main-header {

        font-size: 25px;

        color: #da3d32; }

      .page-kyc-main-tipo-cuenta .pos-bottom-md {

        bottom: 25px; }

      .page-kyc-main-percent {

        color: #da3d32;

        font-size: 18px;

        text-align: center; }

        .page-kyc-main-percent p {

          margin-bottom: 0; }

        .page-kyc-main-percent-title {

          font-size: 70px;

          line-height: 1;

          margin-bottom: 0; }

    @media (max-width:1385px) and (min-width:992px){

            .page-kyc-main-percent-title {

          font-size: 50px;

     }

    }

      .page-kyc-main-bloques {

        font-size: 20px;

        text-align: center; }

        @media (min-width: 768px) {

          .page-kyc-main-bloques {

            text-align: left; } }

    

    .kyc-bloque {

      color: #9c9b9b;

      min-height: 400px; }

      .kyc-bloque-personal {

        min-height: 405px !important; }

      @media (min-width: 767px) {

        .kyc-bloque-empresa {

          min-height: 550px; } }

      @media (min-width: 1025px) {

        .kyc-bloque-empresa {

          min-height: 510px; } }

      .kyc-bloque .card-header {

        font-size: 16px;

        padding-left: 2.2rem;

        color: #23272b; }

      .kyc-bloque .form-control {

        background: #f8f9fa;

        border: 1px solid rgba(67, 87, 133, 0.2); }

      .kyc-bloque-inactive {

        border-left: 4px solid #da3d32; } 

    .kyc-bloque-null-active {

        border-left: 4px solid #1873b7; }

      .kyc-bloque-active {

        border-left: 4px solid #51d62c; }

      @media (min-width: 768px) {

        .kyc-bloque-c51 {

          border-right: 2px solid rgba(67, 87, 133, 0.2); } }

      .kyc-bloque input[type="file"] {

        display: none; }

      .kyc-bloque .custom-file-upload {

        cursor: pointer;

        min-height: 37px;

        text-align: center;

        padding-top: .5rem;

        padding-bottom: .5rem;

        padding-left: 1rem;

        padding-right: 1rem;

        border-radius: 3px;

        color: #fff;

        background-color: #2897d4;

        border-color: #2897d4;

        -webkit-box-shadow: 0 0 0 0 rgba(111, 134, 230, 0.33), 0 4px 16px 0 rgba(179, 187, 195, 0.47);

        box-shadow: 0 0 0 0 rgba(111, 134, 230, 0.33), 0 4px 16px 0 rgba(179, 187, 195, 0.47); }

      .kyc-bloque-list-6 {

        font-size: 18px;

        color: #333; }

        .kyc-bloque-list-6 li {

          border-bottom: 2px solid rgba(67, 87, 133, 0.2);

          padding-top: 1rem;

          padding-bottom: .4rem; }

        .kyc-bloque-list-6-faq {

          display: inline-block; }

          .kyc-bloque-list-6-faq-inputs {

            display: inline-block;

            text-align: center;

            margin-top: .5rem; }

            @media (min-width: 400px) {

              .kyc-bloque-list-6-faq-inputs {

                text-align: right;

                margin-right: auto !important;

                margin-top: 0; } }

        .kyc-bloque-list-6 .custom-radio {

          display: inline-block; }

        .kyc-bloque-list-6 .custom-control-label::before, .kyc-bloque-list-6 .custom-control-label::after {

          top: 0.5rem; }

        .kyc-bloque-list-6-no {

          margin-left: 1.5rem; }

          .kyc-bloque-list-6-no .custom-control-input:active ~ .custom-control-label::before {

            background-color: #da3d32 !important; }

          .kyc-bloque-list-6-no .custom-control-input:checked ~ .custom-control-label::before {

            background-color: #da3d32 !important; }

    

    

    .btn-kyc-aprobado {

      border: 1px solid #51d62c !important;

      background: #f2f2f2 !important;

      color: #51d62c !important;

      cursor: not-allowed; }

    .btn-kyc-null {

      border: 0.5pt #c3c3c7 !important;

      background: #2897d4 !important;

      color: #fff !important;

      cursor: not-allowed; }

    .btn-kyc-null:hover {

     border: 0.5pt #c3c3c7 !important;

      background: #2897d4 !important;

      cursor: not-allowed; }

    

    .btn-kyc-aprobado:hover {

      border: 1px solid #51d62c !important;

      background: #f2f2f2 !important;

      color: #51d62c !important;

      cursor: not-allowed; }

    

    .state-project-main-money {

      font-size: 54px;

      color: #da3d32;

      margin-bottom: 0;

      line-height: .8; }

      @media (min-width: 768px) {

        .state-project-main-money {

          font-size: 66px; } }

      @media (min-width: 1025px) {

        .state-project-main-money {

          font-size: 72px; } }

    

    .state-project-main-total {

      font-size: 25px;

      color: #333;

      margin-bottom: .8rem; }

    

    .state-project-main-restante {

      font-size: 18px;

      color: #333;

      margin-bottom: 0;

      margin-top: .5rem; }

    

    .state-project-main .progress {

      background-color: #e6e6e6 !important; }

    

    .state-project-main .progress-bar {

      background-color: #2897d4 !important; }

    

    @media (min-width: 768px) {

      .state-project-sm {

        min-height: 220px; } }

    

    @media (min-width: 992px) {

      .state-project-sm {

        min-height: 210px;

        height: 235px; } }

    

    @media (min-width: 1025px) {

      .state-project-sm {

        min-height: 218px; } }

    

    @media (min-width: 1300px) {

      .state-project-sm {

        min-height: 235px; } }

    

    .state-project-participantes-number {

      font-size: 21px;

      color: #333; }

    

    .state-project-tokens-disponibles .chart-circle-value {

      color: #1873b7; }

      .state-project-tokens-disponibles .chart-circle-value small {

        color: #1873b7 !important; }

    

    .state-project-paquetes-disponibles .chart-circle-value {

      color: #0c60a9; }

      .state-project-paquetes-disponibles .chart-circle-value small {

        color: #0c60a9 !important; }

    

    .state-project-bonus img {

      max-width: 54px; }

      @media (min-width: 1140px) {

        .state-project-bonus img {

          max-width: 60px; } }

    

    @media (min-width: 992px) {

      .state-project-row-3 .state-project-md {

        min-height: 364px; } }

    

    @media (min-width: 1025px) {

      .state-project-row-3 .state-project-md {

        min-height: 364px; } }

    

    @media (min-width: 1141px) {

      .state-project-row-3 .state-project-md {

        height: 370px; } }

    

    @media (min-width: 1300px) {

      .state-project-explicacion img {

        max-width: 75%; } }

    

    @media (min-width: 992px) {

      .state-project-row-4 .state-project-md {

        min-height: 382px; } }

    

    @media (min-width: 1025px) {

      .state-project-row-4 .state-project-md {

        min-height: 394px; } }

    

    .state-project-entregados-ventas {

      font-size: 20px;

      color: #333;

      padding-left: 12px; }

      .state-project-entregados-ventas small {

        color: #666;

        font-size: 12px !important; }

    

    @media (min-width: 992px) {

      .state-project-row-5 .state-project-md {

        height: 390px; } }

    

    @media (min-width: 1025px) {

      .state-project-row-5 .state-project-md {

        height: 392px; } }

    

    .state-project-asignacion-text {

      color: #333; }

    

    .state-project-timeline {

      overflow-y: auto;

      min-height: 150px; }

      .state-project-timeline-title {

        color: #333; }

      .state-project-timeline-title:hover {

        color: #333 !important; }

      .state-project-timeline-date {

        color: #666666; }

      .state-project-timeline-date:hover {

        color: #666666; }

      .state-project-timeline-content {

        color: #333; }

      .state-project-timeline-ago {

        color: #666666; }

    

    .state-project-timeline::-webkit-scrollbar-track {

      -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

      background-color: #F5F5F5; }

    

    .state-project-timeline::-webkit-scrollbar {

      width: 6px;

      background-color: #F5F5F5; }

    

    .state-project-timeline::-webkit-scrollbar-thumb {

      background-color: rgba(67, 87, 133, 0.2); }

    

    .mw-150px {

      min-width: 150px; }

    

    .mw-125px {

      min-width: 125px; }

    

    .mw-100px {

      min-width: 100px; }

    

    .float-right {

      float: right; }

    

    @media (min-width: 768px) {

      .float-right-md {

        float: right; } }

    

    .btn-oneup {

      min-width: 150px !important;

      min-height: 35px !important; }

    

    .btn-oneup-red {

      color: #fff !important;

      min-width: 125px !important;

      min-height: 35px !important;

      background: #da3d32;

    

      border:0.5pt #c3c3c7; }

    

    .btn-oneup-red:hover {

      color: #fff !important;

      -webkit-box-shadow: 0 0 0 0 rgba(111, 134, 230, 0.33), 0 4px 16px 0 rgba(179, 187, 195, 0.47);

      box-shadow: 0 0 0 0 rgba(111, 134, 230, 0.33), 0 4px 16px 0 rgba(179, 187, 195, 0.47);

       background: #dd4738;

        

    }

    .btn-oneup-red:disabled {

      color: #fff !important;

      -webkit-box-shadow: 0 0 0 0 rgba(111, 134, 230, 0.33), 0 4px 16px 0 rgba(179, 187, 195, 0.47);

      box-shadow: 0 0 0 0 rgba(111, 134, 230, 0.33), 0 4px 16px 0 rgba(179, 187, 195, 0.47);

       background: #E47169;

        

    }

    

    .btn-primary-2 {

      color: #fff !important;

      background-color: #0c60a9;

      border-color: #0c60a9; }

    

    .btn-primary-2:hover {

      color: #fff !important;

      background-color: #0a4f8a !important;

      border-color: #0a4f8a !important; }

    

    .btn-primary-3 {

      color: #fff !important;

      background-color: #0f7cc3;

      border-color: #0f7cc3; }

    

    .btn-primary-3:hover {

      color: #fff !important;

      background-color: #0c60a9 !important;

      border-color: #0c60a9 !important; }

    

    .btn-secondary-2 {

      color: #fff !important;

      background-color: #dd4738;

      border-color: #dd4738; }

    

    .btn-secondary-2:hover {

      color: #fff !important;

      background-color: #d6342c !important;

      border-color: #d6342c !important; }

    

    .pt-header-oneup {

      padding-top: 104px !important; }

    

    .color-gray {

      color: #9c9b9b !important; }

    

    .color-gray-2 {

      color: #6f6f6e !important; }

    

    .color-gray-3 {

      color: #575756 !important; }

    

    .text-black-2 {

      color: #1a1a1a !important; }

    

    .fz-8 {

      font-size: 8px !important; }

    

    .fz-10 {

      font-size: 10px !important; }

    

    .fz-11 {

      font-size: 11px !important; }

    

    .fz-12 {

      font-size: 12px !important; }

    

    .fz-13 {

      font-size: 13px !important; }

    

    .fz-15 {

      font-size: 15px !important; }

    

    .fz-18 {

      font-size: 18px !important; }

    

    .fz-24 {

      font-size: 24px !important; }

    

    .w-25p {

      width: 25%; }

    

    .w-90 {

      width: 90%; }

    

    .w-140px {

      width: 140px; }

    

    .mw-140px {

      min-width: 140px; }

    

    .pos-bottom {

      position: absolute;

      bottom: 0; }

    

    .pos-bottom-center {

      position: absolute;

      bottom: 0px;

      margin-left: auto !important;

      margin-right: auto !important;

      left: 0;

      right: 0;

      width: 191px; }

    

    @media (min-width: 768px) {

      .pos-bottom-md {

        position: absolute;

        bottom: 0; } }

                      .contenedor-referidos li{

                                            display: inline-block;

                                            margin-left:-20px;

                                            width: 30px;

                                            list-style: none;

                                        }

                       .contenedor-bonus{

                                           overflow: hidden;

                                            width: 100%;

                                            padding:0px 23px;

                         margin-top:5px;

                                        }

                                        .img-bonus{

                                            margin-left: 15px;

                                        }

                                        .img-bonus li{

                                            list-style: none;

                                            float:left;

                                            margin-left: -5px;

                                        }

                                       .app-sidebar .user-info-down .img-bonus li img{

                                         width:35px;   

                                          cursor:auto;

                                           padding:0px;

                                           border-radius: 50%;

                                        }

    @media (max-height: 740px) {

        

        .app-sidebar .user-info-down{

            position: relative;

        }

    }

                                                .app-sidebar .user-info.top{

                                                        height: 150px;

                                                    }

                                                .app-sidebar .user-info.bottom{

                                                       height: 60px;

                                                    padding-top:.40rem;

                                                        margin:10px 0px;

                                                    }

           @media screen and (min-width:2010px) {

               body {

                font-size: 18px !important;   

               }

           

                                                    .user-info-down table,td {

        border-bottom: 15px solid transparent;

    }

                                                    .app-sidebar .user-info.top{

                                                        height: 180px;

                                                    }

                                                .app-sidebar .user-info.bottom{

                                                        height: 90px;

                                                        padding-top: 0.9rem !important;

                                                    }

                                                    .app-sidebar .user-info-down{

                                                        height: 385px;

                                                    }

               .fz-13 {

      font-size: 14px !important; }

               

               

               .table td, .historial-table-head th{

        padding: 1.5rem !important;

         padding-bottom: 1.5rem !important;

        vertical-align: top;

        font-size: 15pt;

    }

               .app-header a {

        font-size: 18px;

    }

               

               .referidos-table-header {

        color: #6f6e6f;

        font-size: 20px;

        padding: 3rem !important;

    }

      .card-rf-header, .num-referidos {

        font-size: 30px !important;

               }

               .bread {

                font-size: 18px;   

               }

               .card-referidos {

        font-size: 18px;

    }

               .card-referidos .form-control {

        color: #868686;

        font-size: 18px;

        height: 60px;

    }

               .card-referidos .input-group-append .btn {

        height: 60px;

    }

               .oneup-card-header {

        font-size: 20px !important;

    }

               .text-verde {

        font-size: 18px !important;

                   margin-bottom: 2rem !important;

               }

               .btn {

                font-size: 18px !important;   

               }

               .card-header {

                  padding: 1.2rem 1.5rem !important; 

               }

          .exchange-table-content {

      height: auto !important;

        padding-top: 1rem !important;

        padding-bottom: 1rem !important;

    }

               .exchange-table-titles {

                   height: auto !important;

                       padding-top: 1.5rem;

        padding-bottom: 0.4rem;

               }

               .exchange-table-titles p {

        font-weight: bold;

        font-size: 18px;

    }

               .exchange-table-content p {

        font-size: 18px;

        top: 12px;

    }

               .exchange-table-content-btns .btn {

                       padding: 10px 0px !important;

        position: relative;

        top: -1px;

               }

               .tickets-table-head th{

               padding-top:1.5rem !important;

                   padding-bottom: 1.5rem !important;

                   font-size: 18px !important;

                }

               .contenedor-text-asignacion-fondos {

                       position: relative;

                        top: -44px;

               }

               .form-control, select.form-control, .fechas .form-control, .seleccionado {

                padding: 0.8rem !important;

                   font-size: 18px !important; 

               }

               .seleccionado {

               height: 3.5rem !important;

               }

               .list-seleccion {

                top:60px !important;   

               }

               select.form-control:not([size]):not([multiple]) {

        height: 3.5rem !important;

    }

               .content-footer .text-footer{

                   font-size: 18px !important;

               }

               div.dataTables_wrapper div.dataTables_length select.form-control:not([size]):not([multiple]){

                       padding: 0.25rem 0.5rem !important;

                   height: 2rem !important;

               }

               .app-header {

                 padding: 0.7rem 0;  

               }

               .app-sidebar {

                   margin-top: 4.5rem;

               }

               .kyc-bloque-list-6 .custom-control-label::before, .kyc-bloque-list-6 .custom-control-label::after{

                   top:0rem !important;

               }

               .compra-card-table td, .caja-min .min{

                   padding: 0.7rem 1.5rem !important;

        padding-bottom: 0.5rem !important;

               }

               .dropdown-dash-pc .avatar {

        margin-right: 1.5rem;

    }

       .idiomas img {

        width: 14px;

        margin-top: 2px !important;

    }

    }

    

            footer{

                    position: absolute;

                    bottom:0px;

                   padding-left: 242px;

                    width: 100%;

                    overflow: hidden;

                    min-height: 40px;

                    z-index: 0;

                    background: rgba(60,60,60,1);

    background: -moz-linear-gradient(45deg, rgba(60,60,60,1) 0%, rgba(91,108,120,1) 100%);

    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(60,60,60,1)), color-stop(100%, rgba(91,108,120,1)));

    background: -webkit-linear-gradient(45deg, rgba(60,60,60,1) 0%, rgba(91,108,120,1) 100%);

    background: -o-linear-gradient(45deg, rgba(60,60,60,1) 0%, rgba(91,108,120,1) 100%);

    background: -ms-linear-gradient(45deg, rgba(60,60,60,1) 0%, rgba(91,108,120,1) 100%);

    background: linear-gradient(45deg, rgba(60,60,60,1) 0%, rgba(91,108,120,1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#5b6c78', GradientType=1 );

                transition: padding-left 0.4s ease-out;

                }

                .content-footer .text-footer, .content-footer .item-footer{

                    display: inline-block;

                    margin-right: 10px;

                    color:#fff;

                  line-height: 3;

                    margin-top: 1px;

                    font-size: 10pt;

                }

                .content-footer p, .item-footer ul{

                    margin-bottom: 0px;

                }

                .content-footer .item-footer ul li{

                 display: inline-block;

                   

                    list-style: decimal;

                     

                }

                .content-footer .item-footer ul li a{

                    color:#fff;

                   text-decoration: underline;

                    font-style: italic;

                }

                 .content-footer .item-footer ul li a:hover{

                     text-decoration: none;

                     color:#f0f0f0;

                     

                }

    

    @media (max-width:640px){

        footer, .sidenav-toggled > footer {

           

            padding-left: 0px !important;

            

        }

        body{

            margin-bottom: 128px !important;

        }

    }

    @media(max-width:1150px){

    .app-header .d-none a{

       font-size: 13px;

    }

        

    }

    @media(max-width:1050px){

    .app-header .d-none a{

       font-size: 11px;

    }

        

    }

    

    @media screen and (min-width: 2010px){

        .exchange-estimado {

        width: 400px !important;

        max-width: 400px !important;

    }

    }

    

        @media (max-width:767px){

            div.dataTables_wrapper div.dataTables_length{

                text-align: left !important;

            }

            div.dataTables_wrapper div.dataTables_filter{

                text-align: left !important;

    

            }

            div.table-responsive>div.dataTables_wrapper>div.row>div[class^="col-"]:last-child{

                padding-left: 0px !important;

            }

        }

           .icono-ayuda{

                                    margin-left: 5px;

                                   position: relative;

                                    top:2px;

                                    color: #23272b;

                                }

                                 .icono-ayuda i{

                                 font-size: 11pt;    

                                }

    .kyc-bloque-waitactive{

        

            border-left: 4px solid #FF1100;

    }

    .btn-kyc-wait{

            border: 0.5pt #c3c3c7 !important;

        background: #f2f2f2 !important;

        color: #4d4d4d !important;

    }