@charset 'UTF-8';



/* MARGIN
________________________________________*/
.mg-center{margin:0 auto;}

.mg-top--25{margin-top:-25px;}
.mg-top--10{margin-top:-10px;}
.mg-top--9{margin-top:-9px;}
.mg-top--8{margin-top:-8px;}
.mg-top--7{margin-top:-7px;}
.mg-top--6{margin-top:-6px;}
.mg-top--5{margin-top:-5px;}
.mg-top--4{margin-top:-4px;}
.mg-top--3{margin-top:-3px;}
.mg-top--2{margin-top:-2px;}
.mg-top--1{margin-top:-1px;}
.mg-top-0{margin-top:0px !important;}
.mg-top-1{margin-top:1px !important;}
.mg-top-2{margin-top:2px !important;}
.mg-top-3{margin-top:3px !important;}
.mg-top-4{margin-top:4px !important;}
.mg-top-5{margin-top:5px !important;}
.mg-top-6{margin-top:6px !important;}
.mg-top-7{margin-top:7px !important;}
.mg-top-8{margin-top:8px !important;}
.mg-top-9{margin-top:9px !important;}
.mg-top-10{margin-top:10px !important;}
.mg-top-11{margin-top:11px !important;}
.mg-top-12{margin-top:12px !important;}
.mg-top-13{margin-top:13px !important;}
.mg-top-14{margin-top:14px !important;}
.mg-top-15{margin-top:15px !important;}
.mg-top-16{margin-top:16px !important;}
.mg-top-17{margin-top:17px !important;}
.mg-top-18{margin-top:18px !important;}
.mg-top-19{margin-top:19px !important;}
.mg-top-20{margin-top:20px !important;}
.mg-top-21{margin-top:21px !important;}
.mg-top-22{margin-top:22px !important;}
.mg-top-23{margin-top:23px !important;}
.mg-top-24{margin-top:24px !important;}
.mg-top-25{margin-top:25px !important;}
.mg-top-26{margin-top:26px !important;}
.mg-top-27{margin-top:27px !important;}
.mg-top-28{margin-top:28px !important;}
.mg-top-29{margin-top:29px !important;}
.mg-top-30{margin-top:30px !important;}
.mg-top-35{margin-top:35px !important;}
.mg-top-40{margin-top:40px !important;}
.mg-top-50{margin-top:50px !important;}
.mg-top-60{margin-top:60px !important;}
.mg-top-70{margin-top:70px !important;}
.mg-top-75{margin-top:75px !important;}
.mg-top-80{margin-top:80px !important;}
.mg-top-85{margin-top:85px !important;}
.mg-top-90{margin-top:90px !important;}
.mg-top-95{margin-top:95px !important;}
.mg-top-100{margin-top:100px !important;}

.mg-right-1{margin-right:1px;}
.mg-right-2{margin-right:2px;}
.mg-right-3{margin-right:3px;}
.mg-right-4{margin-right:4px;}
.mg-right-5{margin-right:5px;}
.mg-right-10{margin-right:10px;}
.mg-right-15{margin-right:15px;}
.mg-right-20{margin-right:20px;}
.mg-right-25{margin-right:25px;}
.mg-right-30{margin-right:30px;}
.mg-right-35{margin-right:35px;}
.mg-right-40{margin-right:40px;}
.mg-right-45{margin-right:45px;}
.mg-right-50{margin-right:50px;}

.mg-bottom-5{margin-bottom:5px;}
.mg-bottom-10{margin-bottom:10px;}
.mg-bottom-20{margin-bottom:20px;}
.mg-bottom-30{margin-bottom:30px;}
.mg-bottom-40{margin-bottom:40px;}
.mg-bottom-50{margin-bottom:50px;}

.mg-left-5{margin-left:5px;}
.mg-left-10{margin-left:10px;}
.mg-left-15{margin-left:15px;}
.mg-left-20{margin-left:20px;}
.mg-left-25{margin-left:25px;}
.mg-left-30{margin-left:30px;}
.mg-left-35{margin-left:35px;}
.mg-left-40{margin-left:40px;}
.mg-left-45{margin-left:45px;}
.mg-left-50{margin-left:50px;}
.mg-left-55{margin-left:55px;}
.mg-left-60{margin-left:60px;}


