/* CSS Document */
@import url("/rs/js/font-awesome-5/css/all.css");
/*@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i&subset=latin-ext');

body { font-family: 'Josefin Sans', sans-serif; font-weight:300; }*/
html,body{
font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
/*  height: 100%;*/
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */
#content {
    padding: 20px;
    min-height: 100vh;
    transition: all 0.3s;
	/*width:100%; */
	
}

main{
  margin-top: 70px;
}



::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:#BDBDBD !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color:#BDBDBD !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color:#BDBDBD !important;
}
:-moz-placeholder { /* Firefox 18- */
  color:#BDBDBD !important;
}
/* ---------------------------------------------------
    FIN CONTENT STYLE
----------------------------------------------------- */

/* ---------------------------------------------------
    LOGIN PAGE
----------------------------------------------------- */
#logincard .container{
height: 100%;
align-content: center;
}

#logincard .card{
height: 370px;
margin-top: auto;
margin-bottom: auto;
width: 400px;
background-color: rgba(0,0,0,0.5) !important;
}

#logincard .social_icon span{
font-size: 60px;
margin-left: 10px;
color: #FFC312;
}

#logincard .social_icon span:hover{
color: white;
cursor: pointer;
}

#logincard .card-header h3{
color: white;
}

#logincard .social_icon{
position: absolute;
right: 20px;
top: -45px;
}

#logincard .input-group-prepend span{
width: 50px;
background-color: #FFC312;
color: black;
border:0 !important;
}

#logincard input:focus{
outline: 0 0 0 0  !important;
box-shadow: 0 0 0 0 !important;

}

#logincard .remember{
color: white;
}

#logincard .remember input
{
width: 20px;
height: 20px;
margin-left: 15px;
margin-right: 5px;
}

#logincard .login_btn{
color: black;
background-color: #FFC312;
width: 100px;
}

#logincard .login_btn:hover{
color: black;
background-color: white;
}

#logincard .links{
color: white;
}

#logincard .links a{
margin-left: 4px;
}

/* ---------------------------------------------------
    LOGIN PAGE
----------------------------------------------------- */

/* ---------------------------------------------------
    CUSTOM STYLE DESIGN
----------------------------------------------------- */
.bg-custom{
	color: #fff;
	background-color:dodgerblue !important;
}

/*** BLACK ***/
.bg-black {
    color: #fff; background-color: #2e2e2e !important;
}
.text-black {
    color: #2e2e2e !important;
}
.btn-black {
    color: #fff;
    background-color: #2e2e2e !important;
	border-color:#2e2e2e !important;
}

.btn-black:hover,
.btn-black:active,
.btn-black:focus,
.btn-black.active {
  background-color: #424242 !important;
  color: whitesmoke;
  border-color: #424242 !important;
}

/*** unique ***/
.bg-unique {
    color: #fff; background-color: #880e4f !important;
}
.text-unique {
    color: #880e4f !important;
}
.btn-unique {
    color: #fff;
    background-color: #880e4f !important;
	border-color:#880e4f !important;
}
.btn-unique:hover,
.btn-unique:active,
.btn-unique:focus,
.btn-unique.active {
  background-color: #6c0b3f !important;
  color: white;
  border-color: #6c0b3f !important;
}

/*** pink ***/
.bg-pink {
    color: #fff;background-color: #ec407a !important;
}
.text-pink {
    color: #ec407a !important;
}
.btn-pink {
    color: #fff;
    background-color: #ec407a !important;
	border-color:#ec407a !important;
}
.btn-pink:hover,
.btn-pink:active,
.btn-pink:focus,
.btn-pink.active {
  background-color: #d4396d !important;
  color: #fff;
  border-color: #d4396d !important;
}

/*** purple ***/
.bg-purple {
    color: #fff; background-color: #8e24aa !important;
}
.text-purple {
    color: #8e24aa !important;
}
.btn-purple {
    color: #fff;
    background-color: #8e24aa !important;
	border-color:#8e24aa !important;
}
.btn-purple:hover,
.btn-purple:active,
.btn-purple:focus,
.btn-purple.active {
  background-color: #7f2099 !important;
  color: #fff;
  border-color: #7f2099 !important;
}

