body {
        color: #999;
		background: #d6d6d6;
		font-family: 'Roboto', sans-serif;
	}
	
	.form-control {
		box-shadow: none;
		border-color: #ddd;
	}
	
	.form-control:focus {
		border-color: #4aba70; 
	}
	
	.login-form {
        width: 350px;
		margin: 0 auto;
		padding: 20px 0;
	}
    
	.login-form form {
        color: #434343;
		border-radius: 1px;
    	margin-bottom: 15px;
        background: #fff;
		border: 1px solid #f3f3f3;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
        padding: 20px;
	}
	
	.login-form h4 {
		font-family: 'Roboto';
		text-align: center;
		font-size: 22px;
        margin-bottom: 15px;
		float: left;
	}

    .login-form .form-group {
        margin-bottom: 15px;
    }
	
	.login-form .form-control, .login-form .btn {
		min-height: 40px;
		border-radius: 15px; 
        transition: all 0.5s;
	}
	
	.login-form .close {
        position: absolute;
		top: 15px;
		right: 15px;
	}
	
	.login-form .btn {
		background: #6eb340;
		border: none;
		line-height: normal;
	}
	
	.login-form .btn:hover, .login-form .btn:focus {
		background: #6eb340;
	}
    
	.login-form .checkbox-inline {
        float: left;
    }
    
	.login-form input[type="checkbox"] {
        margin-top: 2px;
    }
    
	.login-form .forgot-link {
        float: right;
    }
    
	.login-form .small {
        font-size: 13px;
    }
    
	.login-form a {
        color: #6eb340;
    }
	
	.login-form input {
		text-align: center;
		font-size: 25px;
	}
	
	.modal-content {
		border-radius: 25px;
	}
	
	.cab {
		font-family: 'Inconsolata', sans-serif;
		color: #FFFFFF;
		font-size: 8px;
		font-weight: bolder;
		line-height: 1;
	}
	
	.lbl {
		font-family: 'Inconsolata', sans-serif;
		color: #FFFFFF;
		font-size: 17px;
		font-weight: bolder;
		line-height: 1;
	}
	
	label.error  {
		font-family: 'Roboto';
		font-size: 10px;
		color: red;
		margin-bottom: 0px;
	}
	
	input.error {
		/*background: rgba(166, 66, 66, 0.69);*/
		border:2px solid red;
	}
	
	#form_cardastro .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding: 0px;
	}
	
	#matricula {
		width: 180px;
		float: left;
	}
	
	#cadastro {
		width: 100px;
		float: left;
		
	}
	
	#cab_matricula {
		width: 180px;
		float: left;
		padding-top: 2px;
	}
	
	#cab_cadastro {
		width: 100px;
		float: left;
		padding-top: 2px;
	}
	
	#texto_cartao {
		bottom: 1px;
		position: absolute;
		z-index: 9999;
		margin: 10px;
	}
	
	#fundo_cartao {
		position: relative;
		z-index: 2;
	}
	
	.modal-md {
		max-width: 395px;
		width: 395px;
		top: 60px;
	}
	
	.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
		color: 	#fff;
		background-color: #6eb340;
	}
	
	.btn-primary {	
		background-color: rgba(129,215,66,0.9);
		border-color: rgba(129,215,66,0.9);
		font-family: Poppins,sans-serif;
	}

	.btn-primary:hover {
		background-color: 	rgba(129,215,66,0.8);
		border-color: 	rgba(129,215,66,0.8);
		font-family: Poppins,sans-serif;
	}
	
	.btn-primary:disabled{
  		background-color: 	rgba(129,215,66,0.8);
		border-color: 	rgba(129,215,66,0.8);
		font-family: Poppins,sans-serif;
	}
	
	.card-title {
		font-family: Poppins,sans-serif;
		font-weight: 100;
		font-size: 35px;
		color: #000000;
		
	}
	
	.modal-confirm {		
		color: #636363;
		/*width: 325px;*/
	}
	.modal-confirm .modal-content {
		padding: 20px;
		border-radius: 5px;
		border: none;
	}
	.modal-confirm .modal-header {
		border-bottom: none;   
        position: relative;
		display: block;
	}
	.modal-confirm h4 {
		text-align: center;
		font-size: 26px;
		margin: 30px 0 -15px;
	}
	.modal-confirm .form-control, .modal-confirm .btn {
		min-height: 40px;
		border-radius: 3px; 
	}
	.modal-confirm .close {
        position: absolute;
		top: -5px;
		right: -5px;
	}	
	.modal-confirm .modal-footer {
		border: none;
		text-align: center;
		border-radius: 5px;
		font-size: 13px;
	}	
	.modal-confirm .icon-box {
		color: #fff;		
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: -70px;
		width: 95px;
		height: 95px;
		border-radius: 50%;
		z-index: 9;
		background: #82ce34;
		padding: 15px;
		text-align: center;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
	}
	.modal-confirm .icon-box i {
		font-size: 45px;
		position: relative;
		top: 8px;
	}
	.modal-confirm.modal-dialog {
		margin-top: 80px;
	}
    .modal-confirm .btn {
        color: #fff;
        border-radius: 4px;
		background: #82ce34;
		text-decoration: none;
		transition: all 0.4s;
        line-height: normal;
        border: none;
    }
	.modal-confirm .btn:hover, .modal-confirm .btn:focus {
		background: #6fb32b;
		outline: none;
	}
	.trigger-btn {
		display: inline-block;
		margin: 100px auto;
	}

#screen-block {
	display: none;
}
	
#overlay {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=80);
	z-index: 99999;
}

#loading {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -25px;
	color: #FFFFFF;
}

.text-xxxxl {
  font-size: 500%;
}