/***** RESET *****/
	* { 
		margin: 0; 
		padding: 0; 
		border: none; 
		outline: none; 
		font-weight: 300; 
		box-sizing: 
		border-box; 
		font-family: 'Roboto', sans-serif; 
	}

	html, body { 
		width: 100%; 
		height: 100%; 
		padding: 0; 
		margin: 0; 
		overflow: hidden; 
	}

	main { 
		background: #E6E6E6; 
		padding: 0; 
		margin: 0; 
		overflow: auto; 
	}

	div.container-fluid, 
	div.row { 
		padding: 0; 
		margin: 0; 
		justify-content: center; 
		-webkit-justify-content: center; 
	}

	div.container-principal, 
	div.row-principal {  
		padding: 0; 
		margin: 0; 
	}

	input { 
		font-family: 'Roboto', sans-serif; 
	}

	ul { 
		list-style: none; 
	}
/***** RESET *****/

/***** FONTES *****/
	@font-face {
		font-family: 'Roboto';
		src: url("../Fonts/Roboto-Regular.ttf")
	}

	@font-face {
		font-family: 'Roboto_black';
		src: url("../Fonts/Roboto-Black.ttf");
	}

	@font-face {
		font-family: 'Roboto_bold';
		src: url("../Fonts/Roboto-Bold.ttf");
	}

	@font-face {
		font-family: 'Roboto_medium';
		src: url("../Fonts/Roboto-Medium.ttf");
	}
/***** FONTES *****/