/*** purple ***/
.bg-deep-purple {
    color: #fff; background-color: #512da8 !important;
}
.text-deep-purple {
    color: #512da8 !important;
}
.btn-deep-purple {
    color: #fff;
    background-color: #512da8 !important;
	border-color:#512da8 !important;
}
.btn-deep-purple:hover,
.btn-deep-purple:active,
.btn-deep-purple:focus,
.btn-deep-purple.active {
  background-color: #482897 !important;
  color: #fff;
  border-color: #482897 !important;
}

/*** indigo ***/
.bg-indigo {
    color: #fff; background-color: #3f51b5 !important;
}
.text-indigo {
    color: #3f51b5 !important;
}
.btn-indigo {
    color: #fff;
    background-color: #3f51b5 !important;
	border-color:#3f51b5 !important;
}
.btn-indigo:hover,
.btn-indigo:active,
.btn-indigo:focus,
.btn-indigo.active {
  color: #fff;
  background-color: #3848a2 !important;
  border-color: #3848a2 !important;
}

/*** light-blue ***/
.bg-light-blue {
    color: #000; background-color: #82b1ff !important;
}
.text-light-blue {
    color: #82b1ff !important;
}
.btn-light-blue {
    color: #000;
    background-color: #82b1ff !important;
	border-color:#82b1ff !important;
}
.btn-light-blue:hover,
.btn-light-blue:active,
.btn-light-blue:focus,
.btn-light-blue.active {
  color: #000;
  background-color: #759fe5 !important;
  border-color: #759fe5 !important;
}

/*** cyan ***/
.bg-cyan {
    color: #fff; background-color: #00bcd4 !important;
}
.text-cyan {
    color: #00bcd4 !important;
}
.btn-cyan {
    color: #fff;
    background-color: #00bcd4 !important;
	border-color:#00bcd4 !important;
}
.btn-cyan:hover,
.btn-cyan:active,
.btn-cyan:focus,
.btn-cyan.active {
  color: #fff;
  background-color: #00a9be !important;
  border-color: #00a9be !important;
}

/*** dark-green ***/
.bg-dark-green {
    color: #fff; background-color: #388e3c !important;
}
.text-dark-green {
    color: #388e3c !important;
}
.btn-dark-green {
    color: #fff;
    background-color: #388e3c !important;
	border-color:#388e3c !important;
}
.btn-dark-green:hover,
.btn-dark-green:active,
.btn-dark-green:focus,
.btn-dark-green.active {
  color: #fff;
  background-color: #327f36 !important;
  border-color: #327f36 !important;
}

/*** light-green ***/
.bg-light-green {
    color: #fff; background-color: #8bc34a !important;
}
.text-light-green {
    color: #8bc34a !important;
}
.btn-light-green {
    color: #fff;
    background-color: #8bc34a !important;
	border-color:#8bc34a !important;
}
.btn-light-green:hover,
.btn-light-green:active,
.btn-light-green:focus,
.btn-light-green.active {
  color: #fff;
  background-color: #7daf42 !important;
  border-color: #7daf42 !important;
}

/*** yellow ***/
.bg-yellow {
    color: #000; background-color: #fbc02d !important;
}
.text-yellow {
    color: #fbc02d !important;
}
.btn-yellow {
    color: #000;
    background-color: #fbc02d !important;
	border-color:#fbc02d !important;
}
.btn-yellow:hover,
.btn-yellow:active,
.btn-yellow:focus,
.btn-yellow.active {
  color: #000;
  background-color: #e1ac28 !important;
  border-color: #e1ac28 !important;
}

/*** amber ***/
.bg-amber {
    color: #fff; background-color: #ffa000 !important;
}
.text-amber {
    color: #ffa000 !important;
}
.btn-amber {
    color: #fff;
    background-color: #ffa000 !important;
	border-color:#ffa000 !important;
}
.btn-amber:hover,
.btn-amber:active,
.btn-amber:focus,
.btn-amber.active {
  color: #fff;
  background-color: #e59000 !important;
  border-color: #e59000 !important;
}

