.avisoWidget{background-color:#44CDAD; font-size:12.5px; text-align:center; padding:4px 40px; cursor:pointer;}

.modalWidget{width:100%; display:none; position:fixed;top:0px; left:0px; z-index:10000;}
.modalWidget .modalIn{width:450px; display:table; background-color:#fff; cursor:pointer; margin:120px auto 0px auto; border-radius:3px; padding:10px 10px 20px 10px;}
.modalWidget .modalIn .salida{font-size:12px; color:#4D4D4D; width:100%; display:table;}
.modalWidget .modalIn .salida:before{float:right;}
.modalWidget .modalIn .ladoA{width:50px; height:50px; margin-top:10px; float:left;}
.modalWidget .modalIn .ladoA:before{font-size:48px;}
.modalWidget .modalIn .ladoA.bi-check-circle{color:#059A70;}
.modalWidget .modalIn .ladoA.bi-exclamation-triangle{color:#FBBC05;}
.modalWidget .modalIn .ladoB{width:350px; display:table; float:right; margin-right:12px;}
.modalWidget .modalIn .ladoB h3{font-size:20px; color: #727783; font-weight:600; margin:0px;}
.modalWidget .modalIn .ladoB p{font-size:14px; color: #61697C; font-weight:300; margin:0;px;}
.modalWidget .modalIn .ladoB p b{font-weight:500;}
.cubreWidget{width:100%; display:none; height:100%; background-color:#4D4D4D; position:fixed; top:0px; left:0px; z-index:9999;}

main.widget input::placeholder{color: #A3A3A3; font-weight:200px; font-size:12px;}

main.widget{width:1000px; display:table; margin:0px auto 60px auto;}
main.widget p{margin:0px;}
main.widget h3{margin:0px;}

main.widget .headerWidget{width:100%; display:table; margin-bottom:40px;}
main.widget .headerWidget h2{font-size:24px; color: #595D66; font-weight:700; text-align:left; margin-bottom:30px;}
main.widget .headerWidget p{font-size:14px; color: #595D66; font-weight:400; text-align:left;}
main.widget .headerWidget p.p1{margin-bottom:12px;}

main.widget .configuracion{width:100%; display:table;}
main.widget .configuracion .info{width:100%; display:table; clear:both;}
main.widget .configuracion .info h3{font-size:20px; color: #595D66; font-weight:700;}
main.widget .configuracion .info p{font-size:14px; color: #595D66; font-weight:400; margin-bottom:20px;}
main.widget .configuracion aside{width:48.5%; height:110px; display:table; float:left; background-color:#fff; border-radius:6px; padding:10px 20px;}
main.widget .configuracion aside p{width:100%; display:table; font-size:16px; color: #262B30; font-weight:500; margin-bottom:10px;}


main.widget .configuracion aside.ladoB{float:right;}
main.widget .configuracion aside.ladoB p{margin-bottom:0px;}
main.widget .configuracion aside.ladoB .form-check{width:60px; float:left; margin-top:8px;}
main.widget .configuracion aside.ladoB .form-check.form-switch{margin-bottom:25px; clear:both;}
main.widget .configuracion aside.ladoB .form-check.form-switch input[type="checkbox"]{width:58px; height:22px; cursor:pointer;}
main.widget .configuracion aside.ladoB .form-check.form-switch .form-check-input:checked{background-color:#13ABB3; border:0px;}
main.widget .configuracion aside.ladoB .img{width:346px; display:table; float:right;}
main.widget .configuracion aside.ladoB .img img{width:100%;}


main.widget .cambioVista{width:100%; height:70px; position:relative; display:block;}

main.widget .cambioVista .colores{width:auto; display:table; position:absolute; left:0px; top:12px; border-radius:0px 0px 6px 0px; background-color:#ECF0FA; padding:4px 7px 3px 7px;}
main.widget .cambioVista .colores p{text-align:center; font-size:10px; color: #262B30; font-weight:300;}
main.widget .cambioVista .colores .caja{display:table; width:auto; margin:0px auto;}
main.widget .cambioVista .colores .caja .circulo{background-color:#ddd; height:32px; width:32px; cursor:pointer; float:left; margin:0px 3px 0px 3px; border-radius:25px;}
main.widget .cambioVista .colores .caja .circulo.c1{background-color:#F5F6F8; border:2px solid #CFD4DE;}
main.widget .cambioVista .colores .caja .circulo.c2{background-color:#004838;}
main.widget .cambioVista .colores .caja .circulo.c3{background-color:#FF6F57;}
main.widget .cambioVista .colores .caja .circulo.marca{border:4px solid #08cdac;}

main.widget .cambioVista .resposivo{display:table; background-color:#ECF0FA; width:auto; padding:4px 7px 7px 7px; opacity:1; border-radius:6px 0px 0px 6px; position:absolute; right:0px; top:15px;}
main.widget .cambioVista .resposivo .vista{background-color:#fff; width:40px; height:40px; cursor:pointer; float:left; margin:0px 1.5px;}
main.widget .cambioVista .resposivo .vista:before{font-size:22px; color:#4D4D4D;}
main.widget .cambioVista .resposivo .vista.desktop{border-radius:6px 0px 0px 6px;}
main.widget .cambioVista .resposivo .vista.tablet{}
main.widget .cambioVista .resposivo .vista.iphone{border-radius:0px 6px 6px 0px;}
main.widget .cambioVista .resposivo .vista.desktop:before{font-size:27px; margin:7px 0px 0px 7px;}
main.widget .cambioVista .resposivo .vista.tablet:before{font-size:26px; margin:7px 0px 0px 7px;}
main.widget .cambioVista .resposivo .vista.iphone:before{margin:9px 0px 0px 8px;}
main.widget .cambioVista .resposivo .vista.marca{background-color:#CFD9F2;}
main.widget .cambioVista .resposivo .vista.noVer{display:none;}
main.widget .cambioVista .resposivo.noVer011 .vista.c1{display:none;}
main.widget .cambioVista .resposivo.noVer011 .vista.c2{border-radius:6px 0px 0px 6px;}
main.widget .cambioVista .resposivo.noVer001{display:none;}

main.widget .widgetBPTL{margin-bottom:20px!important;}


main.widget .dominios{width:100%; display:table; background-color:#fff; padding:14px 20px 20px 20px; border-radius: 6px; margin-bottom:20px;}
main.widget .dominios p{font-size:16px; color: #262B30; font-weight:500;}
main.widget .dominios p.info{font-size:12px; color: #999999; font-weight:300; margin-bottom:10px;}
main.widget .dominios p.texto{font-size:14px; color: #262B30; font-weight:400;}
main.widget .dominios input{margin-bottom:12px; width:100%;}
main.widget .dominios .mas{width:100%; display:table; padding-top:10px;}
main.widget .dominios .mas .cuadro{width:26px; height:30px; margin-right:10px; float:left; font-size:24px; color:#059A70; cursor:pointer;}
main.widget .dominios .mas label{font-size:12.5px; font-weight:300; color:#707070; margin-top:7px;}
main.widget .dominios .mass{ display:table;   clear:both; width:auto;}
main.widget .dominios .mass:before{margin-right:10px;  }

main.widget .dominios .op{width:400px; display:table; background-color:#fff;}
main.widget .dominios .op.op1{float:left;}
main.widget .dominios .op.op2{float:right;}
main.widget .dominios .op.op3{float:left;}

main.widget .dominios.dom1 .op2{display:none;}
main.widget .dominios.dom1 .op3{display:none;}
main.widget .dominios.dom2 .op3{display:none;}
main.widget .dominios.dom3 .mas{display:none;}

main.widget .actualizar{display:table; width:auto; margin:0px auto 40px auto;}
main.widget .actualizar button{padding:5px 14px 5px 14px; background-color:#FA7A61; border:0px;}
main.widget .actualizar button:before{margin-right:10px;}

main.widget .autorizar{width:100%; display:table; margin-bottom:20px; border-top:1px solid #CFD9F2; padding-top:15px;}
main.widget .autorizar label{font-size:15px; font-weight:300; color:#595D66; text-align:left; margin-bottom:20px;}
main.widget.autoriza-1 .autorizar label{font-size:12px; color:#878C97;}
main.widget .autorizar label b{font-weight:700;}
main.widget .autorizar .descarga{display:table; width:auto; font-weight:600; clear:both; font-size:15px; margin-bottom:20px; cursor:pointer; color:#595D66; text-align:left; }
main.widget.autoriza-1 .autorizar .descarga{font-weight:500; font-size:13.5px;}
main.widget .autorizar .descarga:before{float:left; position:relative; top:3px; font-size:20px; margin-right:10px;}
main.widget.autoriza-1 .autorizar .descarga:before{font-size:18px; top:2px;}


main.widget .autorizar .autorizado{display:table; position:relative; width:100%; clear:both; margin-bottom:30px;}
main.widget .autorizar .autorizado .img{width:110px; display:table; float:left;}
main.widget .autorizar .autorizado .img img{width:100%;}

main.widget .autorizar .autorizado .dia{font-size:12px; color:#878C97; font-weight:300; float:left; display:table; width:auto; margin:13px 0px 0px 10px;}

main.widget .autorizar .porAutorizar{display:table; width:270px; padding-top:20px;}
main.widget .autorizar .porAutorizar p{font-size:12px; color:#595D66; padding-left:5px;}
main.widget .autorizar .porAutorizar .input-group input{font-size:16px;}
main.widget .autorizar .porAutorizar .input-group button{background-color:#4a86e8; color:#fff; border:1px solid #059A70;}
main.widget .autorizar .porAutorizar .input-group button:before{margin-right:5px;}


main.widget .agregarWidget{display:table; width:100%; margin-bottom:30px; border-top:1px solid #fff; padding-top:15px;}
main.widget .agregarWidget h3{font-size:20px; color: #727783; font-weight:500; margin-bottom:25px;}
main.widget .agregarWidget p{font-size:14px; color: #727783; font-weight:300; width:100%; clear:both; margin-bottom:4px; display:table;}
main.widget .agregarWidget .texto1{width:400px; float:left; margin-bottom:25px;}
main.widget .agregarWidget .texto2{width:700px; float:left;}
main.widget .agregarWidget .copiar{width:35px; cursor:pointer; height:30px; padding:3px 0px 0px 9px; display:block; float:left;}
main.widget .agregarWidget .input-group span{cursor:pointer;}
main.widget .agregarWidget .input-group input{font-size:12px; color:#727783;}


main.widget .ayuda{width:100%; display:none; padding-top:30px; margin-bottom:50px;}
main.widget .ayuda .ayudaVd{width:35px; height:35px; float:left; padding-top:4px;}
main.widget .ayuda .ayudaVd:before{font-size:30px; color:#FF0000; cursor:pointer;}
main.widget .ayuda .ayudaTx{font-size:12px; color:#595D66; font-weight:300; width:240px; float:left;}

.avisoCopionHubspot{width:280px; background-color:#F85A3A; border-radius:0px 10px 10px 0px; color:#fff; font-size:12px; margin-bottom:20px; display:table; padding:10px;}
.avisoCopionHubspot b{}

@media screen and (max-width:1200px) {
  main.widget{width:90%;}
}

@media screen and (max-width:1100px) {
  main.widget .headerWidget h2{font-size:22px;}
  main.widget .headerWidget p{font-size:12px;}
  main.widget .configuracion aside input{width:100%;}
  main.widget .configuracion aside.ladoB .img{width:80%; margin-top:0.8%;}
}

@media screen and (max-width:1100px) {
  main.widget .configuracion aside.ladoB .img{width:78%; margin-top:1%;}
}

@media screen and (max-width:900px) {
  main.widget .configuracion aside p{font-size:14px;} 
  main.widget .configuracion aside.ladoB .img{margin-top:1.5%;}
  main.widget .configuracion .colores p{font-size:14px;}
  main.widget .agregarWidget p{font-size:14px;}
}

@media screen and (max-width:850px) {
  main.widget .configuracion aside.ladoB .img{margin-top:2%;}
  main.widget .agregarWidget .input-group input{font-size:14px;}
  main.widget .agregarWidget .texto2{width:100%;}
}

@media screen and (max-width:800px) {
  main.widget .configuracion aside.ladoB .img{width:75%; margin-top:2.6%;}
  main.widget .autorizar .form-check label{font-size:12.5px; text-align:left;}
  main.widget .autorizar .descarga{font-size:13px; font-weight:600;}
}

@media screen and (max-width:750px) {
  main.widget .configuracion aside p{font-size:12px;} 
  main.widget .configuracion aside.ladoB .img{margin-top:3%;}
  main.widget .configuracion .colores p{font-size:12px;}
  main.widget .dominios p{font-size:12px;} 
  main.widget .agregarWidget p{font-size:12px;}
}

@media screen and (max-width:700px) {
  main.widget .configuracion aside p{font-size:10.7px;} 
  main.widget .configuracion aside.ladoB .form-check.form-switch{width:40px;}
  main.widget .configuracion aside.ladoB .form-check.form-switch input[type="checkbox"]{width:40px; height:20px;}
  main.widget .configuracion aside.ladoB .img{width:75%; margin-top:3.5%;}
  main.widget .configuracion .colores p{font-size:10.7px;}
  
  main.widget .agregarWidget .input-group input{font-size:12px;}
  main.widget .agregarWidget p{font-size:10.7px;}
}

@media screen and (max-width:650px) {
  main.widget .configuracion aside{width:100%; height:90px;}
  main.widget .configuracion aside p{font-size:14px;}
  main.widget .configuracion aside.ladoB .form-check.form-switch{width:60px;}
  main.widget .configuracion aside.ladoB .form-check.form-switch input[type="checkbox"]{width:60px; height:22px;}
  main.widget .configuracion aside.ladoB .img{width:340px;; margin-top:0px;}
  main.widget .configuracion .colores{padding:15px 20px 20px 20px;}
  main.widget .configuracion .colores p{font-size:14px; text-align:left;}
  main.widget .configuracion .colores .caja{float:left;}
  
  main.widget .configuracion aside.ladoA{margin-bottom:20px;}
}

@media screen and (max-width:600px) {
  main.widget .agregarWidget h3{font-size:18px;}
}

@media screen and (max-width:550px) {
  main.widget .configuracion aside.ladoB .img{width:75%; margin-top:1.2%;}
  main.widget .dominios input{width:100%;}
  main.widget .agregarWidget .texto1{width:100%;}
  main.widget .agregarWidget h3{font-size:16px;}
  main.widget .dominios .op{width:100%;}
}

@media screen and (max-width:500px) {
  main.widget .configuracion aside.ladoB .img{width:75%; margin-top:1.7%;}
  main.widget .autorizar .descarga{font-size:12px;}
  main.widget .autorizar .descarga:before{font-size:44px;}
  main.widget .agregarWidget h3{font-size:15px;}
  
  .modalWidget .modalIn{width:90%;}
  .modalWidget .modalIn .ladoA{margin:0px auto; float:none; clear:both; width:41px; height:40px;}
  .modalWidget .modalIn .ladoA:before{font-size:40px;}
  .modalWidget .modalIn .ladoB{margin:0px; float:left; width:100%;}
  .modalWidget .modalIn .ladoB h3{text-align:center;}
  .modalWidget .modalIn .ladoB p{text-align:center;}
}

@media screen and (max-width:450px) {
  main.widget .configuracion aside.ladoB .img{width:70%; margin-top:2.3%;}
  main.widget .autorizar .autorizado .dia{position:absolute; top:17px; left:40px;}
}

@media screen and (max-width:400px) {
  main.widget .configuracion aside p{font-size:12px;}
  main.widget .configuracion aside.ladoB .img{margin-top:3%;}
  main.widget .configuracion .colores p{font-size:12px;}
}

@media screen and (max-width:350px) {
  main.widget .configuracion aside p{font-size:10px;}
  main.widget .configuracion aside.ladoB .img{width:69%; margin-top:3.5%;}
  main.widget .configuracion .colores p{font-size:10px;}
}

@media screen and (max-width:300px) {
  
}

@media screen and (max-width:450px) {
  
}