@import "compass/css3";

.main-content{
	width: 100%;
	border-radius: 15px;
	box-shadow: 0 5px 5px rgba(0,0,0,.4);
	margin: 5em auto;
	display: flex;
}
img:hover{
cursor: pointer;
}



			
			table {
			font-weight: 600;
			font-size:10pt;
			}
			
			

			
			.total_inc1 {
			/*position: fixed;*/
			/*padding: 10px;*/
			width: 100%;
			/*background: #EAEAEA;*/
			font-weight: bold;
			bottom: 0;
			right: 0;
			font-size: 20px;
			}
			
			.seta_down {
			-ms-transform: rotate(90deg); /* IE 9 */
			-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
			transform: rotate(90deg);
			}
			
			.seta_up {
			-ms-transform: rotate(-90deg); /* IE 9 */
			-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
			transform: rotate(-90deg);
			}
			
			.selecionarTodosMobile {
			display: none;
			}
			

			
			.migalha {
			width:100%;
			padding:10px;
			margin-bottom: 50px;
			/*display:none;*/
			}
			
			.migalha>div {
			width: 235px;
			margin: 0 auto;
			}
			
			.migalha .circulo {
			    border-radius: 30px;
    background: #58A2CD;
    padding: 12px;
    padding-left: 13px;
    padding-right: 10px;
    float: left;
    font-size: 10px;
    color: #FFF;
    text-align: center;
    margin-right: 20px;
			

			}
			
			.migalha .passo-pendente {
			border-radius: 25px;
			background: #DBDBDB;
			font-size: 11px;
			color: #FFF;
			    display: block;

			}
			
			.migalha .circulo:last-child {
			margin-right: 0px;
			}
			
			.migalha .circulo b {
			font-size: 12px;
			}
			
			.migalha i {
			border: solid #FFF;
			border-width: 0 3px 3px 0;
			display: inline-block;
			padding: 3px;
			   
			
			}
			
			.migalha .right {
			transform: rotate(-45deg);
			-webkit-transform: rotate(-45deg);
			}
			
			.migalha .checkmark {
			display: inline-block;
			padding-left: 5px;
			padding-right: 5px;
			}
			.migalha  .checkmark:after {
			/*Add another block-level blank space*/
			content: '';
			display: block;
			/*Make it a small rectangle so the border will create an L-shape*/
			width: 3px;
			height: 6px;
			/*Add a white border on the bottom and left, creating that 'L' */
			border: solid #FFF;
			border-width: 0 4px 4px 0;
			/*Rotate the L 45 degrees to turn it into a checkmark*/
			transform: rotate(45deg);
			}
			
			.table{
			border-radius:10px;
			}
			
			.table td, .table th {
    padding: .75rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

.fa, .fas {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 15px;

}


.fa, .fas:hover {
	color:green;
	cursor: pointer;
}




.company__info{
	border-top:1px solid #ccc;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #000;
	padding:10px;
}
.list-group-item{
	color:#0047AB;
		border-top:1px solid #ccc;
		border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}

input:-internal-autofill-selected {
    background-color: #fff !important;
    background-image: none !important;
    color: -internal-light-dark(black, white) !important;
}

.fa-android{
	font-size:3em;
}


.formulario{
	border-top:1px solid #ccc;
	border-top-left-radius: 5px;	
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;	
	border-bottom-right-radius: 5px;
	color: #000;
	padding:10px;
	
	
}

.linhaItens{
    display: none;
}


@media screen and (max-width: 640px) {
	.main-content{width: 90%;}
	.company__info{
		
	}
	.login_form{
		border-top-left-radius:20px;
		border-bottom-left-radius:20px;
	}
}
@media screen and (min-width: 642px) and (max-width:800px){
	.main-content{width: 70%;}
}
.row > h2{
	color:#0047AB;
}
.login_form{
	background-color: #fff;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
}

.form__input{
	width: 100%;
	border:0px solid transparent;
	border-radius: 0;
	border-bottom: 1px solid #aaa;
	padding: 1em .5em .5em;
	padding-left: 2em;
	outline:none;
	margin:1.5em auto;
	transition: all .5s ease;
}
.form__input:focus{
	border-bottom-color: #0047AB;
	box-shadow: 0 0 5px rgba(0,80,80,.4); 
	border-radius: 4px;
}
.btn_login{
	transition: all .5s ease;
	width: 70%;
	border-radius: 30px;
	color:#0047AB;
	font-weight: 600;
	background-color: #fff;
	border: 1px solid #0047AB;
	margin-top: 1.5em;
	margin-bottom: 1em;
}

.btn_login:hover{
cursor: pointer;
}

.btn:hover, .btn:focus{

	color:#fff;
cursor: pointer;
}

a:hover {
font-weight: 600;
cursor: pointer;
}

.form__input_licenca{
	width: 100%;
	border:0px solid transparent;
	border-radius: 0;
	border-bottom: 1px solid #aaa;
	padding: 1em .5em .5em;
	padding-left: 2em;
	outline:none;
	margin:1.5em auto;
	transition: all .5s ease;
}
.form__input_licenca:focus{
	border-bottom-color: #0047AB;
	box-shadow: 0 0 5px rgba(0,80,80,.4); 
	border-radius: 4px;
}


.menu_lateral_licenca{
	border-top:1px solid #ccc;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;	
	justify-content: left;
	color: #fff;
	padding:10px;
	font-size:0.9em;
	
}





a { text-decoration: none;  }

.menu{
padding:0px;	
}

.accordion-menu {
	    
	width: 100%;
	margin-top: 25px;
	margin-bottom: 25px;

	display: inline-block;
	line-height: 18px;
	
	   color: #4A4A4A;
    font-size: 1.0em;
    letter-spacing: -0.03em;
    background-position: 2px center;
    background-repeat: no-repeat;
    font-weight: 600;
	 padding:10px;

border: 1px solid #dee2e6;
border-radius:5px;
border-bottom-width:100%;
	justify-content: left;
}







}