/*** deep-orange ***/
.bg-deep-orange {
    color: #fff; background-color: #ff7043 !important;
}
.text-deep-orange {
    color: #ff7043 !important;
}
.btn-deep-orange {
    color: #fff;
    background-color: #ff7043 !important;
	border-color:#ff7043 !important;
}
.btn-deep-orange:hover,
.btn-deep-orange:active,
.btn-deep-orange:focus,
.btn-deep-orange .active {
  color: #fff;
  background-color: #e5643c !important;
  border-color: #e5643c !important;
}

/*** brown ***/
.bg-brown {
    color: #fff; background-color: #795548 !important;
}
.text-brown {
    color: #795548 !important;
}
.btn-brown {
    color: #fff;
    background-color: #795548 !important;
	border-color:#795548 !important;
}
.btn-brown:hover,
.btn-brown:active,
.btn-brown:focus,
.btn-brown.active {
  color: #fff;
  background-color: #6c4c40 !important;
  border-color: #6c4c40 !important;
}

/*** blue-grey ***/
.bg-blue-grey {
    color: #fff; background-color: #78909c !important;
}
.text-blue-grey{
    color: #78909c !important;
}
.btn-blue-grey {
    color: #fff;
    background-color: #78909c !important;
	border-color:#78909c !important;
}
.btn-blue-grey:hover,
.btn-blue-grey:active,
.btn-blue-grey:focus,
.btn-blue-grey.active {
  color: #fff;
  background-color: #6c818c !important;
  border-color: #6c818c !important;
}

/*** mdb-color ***/
.bg-mdb-color{
    color: #fff; background-color: #59698d !important;
}
.text-mdb-color{
    color: #59698d !important;
}
.btn-mdb-color {
    color: #fff;
    background-color: #59698d !important;
	border-color:#59698d !important;
}
.btn-mdb-color:hover,
.btn-mdb-color:active,
.btn-mdb-color:focus,
.btn-mdb-color.active {
  color: #fff;
  background-color: #505e7e !important;
  border-color: #505e7e !important;
}

/*** rss ***/
.bg-rss{
    color: #fff; background-color: #ff6600 !important;
}
.text-rss{
    color: #ff6600 !important;
}
.btn-rss {
  color: #fff;
  background-color: #ff6600 !important;
  border-color:#ff6600 !important;
}
.btn-rss:hover,
.btn-rss:active,
.btn-rss:focus,
.btn-rss.active {
  color: #fff;
  background-color: #e55b00 !important;
  border-color: #e55b00 !important;
}

/*** facebook ***/
.bg-facebook{
    color: #fff; background-color: #3B5998 !important;
}
.text-facebook{
    color: #3B5998 !important;
}
.btn-facebook {
  color: #fff;
  background-color: #3B5998 !important;
  border-color:#3B5998 !important;
}
.btn-facebook:hover,
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook.active {
  color: #fff;
  background-color: #355088 !important;
  border-color: #355088 !important;
}

/*** twitter ***/
.bg-twitter{
    color: #fff; background-color: #55ACEE !important;
}
.text-twitter{
    color: #55ACEE !important;
}
.btn-twitter {
  color: #fff;
  background-color: #55ACEE !important;
  border-color:#55ACEE !important;
}
.btn-twitter:hover,
.btn-twitter:active,
.btn-twitter:focus,
.btn-twitter.active {
  color: #fff;
  background-color: #4c9ad6 !important;
  border-color: #4c9ad6 !important;
}

/*** google ***/
.bg-google{
    color: #fff; background-color: #dd4b39 !important;
}
.text-google{
    color: #dd4b39 !important;
}
.btn-google {
  color: #fff;
  background-color: #dd4b39 !important;
  border-color:#dd4b39 !important;
}
.btn-google:hover,
.btn-google:active,
.btn-google:focus,
.btn-google.active {
  color: #fff;
  background-color: #c64333 !important;
  border-color: #c64333 !important;
}

