/*//////////////////////////////////////////////////////////////////
[ FONT ]*/

@font-face {
  font-family: Ubuntu-Regular;
  src: url('../fonts/ubuntu/Ubuntu-Regular.ttf'); 
}

@font-face {
  font-family: Ubuntu-Light;
  src: url('../fonts/ubuntu/Ubuntu-Light.ttf'); 
}

@font-face {
  font-family: Ubuntu-Bold;
  src: url('../fonts/ubuntu/Ubuntu-Bold.ttf'); 
}

/*//////////////////////////////////////////////////////////////////
[ RESTYLE TAG ]*/

* {
	margin: 0px; 
	padding: 0px; 
	box-sizing: border-box;
}

body, html {
	/* overflow: hidden; */
	height: 100%;
	font-family: Ubuntu-Regular, sans-serif;

	/* para que no paresca el refresh del navegador overscroll-behavior-y: contain;*/
	/* overscroll-behavior-y: contain; */
	-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

/*---------------------------------------------*/
a {
	font-family: Ubuntu-Regular;
	font-size: 14px;
	line-height: 1.7;
	color: #666666;
	margin: 0px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  -moz-transition: all 0.4s;
}

a:focus {
	outline: none !important;
}

a:hover {
	text-decoration: none;
  color: #403866;
}

/*---------------------------------------------*/
h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}

p, span, div {
	font-family: Ubuntu-Regular;
}

.font-ligth {
	font-family: Ubuntu-Light;
}

.transicion {
  transition: all 0.3s ease-out;
}

