/* *****************************************
Variables por cliente
****************************************** */
/* -------------
----------------
    Aldeamo
---------------
--------------- */
.aldeamo .start-login.backg-img {
/* Imagen de fondo */
  background: #003245;
  background-image: url("../img/fondoR2.jpg") !important;
}
.aldeamo .start-login .card {
  background: rgba(255,255,255,0.95);
}
.aldeamo .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/aldeamo_logo.png") !important;
  max-width: 130px;
  min-height: 25px;
}
.aldeamo .start-login .color-c .icon {
/*color iconos*/
  color: #ed1a3b !important;
}
.aldeamo .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.aldeamo .start-login .btn-primary-c {
/* color botones */
  background: #ed1a3b;
  color: #fff;
}
.aldeamo .start-login .btn-primary-c:hover {
/* color hover */
  background: #ed1a3b;
}
.aldeamo .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #ed1a3b;
}
.aldeamo .start-login .recover-p {
  color: #959bab;
}
.aldeamo .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #ed1a3b !important;
}
/* -------------
----------------
    Movistar
---------------
--------------- */
.movistar .start-login.backg-img {
/*color de fondo sino carga la imagen*/
  background: #005c85;
/*background-image url("../img/fondoM.jpg")*/
}
.movistar .start-login .color-c .icon {
/*color iconos*/
  color: #228835 !important;
}
.movistar .start-login .card {
  background: rgba(255,255,255,0.95);
}
.movistar .start-login .box-logo .img-logo {
  background-image: url("../img/telefonica-logo.svg") !important;
  max-width: 130px;
  min-height: 26px;
}
.movistar .start-login .border-top {
  border-top: 2px solid #005c85 !important;
}
.movistar .start-login .btn-primary-c {
/* color botones */
  background: #228835;
  color: #fff;
}
.movistar .start-login .btn-primary-c:hover {
/* color hover */
  background: #228835;
}
.movistar .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #228835;
}
.movistar .start-login .recover-p {
  color: #959bab;
}
.movistar .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #228835 !important;
}
/* -------------
----------------
    BestVoiper
---------------
--------------- */
.bestvoiper .start-login.backg-img {
/* Imagen de fondo */
  background: #1071b7;
/*background-image url("../img/fondoR2.jpg") !important*/
}
.bestvoiper .start-login .card {
  background: rgba(255,255,255,0.95);
}
.bestvoiper .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/bestvoiper_logo.png") !important;
  max-width: 130px;
  min-height: 25px;
}
.bestvoiper .start-login .color-c .icon {
/*color iconos*/
  color: #1071b7 !important;
}
.bestvoiper .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.bestvoiper .start-login .btn-primary-c {
/* color botones */
  background: #1071b7;
  color: #fff;
}
.bestvoiper .start-login .btn-primary-c:hover {
/* color hover */
  background: #1071b7;
}
.bestvoiper .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #1071b7;
}
.bestvoiper .start-login .recover-p {
  color: #959bab;
}
.bestvoiper .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #1071b7 !important;
}
/* -------------
----------------
    Multiconnection
---------------
--------------- */
.multiconnection .start-login.backg-img {
/* Imagen de fondo */
  background: #003245;
/*background-image url("../img/fondoR2.jpg") !important */
}
.multiconnection .start-login .card {
  background: rgba(255,255,255,0.95);
}
.multiconnection .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/multicon-logo.png") !important;
  max-width: 130px;
  min-height: 25px;
}
.multiconnection .start-login .color-c .icon {
/*color iconos*/
  color: #ed1a3b !important;
}
.multiconnection .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.multiconnection .start-login .btn-primary-c {
/* color botones */
  background: #ed1a3b;
  color: #fff;
}
.multiconnection .start-login .btn-primary-c:hover {
/* color hover */
  background: #ed1a3b;
}
.multiconnection .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #ed1a3b;
}
.multiconnection .start-login .recover-p {
  color: #959bab;
}
.multiconnection .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #ed1a3b !important;
}
/* -------------
----------------
    DemoMarcaBlanca
---------------
--------------- */
.demo .start-login.backg-img {
/* Imagen de fondo */
  background: #009ed1;
/* background-image url("../img/fondoR2.jpg") !important */
}
.demo .start-login .card {
  background: rgba(255,255,255,0.95);
}
.demo .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/unipago.png") !important;
  max-width: 130px;
  min-height: 35px;
}
.demo .start-login .color-c .icon {
/*color iconos*/
  color: #2d2a2f !important;
}
.demo .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.demo .start-login .btn-primary-c {
/* color botones */
  background: #2d2a2f;
  color: #fff;
}
.demo .start-login .btn-primary-c:hover {
/* color hover */
  background: #2d2a2f;
}
.demo .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #2d2a2f;
}
.demo .start-login .recover-p {
  color: #959bab;
}
.demo .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #2d2a2f !important;
}
/* -------------
----------------
    Energy
---------------
--------------- */
.energy .start-login.backg-img {
/* Imagen de fondo */
  background: #003245;
/*background-image url("../img/fondoR2.jpg") !important*/
}
.energy .start-login .card {
  background: rgba(255,255,255,0.95);
}
.energy .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/logoThaoma.png") !important;
  max-width: 137px;
  min-height: 45px;
}
.energy .start-login .color-c .icon {
/*color iconos*/
  color: #fd9927 !important;
}
.energy .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.energy .start-login .btn-primary-c {
/* color botones */
  background: #fd9927;
  color: #fff;
}
.energy .start-login .btn-primary-c:hover {
/* color hover */
  background: #fd9927;
}
.energy .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #fd9927;
}
.energy .start-login .recover-p {
  color: #959bab;
}
.energy .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #fd9927 !important;
}
/* -------------
----------------                               

/* -------------
----------------
    Sendiu
---------------
--------------- */
.sendiu .start-login.backg-img {
/* Imagen de fondo */
  background: #009ed1;
/* background-image url("../img/fondoR2.jpg") !important */
}
.sendiu .start-login .card {
  background: rgba(255,255,255,0.95);
}
.sendiu .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/logo_sendiu.png") !important;
  max-width: 130px;
  min-height: 70px;
}
.sendiu .start-login .color-c .icon {
/*color iconos*/
  color: #2d2a2f !important;
}
.sendiu .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.sendiu .start-login .btn-primary-c {
/* color botones */
  background: #2d2a2f;
  color: #fff;
}
.sendiu .start-login .btn-primary-c:hover {
/* color hover */
  background: #2d2a2f;
}
.sendiu .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #2d2a2f;
}
.sendiu .start-login .recover-p {
  color: #959bab;
}
.sendiu .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #2d2a2f !important;
}
/* -------------
----------------
    Viral
---------------
--------------- */
.viral .start-login.backg-img {
/* Imagen de fondo */
  background: #81b63a;
/* background-image url("../img/fondoR2.jpg") !important */
}
.viral .start-login .card {
  background: rgba(255,255,255,0.95);
}
.viral .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/logo_wiral.png") !important;
  max-width: 130px;
  min-height: 35px;
}
.viral .start-login .color-c .icon {
/*color iconos*/
  color: #4d4d4d !important;
}
.viral .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.viral .start-login .btn-primary-c {
/* color botones */
  background: #4d4d4d;
  color: #fff;
}
.viral .start-login .btn-primary-c:hover {
/* color hover */
  background: #4d4d4d;
}
.viral .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #4d4d4d;
}
.viral .start-login .recover-p {
  color: #959bab;
}
.viral .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #4d4d4d !important;
}
/* -------------
----------------
    Tigo Colombia y Tigo Honduras
---------------
--------------- */
.tigo-col .start-login.backg-img,
.tigo-hn .start-login.backg-img {
/* Imagen de fondo */
  background: #fff;
}
.tigo-col .start-login .card,
.tigo-hn .start-login .card {
  background: #dcdcdc !important;
}
.tigo-col .start-login .card a,
.tigo-hn .start-login .card a {
  color: #00377d;
}
.tigo-col .start-login .card .card-title,
.tigo-hn .start-login .card .card-title,
.tigo-col .start-login .card .tx-color-secondary,
.tigo-hn .start-login .card .tx-color-secondary,
.tigo-col .start-login .card .card-text,
.tigo-hn .start-login .card .card-text {
  color: #565656;
}
.tigo-col .start-login .box-logo .img-logo,
.tigo-hn .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/logo_tigo_business.png") !important;
  max-width: 200px;
  min-height: 55px;
  border-radius: 10px;
}
.tigo-col .start-login .color-c .icon,
.tigo-hn .start-login .color-c .icon {
/*color iconos*/
  color: #00377d !important;
}
.tigo-col .start-login .border-top,
.tigo-hn .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.tigo-col .start-login .btn-primary-c,
.tigo-hn .start-login .btn-primary-c {
/* color botones */
  background: #00377d;
  color: #fff;
}
.tigo-col .start-login .btn-primary-c:hover,
.tigo-hn .start-login .btn-primary-c:hover {
/* color hover */
  background: #00377d;
}
.tigo-col .start-login .btn-primary-c:active,
.tigo-hn .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #00377d;
}
.tigo-col .start-login .recover-p,
.tigo-hn .start-login .recover-p {
  color: #565656 !important;
}
.tigo-col .start-login .recover-p:hover,
.tigo-hn .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #00377d !important;
}
/* -------------
----------------
    Digicel
---------------
--------------- */
.digicel .start-login.backg-img {
/* Imagen de fondo */
  background: #f3005a;
}
.digicel .start-login .card {
  background: #fff !important;
}
.digicel .start-login .card a {
  color: #f3005a;
}
.digicel .start-login .card .card-title,
.digicel .start-login .card .tx-color-secondary,
.digicel .start-login .card .card-text {
  color: #561d58;
}
.digicel .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/logo_digicel.png") !important;
  max-width: 220px;
  min-height: 65px;
  border-radius: 10px;
}
.digicel .start-login .color-c .icon {
/*color iconos*/
  color: #f3005a !important;
}
.digicel .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.digicel .start-login .btn-primary-c {
/* color botones */
  background: #561d58;
  color: #fff;
}
.digicel .start-login .btn-primary-c:hover {
/* color hover */
  background: #561d58;
}
.digicel .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #561d58;
}
.digicel .start-login .recover-p {
  color: #f3005a !important;
}
.digicel .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #f3005a !important;
}
/* -------------
----------------
    Itelvox
---------------
--------------- */
.itelvox .start-login.backg-img {
/* Imagen de fondo */
  background: #1a171b;
}
.itelvox .start-login .card {
  background: #fff !important;
}
.itelvox .start-login .card a {
  color: #1a171b;
}
.itelvox .start-login .card .card-title,
.itelvox .start-login .card .tx-color-secondary,
.itelvox .start-login .card .card-text {
  color: #009ee0;
}
.itelvox .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/itelvox_logo.png") !important;
  max-width: 270px;
  min-height: 70px;
  border-radius: 10px;
}
.itelvox .start-login .color-c .icon {
/*color iconos*/
  color: #1a171b !important;
}
.itelvox .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.itelvox .start-login .btn-primary-c {
/* color botones */
  background: #009ee0;
  color: #fff;
}
.itelvox .start-login .btn-primary-c:hover {
/* color hover */
  background: #009ee0;
}
.itelvox .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #009ee0;
}
.itelvox .start-login .recover-p {
  color: #1a171b !important;
}
.itelvox .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #1a171b !important;
}
/* -------------
----------------
    Dialpro
---------------
--------------- */
.dialpro .start-login.backg-img {
/* Imagen de fondo */
  background: #e9035d;
}
.dialpro .start-login .card {
  background: #fff !important;
}
.dialpro .start-login .card a {
  color: #e9035d;
}
.dialpro .start-login .card .card-title,
.dialpro .start-login .card .tx-color-secondary,
.dialpro .start-login .card .card-text {
  color: #ea8e21;
}
.dialpro .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/dialpro_logo.png") !important;
  max-width: 270px;
  min-height: 70px;
  border-radius: 10px;
}
.dialpro .start-login .color-c .icon {
/*color iconos*/
  color: #e9035d !important;
}
.dialpro .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.dialpro .start-login .btn-primary-c {
/* color botones */
  background: #ea8e21;
  color: #fff;
}
.dialpro .start-login .btn-primary-c:hover {
/* color hover */
  background: #ea8e21;
}
.dialpro .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #ea8e21;
}
.dialpro .start-login .recover-p {
  color: #e9035d !important;
}
.dialpro .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #e9035d !important;
}
/* -------------
----------------
    PuntoDigital
---------------
--------------- */
.PuntoDigital .start-login.backg-img {
/* Imagen de fondo */
  background: #000;
}
.PuntoDigital .start-login .card {
  background: #fff !important;
}
.PuntoDigital .start-login .card a {
  color: #000;
}
.PuntoDigital .start-login .card .card-title,
.PuntoDigital .start-login .card .tx-color-secondary,
.PuntoDigital .start-login .card .card-text {
  color: #94c11f;
}
.PuntoDigital .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/puntodigital_logo.png") !important;
  max-width: 270px;
  min-height: 70px;
  border-radius: 10px;
}
.PuntoDigital .start-login .color-c .icon {
/*color iconos*/
  color: #000 !important;
}
.PuntoDigital .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.PuntoDigital .start-login .btn-primary-c {
/* color botones */
  background: #94c11f;
  color: #fff;
}
.PuntoDigital .start-login .btn-primary-c:hover {
/* color hover */
  background: #94c11f;
}
.PuntoDigital .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #94c11f;
}
.PuntoDigital .start-login .recover-p {
  color: #000 !important;
}
.PuntoDigital .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #000 !important;
}
/* -------------
----------------
    Id360
---------------
--------------- */
.Id360 .start-login.backg-img {
/* Imagen de fondo */
  background: #e5422c;
}
.Id360 .start-login .card {
  background: #fff !important;
}
.Id360 .start-login .card a {
  color: #e5422c;
}
.Id360 .start-login .card .card-title,
.Id360 .start-login .card .tx-color-secondary,
.Id360 .start-login .card .card-text {
  color: #e5422c;
}
.Id360 .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/id360.png") !important;
  max-width: 280px;
  min-height: 80px;
  border-radius: 10px;
}
.Id360 .start-login .color-c .icon {
/*color iconos*/
  color: #e5422c !important;
}
.Id360 .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.Id360 .start-login .btn-primary-c {
/* color botones */
  background: #e5422c;
  color: #fff;
}
.Id360 .start-login .btn-primary-c:hover {
/* color hover */
  background: #fff;
}
.Id360 .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #fff;
}
.Id360 .start-login .recover-p {
  color: #e5422c !important;
}
.Id360 .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #e5422c !important;
}
/* -------------
----------------
    Intercom
---------------
--------------- */
.Intercom .start-login.backg-img {
/* Imagen de fondo */
  background: #29aae1;
}
.Intercom .start-login .card {
  background: #fff !important;
}
.Intercom .start-login .card a {
  color: #29aae1;
}
.Intercom .start-login .card .card-title,
.Intercom .start-login .card .tx-color-secondary,
.Intercom .start-login .card .card-text {
  color: #2e5088;
}
.Intercom .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/logo_intercom.png") !important;
  max-width: 270px;
  min-height: 70px;
  border-radius: 10px;
}
.Intercom .start-login .color-c .icon {
/*color iconos*/
  color: #29aae1 !important;
}
.Intercom .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.Intercom .start-login .btn-primary-c {
/* color botones */
  background: #2e5088;
  color: #fff;
}
.Intercom .start-login .btn-primary-c:hover {
/* color hover */
  background: #2e5088;
}
.Intercom .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #2e5088;
}
.Intercom .start-login .recover-p {
  color: #29aae1 !important;
}
.Intercom .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #29aae1 !important;
}
/* -------------
----------------
    Svrrdca
---------------
--------------- */
.Svrrdca .start-login.backg-img {
/* Imagen de fondo */
  background: #a4d233;
}
.Svrrdca .start-login .card {
  background: #fff !important;
}
.Svrrdca .start-login .card a {
  color: #a4d233;
}
.Svrrdca .start-login .card .card-title,
.Svrrdca .start-login .card .tx-color-secondary,
.Svrrdca .start-login .card .card-text {
  color: #00bfb3;
}
.Svrrdca .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/logo_rrd.png") !important;
  max-width: 217px;
  min-height: 72px;
  border-radius: 0px;
}
.Svrrdca .start-login .color-c .icon {
/*color iconos*/
  color: #a4d233 !important;
}
.Svrrdca .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.Svrrdca .start-login .btn-primary-c {
/* color botones */
  background: #00bfb3;
  color: #fff;
}
.Svrrdca .start-login .btn-primary-c:hover {
/* color hover */
  background: #00bfb3;
}
.Svrrdca .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #00bfb3;
}
.Svrrdca .start-login .recover-p {
  color: #a4d233 !important;
}
.Svrrdca .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #a4d233 !important;
}
/* -------------
----------------
    Getincloud
---------------
--------------- */
.Getincloud .start-login.backg-img {
/* Imagen de fondo */
  background: #ad00bd;
  background-image: url("../img/background-gentincloud.png") !important;
}
.Getincloud .start-login .card {
  background: #fff !important;
}
.Getincloud .start-login .card a {
  color: #ffa98c;
}
.Getincloud .start-login .card .card-title,
.Getincloud .start-login .card .tx-color-secondary,
.Getincloud .start-login .card .card-text {
  color: #ad00bd;
}
.Getincloud .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/logoGIC.png") !important;
  max-width: 190px;
  min-height: 140px;
  border-radius: 0px;
}
.Getincloud .start-login .color-c .icon {
/*color iconos*/
  color: #ffa98c !important;
}
.Getincloud .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.Getincloud .start-login .btn-primary-c {
/* color botones */
  background: #ad00bd;
  color: #fff;
}
.Getincloud .start-login .btn-primary-c:hover {
/* color hover */
  background: #ad00bd;
}
.Getincloud .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #ad00bd;
}
.Getincloud .start-login .recover-p {
  color: #ffa98c !important;
}
.Getincloud .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #ffa98c !important;
}
/* -------------
----------------
    Guinea
---------------
--------------- */
.Guinea .start-login.backg-img {
/* Imagen de fondo */
  background: #39bbcb;
}
.Guinea .start-login .card {
  background: #fff !important;
}
.Guinea .start-login .card a {
  color: #39bbcb;
}
.Guinea .start-login .card .card-title,
.Guinea .start-login .card .tx-color-secondary,
.Guinea .start-login .card .card-text {
  color: #27acfa;
}
.Guinea .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/Guinea_turquesa.png") !important;
  max-width: 250px;
  min-height: 80px;
  border-radius: 10px;
}
.Guinea .start-login .color-c .icon {
/*color iconos*/
  color: #39bbcb !important;
}
.Guinea .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.Guinea .start-login .btn-primary-c {
/* color botones */
  background: #27acfa;
  color: #fff;
}
.Guinea .start-login .btn-primary-c:hover {
/* color hover */
  background: #27acfa;
}
.Guinea .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #27acfa;
}
.Guinea .start-login .recover-p {
  color: #39bbcb !important;
}
.Guinea .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #39bbcb !important;
}
/* -------------
----------------
    Smartdata
---------------
--------------- */
.Smartdata .start-login.backg-img {
/* Imagen de fondo */
  background: #1b9838;
}
.Smartdata .start-login .card {
  background: #fff !important;
}
.Smartdata .start-login .card a {
  color: #1b9838;
}
.Smartdata .start-login .card .card-title,
.Smartdata .start-login .card .tx-color-secondary,
.Smartdata .start-login .card .card-text {
  color: #413e3d;
}
.Smartdata .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/SmartadaLogo.svg") !important;
  max-width: 300px;
  min-height: 100px;
  border-radius: 10px;
}
.Smartdata .start-login .color-c .icon {
/*color iconos*/
  color: #1b9838 !important;
}
.Smartdata .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.Smartdata .start-login .btn-primary-c {
/* color botones */
  background: #413e3d;
  color: #fff;
}
.Smartdata .start-login .btn-primary-c:hover {
/* color hover */
  background: #413e3d;
}
.Smartdata .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #413e3d;
}
.Smartdata .start-login .recover-p {
  color: #1b9838 !important;
}
.Smartdata .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #1b9838 !important;
}
/* ------------------------------------
/* -------------
----------------
    cwPanama
---------------
--------------- */
.cwPanama .start-login.backg-img {
/* Imagen de fondo */
  background: #522583;
}
.cwPanama .start-login .card {
  background: #fff !important;
}
.cwPanama .start-login .card a {
  color: #522583;
}
.cwPanama .start-login .card .card-title,
.cwPanama .start-login .card .tx-color-secondary,
.cwPanama .start-login .card .card-text {
  color: #e6007e;
}
.cwPanama .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/cwPanama.png") !important;
  max-width: 215px;
  min-height: 100px;
  border-radius: 10px;
}
.cwPanama .start-login .color-c .icon {
/*color iconos*/
  color: #522583 !important;
}
.cwPanama .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.cwPanama .start-login .btn-primary-c {
/* color botones */
  background: #e6007e;
  color: #fff;
}
.cwPanama .start-login .btn-primary-c:hover {
/* color hover */
  background: #e6007e;
}
.cwPanama .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #e6007e;
}
.cwPanama .start-login .recover-p {
  color: #522583 !important;
}
.cwPanama .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #522583 !important;
}
/* ------------------------------------
/* -------------
----------------
    Contacto SMS
---------------
--------------- */
.appcontacto .start-login.backg-img {
/* Imagen de fondo */
  background: #131313;
}
.appcontacto .start-login .card {
  background: #fff !important;
}
.appcontacto .start-login .card a {
  color: #131313;
}
.appcontacto .start-login .card .card-title,
.appcontacto .start-login .card .tx-color-secondary,
.appcontacto .start-login .card .card-text {
  color: #dde201;
}
.appcontacto .start-login .box-logo .img-logo {
/* logo */
  background-image: url("../img/appcontacto.png") !important;
  max-width: 270px;
  min-height: 100px;
  border-radius: 10px;
}
.appcontacto .start-login .color-c .icon {
/*color iconos*/
  color: #131313 !important;
}
.appcontacto .start-login .border-top {
  border-top: 1px solid #dee2e6 !important;
}
.appcontacto .start-login .btn-primary-c {
/* color botones */
  background: #dde201;
  color: #fff;
}
.appcontacto .start-login .btn-primary-c:hover {
/* color hover */
  background: #dde201;
}
.appcontacto .start-login .btn-primary-c:active {
/* color al hacer click */
  background: #dde201;
}
.appcontacto .start-login .recover-p {
  color: #131313 !important;
}
.appcontacto .start-login .recover-p:hover {
/* color link recordar contraseña*/
  color: #131313 !important;
}
/* ------------------------------------

Estilos globales
--------------------------------------- */
body {
  background: gray-fondo;
  color: #6b6b6b;
  font-family: 'Titillium Web', sans-serif;
  line-height: 1.4;
}
/* headings */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', sans-serif;
}
.bold {
  font-weight: bold;
}
.semi-bold {
  font-weight: 600;
}
.pointer {
  cursor: pointer;
}
/* Botones */
.btn-primary-c {
  background: #ed1a3b;
  color: #fff;
  padding: 0.275rem 0.75rem;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}