/*** linkedin ***/
.bg-linkedin{
    color: #fff; background-color: #007bb5 !important;
}
.text-linkedin{
    color: #007bb5 !important;
}
.btn-linkedin {
  color: #fff;
  background-color: #007bb5 !important;
  border-color:#007bb5 !important;
}
.btn-linkedin:hover,
.btn-linkedin:active,
.btn-linkedin:focus,
.btn-linkedin.active {
  color: #fff;
  background-color: #006ea2 !important;
  border-color: #006ea2 !important;
}

/*** youtube ***/
.bg-youtube{
    color: #fff; background-color: #bb0000 !important;
}
.text-youtube{
    color: #bb0000 !important;
}
.btn-youtube {
  color: #fff;
  background-color: #bb0000 !important;
  border-color:#bb0000 !important;
}
.btn-youtube:hover,
.btn-youtube:active,
.btn-youtube:focus,
.btn-youtube.active {
  color: #fff;
  background-color: #a80000 !important;
  border-color: #a80000 !important;
}

/*** instagram ***/
.bg-instagram{
    color: #fff; background-color: #125688 !important;
}
.text-instagram{
    color: #125688 !important;
}
.btn-instagram {
  color: #fff;
  background: #125688 !important;
  border-color:#125688 !important;
}
.btn-instagram:hover,
.btn-instagram:active,
.btn-instagram:focus,
.btn-instagram.active {
  color: #fff;
  background-color: #104d7a !important;
  border-color: #104d7a !important;
}

/*** pinterest ***/
.bg-pinterest{
    color: #fff; background-color: #cb2027 !important;
}
.text-pinterest{
    color: #cb2027 !important;
}
.btn-pinterest {
  color: #fff;
  background-color: #cb2027 !important;
  border-color:#cb2027 !important;
}
.btn-pinterest:hover,
.btn-pinterest:active,
.btn-pinterest:focus,
.btn-pinterest.active {
  color: #fff;
  background-color: #b61c23 !important;
  border-color: #b61c23 !important;
}

/*** snapchat-ghost ***/
.bg-snapchat-ghost{
    color: #000; background-color: #fffc00 !important;
}
.text-snapchat-ghost{
    color: #fffc00 !important;
}
.btn-snapchat-ghost {
  color: white;
  background-color: #fffc00 !important;
  border-color:#fffc00 !important;
}
.btn-snapchat-ghost i{
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.btn-snapchat-ghost:hover,
.btn-snapchat-ghost:active,
.btn-snapchat-ghost:focus,
.btn-snapchat-ghost.active {
  color: #fff;
  background-color: #e5e200 !important;
  border-color: #e5e200 !important;
}

/*** skype ***/
.bg-skype{
    color: #fff; background-color: #00aff0 !important;
}
.text-skype{
    color: #00aff0 !important;
}
.btn-skype {
  color: #fff;
  background-color: #00aff0 !important;
  border-color:#00aff0 !important;
}
.btn-skype:hover,
.btn-skype:active,
.btn-skype:focus,
.btn-skype.active {
  color: #fff;
  background-color: #009dd8 !important;
  border-color: #009dd8 !important;
}




/* color menu lateral derecho  */
.navbar-nav{
	/*background-color:cornflowerblue !important;*/
}



.btn-circle {
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
}

.btn-circle i {
  position: relative;
  top: -1px;
}

.btn-circle-sm {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 0.9rem;
}

.btn-circle-lg {
  width: 55px;
  height: 55px;
  line-height: 55px;
  font-size: 1.1rem;
}

.btn-circle-xl {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 1.3rem;
}



.btn-round {border-radius: 4px !important;}

.btn-group-xs > .btn, .btn-xs {
  padding: .25rem .4rem;
  font-size: .675rem;
  line-height: .5;
  border-radius: .2rem;
}



.form-control-xs{
height: calc(1.5em + .5rem + 2px);
padding: .25rem .5rem;
font-size: .675rem;
line-height: .5;
border-radius: .2rem;
	
}


/*


.nav-link {color:chartreuse !important;}
.nav-link:hover {color:blanchedalmond !important;}
*/

/* ---------------------------------------------------
    CUSTOM STYLE DESIGN
----------------------------------------------------- */





/* ---------------------------------------------------
    NAV BAR
----------------------------------------------------- */
.navbar .logo{
	display:block; padding:14px 0; margin-right:10px; 
}
/*.navbar .logo img { 
	width:auto; 
	height:20px;
}*/

.navbar .logo img {
    width: 140px !important;
    height: 60px !important;
}


/* ---------------------------------------------------
    NAV BAR
----------------------------------------------------- */


/*   menu   NUEVO */

/* ---------------------------------------------------
    SIDEBAR STYLE MENU
----------------------------------------------------- */
.wrapper {
    display: flex;
    align-items: stretch;
}

.sh-popover-mini {
	position: absolute;
	left: 10px; 
	top: -30px;
	background-color: #f5614d;/*#3f3f3f;*/
	color: #FFF !important;
	font-weight: bold;
	font-size: 13px;
	padding: 0px 15px;
	line-height: 30px;
	min-height: 0;
	min-width: 0;
	z-index: 100;
	cursor: default;
	border-radius: 30px;
	box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.2);
	border: 2px solid #fff;
	white-space: nowrap;
}
body.dark-layout .sh-popover-mini {
	position: absolute;
	left: 10px; 
	top: -30px;
	background-color:black;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	padding: 0px 15px;
	line-height: 30px;
	min-height: 0;
	min-width: 0;
	z-index: 100;
	cursor: default;
	border-radius: 30px;
	box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.2);
	border: 0px solid #fff;
	white-space: nowrap;
}