.xCursor {
  cursor: pointer;
}
/*[ FONT SIZE ]
///////////////////////////////////////////////////////////
*/
.fs-1 {font-size: 1px;}
.fs-2 {font-size: 2px;}
.fs-3 {font-size: 3px;}
.fs-4 {font-size: 4px;}
.fs-5 {font-size: 5px;}
.fs-6 {font-size: 6px;}
.fs-7 {font-size: 7px;}
.fs-8 {font-size: 8px;}
.fs-9 {font-size: 9px;}
.fs-10 {font-size: 10px;}
.fs-11 {font-size: 11px;}
.fs-12 {font-size: 12px;}
.fs-13 {font-size: 13px;}
.fs-14 {font-size: 14px;}
.fs-15 {font-size: 15px;}
.fs-16 {font-size: 16px;}
.fs-17 {font-size: 17px;}
.fs-18 {font-size: 18px;}
.fs-19 {font-size: 19px;}
.fs-20 {font-size: 20px;}
.fs-21 {font-size: 21px;}
.fs-22 {font-size: 22px;}
.fs-23 {font-size: 23px;}
.fs-24 {font-size: 24px;}
.fs-25 {font-size: 25px;}
.fs-26 {font-size: 26px;}
.fs-27 {font-size: 27px;}
.fs-28 {font-size: 28px;}
.fs-29 {font-size: 29px;}
.fs-30 {font-size: 30px;}
.fs-31 {font-size: 31px;}
.fs-32 {font-size: 32px;}
.fs-33 {font-size: 33px;}
.fs-34 {font-size: 34px;}
.fs-35 {font-size: 35px;}
.fs-36 {font-size: 36px;}
.fs-37 {font-size: 37px;}
.fs-38 {font-size: 38px;}
.fs-39 {font-size: 39px;}
.fs-40 {font-size: 40px;}
.fs-41 {font-size: 41px;}
.fs-42 {font-size: 42px;}
.fs-43 {font-size: 43px;}
.fs-44 {font-size: 44px;}
.fs-45 {font-size: 45px;}
.fs-46 {font-size: 46px;}
.fs-47 {font-size: 47px;}
.fs-48 {font-size: 48px;}
.fs-49 {font-size: 49px;}
.fs-50 {font-size: 50px;}
.fs-51 {font-size: 51px;}
.fs-52 {font-size: 52px;}
.fs-53 {font-size: 53px;}
.fs-54 {font-size: 54px;}
.fs-55 {font-size: 55px;}
.fs-56 {font-size: 56px;}
.fs-57 {font-size: 57px;}
.fs-58 {font-size: 58px;}
.fs-59 {font-size: 59px;}
.fs-60 {font-size: 60px;}
.fs-61 {font-size: 61px;}
.fs-62 {font-size: 62px;}
.fs-63 {font-size: 63px;}
.fs-64 {font-size: 64px;}
.fs-65 {font-size: 65px;}
.fs-66 {font-size: 66px;}
.fs-67 {font-size: 67px;}
.fs-68 {font-size: 68px;}
.fs-69 {font-size: 69px;}
.fs-70 {font-size: 70px;}
.fs-71 {font-size: 71px;}
.fs-72 {font-size: 72px;}
.fs-73 {font-size: 73px;}
.fs-74 {font-size: 74px;}
.fs-75 {font-size: 75px;}
.fs-76 {font-size: 76px;}
.fs-77 {font-size: 77px;}
.fs-78 {font-size: 78px;}
.fs-79 {font-size: 79px;}
.fs-80 {font-size: 80px;}
.fs-81 {font-size: 81px;}
.fs-82 {font-size: 82px;}
.fs-83 {font-size: 83px;}
.fs-84 {font-size: 84px;}
.fs-85 {font-size: 85px;}
.fs-86 {font-size: 86px;}
.fs-87 {font-size: 87px;}
.fs-88 {font-size: 88px;}
.fs-89 {font-size: 89px;}
.fs-90 {font-size: 90px;}
.fs-91 {font-size: 91px;}
.fs-92 {font-size: 92px;}
.fs-93 {font-size: 93px;}
.fs-94 {font-size: 94px;}
.fs-95 {font-size: 95px;}
.fs-96 {font-size: 96px;}
.fs-97 {font-size: 97px;}
.fs-98 {font-size: 98px;}
.fs-99 {font-size: 99px;}
.fs-100 {font-size: 100px;}
.fs-101 {font-size: 101px;}
.fs-102 {font-size: 102px;}
.fs-103 {font-size: 103px;}
.fs-104 {font-size: 104px;}
.fs-105 {font-size: 105px;}
.fs-106 {font-size: 106px;}
.fs-107 {font-size: 107px;}
.fs-108 {font-size: 108px;}
.fs-109 {font-size: 109px;}
.fs-110 {font-size: 110px;}
.fs-111 {font-size: 111px;}
.fs-112 {font-size: 112px;}
.fs-113 {font-size: 113px;}
.fs-114 {font-size: 114px;}
.fs-115 {font-size: 115px;}
.fs-116 {font-size: 116px;}
.fs-117 {font-size: 117px;}
.fs-118 {font-size: 118px;}
.fs-119 {font-size: 119px;}
.fs-120 {font-size: 120px;}
.fs-121 {font-size: 121px;}
.fs-122 {font-size: 122px;}
.fs-123 {font-size: 123px;}
.fs-124 {font-size: 124px;}
.fs-125 {font-size: 125px;}
.fs-126 {font-size: 126px;}
.fs-127 {font-size: 127px;}
.fs-128 {font-size: 128px;}
.fs-129 {font-size: 129px;}
.fs-130 {font-size: 130px;}
.fs-131 {font-size: 131px;}
.fs-132 {font-size: 132px;}
.fs-133 {font-size: 133px;}
.fs-134 {font-size: 134px;}
.fs-135 {font-size: 135px;}
.fs-136 {font-size: 136px;}
.fs-137 {font-size: 137px;}
.fs-138 {font-size: 138px;}
.fs-139 {font-size: 139px;}
.fs-140 {font-size: 140px;}
.fs-141 {font-size: 141px;}
.fs-142 {font-size: 142px;}
.fs-143 {font-size: 143px;}
.fs-144 {font-size: 144px;}
.fs-145 {font-size: 145px;}
.fs-146 {font-size: 146px;}
.fs-147 {font-size: 147px;}
.fs-148 {font-size: 148px;}
.fs-149 {font-size: 149px;}
.fs-150 {font-size: 150px;}
.fs-151 {font-size: 151px;}
.fs-152 {font-size: 152px;}
.fs-153 {font-size: 153px;}
.fs-154 {font-size: 154px;}
.fs-155 {font-size: 155px;}
.fs-156 {font-size: 156px;}
.fs-157 {font-size: 157px;}
.fs-158 {font-size: 158px;}
.fs-159 {font-size: 159px;}
.fs-160 {font-size: 160px;}
.fs-161 {font-size: 161px;}
.fs-162 {font-size: 162px;}
.fs-163 {font-size: 163px;}
.fs-164 {font-size: 164px;}
.fs-165 {font-size: 165px;}
.fs-166 {font-size: 166px;}
.fs-167 {font-size: 167px;}
.fs-168 {font-size: 168px;}
.fs-169 {font-size: 169px;}
.fs-170 {font-size: 170px;}
.fs-171 {font-size: 171px;}
.fs-172 {font-size: 172px;}
.fs-173 {font-size: 173px;}
.fs-174 {font-size: 174px;}
.fs-175 {font-size: 175px;}
.fs-176 {font-size: 176px;}
.fs-177 {font-size: 177px;}
.fs-178 {font-size: 178px;}
.fs-179 {font-size: 179px;}
.fs-180 {font-size: 180px;}
.fs-181 {font-size: 181px;}
.fs-182 {font-size: 182px;}
.fs-183 {font-size: 183px;}
.fs-184 {font-size: 184px;}
.fs-185 {font-size: 185px;}
.fs-186 {font-size: 186px;}
.fs-187 {font-size: 187px;}
.fs-188 {font-size: 188px;}
.fs-189 {font-size: 189px;}
.fs-190 {font-size: 190px;}
.fs-191 {font-size: 191px;}
.fs-192 {font-size: 192px;}
.fs-193 {font-size: 193px;}
.fs-194 {font-size: 194px;}
.fs-195 {font-size: 195px;}
.fs-196 {font-size: 196px;}
.fs-197 {font-size: 197px;}
.fs-198 {font-size: 198px;}
.fs-199 {font-size: 199px;}
.fs-200 {font-size: 200px;}