/* padding
________________________________________*/
.pd-total-1{padding:1px !important;}
.pd-total-2{padding:2px !important;}
.pd-total-3{padding:3px !important;}
.pd-total-4{padding:4px !important;}
.pd-total-5{padding:5px !important;}
.pd-total-6{padding:6px !important;}
.pd-total-7{padding:7px !important;}
.pd-total-8{padding:8px !important;}
.pd-total-9{padding:9px !important;}
.pd-total-10{padding:10px !important;}
.pd-total-12{padding:12px !important;}
.pd-total-15{padding:15px !important;}
.pd-total-20{padding:20px !important;}

.pd-top-5{padding-top:5px;}
.pd-top-10{padding-top:10px;}
.pd-top-11{padding-top:11px;}
.pd-top-12{padding-top:12px;}
.pd-top-13{padding-top:13px;}
.pd-top-14{padding-top:14px;}
.pd-top-15{padding-top:15px;}
.pd-top-16{padding-top:16px;}
.pd-top-17{padding-top:17px;}
.pd-top-18{padding-top:18px;}
.pd-top-19{padding-top:19px;}
.pd-top-20{padding-top:20px;}
.pd-top-30{padding-top:30px;}
.pd-top-35{padding-top:35px;}
.pd-top-40{padding-top:40px;}
.pd-top-50{padding-top:50px;}

.pd-right-5{padding-right:5px !important;}
.pd-right-10{padding-right:10px !important;}
.pd-right-11{padding-right:11px !important;}
.pd-right-12{padding-right:12px !important;}
.pd-right-13{padding-right:13px !important;}
.pd-right-14{padding-right:14px !important;}
.pd-right-15{padding-right:15px !important;}
.pd-right-16{padding-right:16px !important;}
.pd-right-17{padding-right:17px !important;}
.pd-right-18{padding-right:18px !important;}
.pd-right-19{padding-right:19px !important;}
.pd-right-20{padding-right:20px !important;}
.pd-right-25{padding-right:25px !important;}
.pd-right-30{padding-right:30px !important;}
.pd-right-40{padding-right:40px !important;}
.pd-right-50{padding-right:50px !important;}

.pd-bottom-5{padding-bottom:5px;}
.pd-bottom-10{padding-bottom:10px;}
.pd-bottom-15{padding-bottom:15px;}
.pd-bottom-20{padding-bottom:20px;}
.pd-bottom-25{padding-bottom:25px;}
.pd-bottom-30{padding-bottom:30px;}

.pd-left-10{padding-left:10px !important;}
.pd-left-11{padding-left:11px !important;}
.pd-left-12{padding-left:12px !important;}
.pd-left-13{padding-left:13px !important;}
.pd-left-14{padding-left:14px !important;}
.pd-left-15{padding-left:15px !important;}
.pd-left-16{padding-left:16px !important;}
.pd-left-17{padding-left:17px !important;}
.pd-left-18{padding-left:18px !important;}
.pd-left-19{padding-left:19px !important;}
.pd-left-20{padding-left:20px !important;}
.pd-left-25{padding-left:25px !important;}
.pd-left-30{padding-left:30px !important;}
.pd-left-40{padding-left:40px !important;}
.pd-left-50{padding-left:50px !important;}


/* POSITION
________________________________________*/
.ps-absolute{position:absolute;}
.ps-relative{position:relative;}
.ps-fixed{position:fixed;}
.ps-clear{clear:both;}