.btn-primary-c:hover {
  background: #ed1a3b;
  opacity: 0.87;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=87)";
  filter: alpha(opacity=87);
}
.btn-primary-c:active {
  background: #ed1a3b;
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
/*  ***************************  */
.start-login.backg-img {
  background: #003245;
  background-image: url("../img/fondoR2.jpg");
  background-position: top left !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  height: 100vh !important;
  min-height: 500px;
}
.start-login .box-logo {
  max-width: 300px;
  width: 100%;
}
.start-login .box-logo .img-logo {
  background-image: url("../img/aldeamo_logo.png");
  background-position: top left !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  margin: 0 auto;
  max-width: 130px;
  min-height: 25px;
  width: 100%;
}
.start-login .card {
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  max-width: 360px;
  width: 100%;
}
.start-login .card-title {
  font-size: 1.1rem;
  text-transform: uppercase;
}
.start-login .info .icon {
  color: #ed1a3b;
  font-size: 1.6rem;
}
.start-login .phone-mail-description {
  color: #333;
  font-size: 1.3rem;
  line-height: 115%;
  max-width: 95%;
  overflow-wrap: break-word;
}
.start-login .input-group {
  max-width: 240px;
}
.start-login .btn {
  max-width: 240px;
  width: 100%;
}
.start-login .code .form-control {
  color: #333 !important;
  font-size: 1.3rem !important;
  font-weight: bold !important;
}
.start-login .password .icon {
  color: #003245;
}
.start-login .recover-p:hover {
  text-decoration: none;
  color: #ed1a3b;
}
.start-login .invalid-feedback-login {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}
.start-login .information-button {
  width: 16px;
  height: 16px;
  padding: 0;
  border: none;
  outline: none !important;
}
/* *****************************************
Responsive
****************************************** */
@media (max-width: 480px) {
  .start-login .card {
    width: 100%;
  }
}