/* color */

.blue {
    color: #1B3257!important;
}

.light-blue{
 	color: #2CA8FF!important;
}

.bkg-light-blue{
 	background-color: #1278bb!important;
}

.bkg-blue{
 	background-color: #1B3257!important;
}

.green{
	color: #18ce0f!important;
}

.orange{
	color: #ff4300!important;
}

.red{
	color: #FF3636!important;
}

.white{
	color: #fff;
}

.yellow{
	color: #f3ae1c!important;
}

/* fim color */

.margem-direita {
	margin-right: 12px;
}

/* login */

.section-image:after{
	background-color: rgba(255, 255, 255, 0);
}

.login-page .card-login .logo-container {
    width: auto;
    margin-bottom: 0px;
}

.login-page .card-login.card-plain .input-group.no-border .form-control{
	border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background-color: rgba(28, 37, 67, 0.9);
}

.login-page .card-login.card-plain .input-group.no-border .form-control:focus{
    background-color: rgba(28, 37, 67, 0.9);
}

.login-page .card-login.card-plain .form-group.no-border .input-group-prepend .input-group-text, .login-page .card-login.card-plain .form-group.no-border .input-group-append .input-group-text, .login-page .card-login.card-plain .input-group.no-border .input-group-prepend .input-group-text, .login-page .card-login.card-plain .input-group.no-border .input-group-append .input-group-text{
    background-color: rgba(28, 37, 67, 0.9);
}

.login-page .card-login .input-group:last-child {
    margin-bottom: 0px;
}

/* fim login */

/* menu */