/***** LOGIN *****/
	body {
		background-color: #E6E6E6!important;
	}

	div.ct_b_principal {
		background: linear-gradient( to right, #FFFFFF, #FFFFFF, #FFFFFF);
	}

	div.ct_b_principal div.ct_b_header span {
		font-family: 'Roboto_medium', sans-serif;
		color: #FFFFFF;
	}

	.b-information {
		border-color: #FFFFFF;
		color: #FFFFFF;
	}

	div.ct_b_principal div.ct_b_footer button.btn-transparent {
		color: #FFFFFF;
	}

	div.ct_b_principal div.ct_b_footer button.btn-transparent:hover {
		border: 1px solid #FFFFFF;
	}

	span.input-group-addon {
		background: #F5A623;
	}

	@media (max-width: 1200px) {

		body {
			background: linear-gradient( to right, #FFFFFF, #FFFFFF, #FFFFFF);
		}

		div.ct_b_principal {
			background: transparent;
			width: 60%;
		}

	}

	@media (max-width: 720px) {
		div.ct_b_principal {
			width: 100%;
		}
	}
/***** LOGIN *****/

/***** BOLETOS LISTAR *****/

	div.b-form div.ct_b_header span {
		font-family: 'Roboto_medium', sans-serif;
		color: #FFFFFF;
	}
        
/***** BOLETOS LISTAR *****/

/***** TERMO *****/
	.footer-termo {
		background: linear-gradient( to right, #FFFFFF, #FFFFFF);
		font-family: 'Roboto_medium', sans-serif;
		color: #FFFFFF;
	}

	.header-termo,
	.header-pagina {
		background: linear-gradient( to right, #FFFFFF, #FFFFFF);
		font-family: 'Roboto_medium', sans-serif;
		color: #FFFFFF;
	}

	.footer-termo .termo-li {
		color: #FFFFFF;
	}
/***** TERMO *****/

/***** HEIGHT - MAIN *****/
	@media (min-width: 2560px) {
		main {
			height: 84vh;
		}
	}

	@media (min-width: 1700px) and (max-width: 2559px) {
		main {
			height: 88vh;
		}
	}

	@media (min-width: 1200px) and (max-width: 1699.98px) {
		main {
			height: 88vh;
		}
	}

	@media (min-width: 992px) and (max-width: 1199.98px) {
		main {
			height: 88vh;
		}
	}
/***** HEIGHT - MAIN *****/

/***** SERVIÇOS *****/

	div.bloco-menu-opc button:hover {
		border-bottom: 2px solid #F5A623;
	}

	div.bloco-menu-opc button#btn-adicionar-plano .svg path {
		fill: #F5A623;
	}

	div.bloco-menu-opc button#btn-alterar-plano .svg path {
		fill: #F5A623;
	}

	ul#listaTotal::-webkit-scrollbar-track {
		background: #eee;
	}

	ul#listaTotal::-webkit-scrollbar-thumb {
		background: #F5A623;
	}

	ul#listaTotal::-webkit-scrollbar-thumb:hover {
		background: #F5A623;
		color: #fff;
	}

	div#alterarServico .modal-body::-webkit-scrollbar-track {
		background: #eee;
	}

	div#alterarServico .modal-body::-webkit-scrollbar-thumb {
		background: #F5A623;
	}

	div#alterarServico .modal-body::-webkit-scrollbar-thumb:hover {
		background: #F5A623;
		color: #fff;
	}

	#collapseTv .card-body ul::-webkit-scrollbar-track,
	#collapseEmail .card-body ul::-webkit-scrollbar-track,
	#collapseHospedagem .card-body ul::-webkit-scrollbar-track,
	#collapseTelefonia .card-body ul::-webkit-scrollbar-track,
	#collapseOutros .card-body ul::-webkit-scrollbar-track,
	#collapseOne .card-body ul::-webkit-scrollbar-track {
		background: #eee;
	}

	#collapseTv .card-body ul::-webkit-scrollbar-thumb,
	#collapseEmail .card-body ul::-webkit-scrollbar-thumb,
	#collapseHospedagem .card-body ul::-webkit-scrollbar-thumb,
	#collapseTelefonia .card-body ul::-webkit-scrollbar-thumb,
	#collapseOutros .card-body ul::-webkit-scrollbar-thumb,
	#collapseOne .card-body ul::-webkit-scrollbar-thumb {
		background: #F5A623;
	}

	#collapseTv .card-body ul::-webkit-scrollbar-thumb:hover,
	#collapseEmail .card-body ul::-webkit-scrollbar-thumb:hover,
	#collapseHospedagem .card-body ul::-webkit-scrollbar-thumb:hover,
	#collapseTelefonia .card-body ul::-webkit-scrollbar-thumb:hover,
	#collapseOutros .card-body ul::-webkit-scrollbar-thumb:hover,
	#collapseOne .card-body ul::-webkit-scrollbar-thumb:hover {
		background: #F5A623;
		color: #fff;
	}

	.loader-serv,
	.loader-serv-min {
		border-top-color: #FFFFFF;
	}

	#body_termo_lista .list-view-termo .list-view-items {
		border-color: #FFFFFF;
	}

	#body_termo_lista .list-view-termo .list-view-items:hover {
		background: linear-gradient( to right, #FFFFFF, #FFFFFF, #FFFFFF);
		color: #000000;
	}

	#body_termo_lista .list-view-termo .list-view-items .dados-termo {
		border-left-color: #FFFFFF;
	}

	#body_termo_lista .list-view-termo .list-view-items .dados-termo:hover {
		border-left-color: #000000;
	}

	#body_form_servicos .header-box {
		background: linear-gradient( to right, #FFFFFF, #FFFFFF, #FFFFFF);
		color: #000000;
		font-family: 'Roboto', sans-serif;
	}

	#body_form_servicos .footer-box .btn-box {
		background: linear-gradient( to right, #FFFFFF, #FFFFFF, #FFFFFF);
		color: #000000;
	}

	#body_termo_lista .list-view-termo ul::-webkit-scrollbar {
		width: 4px;
	}

	#body_termo_lista .list-view-termo ul::-webkit-scrollbar-button {
		width: 8px;
		height: 5px;
	}

	#body_termo_lista .list-view-termo ul::-webkit-scrollbar-track {
		background: transparent;
	}

	#body_termo_lista .list-view-termo ul::-webkit-scrollbar-thumb {
		background: #FFFFFF;
	}

	#body_termo_lista .list-view-termo ul::-webkit-scrollbar-thumb:hover {
		background: #FFFFFF;
	}

