@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: local('Open Sans'), url(https://fonts.gstatic.com/s/opensans/v16/mem5YaGs126MiZpBA-UN_r8OVuhpOqc.woff2) format('woff2');
}

img, a, button{border:none;  outline:none !important; text-decoration:none}
img{display:block;}
a,
a:hover,
a:active,
a:visited,
input,
.btn {
    text-decoration: none !important;
    outline: none !important;
    transition: all 0.3s ease-in-out;
}
img {
    max-width: 100%
}
html{-webkit-overflow-scrolling: touch;}
html, body{
margin:0;
padding:0;
font-family: 'Open Sans', sans-serif;
height: 100%;
font-size:14px;
}
.global{
width:90%;
max-width:960px;
margin: 0 auto;
padding: 0;
overflow:visible;
position:relative;
z-index:3;
}
/*generales*/
.clear{
clear:both;
height:0px;
font-size:0px;
color:transparent;
}
.table {
    display: table;
    height: 100%;
    width: 100%;
}
.cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

/*HEADER*/
header{position:fixed; float:left; width:100%; z-index:10}
.all-menu{width:100%; border:1px solid #e0e0e0; border-radius:20px; padding:15px 20px; float:left; background:#fff; margin:20px 0 0; -webkit-box-shadow: 2px 3px 5px -3px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 3px 5px -3px rgba(0,0,0,0.75);
box-shadow: 2px 3px 5px -3px rgba(0,0,0,0.75);}
/*menu icon*/
#nav-icon1 {
  width: 30px;
  height: 30px;
  position: relative;
  margin: 0 auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span {
  display: block;
  position: absolute;
  height: 5px;
  width: 100%;
  background: #777777;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 10px;
}

#nav-icon1 span:nth-child(3) {
  top: 20px;
}

#nav-icon1.open span:nth-child(1) {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -30px;
}

#nav-icon1.open span:nth-child(3) {
  top: 10px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/*end menu icon*/