.progressbar-wrapper {
      background: #fff;
      width: 100%;
      padding-top: 10px;
      padding-bottom: 5px;
}

.progressbar li {
      list-style-type: none;
      width: 20%;
      float: left;
      font-size: 12px;
      position: relative;
      text-align: center;
      text-transform: uppercase;
      color: #7d7d7d;
}

.progressbar li:before {
    width: 60px;
    height: 60px;
    content: "";
    line-height: 60px;
    border: 2px solid #7d7d7d;
    display: block;
    text-align: center;
    margin: 0 auto 3px auto;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    background-color: #fff;
}
.progressbar li:after {
     width: 100%;
     height: 2px;
     content: '';
     position: absolute;
     background-color: #7d7d7d;
     top: 30px;
     left: -50%;
     z-index: 0;
}
.progressbar li:first-child:after {
     content: none;
}

.progressbar li.active {
    color: green;
    font-weight: bold;  
}
.progressbar li.active:before {
    border-color: #55b776;
    background: green;
 }
.progressbar li.active + li:after {
    background-color: #55b776;
}

.progressbar li.active:before {
    background: #55b776  url(user.svg) no-repeat center center;
    background-size: 60%;
}
.progressbar li::before {
    background: #fff url(user.svg) no-repeat center center;
    background-size: 60%;
}

.progressbar {
    counter-reset: step;
}
.progressbar li:before {
    content: counter(step);
    counter-increment: step; 
}

	.linhaItens{
			display: none;
				}
 
			
			table {
			font-weight: 600;
			font-size:10pt;
			}
			
			
			
			.total_inc1 {
			/*position: fixed;*/
			/*padding: 10px;*/
			width: 100%;
			/*background: #EAEAEA;*/
			font-weight: bold;
			bottom: 0;
			right: 0;
			font-size: 20px;
			}
			
			.seta_down {
			-ms-transform: rotate(90deg); /* IE 9 */
			-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
			transform: rotate(90deg);
			}
			
			.seta_up {
			-ms-transform: rotate(-90deg); /* IE 9 */
			-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
			transform: rotate(-90deg);
			}
			
			.selecionarTodosMobile {
			display: none;
			}
			
			
@media all and (max-width: 800px) {

    table tbody tr td {

        display: block;
        text-align: left;
		
        font-weight: 300;
		
    }

    table tbody tr td:before {

        content: attr(data-title);
        left: 15px;
        display: block;
        font-weight: 600;
        font-size: 1em;		
        text-align: left;
    }

    table {

        border: none;
    }

    table thead {

        display: none;
    }

    table tbody tr {

        margin-bottom: 10px;
        display: block;
		
        text-align: left;
        border: 1px solid #dad6eb;
    }


.table td, .table th {
    padding: .5rem;
}

}

a {
  color: #000;
}
a:hover {
  color: #000;
}