/***** SERVIÇOS *****/

/***** HEADER *****/
	header.header {
		background: linear-gradient( to right, #FFFFFF, #FFFFFF, #FFFFFF);
	}

	header div.header-mensagem p {
		color: #000000;
		font-family: 'Roboto', sans-serif;
	}

	header div.header-mensagem a {
		color: #000000;
		border-left: 0.5px solid;
		border-color: rgba(180,180,180,.5);
	}

	header div.header-mensagem a {
		border-left: 1px solid #000000;
	}
/***** HEADER *****/

/***** NAV *****/
	#header-icon_Perfil .svg path {
		fill: #000000;
	}

	.svg path {
		fill: #F5A623;
	}

	.svg polygon {
		fill: #F5A623;
	}

	div.bloco-titulo .svg path {
		fill: #FF8000;
	}

	div#icon-menu a {
		color: inherit;
	}

	div#icon-menu a:hover {
		color: #FFFFFF;
	}

	nav div.menu {
		background: #FFFFFF;
		border-right: 1px solid #e0e0e0;
		border-color: #e0e0e0;
	}

	nav div.menu li p {
		font-family: 'Roboto_medium', sans-serif;
	}

	nav div.menu-itens ul a {
		color: #000000;
	}

	nav div.menu-itens ul li {
		border-bottom: 1px solid #e0e0e0;
	}

	nav div.menu-itens ul .ativado {
		border-left-color: #F5A623;
	}

	nav div.menu-itens ul li:hover {
		background: #E6E6E6;
	}

	div#modalMedidor .header-modal {
		background: #FF8000;
		color: #000000;
		font-family: 'Roboto_bold', sans-serif;
	}

	.nav-menu {
		background: #FFFFFF;
		color: #000000;
	}
/***** NAV *****/