/* ---------------------------------------------------
    FIN SIDEBAR STYLE
----------------------------------------------------- */


.navigation-bar {
  height: 0px;
  position: relative;
  z-index: 25000;
  left:0px;
}

.float-nav {
  background-color: #252525;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 25001;
}

.navigation-bar .navbox {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  padding-bottom:0px;
  -webkit-transform: translateY(1000px);
  -ms-transform: translateY(500px);
  transform: translateY(500px);
  -webkit-transition: all .2s;
  transition: all .2s;
	
}

.navigation-bar .navbox-tiles {
  /*
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  */
}

.navigation-bar.navbox-open .navbox-trigger { background-color: #F44336; }

.navigation-bar.navbox-open .navbox {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity .3s, -webkit-transform .3s;
  transition: opacity .3s, transform .3s;
}

.navigation-bar.navbox-open .navbox-tiles {
  /*
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  */
}

.navbox {
  width: 700px;
  height: 90%;
  max-width: 700px;
  -webkit-backface-visibility: initial;
  backface-visibility: initial;
}

.navbox .ui-state-highlight{
		 border-style: dashed !important;
		 background-color:transparent !important;
	}


.navbox-tools{
	float:right;
	padding:10px;
}

.navbox-tools #removeIco{

}

.navbox-tools .fa{
  font-size: 20px;
}



.navbox-tiles {
  float:left;
  width: 380px;
  padding: 10px;
  left:260px;
  position:relative;
}

.navbox-tiles .tile {
  display: block;
  width: 80px;
  height: 80px !important;
  float: left;
  position: relative;
  font-size: 10px;
}

.navbox-tiles .tile .icon {
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
}
.navbox-tiles .tile .icon i {
  font-size: 35px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-backface-visibility: initial;
  backface-visibility: initial;
}


body.dark-layout .navbox-tiles .tile .icon .fa-home {
	color:dodgerblue;
}

body.light-layout .navbox-tiles .tile .icon .fa-home {
	color:#ff8d1e;
}