.sidebar[data-color="blue"]:after, .off-canvas-sidebar[data-color="blue"]:after {
    background: #1b3257;
    background: -webkit-linear-gradient(#1b3257 0%, #1b3257 80%);
    background: -o-linear-gradient(#1b3257 0%, #1b3257 80%);
    background: -moz-linear-gradient(#1b3257 0%, #1b3257 80%);
    background: linear-gradient(#1b3257 0%, #1b3257 10%);
}

.sidebar[data-color="blue"] .nav li.active>a:not([data-toggle="collapse"]), .off-canvas-sidebar[data-color="blue"] .nav li.active>a:not([data-toggle="collapse"]) {
    color: #1e3979;
}

.sidebar[data-color="blue"] .nav li.active>a:not([data-toggle="collapse"]) i, .off-canvas-sidebar[data-color="blue"] .nav li.active>a:not([data-toggle="collapse"]) i {
    color: #1e3979;
}

/* fim menu */

/* global */

a:link {
text-decoration:none;
}

.navbar a:not(.btn):not(.dropdown-item){
	font-weight: 700!important;
}

body{
	background-color: #fff;
}

.back-to-page{
	color: #fff;
	cursor: pointer;
	float: right;
	margin-right: 20px;
}

.bold{
	font-weight: 700!important;
}

.margin-twenty{
	margin: 20px!important;
}

.pointer {cursor: pointer;}

.value-minium{
	color: #3afd01;
	font-size: .8rem;
}

/* fim global */

/* progresso */

.progress-container.progress-attention .progress-value, .progress-container.progress-attention .progress-badge {
    color: #6a45a5;
}

.progress-container.progress-attention .progress {
    background: rgba(106, 69, 165, 0.3);
}

.progress-container.progress-attention .progress-bar {
    background: #6a45a5;
}


/* fim progresso */

/* barra de rolagem horizontal */

.ps--active-x>.ps__rail-x{
	display: none;
}

/* fim barra de rolagem horizontal */

/* tabela */

.table>thead>tr>th{
	    font-size: .85rem;
}

/* fim tabela */

/* formul�rios */

.form-control{
	color: #1e3979!important;
}

.form-control:focus {
    border: 1px solid #1e3979!important;
 }

 .custom-select:focus {
    border-color: #1e3979!important;
    box-shadow: none;
}

/* fim formularios */

/* pagina��o tabela */

.pagination .page-item.active>.page-link{
	background-color: #2CA8FF!important;
    border-color: #2CA8FF!important;
}

/* pagina��o tabela */


/* Modal */
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 50px;
}
/* Fim modal */
/* pagina��o tabela */

/* usuario */

.menu-usuario{
	background-color: #2EA9E0;
	font-weight: 700;
}

.menu-alterarsenha{
	background-color: rgb(117, 208, 137);
	font-weight: 700;
}

.btn-div-center{
	background-color: #77b4cf;
	font-weight: 700;
	width: 100%;
}

.menu-usuario:hover{
	color: white;
	background-color: #1d88b8;
}

.menu-alterarsenha:hover{
	background-color: rgb(55, 162, 80);
}

.btn-cancel {
	background: #e43333;
	color: white;
}

.btn-cancel:hover {
	background: #cd2424;
	color: white;
}

.menu-usuario i{
	margin-right: .5rem;
}

.menu-green{
	font-weight: bold;
	background-color: #8DBF48;
}

.menu-green:hover{
	font-weight: bold;
	color: white !important;
	background-color: #6b9531;
}

.br8{
	border-radius: 8px !important;
}

.btn-voltar{
	border-width: 2px;
	color: #1e3979;
    font-weight: 400;
    font-size: 0.8571em;
    line-height: 1.35em;
    border: none;
    margin: 10px 1px;
    border-radius: 0.1875rem;
    padding: 11px 22px;
    cursor: pointer;
    text-align: right;
    padding-right: 0px;
    background-color: #fff;
    font-weight: 700;
}


.lookup {
	flex: 1;
	width: 100% !important;
}

.loading>.overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: #1b3257;
    opacity: 70%;
    z-index: 9998;
    animation: fade-in 0.2s linear;
    backdrop-filter: blur(6px);
}

        .loading>.loader {
            /* border: 16px solid #f3f3f3; */
            /* Light grey */
            /* border-top: 16px solid #3498db; */
            position: absolute;
            top: 50%;
            left: 46%;
            /* Blue */
            border-radius: 100%;
            /* width: 120px; */
            /* height: 120px; */
            /*opacity: 50%;*/
            margin-top: -60px;
            margin-left: -60px;
            /* transform: translate(-50%, -50%); */
            /* animation: spin 0.5s linear infinite; */
            z-index: 9999;
        }

		.loading>.loadertext {
			color: white;
			font-size: 20px;
			font-weight: bolder;
			position: absolute;
			top: 53%;
			text-align: center;
			width: 100%;
			opacity: 100%;
			z-index: 9999;
		}

		@keyframes fade-in {
			from {
				opacity: 0;
			}

			to {
				opacity: 35%;
			}

		}

		@keyframes spin {
			0% {
				transform: rotate(0deg);
			}

			100% {
				transform: rotate(360deg);
			}
		}

.filtrodashboard{
    position: fixed;
	background-color: white;
    top: 65px;
    z-index: 9000;
    right: -50%;
    width: 50%;
   border-bottom-left-radius: 10px;
    transition: all 0.5s ease;
    max-height: 100%;
}

.filtrodashboard.active{
    position: fixed;
    background-color: white;
    top: 65px;
    z-index: 9000;
    right: 0;
    width: 300px;
   border-bottom-left-radius: 10px;

    transition: all 0.5s ease;

	-webkit-box-shadow: -8px 10px 38px 5px rgba(0,0,0,0.22);
	box-shadow: -8px 10px 38px 5px rgba(0,0,0,0.22);
}



.btn-filtrodashboard{
	position: relative;
	background-color: #1beb11;
	border: none;
	border-top-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	top: 45%;
	padding: 20px;
	padding-top: 16px;
	right: 48px !important;
	height: 48px;
	width: 348px !important;
	outline: none !important;
	border: none !important;
}
/* fim usuario */

/*barra de rolagem - Grupo de Visão Permissões*/

.dropdown-menu{
	height: 300px;
	overflow-y: scroll;
}

.modal-header-bg-blue {
	background: -webkit-gradient(linear, left top, right top, from(#0c2646), color-stop(60%, #204065), to(#2a5788));
  	background: linear-gradient(to right, #0c2646 0%, #204065 60%, #2a5788 100%);
}