/***** MEUS DADOS BLOCO SUPERIOR *****/

	#dadosCliente ul::-webkit-scrollbar,
	#dadosEndereco ul::-webkit-scrollbar,
	#dadosServico ul::-webkit-scrollbar {
		width: 8px;
	}

	#dadosCliente ul::-webkit-scrollbar-button,
	#dadosEndereco ul::-webkit-scrollbar-button,
	#dadosServico ul::-webkit-scrollbar-button {
		width: 8px;
		height: 5px;
	}

	#dadosCliente ul::-webkit-scrollbar-track,
	#dadosEndereco ul::-webkit-scrollbar-track,
	#dadosServico ul::-webkit-scrollbar-track {
		background: transparent;
	}

	#dadosCliente ul::-webkit-scrollbar-thumb,
	#dadosEndereco ul::-webkit-scrollbar-thumb,
	#dadosServico ul::-webkit-scrollbar-thumb {
		background: #F5A623;
	}

	#dadosCliente ul::-webkit-scrollbar-thumb:hover,
	#dadosEndereco ul::-webkit-scrollbar-thumb:hover,
	#dadosServico ul::-webkit-scrollbar-thumb:hover {
		background: #F5A623;
	}

	div.bloco-1 {
		background: #fff;
		box-shadow: 0px 0px 3px #ccc;
	}

	div.titulo {
		border-color: #FF8000;
		color: #FF8000;
		font-family: 'Roboto_bold', sans-serif;
	}

	div.titulo span {
		font-family: 'Roboto_bold', sans-serif;
	}

	div.bloco-titulo {
		background: #FF8000;
		color: #000000;
	}

	div.bloco-dados div.sub-bloco-dados {
		border: 0.5px solid #e0e0e0;
	}

	div.titulo-dados {
		background-color: #eeee;
		border-bottom: 1px solid #ccc;
	}

	div.dados div.scroll-dados::-webkit-scrollbar-track, 
	div#ocorrencia::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #f5f5f5;
    }

    div.dados div.scroll-dados::-webkit-scrollbar, 
	div#ocorrencia::-webkit-scrollbar {
        width: 10px;
        height: 1.22vw;
        background-color: #f5f5f5;
    }

	div.chosen-drop::-webkit-scrollbar-thumb, 
	div#ocorrencia::-webkit-scrollbar-thumb,
	div.dados div.scroll-dados::-webkit-scrollbar-thumb, 
	div#ocorrencia::-webkit-scrollbar-thumb,
	div.chosen-drop::-webkit-scrollbar-thumb, 
	.chosen-results::-webkit-scrollbar-thumb {
        background-color: #F5A623;
        background-image: -webkit-linear-gradient(
													45deg, 
                                                    rgba(255, 255, 255, .1)25%,
                                                    transparent 25%,
                                                    transparent 50%,
                                                    rgba(255, 255, 255, .1) 50%,
                                                    rgba(255, 255, 255, .1) 75%,
                                                    transparent 75%,
													transparent
												);
	}

	div.titulo-dados h2 {
		font-family: 'Roboto_medium', sans-serif;
	}

	div.dados li {
		font-family: 'Roboto_medium', sans-serif;
		color: #666666;
	}

	div.dados ul li b {
		color: #000000;
		border-color: #ccc;
	}

	div.dados div.scroll ul li {
		border-color: #ccc;
	}

	div.dados div.clienteDados ul li button {
		background-color: transparent;
		border-color: transparent;
		color: #F5A623;
		cursor: pointer;
	}

	div.dados div.clienteDados ul li button:focus {
		outline: 1px dotted;
    	outline: ;
	}

/***** MEUS DADOS BLOCO SUPERIOR *****/

/***** MEUS DADOS BLOCO INFERIOR *****/

	div.bloco-inferior {
		background: #fff;
		box-shadow: 0px 0px 3px #ccc;
		max-width: 36rem;
	}

	div.texto-bloco p {
		color: #666666;
		font-family: 'Roboto', sans-serif;
	}

	button.botao {
		font-family: 'Roboto', sans-serif;
        font-weight: 550;
    }

	div.modal-footer button.btn-secondary {
        font-family: 'Roboto', sans-serif;
        font-weight: 550;
	}

	button.btn-laranja {
		background-color: #F5A623;
		color: #000000;
		font-family: 'Roboto', sans-serif;
		font-weight: 550;
		transition: 0.17s;
		cursor: pointer;
		border: none;
	}

	button.btn-laranja:hover, button.btn-laranja:active, button.btn-laranja:focus {
		background-color: #F5A623;
	}

	#modal_contrato .list-group-item,
	#liberarConfianca .modal-body {
		color: #666666;
	}

	#modal_contrato .list-group-item:hover {
		background-color: #F5A623;
		color: #000000;
		cursor: pointer;
	}

/***** MEUS DADOS BLOCO INFERIOR *****/