.fw-100 {
  font-weight: 100;
  font-family: Ubuntu-Light;
}
.fw-200 {font-weight: 200; }
.fw-300 {font-weight: 300; }
.fw-400 {font-weight: 400; }
.fw-500 {font-weight: 500; }
.fw-600 {font-weight: 600; }
.fw-700 {font-weight: 700; }
.fw-800 {font-weight: 800; }
.fw-900 {font-weight: 900; }

/*[ Opacity ]
-----------------------------------------------------------
*/
.op-0-0 {opacity: 0;}
.op-0-1 {opacity: 0.1;}
.op-0-2 {opacity: 0.2;}
.op-0-3 {opacity: 0.3;}
.op-0-4 {opacity: 0.4;}
.op-0-5 {opacity: 0.5;}
.op-0-6 {opacity: 0.6;}
.op-0-7 {opacity: 0.7;}
.op-0-8 {opacity: 0.8;}
.op-0-9 {opacity: 0.9;}
.op-1-0 {opacity: 1;}

.xh-100 {
	height: 100vh;
}

/* with */
.img-w-100 {
  width: 100%;
  height: auto;
}

.alto-vh-83 {
	height: 83vh;
}

/*DISABLED DIV AND CHILDS*/
.d-disabled {
	pointer-events: none;
	user-select: none;

	/* for "disabled" effect */
	opacity: 0.5;
	background: #CCC;
}

/*[styles c3]*/
.c3-ygrid-line.lineRed line {
  stroke: #ec407a;
}

.c3-ygrid-line.lineRed text {
  fill: #ec407a;
  font-size: 12px;
  font-weight: 600;
}

.c3-xgrid-line.lineGreen line {
  stroke: #757575;
}

.c3-xgrid-line.lineGreen text {
  fill: #388e3c;
  font-weight: 600;
}

.btn-link-2:hover {
	text-decoration: none;
	color: gold;
	cursor: pointer;
}

.btn-link-2.active {
	text-decoration: none;
	color: gold;
	font-weight: 600;
}

/*MEDIA SCREEN*/
/*MEDIA SCREEN*/
.hidden-mobile {
  display: initial;
}
@media screen and (max-width: 768px) {
	.hidden-mobile {
	  display: none;
	}
}

.xtransicion {
	transition: all 0.2s ease-in-out;
}

.xanimated {
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    /* -webkit-animation-fill-mode: both;
    animation-fill-mode: both; */
}

.xfast {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes xfadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.xfadeIn {
    animation-name: xfadeIn;
}

@keyframes xfadeInDown {
    from {
		opacity: 0;
        margin-top: -20px
    }
    to {
		opacity: 1;
		margin-top: 0px
    }
}

.xfadeInDown {
	animation-name: xfadeInDown;
}

@keyframes xwobble {
	from {
	  transform: none;
	}
  
	15% {
	  transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
	}
  
	30% {
	  transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
	}
  
	45% {
	  transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
	}
  
	60% {
	  transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
	}
  
	75% {
	  transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
	}
  
	to {
	  transform: none;
	}
  }
  
  .xwobble {
	animation-name: xwobble;
  }

/* pulse llamada atencion */
/* numero de items en pedido */
.div-spinner {
	width: 35px;
	height: 35px;
	display: inline-flex;
	position: fixed;
	margin-left: -9px;
    margin-top: -9px;
	/* margin: 100px auto; */
	background-color: #ffff;
  
	border-radius: 100%;  
	-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
	animation: sk-scaleout 1.0s infinite ease-in-out;
  }


  .div-flat-white-borde {
	  padding: 10px;
	  background: white;
	  border-radius: 5px;
  }

  .header-app {
		/* background: #003770; */
		position: fixed;
		/* background: #00b14f; */
		background:#343a40;
		color: white;
		width: 100%;

		top: 0;    
		/* position: fixed; */
		z-index: 1;
	}

.content-body-app {
		height: 100vh;
		background: #E5EFF7;
	}
  
.bg-transparent {
	background-color: transparent;
}

/* dialog full screen */
/* .my-full-screen-dialog {
		max-width: none !important;
		width: 100vw;
		height: 100vh;
	  }
	  
.my-full-screen-dialog .mat-dialog-container {
	padding: 0px !important;
	border-radius: 0px;
} */

  @-webkit-keyframes sk-scaleout {
	0% { -webkit-transform: scale(0) }
	100% {
	  -webkit-transform: scale(1.0);
	  opacity: 0;
	}
  }
  
  @keyframes sk-scaleout {
	0% { 
	  -webkit-transform: scale(0);
	  transform: scale(0);
	} 100% {
	  -webkit-transform: scale(1.0);
	  transform: scale(1.0);
	  opacity: 0;
	}
  }