/* COLOR
________________________________________*/
.c-verde-1{color:#19d77a !important;}
.c-verde-2{color:#390;}
.c-verde-3{color:#0b9444;}

.c-azul-1{color:#009;}
.c-azul-2{color:#2e3192;}
.c-azul-3{color:#155abb;}
.c-azul-4{color:#00F;}
.c-azul-5{color:#06F;}
.c-azul-6{color:#d7e2e4;}

.c-vermelho-1{color:#900;}
.c-vermelho-2{color:#C00;}
.c-vermelho-3{color:#F00;}

.c-branco{color:#FFF;}
.c-preto{color:#000;}
.c-333333{color:#333333;}
.c-666666{color:#666666;}
.c-999999{color:#999999;}
.c-f2f2f2{color:#f2f2f2;}
.c-cccccc{color:#cccccc;}
.c-ffffff{color:#ffffff;}
.c-000000{color:#000000;}

.c-laranja-1{color:#F60;}

.c-roxo-1{color:#C0F;}

/* FONT
________________________________________*/
.fnt-wg-bold{font-weight:bold;}
.fnt-6{font-size:6px !important;}
.fnt-7{font-size:7px !important;}
.fnt-8{font-size:8px !important;}
.fnt-9{font-size:9px !important;}
.fnt-10{font-size:10px !important;}
.fnt-11{font-size:11px !important;}
.fnt-12{font-size:12px !important;}
.fnt-13{font-size:13px !important;}
.fnt-14{font-size:14px;}
.fnt-15{font-size:15px;}
.fnt-16{font-size:16px;}
.fnt-17{font-size:17px;}
.fnt-18{font-size:18px;}
.fnt-19{font-size:19px;}
.fnt-20{font-size:20px;}
.fnt-21{font-size:21px;}
.fnt-22{font-size:22px;}
.fnt-23{font-size:23px;}
.fnt-24{font-size:24px;}
.fnt-25{font-size:25px;}
.fnt-26{font-size:26px;}
.fnt-27{font-size:27px;}
.fnt-28{font-size:28px;}
.fnt-29{font-size:29px;}
.fnt-30{font-size:30px;}
.fnt-31{font-size:31px;}
.fnt-32{font-size:32px;}
.fnt-33{font-size:33px;}
.fnt-34{font-size:34px;}
.fnt-35{font-size:35px;}
.fnt-40{font-size:40px;}
.fnt-45{font-size:45px;}
.fnt-50{font-size:50px;}

.txt-center{text-align:center;}
.txt-right{text-align:right;}
.txt-left{text-align:left;}

.txt-sombra-preta{text-shadow: black 0.0em 0.0em 0.5em;}
.txt-sombra-branca{text-shadow: white 0.0em 0.0em 0.5em;}

.ln-hg-0{line-height:0px;}
.ln-hg-25{line-height:25px;}

.txt-lower{ text-transform:lowercase; }
.txt-upper{ text-transform:uppercase; }


/* FLOAT
________________________________________*/
.flt-left{float:left;}
.flt-right{float:right;}


/* RADIUS
________________________________________*/
.radius-5{
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}


/* SOMBRA
________________________________________*/
.sombra-2-ccc{box-shadow: 0px 0px 2px #ccc; -moz-box-shadow: 0px 0px 2px #ccc; -webkit-box-shadow: 0px 0px 2px #ccc;}
.sombra-5-ccc{box-shadow: 0px 0px 5px #ccc; -moz-box-shadow: 0px 0px 5px #ccc; -webkit-box-shadow: 0px 0px 5px #ccc;}
.sombra-5-333{box-shadow: 0px 0px 20px #333; -moz-box-shadow: 0px 0px 20px #333; -webkit-box-shadow: 0px 0px 20px #333;}
	
/* BORDER
________________________________________*/
.bd-bottom-1-ccc{
	border-bottom:1px solid #ccc;}


/* TOAST
________________________________________*/
.toast{
  position: fixed;
  z-index: 9999;
  top: 65px;
  right: 20px;
}


/* 
 - FORM
	- RADIO MATERIAL DESIGN FOR BOOTSTRAP
*/
.material-switch{
	margin-top: 9px;
	position: absolute;
}
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 13px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 22px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 22px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}


/* 
 - MODAL
	- DEIXA TODOS MODAL BOOTSTRAP EM FULLSCREEN
*/
.modal-fullscreen {
  background: #ffffff;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}
.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}


/*
 - TABLE
	- USAR EM 'SPAN' COMO TITULO DENTRO DO TD
*/
.tbTitulo{ font-size:8px; padding: 0 !important; margin: 0 !important; }



/*
 - RETORNA DADOS
	- FUNCTION JS RETORNA DADOS
*/


table .collapse.in {
	display:table-row !important;
}


/*
.alert-danger{
	background:#F2CECC !important; 
	color:#C00 !important;
	border: 0 !important;
	border-bottom:1px solid #C00 !important;
	border-radius: 0 !important;
}

.alert-success{
	background:#AEEDBF !important; 
	color:#476740 !important;
	border: 0 !important;
	border-bottom:1px solid #476740 !important;
	border-radius: 0 !important;
}

.alert-warning{
	background:#FFC !important; 
	color: #F4B707 !important;
	border: 0 !important;
	border-bottom:1px solid #F4B707 !important;
	border-radius: 0 !important;
}
*/









/*
NOVOS TOAST DE MENSAGEM
*/
#ll_toast {
	visibility: hidden;
	/*margin-left: -125px;*/
	/*margin: auto;*/
	text-align: center;
	position: fixed;
	z-index: 999999;
	right:20px;
	top: 80px;
	font-size: 17px;
	white-space: nowrap;
	cursor: pointer;
}
#ll_toast #ll_toast_desc{
	padding: 0.96em;
	overflow: hidden;
	white-space: nowrap;
	border-radius: 5px;
}
#ll_toast_desc.danger{		
	background: rgba(231, 76, 60, 0.88);
	color:#fff;
}
#ll_toast_desc.success{		
	background:rgba(38, 185, 154, 0.88);
	color:#fff;
}
	
#ll_toast_desc.warning{		
	background:rgba(243, 156, 18, 0.88);
	color:#fff;
}

#ll_toast_desc.info{		
	background:rgba(52, 152, 219, 0.88);;
	color:#fff;
}

#ll_toast.ll_toast_show {
	visibility: visible;
	-webkit-animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 2s, fadeout 0.5s 2.5s;
	animation: fadein 0.5s, expand 0.5s 0.5s,stay 3s 1s, shrink 0.5s 4s, fadeout 0.5s 4.5s;
}

@-webkit-keyframes fadein {
	from {right: -100px; opacity: 0;} 
	to {right: 30px; opacity: 1;}
}

@keyframes fadein {
	from {right: -100px; opacity: 0;}
	to {right: 30px; opacity: 1;}
}

@-webkit-keyframes expand {
	from {min-width: 50px} 
	to {min-width: 350px}
}

@keyframes expand {
	from {min-width: 50px}
	to {min-width: 350px}
}
@-webkit-keyframes stay {
	from {min-width: 350px} 
	to {min-width: 350px}
}

@keyframes stay {
	from {min-width: 350px;}
	to {min-width: 350px;}
}
@-webkit-keyframes shrink {
	from {min-width: 350px;} 
	to {min-width: 50px;}
}

@keyframes shrink {
	from {min-width: 350px;} 
	to {min-width: 50px;}
}

@-webkit-keyframes fadeout {
	from {right: 30px; opacity: 1;} 
	to {right: -100px; opacity: 0;}
}

@keyframes fadeout {
	from {right: 30px; opacity: 1;}
	to {right: -100px; opacity: 0;}
}	



.control-label{
	color: #666 !important;
	font-family: -apple-system, Roboto, Arial, "Droid Sans", sans-serif;
	font-weight: 300;
	font-size: 12px;
}

.ll_label{
/*
	color: #3077b7 !important;
	font-family: -apple-system, Roboto, Arial, "Droid Sans", sans-serif;
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	top: -10px;
	margin-left: 8px;
	background: #fff;
	padding: 2px 10px 0px 10px;
	border-radius: 5px;
	z-index: 1;
*/
	color: #666 !important;
	font-family: -apple-system, Roboto, Arial, "Droid Sans", sans-serif;
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	top: -16px;
	margin-left: -9px;
	padding: 2px 10px 0px 10px;
	border-radius: 3px;
	text-shadow: white 0.0em 0.0em 0.5em;
}

.ll_label1{
/*
	color: #495057 !important;
	font-family: -apple-system, Roboto, Arial, "Droid Sans", sans-serif;
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	top: -11px;
	margin-left: 8px;
	background: #fff;
	padding: 2px 10px 0px 10px;
	border-radius: 5px;
	z-index: 1;
*/
	
	color: #666 !important;
	font-family: -apple-system, Roboto, Arial, "Droid Sans", sans-serif;
	font-weight: bold;
	font-size: 10px;
	position: absolute;
	top: -16px;
	margin-left: -9px;
	padding: 2px 10px 0px 10px;
	border-radius: 3px;
	text-shadow: white 0.0em 0.0em 0.5em;
}

.ll_input {
  color: #495057 !important;
  background-color: #f2f2f2 !important;
  border: 1px solid #ccc !important;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.ll_input:focus {
  color: #495057 !important;
  background-color: #f2f2f2 !important;
  border-color: #ccc !important;
  outline: 0;
/*  box-shadow: 0 0 0 0.2rem rgba(153, 153, 153, 0.25);*/
	box-shadow: 0 0 10px #ccc;
}


.ll_input_disabled {
  color: #495057 !important;
  background-color: #ddd !important;
  border: 1px solid #bbb !important;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.ll_btn-ico{
	padding-top: 11px !important; padding-bottom: 11px !important;
}



/*
	COTEUDO DE DIV'S OCULTAS NO SISTEMA
*/
#retornaDados {
	position: fixed !important; 
	top: 0 !important;
	left: 0 !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
	width: 100% !important;
	cursor: pointer !important; 
	z-index: 99999 !important;
}

#retornaDados p{
	margin: 0;
	padding: 0;
}

#retornaTotalGeral{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9998 !important;
	background: rgb(255, 255, 255, 0.6);
}

#retornaTotal{
	z-index: 9999 !important;
    width:300px;
    height:300px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-150px;
    margin-left:-150px;
}

#retornaTotal p{
	text-shadow: 
		0 0 20px #fff, 
		0 -10px 20px #fff, 
		0 10px 20px #fff, 
		-20px 0 40px #fff, 
		20px 0 40px #fff;
	color: #000;
}


.blur{
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  filter: blur(3px);
}
	
	
/*
	ALTERAÇÕES BOOTSTRAP	
*/
	.table-hover tbody tr{
		color:#666;
		font-weight: 300;
	}
.table-hover tbody tr:hover {
  background-color: #FFFAC5 !important;
}

.table .tr-ativo{
	background: #FFFAC5 !important;
}

td{
	vertical-align: middle !important;
}
	
	.btn{
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.btn:hover{
		padding-left: 7px !important;
		padding-right: 17px !important;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	
	.btn-sm{
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.btn-sm:hover{
		padding-left: 5px !important;
		padding-right: 11px !important;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	
button .fa{
	margin-top: -2px !important;
	margin-right: 5px !important;
}



.progress1-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}

.progress1-striped .progress1-bar,
.progress1-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress1.active .progress1-bar,
.progress1-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress1-bar-success {
  background-color: #5cb85c;
}
.progress1-striped .progress1-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

@-webkit-keyframes progress1-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress1-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress1-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress1 {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}


ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 9px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 40px;
}
ul.timeline > li:before {
    content: ' ';
    background: #f2f2f2;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #d4d9df;
    left: 0px;
    width: 20px;
    height: 20px;
    z-index: 400;
}



.row-table{
	background: #fff; 
	border-radius: 5px; 
	padding: 5px 10px; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	cursor: pointer;
/*	box-shadow: 0px 0px 10px #f2f2f2;*/
	border-bottom: 1px solid #ccc;
/*	border-right: 1px solid #ccc;*/
	color: #666;
}

.row-table:hover{
	background: #f2f2f2;
}


.nav-item .active{
	background: #0062b5 !important;
	color: #fff !important;
}
.nav-link {
	padding: 5px 10px !important;
}

.tab-pane{
	padding-top: 30px;
}

.btn-light{
/*	border: 1px solid #ccc;*/
}


.grifado{
	background: #FFFD94 !important;
}