/***** EXTRATO DE ACESSOS e  VISUALIZAR FATURAS *****/

	.itens-busca {
		background: #FBFBFB;
		border: 1px solid rgba(180,180,180,.4);
		color: #000000;
		font-family: 'Roboto', sans-serif;
	}

	select.customize-select {
		background: #FBFBFB;
		border: 1px solid rgba(180,180,180,.4);
		color: #000000;
		font-family: 'Roboto', sans-serif;
		font-weight: 600;
	}

	label.lbl-servicos, label.data-label, label.lbl-resultado, label.lbl-pesquisa {
		color: #666666;
		font-weight: 600;
	}

	div.bloco-titulo div.titulo {
		background-color: #FF8000;
	}

	div.bloco-titulo div.titulo h1 {
		color: #000000;
		font-family: 'Roboto_bold', sans-serif;
	}

	div.bloco-titulo {
		border-color: #ccc;
	}
	
	button.btn-newSup {
		background-color: #fff;
		color: #FF8000;
		font-family: 'Roboto', sans-serif;
		transition: 0.17s;
		cursor: pointer;
		border-bottom: 2px solid transparent;
	}

	.disable-btn {
		opacity : 0.5;
	}

	button.btn-newSup:hover {
		border-bottom: 2px solid #FF8000;
	}

	div#tbl-suportes_filter input:focus {
		box-shadow: 0vw 0vw .2vw .1vw #bbdefb;
    }

	table.tabela {
		color: #000000;
	}

	table.tabela thead th {
		border-top: 0.5px solid #ccc;
		border-right: 0.5px solid #ccc;
		border-bottom: 0.5px solid #ccc;
		background: #eeee;
	}

	table.tabela tbody tr td {
		border-right: 0.5px solid #ccc;
		border-bottom: 0.5px solid #ccc;
	}

	table.tabela tfoot {
		background: #F9F9F9;    
	}

/***** EXTRATO DE ACESSOS e  VISUALIZAR FATURAS *****/