.navbox-tiles .tile .title {
  padding: 5px;
  font-size: 10px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.navbox-tiles .tile:hover {
  /*border-color: #fff;
  text-decoration: none;*/
}
.navbox-tiles .tile:not(:nth-child(3n+3)) {
 margin-right: 4.54545454545455%;
}
.navbox-tiles .tile:nth-child(n+4) { margin-top: 15px; }


.navbox-trigger {
  background-color: transparent;
  /*width: 100px;
  height: 40px;*/
  line-height: 20px;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px;
}

.navbox-trigger .fa {
  font-size: 20px;
  color: #fff;
}

.navbox-trigger span{
  font-size: 18px;
  color: #fff;
}

.navbox-trigger:hover { background-color: #484747; }

/*   menu */



/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

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

}

@media only screen and (min-width: 768px) {
	/* completo */
	.navbox-tiles .tile .icon .fa { font-size: 25px; }
    .navbox-tiles .tile .title {
    padding: 3px;
    font-size: 11px;
	}
	
	html,body{
		 background-color:black;
	}
	
}

#topbar .logo { margin-left:10px; }


@media only screen and (min-width: 600px) {
    /* For tablets para arriba: */
	.solocel{
		display:none !important;
	}
	
}


/**********************************/
/*  PUNTO DE VENTA  MARZO 2020 */
/**********************************/
.sh-navigation-top{
	position: absolute;
	right: 20px; 
	top: -30px;
	font-weight: bold;
	font-size: 13px;
	padding: 0px 15px;
	min-height: 0;
	min-width: 0;
	z-index: 100;
	
	
}


	 
	.add_to_cart_button {
        position: relative;
        line-height: 1 !important;
        display: inline-block;	
        float: right !important;
        font-size: 14px !important;
        top: -42px !important;
        width: 60px;
        height: 60px;
        text-align: center;
        border-radius: 100px !important;
		
    }
	 
	 .btn-elegant{
		 box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.2) !important;
	     border: 2px solid #fff !important;
	 }

      body.dark-layout .btn-elegant{
         box-shadow: none !important;
	     border: none !important;
      }

     body.dark-layout .add_to_cart_button {
        position: relative;
        line-height: 1 !important;
        display: inline-block;	
        float: right !important;
        font-size: 14px !important;
        top: -42px !important;
        width: 60px;
        height: 60px;
        text-align: center;
        border-radius: 100px !important;
		
    }
    
    body.dark-layout .sh-navigation-top{
	position: absolute;
	right: 20px; 
	top: -30px;
	font-weight: bold;
	font-size: 13px;
	padding: 0px 15px;
	min-height: 0;
	min-width: 0;
	z-index: 100;
	
	
}



body.dark-layout .navbox {
	border: 1px solid #464d5c;
	background-color: #272e48 !important;
}

body.light-layout .navbox {
	border: 1px solid rgba(0,0,0,.125);
	background-color: #EBEFF4 !important;
}

.header-app{
	padding-top: .100rem !important;
	padding-bottom: .100rem !important;
	
}

#addProcess{
	color:#fff !important;
}

body.dark-layout .brand-alpherix .brand-text{
	font-size: .7rem;
    color: #f99a9e !important;
    cursor: auto !important;
    padding: 10px;
}

body.light-layout .brand-alpherix .brand-text{
	font-size: .7rem;
    color: #9a9ef9 !important;
    cursor: auto !important;
    padding: 10px;
}

body.light-layout .navbar-top-master .nav-link{
	color:#e5f1ff !important;
}

body.light-layout .navbar-top-master .nav-link:hover,
body.light-layout .navbar-top-master .nav-link:active,
body.light-layout .navbar-top-master .nav-link:focus,
body.light-layout .navbar-top-master .nav-link.active {
	color:#cce4ff !important;
}

body.dark-layout .navbar-light .navbar-brand {
    color: #8A99B5 !important;
}

body.dark-layout .ui-widget-content {
    background: #272e48 !important;
    color: #333;
    border-color: #464d5c !important;
}

.navbar-fixit{
	flex-direction: row !important;
}

/**********************************/
/*  PUNTO DE VENTA  MARZO 2020 */
/**********************************/