.sandwich{float:left; margin:15px 20px 0 0}
.logo-small{width:42px; height:52px; background:#fff url("../img/logo-small.svg") no-repeat 100% center; float:left; position:relative; margin:5px 0 0}
.user{float:right}
.user{float:right}
.user-menu{float:left; width:52px; height:52px; background:#545454 url("../img/user.svg") no-repeat center; display:block; border-radius:50%; background-size:30px 30px; position:relative}
.user-menu i{position:absolute; left:-25px; top:38px; color:#777777; cursor:pointer}
.user-menu img{position:absolute; left:-28px; top:17px; color:#777777; cursor:pointer}
.user-menu i:hover{color:#7CB342; transition: all 0.3s ease-in-out;}
.logo-small a, .user-menu a{position:absolute; width:100%; height:100%; left:0; top:0}
.user-menu a{left:-28px; width:calc(100% + 28px)}
.buscador{float:left; width:calc(100% - 234px); margin:10px 0 0 20px}
.buscador button.btn{background:#fff; padding:0; text-align:center; width:27px; height:27px; float:left; color:#777777; font-size:20px; margin:5px 0 0}
.buscador .form-control{width:calc(100% - 35px); float:left; height:40px; border:0; outline: none; border-bottom:1px solid #e0e0e0}
.buscador .form-control:focus { 
  border:0; border-bottom:1px solid #e0e0e0; border-radius:0; outline: none; box-shadow:none
}
.dummy{width:100%; height:130px}
/*menu*/
.menu{float:left; width:600px; max-width:99%; position:fixed; height:100%; padding:50px; background:#fff; top:0; left:-600px;
-webkit-box-shadow: 10px 10px 25px -14px rgba(0,0,0,0.75);
-moz-box-shadow: 10px 10px 25px -14px rgba(0,0,0,0.75);
box-shadow: 10px 10px 25px -14px rgba(0,0,0,0.75);
overflow-y:auto; z-index:12
}
.cerrar{position:absolute; right:20px; top:10px; font-size:30px; color:#777777; cursor:pointer}
.logo-menu{width:240px; height:57px; background:#fff url("../img/logo-menu.svg") no-repeat center; background-size:100%; max-width:100%}
.menu ul{list-style:none; margin:20px 0 0; padding:0}
.menu ul li{display:block; width:calc(100% + 50px); position:relative}
.menu ul li a{display:block; width:calc(100% - 20px); margin-left:-50px; padding:15px 10px 15px 50px; border-top-right-radius:20px; border-bottom-right-radius:20px; color:#5d6368; font-size:16px}
.menu ul li a.bdc-icon-item{padding-left:90px}
.menu ul li a:hover{background:#fff0c3}
.menu ul li a.featured{color:#7cb342}
.menu ul li a i{font-size:25px; margin-right:10px}
i.ico-bdc{background:transparent url("../img/logo-icon.svg") no-repeat center; background-size:100%; width:28px; height:34.63px; display:inline-block; position:absolute; left:0; top:12px}
i.ico-monio{background:transparent url("../img/monio.svg") no-repeat center; background-size:100%; width:28px; height:34.63px; display:inline-block; position:absolute; left:0; top:12px}
/*end menu*/
/*loader*/
.loader{position:fixed; width:100%; height:100%; left:0; top:0; z-index:9999}
.bgloader{position:fixed; width:100%; height:100%; left:0; top:0; background:#fff; opacity:0.6}
.loaderimg{position:fixed; width:100%; height:100%; left:0; top:0; text-align:center; }
.loaderimg img{margin:0 auto}
/*end loader*/
/*REGISTRO*/
.formularios{width:400px; max-width:100%; margin:0 auto}
.formularios .formularios-inside{width:100%; float:left}
.logo-big{background:transparent url("../img/logo-big.svg") no-repeat center; background-size:100%; width:150px; height:108px; margin:0 auto 20px}
.formularios .form-group{float:left; width:100%; margin:0 0 10px}
.formularios .form-group span{float:left; width:30px; font-size:20px; color:#777777; display:block}
.formularios .form-group span i{margin:9px 0 0 0}
.formularios .form-group .form-control{float:left; width:calc(100% - 30px); height:38px; border:1px solid #bfbfbf; border-radius:20px}
.formularios .form-group textarea.form-control{resize:none; height:100px}
.formularios .form-group.google-captcha{width:240px; margin:0 auto 10px; float:none; clear:both}
.formularios .form-group button.btn, .guardarpassgen, .btn-generico{color:#fff; font-weight:bold; font-size:20px; background:#7cb342; border:1px solid #7cb342; width:236px; text-align:center; margin:0 auto; padding:5px; border-radius:20px; display:block; max-width:100%}
.formularios .form-group button.btn:hover, .btn-generico:hover, .guardarpassgen:hover{background:#777777; border-color:#777777; color:#fff}
.txt-legales{text-align:center; color:#7f7f7f; font-size:11px; margin:0 0 15px}
/*login buttons*/
ul.login-buttons{list-style:none; margin:0; padding:0}
.login-buttons li{float:left; width:50%}
.login-buttons li a{display:block; margin:0 10px; width:calc(100% - 20px); color:#fff; background:#314aa0; border-radius:5px; padding:11px 18px; font-size:11px; -webkit-box-shadow: 2px 3px 5px -3px rgba(0,0,0,0.75); -moz-box-shadow: 2px 3px 5px -3px rgba(0,0,0,0.75); box-shadow: 2px 3px 5px -3px rgba(0,0,0,0.75);}
.login-buttons li a i{font-size:15px; margin-right:5px}
.login-buttons li:nth-child(2) a{background:#d04141}
.login-buttons li a:hover{background:#565455}
.formularios .letra-o{text-align:center; color:#6a6b6b; font-size:16px; font-family:'Open Sans'; margin:20px auto; position:relative; background:#fff; width:50px}
.formularios .letra-o-before{width:100%; height:1px; background:#6a6b6b; left:0; margin-top: -30px; margin-bottom:30px}
/*LOGIN*/
.formularios .form-group .olvide{float:right; color:#7f7f7f; font-size:11px; display:block; margin:0 10px 0 0}
.formularios .form-group .olvide a, .txt-legales a{color:#7cb342; font-weight:bold}
.formularios .form-group .olvide a:hover, .txt-legales a:hover{color:#1a8096}
/*DASHBOARD*/
.dashboard{float:left; width:100%}
.dashboard .botones-pantalla ul{list-style:none; margin:0; padding:0}
.dashboard .botones-pantalla ul li{float:left}
.dashboard .botones-pantalla ul li a{display:block; margin:0 10px 10px 0; padding:15px; color:#fff; font-weight:normal; font-size:15px; background:#7cb342; text-align:center; padding:5px 20px; border-radius:20px;}
.dashboard .botones-pantalla ul li a:hover{background:#777777}
.dashboard .botones-pantalla ul li a i{margin:0 -5px 0 10px}
/*tabla*/
.oculto{display:none}
#tabla, #tabla tr, #tabla td{border:0; position:relative}
#tabla tr{background:#e6b0fe; border-radius:20px; margin:5px 0; float:left; width:100%; padding:20px; overflow:hidden}
#tabla_wrapper .mdl-grid:nth-child(1){display:none}
div.dataTables_wrapper div.mdl-grid.dt-table{width:100%}
#tabla td{vertical-align:center; border-right:1px solid #fff; padding:0 10px}
#tabla td:last-child{border:0}
#tabla td i{margin-left:10px}

.campo_1, .campo_2,.campo_3, .campo_4, .campo_5{
width:20%; color:#1a1b1f; font-size:13px;
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */
word-break: break-all !important;
vertical-align:top
}
.campo_1, .campo_3{width:15% }
.campo_2, .campo_4{width:25%}
.campo_5{min-width:150px !important}

.para_copiar{position:relative}
.para_copiar span{display:block; float:left; padding-right:38px}
.para_copiar .fa-copy{cursor:pointer; width:30px; display:block; position:absolute; right:0; top:0; opacity:0.5}
.para_copiar:hover .fa-copy, .para_copiar i.fa-external-link-alt:hover{display:inline; opacity:1}
.para_copiar i.fa-external-link-alt{cursor:pointer; width:30px; display:block; position:absolute; right:0; top:20px; color:#000; opacity:0.5}

#tabla th{text-transform:uppercase}

.datacopy {/*white-space: -moz-pre-wrap; 
white-space: -hp-pre-wrap; 
white-space: -o-pre-wrap; 
white-space: -pre-wrap; 
white-space: pre-wrap; 
white-space: pre-line; 
word-wrap: break-word; 
word-break: break-all !important;*/}

.campo_1{cursor:pointer}
.campo_6{text-align:center}

#tabla .fa-cog{font-size:25px; color:#fff; cursor:pointer}
#tabla_length{display:none}
/*modal*/
.modal-header{padding:10px 15px; border:0}
.modal {
  text-align: center;
  max-width:98% !important;
  
}

@media screen and (min-width: 768px) { 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  font-weight:500;
  font-size:12px;
}

.modal-content{border-radius:20px}
.modal-dialog p{padding:0 30px 30px}
.modal-form .modal-header{background:#fff; border-radius:20px}
.modal-form .modal-body .fa-times{position:absolute; right:10px; top:10px; color:#474647; cursor:pointer; font-size:15px}
.modal-form .modal-body{background:transparent; float:left; width:100%; padding-bottom:30px}
.modal-form .modal-dialog{max-width:100%; width:414px}
.modal-form ul{list-style:none; margin:0; padding:0; clear:both}

.modal-form  ul li a{display:block; margin:0 10px 10px 0; color:#fff; font-weight:normal; font-size:15px; background:#a5a5a5; text-align:center; padding:15px 20px; border-radius:20px;}
.modal-form  ul li a:hover{background:#7cb342}
.modal-form  ul li a i{margin:0 -5px 0 10px}
.modal-form h5{color:#5d6368; font-size:18px; margin:0 0 20px}

.modal h4{color:#7CB342; font-size:24px}


#tabla_info{padding:20px 0 0; color:#5d6368; font-size:11px}
#tabla_paginate{text-align:center}
#tabla_paginate a{padding:10px; display:inline-block; color:#5d6368; font-size:13px; margin:5px; border:1px solid #5d6368; border-radius:20px; width:40px; text-align:center; cursor:pointer}
#tabla_paginate a:hover{background:#fff0c3}
#tabla_paginate a.paginate_button.current{background:#fff0c3}

#tabla_filter label{width:100%}
#tabla_filter input{width:calc(100% - 30px); float:left; height:40px; border:0; outline: none; border-bottom:1px solid #e0e0e0; background:#fff url("../img/lupa.svg") no-repeat 99% center; background-size:28px; margin:15px 15px 5px}
/*crear / editar clave*/
.formularios .claves .form-group .form-control{width:100%}
.formularios .claves .form-group span{display:block; width:100%; font-size:11px; margin:0 0 3px 15px; color:#a6a6a6}
.formularios .claves .form-group button.btn{margin:20px auto 5px}
a.remarked{font-weight:bold; color:#7CB342; font-size:12px}
.formularios .claves .form-group span a{text-align:center; display:block}
.formularios .claves h1, h3{color:#7CB342; font-size:24px; fot-weight:normal; text-align:center; padding:20px 0 0}
.formularios .claves p{font-size:10px; margin:0 0 10px; text-align:center}
/*info*/
.dashboard{margin:0 0 30px}
.dashboard.infobox h1{color:#7CB342; font-size:24px; fot-weight:normal; text-align:center; padding:20px 0 20px}
.dashboard.infobox h2{color:#000; font-size:17px; fot-weight:normal; padding:10px 0 10px}
.dashboard.infobox p{font-size:14px; margin:0 0 10px; color:#000000}
/*notificaciones*/
.formularios ul{list-style:none; margin:30px 0; padding:0; float:left; width:100%}
.formularios .claves ul li{float:left; width:100%; padding:25px 15px; border-bottom:1px solid #CFCFCF}
.formularios .claves ul li h3{color:#7CB342; font-size:18px; font-weight:normal; padding:0; margin:0 0 10px}
.formularios .claves ul li p{color:#7C7B7B; font-size:16px; font-weight:normal; padding:0; margin:0 0 10px; text-align:left}
.formularios .claves ul li a{color:#7CB342; font-size:16px; font-weight:bold; padding:0; margin:0}
/*configuracion*/
.configuracion ul{list-style:none; margin:5px 0; padding:0; float:left; width:100%}
.configuracion .claves li{float:left; width:100%; padding:25px 15px; border-bottom:1px solid #CFCFCF}
.configuracion .claves li span{font-size:17px; color:#000; display:block}
.configuracion .claves ul li ul li{float:left; width:auto; padding:10px 15px 0 15px; background:#fff; border:1px solid #777777; height:43px; color:#777777; border-radius:25px; text-align:center; margin:0 5px 10px; cursor:pointer; transition: all 0.3s ease-in-out;}
.configuracion .claves ul li ul li.active, .configuracion .claves ul li ul li:hover{background:#777777; color:#fff}
.configuracion .claves ul li ul li img{display:inline; margin:0 5px}
.configuracion{width:700px; max-width:100%; margin:0 auto}
.configuracion .form-group .form-control{float:left; width:calc(100% - 30px); height:38px; border:1px solid #bfbfbf; border-radius:20px}
.configuracion .form-group{float:left; width:100%; margin:0 0 10px}
.configuracion .form-group span{float:left; width:30px; font-size:20px; color:#777777; display:block}
.configuracion .form-group span i{margin:9px 0 0 0; color:#777777}



/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
  margin:10px 0 0
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/*perfil*/
.configuracion .claves h1{color:#7CB342; font-size:24px; fot-weight:normal; text-align:center; padding:20px 0 0}
.configuracion .claves p{font-size:10px; margin:0 0 10px; text-align:center}
.configuracion .form-group button.btn{color:#fff; font-weight:bold; font-size:20px; background:#7cb342; border:1px solid #7cb342; width:236px; text-align:center; margin:0 auto; padding:5px; border-radius:20px; display:block}
.configuracion .form-group button.btn:hover{background:#777777; border-color:#777777}
/*planes*/
.planes h1{color:#7CB342; font-size:24px; fot-weight:normal; text-align:center; padding:20px 0 0}
.planes p{font-size:10px; margin:0 0 10px; text-align:center}
.planes ul{float:left; width:100%; list-style:none; text-align:center; margin:0; padding:0}
.planes ul li{float:left; padding:20px; width:25%}
.planes ul li ul{padding:20px 0}
.planes ul li ul li{width:100%; float:none; padding:10px;border-bottom:1px solid #DBDCDD; color:#545454; font-size:16px;}
.planes ul li h2{color:#7CB342; font-size:27px}
.precio{color:#545454; font-size:25px}
.precio b{font-size:39px; font-weight:normal}
.leyenda{color:#545454; font-size:11px}
.boton-compra{float:left; width:100%; clear:both}
.planes ul li a.btn{color:#fff; font-weight:bold; font-size:16px; background:#7cb342; border:1px solid #7cb342; width:236px; text-align:center; margin:0 auto; padding:10px; border-radius:20px; display:block; max-width:100%;
-webkit-box-shadow: 2px 6px 5px 0px rgba(214,214,214,1);
-moz-box-shadow: 2px 6px 5px 0px rgba(214,214,214,1);
box-shadow: 2px 6px 5px 0px rgba(214,214,214,1);
background: #69cc4b; /* Old browsers */
background: -moz-linear-gradient(-45deg, #69cc4b 0%, #7cb342 52%, #6d9e3a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #69cc4b 0%,#7cb342 52%,#6d9e3a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #69cc4b 0%,#7cb342 52%,#6d9e3a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69cc4b', endColorstr='#6d9e3a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.planes ul li a.btn:hover, .planes ul li a.btn.active{background:#777777; border-color:#777777; box-shadow: inset 300px 0 0 0 #777777;}
.planes ul li:nth-child(2n){background:#F2F3F4}
.planes ul li:nth-child(2n) ul li{background:#F2F3F4 !important}
.planes ul li ul li:nth-child(2n){background:#fff}
.the-rest{float:left; width:100%}
.menu-modal{position:absolute; left:0; top:0; background:#fff; z-index:11; width:100%; height:100%; opacity:0.3; display:none}
.menu-modal.active{display:block}
.help-block{color:#ff0000}

.registro h2{font-size:24px; color:#7CB342; padding:0; margin:30px 0}
.registro h4{font-size:20px; color:#7CB342; padding:0; margin:0 0 10px}
.registro .description p{font-size:13px; color:#6A6B6B; padding:0 0 20px}

.error{background:#f8bbd0; color:#fff; padding:5px 10px; border-radius:5px; margin-top:8px}
.actuales{float:left; width:100%; margin:10px 0}
.actuales span{display:block; float:left; padding:5px 10px; border-radius:5px; background:#deebff; color:#999; margin:0 5px 5px 0}
.actuales span i{cursor:pointer}

.tabla{display:table; height:100%; width:100%;}
.celda{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center;}
.list-group-item.itemquegrupo{cursor:pointer}
.list-group-item.itemquegrupo:hover{background:#deebff}
.modal-form .modal-body .actuales .fa-times{position:relative; right:auto; top:auto; color:#474647; cursor:pointer; margin-left:10px; color:#cfcfcf}
.modal-form .modal-body .actuales .fa-times:hover{color:#ff0000}
/*generador claves*/
.pass_generada{border:1px solid #BFBFBF; padding:15px; margin:20px 0; font-size:20px; position:relative; color:#757575; border-radius:10px}
.pass_generada .copytoclip{display:none}
.pass_generada .copytoclip{top:15px}
#configuracion_passgen{display:none}
.relative{position:relative}
.genpassbutton{position:absolute; top:25px; right:5px}
a.btn-generar{color:#fff !important; background:#7cb342; padding:5px; border-radius:8px; display:block; font-size:11px; cursor:pointer}
a.btn-generar:hover{background:#777777}
.configuraciongenpasscrear{float:right; margin-top:-10px}
.configuraciongenpasscrear{font-size:12px}

.modal-header .close{position:absolute; right:10px; top:10px}
.modal-header h4{margin:30px 0 10px 0; font-size:20px; text-align:center}

table .datacopy{position:relative}
table .datacopy .fa-copy{position:absolute; top:10px; right:20px}

[data-default] {
  width:100% !important
}
div.tagsinput{border-radius:20px; border:1px solid #bfbfbf !important}
div.tagsinput div{width:100% !important}
.footermenu{position:relative; text-align:center; width:calc(100% - 50px); font-size:11px; padding:20px 0}
.footermenu a{color:#000; margin:0 15px; width:auto; display:inline}

/*HOME*/
.home_logo{float:left}
.home_logo img{width:102px; height:74px}
header.home_header{padding:20px 0; float:left; width:100%; background:#fff; opacity:0.9; transition: all 0.3s ease-in-out;}
header.home_header.scrolled{padding:10px 0; border-bottom:1px solid #D3D3D3}
/*body.home .container{max-width:700px}*/
.home_menu{float:right}
.home_menu ul{list-style:none; margin:0; padding:0}
.home_menu ul li{float:left}
.home_menu ul li a{display:block; padding:10px 8px 0; color:#6D6D6D; font-size:13px; font-weight:bold}
.home_menu ul li a:hover{color:#7CB342}
.dummy_home{width:100%; height:140px}

.presentacion h1{font-size:20px; text-align:center; color:#7CB342; font-weight:bold; margin:0 0 30px}
.presentacion .banner img{margin:0 auto}
.presentacion .banner{border-bottom:2px solid #D3D3D3; width:500px; max-width:100%; margin:0 auto 60px}
a.empezar{color:#fff; font-weight:bold; font-size:20px; background:#7CB342; border-radius:35px; padding:15px; width:250px; display:block; margin:0 auto; text-align:center; max-width:100%;
-webkit-box-shadow: 2px 6px 5px 0px rgba(214,214,214,1);
-moz-box-shadow: 2px 6px 5px 0px rgba(214,214,214,1);
box-shadow: 2px 6px 5px 0px rgba(214,214,214,1);
background: #69cc4b; /* Old browsers */
background: -moz-linear-gradient(-45deg, #69cc4b 0%, #7cb342 52%, #6d9e3a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #69cc4b 0%,#7cb342 52%,#6d9e3a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #69cc4b 0%,#7cb342 52%,#6d9e3a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69cc4b', endColorstr='#6d9e3a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
a.empezar:hover{box-shadow: inset 300px 0 0 0 #6D6D6D;}
.sandwich_home{position:absolute; right:15px; top:0; display:none}
.home_cajas{float:left; width:100%; padding:60px 0}
.home_cajas ul{list-style:none; margin:0; padding:0}
.home_cajas h3{color:#493F35; font-size:16px; font-weight:bold; text-align:center; padding:0 0 15px}
.home_cajas img{margin:0 auto}
.home_cajas p{color:#493F35; font-size:14px; text-align:center; margin:20px 0 0; padding:0}
.home_cajas li{padding:0 15px 40px; float:left; width:33.33%}

.home_planes.planes h3{color:#493F35; font-size:27px; font-weight:bold}
.home_planes.planes p{margin-bottom:30px}

.carousel{float:left; width:calc(100% - 25px); padding:100px 0 0; }
.homeslide{width:400px; margin:0 auto; max-width:100%}
.homeslide .itemx{background-repeat:no-repeat; background-position:center right; padding:40px 25px; width:calc(100% - 50px)}
.homeslide .itemx.item1{background-image:url(../img/home/c_equipo.png)}
.homeslide .itemx.item2{background-image:url(../img/home/c_generador.png)}
.homeslide .itemx.item3{background-image:url(../img/home/c_soporte.png)}
.homeslide .itemx h2{font-size:21px; color:#493F35; font-weight:bold; text-align:left}
.homeslide .itemx h4{font-size:21px; color:#7CB342; font-weight:bold}
.homeslide .itemx p{color:#545454; font-size:12px; text-align:left}
.carousel h2{text-align:center; color:#493F35; font-size:27px; font-weight:bold}
.carousel p{text-align:center; font-size:12px; color:#545454}

.descarga_app{float:left; width:100%; padding:100px 0 0}
.descarga_app h2{text-align:center; color:#493F35; font-size:27px; font-weight:bold}
.descarga_app p{text-align:center; font-size:12px; color:#545454}
.descarga_app .img_app img{margin:10px auto 50px}
.descarga_app .img_app a{display:block; position:relative}

footer.home_footer{font-size:10px; text-align:center; color:#545454; float:left; width:100%; clear:both; padding:60px 0 20px}
footer.home_footer a{color:#545454}
footer.home_footer a:hover{color:#AAC148}

/*compra*/
.planes ul li.carrito{width:75%}
.card-title{font-size:25px; font-weight:bold; color:#545454}

.carrito .col-lg-6{width:50%; float:left}
.carrito .col-lg-6 img{margin:0 auto}
.planes ul li.carrito a.btn{font-size: 15px; padding:10px}

#generar-clave .modal-dialog{width:300px; max-width:90%}
.copytoclip{position:absolute; top:0; right:10px}

.swal2-popup .swal2-styled.swal2-confirm{background:#7cb342 !important}
.swal2-popup .swal2-styled{border-radius:25px !important}

.slick-slide {
    outline: none !important
}
.fortable{position:relative}
.clear-search-field{position:absolute; left:20px; top:26px; display:none; cursor:pointer; color:#000}
.clear-search-field:hover{color:#777777}
#tabla_filter input{padding-left:25px}
span.small{font-size:11px !important}
#tabla th{cursor:pointer}

.shorttable{width:600px; max-width:100%; margin:0 auto}
h4.h4{text-align:center}

footer.all-footer{font-size:11px; text-align:center; padding:10px 0; clear:both; width:100%}
.bottom10{margin:0 0 10px}

.claves td{word-break: break-all;}

/*FORMULARIOS VALIDACION*/
span.error{color:#ff0000 !important; background:#ffe6e6 !important; display:block; padding:10px 15px; font-size:11px !important; clear:both; margin:2px 0 0 0 !important; width:100% !important; text-align:center}

.reg-con{text-align:center; font-size:12px; margin:20px 0 0; display:none}
.cerrar_alert{float:right; font-size:15px; display:block; cursor:pointer}

.politicacookies{position:fixed; bottom:0; left:0; width:100%; padding:20px 30px; font-size:12px; text-align:center; background:#cfcfcf; opacity:0.7}
.politicacookies .fa-times{position:absolute; cursor:pointer; right:20px; top:23px; color:#ff0000}

.btn-configuracionavanzada{margin:20px auto; display:block; text-align:center; color:#7CB342; font-size:18px; padding:0; background:#ffffff}
.btn-configuracionavanzada:hover{color:#757575}
.btn-generico.generardenuevo{background:#7CB342}
.btn-generico.generardenuevo:hover{background:#777777}