/***& DATATABLES &***/

	div#tbl-faturas_filter input, div#tbl-suportes_filter input, div#tbl-acessos_filter input {
		border:1px solid #ddd;
		background: linear-gradient(#FBFBFB 20%,#FBFBFB 50%,#FBFBFB 52%,#FBFBFB 100%);
		color: #000000;
		font-family: 'Roboto', sans-serif;
	}

	div#tbl-faturas_info, div#tbl-suportes_info, div#tbl-acessos_info {
		border:1px solid #ddd;
		background: linear-gradient(#FBFBFB 20%,#FBFBFB 50%,#FBFBFB 52%,#f4f4f4 100%);
	}

	div.chosen-container a.chosen-single {
		background:linear-gradient(#FBFBFB 20%,#FBFBFB 50%,#FBFBFB 52%,#f4f4f4 100%);
		border: 0.5px solid rgba(180,180,180,.5);
		color: #666666;
		font-family: 'Roboto', sans-serif;
		font-weight: 600;
	}

	.chosen-container .chosen-results li.highlighted {
		background-color: #eeeeee;
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(20%, #eeeeee),color-stop(100%, #eeeeee));
		background-image: linear-gradient(#eeeeee 20%,#eeeeee 100%);
		color: #000000;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button {
		background-color: #EAEAEA;
		color: #666666;
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		transition: 0.17s;
		cursor: pointer;
		border: 0;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
		color:#000000 !important;
		border: 0;
		background-color:white;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5A623), color-stop(100%, #F5A623));
		background:-webkit-linear-gradient(top, #F5A623 0%, #F5A623 100%);
		background:-moz-linear-gradient(top, #F5A623 0%, #F5A623 100%);
		background:-ms-linear-gradient(top, #F5A623 0%, #F5A623 100%);
		background:-o-linear-gradient(top, #F5A623 0%, #F5A623 100%);
		background:linear-gradient(to bottom, #F5A623 0%, #F5A623 100%);
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
		background-color: #EAEAEA;
		color: #666666;
		font-family: 'Roboto', sans-serif;
		font-weight: 800;
		transition: 0.17s;
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
		color: #000000 !important;
		border: 0;
		background-color:#424242;;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5A623), color-stop(100%, #F5A623));
		background:-webkit-linear-gradient(top, #F5A623 0%, #F5A623 100%);
		background:-moz-linear-gradient(top, #F5A623 0%, #F5A623 100%);
		background:-ms-linear-gradient(top, #F5A623 0%, #F5A623 100%);
		background:-o-linear-gradient(top, #F5A623 0%, #F5A623 100%);
		background:linear-gradient(to bottom, #F5A623 0%, #F5A623 100%);
	}

	.dataTables_wrapper .dataTables_paginate .paginate_button:active {
		outline:none;
		background-color:#424242;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #F5A623), color-stop(100%, #F5A623));
		background:-webkit-linear-gradient(top, #F5A623 0%, #F5A623 100%);
		background:-moz-linear-gradient(top, #F5A623 0%, #F5A623 100%);
		background:-ms-linear-gradient(top, #F5A623 0%, #F5A623 100%);
		background:-o-linear-gradient(top, #F5A623 0%, #F5A623 100%);
		background:linear-gradient(to bottom, #F5A623 0%, #F5A623 100%);
		box-shadow:inset 0 0 3px #111;
	}

/***& DATATABLES &***/

/***** NOVA SOLICITACAO DE SUPORTE *****/

	div.form-group label {
		color: #000000;
		font-weight: 600;
	}

/***** NOVA SOLICITACAO DE SUPORTE *****/

/***** HISTORICO DE SUPORTE *****/

	div#chamado {
		border-color: #ccc;
	}

	div#dados {
		border-color: #ccc;
		color: #000000;
	}

	div#dados p span {
		color: rgba(57, 62, 64, .9);
	}

	div#prioridade span {
		color: rgba(57, 62, 64, .9);
	}

	div.ocorrencia-titulo {
		border-color: rgba(180,180,180,.8);
		color: #666666;
		background: #f5f5f5;
	}

	div.ocorrencia-mensagem {
		border-color: rgba(180,180,180,.8);
		background: #fff;
	}

	div.ocorrencia-mensagem p {
		color: #000000;
	}

/***** HISTORICO DE SUPORTE *****/

/***** CONTATOS *****/
	
	div.bloco-endereco span, 
	div.bloco-whatsapp span, 
	div.bloco-telefone span,
	div.bloco-email span,
	div.bloco-facebook span, 
	div.bloco-skype span, 
	div.bloco-twitter span {
		color: #666666;
	}

	div#endereco, div#telefones, div#links, div.grupo-telefone, div.grupo-whatsapp {
		border-color: rgba(180,180,180,.8);
	}
	
	div.bloco-endereco, div.bloco-telefone, div.bloco-email, div.bloco-facebook, div.bloco-skype, div.bloco-twitter {
        font-family: 'skola_regular',sans-serif;
    }

/***** CONTATOS *****/
	
/***** NOTIFICACAO *****/

	div.bloco-2 div.card:hover {
		border: 1px solid #FF8000;
	}
	div.bloco-2 div.card div.card-body button.btn-not {
		background-color: #F5A623;
		color: #000000;
	}

/***** NOTIFICACAO *****/

/***** BOLETOS LISTAR *****/

	.box-center {
		background: linear-gradient( to right, #FFFFFF, #FFFFFF);
	}

	.box-center-faturas {
		background: linear-gradient( to right, #FFFFFF, #FFFFFF);
	}

	.box-center .form-envio #listaBoleto p {
		color: #000000;
	}

	button#iconDownBL,
	button#iconPDFClip,
	button#iconPDFBL,
	button#iconCardBL {
		background-color: transparent;
	}

	#iconPDFBL .svg {
		height: 2.4rem;
		width: 2rem;
		cursor: pointer;
	}

	#iconDownBL .svg {
		height: 2.5rem;
		width: 2rem;
		cursor: pointer;
	}

	#iconPDFClip .svg {
		width: 2rem;
		cursor: pointer;
	}

	#iconCardBL .svg {
		width: 2rem;
		cursor: pointer;
	}

	#iconDownBL .svg path,
	#iconPDFClip .svg path,
	#iconPDFBL .svg path,
	#iconCardBL .svg path {
		fill:  #F5A623;
	}

	.image-uploader .upload-text span svg .color-svg {
		fill: #F5A623;
	}

/***** BOLETOS LISTAR *****/

/***** SPINNER *****/

	div.spinner{
		border-top:3px solid #FFFFFF;
	}

	.loader_block {
		border: 5px solid #e0dede;
		border-top: 5px solid #FFFFFF;
		border-radius: 50%;
		width: 30px!important;
		height: 30px!important;
		animation: blockspin 1s linear infinite;
		transition: 0.5s;
	}

	.blockUI {
		display: flex;
		flex-direction: row;
		-webkit-flex-direction: row;
		justify-content: space-evenly;
		-webkit-justify-content: space-evenly;
		align-items: center;
		-webkit-align-items: center;
		border-radius: 0.3rem;
	}

	@keyframes blockspin {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	.swal2-styled.swal2-confirm {
		background-color: #F5A623!important;
		color: #000000!important;
	}

	.swal2-styled.swal2-confirm:hover {
		background-color: #F5A623;
	}

/***** SPINNER *****/

/***** MQn *****/	

	@media (max-width: 992px) {
		html, body { width: 100%; height: 100%; padding: 0; margin: 0; overflow: auto; }
		main { overflow: hidden; }
	}

	#table-header-extrato {
		background: linear-gradient( to right, #FFFFFF, #FFFFFF, #FFFFFF);
		color: #000000;
		font-family: 'Roboto', sans-serif;
	}

	@media print {
		#table-header-extrato {
			background: linear-gradient( to right, #FFFFFF, #FFFFFF, #FFFFFF);
			color: #000000;
			font-family: 'Roboto', sans-serif;
		}
	}

/***** MQn *****/	

/***** VIABILIDADE *****/

	.ct_box_center {
		background: linear-gradient( to right, #FFFFFF, #FFFFFF);
		color: #FFFFFF;
	}

	.ct_loader {
		border: 8px solid #e0dede;
		border-top: 8px solid #FFFFFF;
		border-radius: 50%;
		width: 70px!important;
		height: 70px!important;
		animation: spinloader 1s linear infinite;
		margin: 1rem;
		transition: 0.5s;
	}

	@keyframes spinloader {
		0% {
			transform: rotate(0deg);
		}
		100% {
			transform: rotate(360deg);
		}
	}

	#ct_body_conhecer .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
		background-color: #F5A623;
		color: #000000;
	}

/***** VIABILIDADE *****/

/***** CONTRATOS *****/

	div#body_contrato .ct_header_status {
		background: #FF8000;
		color: #000000;
	}

	#modal_contrato_preview .modal-header .close {
		background: #FF8000;
		color: #000000;
	}

/***** CONTRATOS *****/

	div.bloco-2 div.row::-webkit-scrollbar-track {
		background: #eee;
	}

	div.bloco-2 div.row::-webkit-scrollbar-thumb {
		background: #F5A623;
	}

	div.bloco-2 div.row::-webkit-scrollbar-thumb:hover {
		background: #F5A623;
		color: #fff;
	}

/************************************************** reestruturação ********************************************************/

.btn-default {
	background-color: #F5A623;
	color: #000000;
}

.btn-default:hover {
	background-color: #F5A623;
}

.btn-full {
	width: 100%;
}

.form-control {
	border-radius: 0.3rem;
}

#modal_contrato #body_contrato ul.list-group::-webkit-scrollbar {
	width: 8px;
}

#modal_contrato #body_contrato ul.list-group::-webkit-scrollbar-button {
	width: 8px;
	height: 0px;
}

#modal_contrato #body_contrato ul.list-group::-webkit-scrollbar-track {
	background: transparent;
}

#modal_contrato #body_contrato ul.list-group::-webkit-scrollbar-thumb {
	background: #F5A623;
}

#modal_contrato #body_contrato ul.list-group::-webkit-scrollbar-thumb:hover {
	background: #F5A623;
}

#imgQRcode{
	border:4px solid #F5A623;
}