/**********************************/
/*  AJUSTES PARA CELULAR  */
/**********************************/
@media only screen and ( max-width: 450px ) {
	/* celular */
	
	html,body{
        background-image: url('/rs/img/backgrounds/texture1.jpg');
        background-color:black;
        background-repeat: no-repeat;
        background-attachment: fixed;
	}
	
	.navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
	}
	
	.nav-logo{
		padding: 13px 0 !important;
	}
	
	.navbar-top-master {
      padding-left: 0rem !important;
	  padding-right: 0rem !important;
    }
	
	.navbar-container {
	  width: 100% !important;
      padding-left: .3rem !important;
      padding-right: .1rem !important;
    }
	
	.btn {
       padding: .275rem .50rem !important;
       font-size: 14px !important;
       line-height: 1 !important;
       border-radius: .3rem !important;
    }
	.btn-sm {
       padding: .275rem .50rem !important;
       font-size: 14px !important;
       line-height: 1 !important;
       border-radius: .3rem !important;
    }
	
	.btn-round {
      border-radius: .3rem !important;
   }
	
	.table-div{
		 padding-right: 0px !important;
         padding-left: 0px !important;
		 height: 100% !important;
	}
	
	.table-scroll tbody {
        position:inherit !important;
        overflow-y: hidden !important;
        overflow-x: hidden !important;
        height: 100% !important;
        margin-right: 0px !important;
    }
	
	
	.card-header {
    padding: .25rem .85rem !important;
    }
	
	.altoAppbody {
    height: 100% !important;
    max-height: 100% !important;
   }
	
	.navbox-trigger {
    padding: 4px !important;
    }
	
	.navbox-trigger .fa {
    font-size: 30px !important;
    }
	
	.flex-column {
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    }
	
	.nocel{
		display: none !important;
	}
	
	.solocel{
		/* display:none  !important; */
	}
	
	.sicel{
		display: block !important;
	}
	
	input {
    font-size: 10px;
    }
	
	/* . AJUSTES PARA CART DE PUNTO DE VENTA/ COMPRA Y FACT */
	#customertxt{
		width: 150px !important;
	}
	
	/******* . v-pills-cart ********/
	#v-pills-cart .tipodoc{
		display: none !important;
	}
	
	#v-pills-cart #itemtxt{
		width: 135px !important;
	}
	
	#v-pills-cart .btn{
		/*padding: .105rem .45rem !important;
		margin-right: .2rem !important;*/
	}
	#v-pills-cart .btn i{
		font-size: 14px !important;
	}
	

	#v-pills-cart .cantInput{
		width: 30px !important;
	}
	/******* . v-pills-cart ********/
	main .row {
        margin-right: -7px;
        margin-left: -7px;
		
    }
	
	main [class*="col-"]{
		padding-right: 2px !important;
        padding-left: 2px !important;
	}
	
	.mainCart_mc .temp_cart_class{
		margin-left: 15px;
		margin-right: 15px;
	}
	
	.add_to_cart_button {
		width: 40px !important;
        height: 40px !important;
	}
	
	/******* . v-pills-checkout ********/
	#v-pills-checkout #t_saldoapagar{
		font-size: 20px !important;
	}
	
	#v-pills-checkout #t_grantotal{
		font-size: 12px !important;
	}
	
	#v-pills-checkout  .card .card-title {
      font-size: .8rem !important;
      margin-bottom: .3rem !important;
   }
	
	/******* . v-pills-checkout ********/
	.denominacion{
		width: 50px !important;
	}
	
	.dcantidad{
		width: 50px !important;
	}
	
	.dmonto{
		width: 70px !important;
	}
	
	.art_preview{
		display: none;
	}
	
	body.light-layout .sh-popover-mini {
		border-radius:none !important;
        box-shadow:none !important;
        border:none !important;
		line-height: 15px !important;
		color: blue !important;
		background-color: transparent !important;
	}
	
	body.dark-layout .sh-popover-mini {
		border-radius:none !important;
        box-shadow:none !important;
        border:none !important;
		line-height: 15px !important;
		color: white !important;
		background-color: transparent !important;
	}
	
	

	/* . AJUSTES PARA CART DE PUNTO DE VENTA/ COMPRA Y FACT */
	
   .navbox-tiles{
	 display:none;
	 width: 0px;
	 }
	
	.navbox {
	 position: absolute;
	 height: 100% !important;
	 width: 270px !important;
     max-width: 100%;
     bottom: 0px;
	}
	
	.navbox-tools{
	   display:none !important;
	   width: 0px;
    }
	
}
/**********************************/
/*  AJUSTES PARA CELULAR  */
/**********************************/

.collapsible .card .card-header, .accordion .card .card-header {
  padding: .1rem .35rem !important;
	}