@charset "UTF-8";
	
	.mt-5{margin-top: 5px;}
	.mt-10{margin-top: 10px;}
	.mt-15{margin-top: 15px;}
	.mt-20{margin-top: 20px;}
	.mt-25{margin-top: 25px;}

	.pt-5{padding-top: 5px;}
	.pt-10{padding-top: 10px;}  
	.pt-15{padding-top: 15px;}
	.pt-20{padding-top: 20px;}  
	.pt-25{padding-top: 25px;}
	.pt-30{padding-top: 30px;}

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

	.mb-5{margin-bottom: 5px;}
	.mb-10{margin-bottom: 10px;}    
	.mb-15{margin-bottom: 15px;}
	.mb-20{margin-bottom: 20px;}    
	.mb-25{margin-bottom: 25px;}
	.mb-30{margin-bottom: 30px;}
	/*================================================*/
	/* CSS Document */
	/*================================================*/
	/*  Layout Personal*/
	.texto-title{
		font-size: 35px;
		font-weight: 600;
	}
	.texto-body{
		font-size: 15px;
		font-weight: 500;
	}

	.body-bg-cpainel{
		background: #ffffff;
		background:url(../../_images/fundo5.jpg) 0px 0px / 100% no-repeat fixed;
	}

	.body-bg-sistema{
		background: #ffffff;
		background:url(../../_images/fundo7.jpg) 0px 0px / 100% no-repeat fixed;
		background-position:center;
		background-size:cover;
		padding:10px;
	}

	.header{
		background-color  : #FFCC00;
		border-top-right-radius: 6px;
		border-top-left-radius: 6px;
	}

	.bg-gradient-primary-bottom {
		background-color: #f8f9fc;
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #f8f9fc), to(#224abe));
		background-image: linear-gradient(180deg, #f8f9fc 42%, #eff0f4 123%);
		background-size: cover;
	}
	.bg-gradient-primary-right {
		background-color: #ede265;
		/*background-image: -webkit-gradient(linear, left top, left right, color-stop(10%, #ede265), to(#224abe));*/
		background-image: linear-gradient(90deg, #ede265 90%, #224abe 123%);
		background-size: cover;
	}

	/*=======================================*/
	/* BARRA DE DIVISÃO VERTICAL             */
	/*=======================================*/
	.nav .topbar-divider {
		width: 0;
		border-right: 2px solid #e3e6f0;
		height: calc(4.375rem + 10rem);
		margin: auto 2rem;
	}
	@media (min-width: 576px)
	.d-sm-block {
		display: block!important;
	}

	/*=======================================*/

	.footer-system {
		width: 100%;
		background:#f3f3f4;
		/*background:url(../../_images/fundo_amarelo.png) 0px 0px / 100% no-repeat fixed;*/
		bottom: 0;
		left: 0;
		right: 0;
		padding: 10px 20px;
		position: absolute;
		font-size:12px;
		position: fixed;
		border-top: 2px solid #ccc;
	}
	.fundo_plano{
		background:#ede265;
		background:url(../../_images/fundo_amarelo.png) 0px 0px / 100% no-repeat fixed;
		background-color  : #FFCC00;
		color             : #000000;
		font-weight       : bold;
	}

	.thumb-image {
		/*margin: auto 40px;*/
		display: inline-block;
		max-width: 100%;
		height: auto;
		padding: 4px;
		line-height: 1.42857143;
		background-color: #fff;
		border: 1px solid #ddd;
		border-radius: 4px;
		-webkit-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out
	}
	.logo-img{
		margin-top: 4px;
	}
	.logo {
		padding: 7px 0px;
		text-align: center;
		height: 60px;
		border-bottom: 1px solid #e7eaec;
		background-color: #ede265;
		background-image: linear-gradient(180deg, #f8f9fc 42%, #eff0f4 123%);
		background-size: cover;
	}

	.nav-header {
		height: 60px;
		padding: 0px 10px;
		background-color: #fffddd;
		border-bottom: 1px solid #e7eaec;
		margin-top: -21px;
		background-color: #ede265;
		background-image: linear-gradient(180deg, #f8f9fc 42%, #eff0f4 123%);
		background-size: cover;
	}
	/*
	======================================
		BOX Suporte
	======================================
	*/
	.logo-hover-box {
		background: #fff;
		text-align: left;
		border: 1px solid #dedede;
		border-top: 9px solid #f0ad4e;
		border-radius: 6px;
		box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
		left: 0;
		margin-top: 2%;
		width: 400px;
		padding: 20px;
		opacity: 0;
	}

	/*
	======================================
		Notificação da Grid de emitente
	======================================
	*/
	.table-notice{
		/*height: 760px;*/
		border-radius: 4px;
		border: 1px solid #ccc;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.notice{
		border-radius: 4px;
		border-bottom: 1px solid #e7eaec;
		margin-bottom: 15px;
		height: 150px;
	}
	.notice .label-title{
		padding-top: 10px;
		text-transform: uppercase;
		font-size: 16px;
		color: #3915E8;
	}

	.notice .painting{
		float: none !important;
		margin: 0 auto;
	}
	.notice .painting .pay{
		font-size: 12px;
		height: auto;
		padding-top: 5px;
		background: #e1ebf5;
		border: 1px solid #999;
		border-radius: 4px;
		margin-right: 2px;
		padding-bottom: 5px;
	}
	.notice .painting .aviso{
		font-size: 12px;
		height: auto;
		padding-top: 5px;
		background: #FFFFC8;
		border: 1px solid #999;
		border-radius: 4px;
		margin-right: 2px;
		padding-bottom: 5px;
	}
	.painting>.pay>.box-label, .painting>.aviso>.box-label{
		font-weight: bold;
		color: #4d9aef;
	}
	.box-line{
		border-bottom: 1px solid #999;
		padding-top: 5px;
	}
	.painting .pay .aviso .box-body{
	}

	.painting .pay .botao{
		background: #ff0000;
		border-radius: 4px;
		padding: 2px 5px;
		font-size: 12px;
		color: #ffffff;
		font-weight: bold;
		margin-top: -2px;
	}
	.box-data{
		background: #090;
		border-radius: 4px;
		padding: 2px 5px;
		font-size: 12px;
		color: #ffffff;
		font-weight: bold;
		margin-top: -2px;
	}
	/*
	===========================================
	*/
	.well {
		min-height: 20px;
		padding: 19px;
		margin-bottom: 20px;
		background-color: #f5f5f5;
		border: 1px solid #e3e3e3;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	}

	.box{
		box-shadow: 0px 2px 5px #888888;
	}

	.portlet{
		background:#fff;
		padding: 15px;
		border-radius: 4px;
		border: 1px solid #ccc;
	}

	.portlet-title{
		font-size: 16px;
		height: 40px;
		/*padding-top: 5px;*/
		margin-bottom: 30px;
		border-bottom: 1px solid #ccc;
	}

	.fileUpload {
		position          : relative;
		overflow          : hidden;
		margin            : 0px;
	}
	.fileUpload input.upload {
		position          : absolute;
		top               : 0;
		right             : 0;
		margin            : 0;
		padding           : 0;
		font-size         : 20px;
		cursor            : pointer;
		opacity           : 0;
		filter            : alpha(opacity=0);
	}
	.space-bottom{
		padding-bottom: 10px;
	}
	.modal-header {
		background-color: #4e73df;
		/*background:url(../../_images/fundo_amarelo.png) 0px 0px / 100% no-repeat fixed;*/
		color:#FFFFFF;
		padding: 15px;
		border-bottom: 1px solid #e5e5e5;
	}
	.close-1 {
		float: right;
		font-size: 21px;
		font-weight: 700;
		line-height: 1;
		color: #000;
		text-shadow: #fff 1px 0 #fff;
		filter: alpha(opacity=20);
		opacity: .2;
	}

	.table1>tbody>tr:hover {
		background-color: #fcf8e3
	}

	.table>thead>tr>th{
		background: #e7eaec;
		text-align: center;
		font-size: 14px;
	}

	.table>tbody>tr:hover,
	.table-hover>tbody>tr:hover,
	.table>tbody>tr.active>td,
	.table>tbody>tr.active>th,
	.table>tbody>tr>td.active,
	.table>tbody>tr>th.active,
	.table>tfoot>tr.active>td,
	.table>tfoot>tr.active>th,
	.table>tfoot>tr>td.active,
	.table>tfoot>tr>th.active,
	.table>thead>tr.active>td,
	.table>thead>tr.active>th,
	.table>thead>tr>td.active,
	.table>thead>tr>th.active {
		/*background-color: #eef1f5;*/
		background-color: #fffddd;
	}

	.input-info{
		color               : #FF0000;
		background-color    : #FFFFFF;
		font-size           : 14px;
		font-weight         : bold;
		width               : 100%;
		padding             : 5px;
		border-radius       : 8px;
		border-top          : 1px solid #666600;
		border-left         : 1px solid #666600;
		border-right        : 1px solid #666600;
		border-bottom       : 1px solid #666600;
	}

	.info-prod{
		color               : #FF0000;
		background-color    : #FFFFFF;
		font-size           : 14px;
		font-weight         : bold;
		width               : 100%;
		padding-top         : 20px;
		padding             : 5px;
		border-radius       : 8px;
		border-top          : 1px solid #666600;
		border-left         : 1px solid #666600;
		border-right        : 1px solid #666600;
		border-bottom       : 1px solid #666600;
	}
	/*================================================*/
	/*	SOMBREADO DE TEXTO */
	/*================================================*/
		.sombra1{
			text-shadow: 1px 2px 5px #600;
		}
		.sombra2{
			text-shadow: #999 1px 2px 2px;
		}
		.sombra3{
			text-shadow: #000 0.2em 0.3em 0.2em;
		}
		.sombra4{
			text-shadow: #000 2px 3px 2px;
		}

	/*================================================*/
	/*  Destaque e Foco do Input  */
	/*================================================*/
		input:focus {
		  background-color: #fffddd;
		  border-color: 1px solid #3158ff;
		}
		select:focus {
		  background-color: #fff;
		}
	/*================================================*/
	/*  Quando um recebe foco, mude gradualmente a largura de 100px para 250px:  */
	/*================================================*/
		input[id=pesquisa] {
		  width: 150px;
		  transition: ease-in-out, width .35s ease-in-out;
		}

		input[id=pesquisa]:focus {
		  width: 350px;
		}

	/*================================================*/
	/*	Layout Divisa*/
	/*================================================*/
	.line-div{
		border-bottom   : 1px solid #cccccc;
		padding: 5px;
	}
	.divider{
		margin-top: 15px;
		border-bottom: 1px solid #cccccc;
	}
	.linha{
		color           : #cccccc;
		margin-left     : 18px;
		margin-right    : 18px;
		margin-top      : 15px;
		border-bottom   : 1px solid #cccccc;
		text-align      : center;
		font-weight     : bold;
		padding: 1px;
	}
	.titulo_divisa1{
		color			: #cccccc;
		margin-left		: 18px;
		margin-right	: 18px;
		margin-top		: 15px;
		border-bottom   : 1px solid #cccccc;
		text-align		: center;
		font-weight		: bold;
	}
	
	.line-divisa{
		width: 90%;
		border-bottom: 1px solid #ccc;
		padding:3px 3px 3px 3px;
		/*float: none !important;
		margin: 0 auto;*/
	}

	.titulo_divisa{
		color: #999;
		text-align: left;
		font-weight: bold;
		font-size: 14px;
		padding: 3px 3px 3px 15px;
		margin-left: 0px;
		margin-top: 8px;
	}

	.box-titulo {
		min-height: 20px;
		/*padding: 19px;*/
		margin-bottom: 20px;
		background-color: #f5f5f5;
		border: 1px solid #e3e3e3;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
	}

	.titulo_div{
		font-size       : 18px;
		font-weight		: bold;
		text-align		: left;
		color           : #006666;
		margin-left		: 18px;
		margin-right	: 18px;
		margin-top		: 15px;
		border-bottom   : 1px solid #006666;
	}
	/*===============================================
		OUTROS ITENS
	=================================================*/
	.upcase{text-transform: uppercase;}

	hr{width: 99%;	border: 1px solid #999;}

	.img-roma{
		border-radius: 8px;
		padding: 5px;
		border: 1px solid #999;
		background: #FFFFFF;
	}

	.img-start{
		width: 10%;
		height: 12%;
		background: #FFFFFF;
		border-radius: 8px;
	}

	.menu-header{
		margin-bottom: 40px;
		padding: 5px 20px;
	}

	/*================================================*/
	/*	Layout Personal*/
	/*================================================*/
	.bg-body{
		background-color : #FFFFFF;
	}
	.status-historico{
		font-size         : 20px;
		border-top        : 1px solid #bcbcbc;
		border-bottom     : 1px solid #bcbcbc;
	}
	.bg-row{
		width: 100%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857143;
		color: inherit;
		background-color: #ededed;
		background-image: none;
		border: 1px solid #e5e6e7;
		border-radius: 8px;
		box-shadow: 1px 2px 5px #999;
		display: block;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	}

	/* Pesquisar Modal */
	#message-blue{margin-bottom: 5px;}
	#message-red{margin-bottom: 5px;}
	.blue-left  {
		background-color: #fff;
		color: #2e74b2;
		font-family: Tahoma;
		font-weight: bold;
		padding: 5px 10px 15px 10px;
		border-radius: 4px;
	}
	.blue-left a{
		color: #2e74b2;
		font-family: Tahoma;
		font-weight: normal;
		text-decoration: underline;
	}
	.blue-left .input-search{height: 30px; padding: 0px; border-radius: 5px}
	.blue-right a{cursor: pointer;}
	.blue-right{width: 55px;}
	.tdEsquerda {text-align:left;}
	.tdCentro {text-align:center;}
	.tdDireita {text-align:right;}

	/*===============================================
		Alinhamento de Texto
	=================================================*/
	.text-align-justify {text-align: justify;}
	.pull-center{float: none !important; margin: 0 auto;}
	.valign-geral{
		vertical-align: baseline;
		vertical-align: sub;
		vertical-align: super;
		vertical-align: text-top;
		vertical-align: text-bottom;
		vertical-align: top;
		vertical-align: bottom;
	}
	.valign-center{
		vertical-align: middle;
	}

	/*===============================================
		Style Diversos
	=================================================*/
	.pointer{cursor: pointer;}

	/*===============================================
		Negrito da Fonte
	=================================================*/
	.bold{font-weight:bold;}

	/*===============================================
		BORDAS
	=================================================*/
	.sombra-box{
		 box-shadow: 5px 10px 18px #888888;
		}
	.border-buttom{
		border-radius: 8px;
		border: 1px #999 1px #666 solid;
		padding: 3px;
		box-shadow: 5px 10px 18px #888888;
	}
	.border-box{
		border-top: 1px solid #e7eaec;
		border-left: 1px solid #e7eaec;
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
	}
	.fieldset {
		text-align: left;
		border: 1px solid #e7eaec;
		border-radius:8px;
		padding: 10px 0px;
	}

	.border-top-radius{border-top-left-radius:8px;border-top-right-radius:8px;}
	.border-bottom-radius{border-bottom-left-radius:8px;border-bottom-right-radius:8px;}
	.border-top-left-radius{border-top-left-radius:8px;}
	.border-top-right-radius{border-top-right-radius:8px;}

	.border-radius-2{border-radius: 2px;}
	.border-radius-4{border-radius: 4px;}
	.border-radius-5{border-radius: 5px;}
	.border-radius-6{border-radius: 6px;}
	.border-radius-8{border-radius: 8px;}
	.border-radius-10{border-radius: 10px;}

	.border-top{border-top: 1px solid #999;}
	.border-left{border-left: 2px solid #999;}
	.border-right{border-right: 2px solid #999;}
	.border-bottom{border-bottom: 2px solid #999;}

	.border-top-black{border-top: 1px solid #000000;}
	.border-left-black{border-left: 1px solid #000000;}
	.border-right-black{border-right: 1px solid #000000;}
	.border-bottom-black{border-bottom: 1px solid #000000;}

	.border-black{border: 1px solid #000000;}
	.border-white{border: 2px solid #FFFFFF;}
	.border-cinza{border: 2px solid #999999;}
	.border-grey{border:1px solid #999999;}
	.border-red{border:1px solid #FF0000;}
	.border-green{border:1px solid #027702;}
	.border-blue{border:2px solid #4e73df;}
	.border-violeta{border:1px solid #6610f2;}
	.border-laranja{border:1px solid #fd7e14;}
	.border-yellow{border:1px solid #f6c23e;}
	.border-pink{border:1px solid #e83e8c;}

	/*===============================================
		Tamanho da Fonte
	=================================================*/
	.size-7{font-size:7px;}
	.size-8{font-size:8px;}
	.size-9{font-size:9px;}
	.size-10{font-size:10px;}
	.size-11{font-size:11px;}
	.size-12{font-size:12px;}
	.size-13{font-size:13px;}
	.size-14{font-size:14px;}
	.size-15{font-size:15px;}
	.size-16{font-size:16px;}
	.size-17{font-size:17px;}
	.size-18{font-size:18px;}
	.size-19{font-size:19px;}
	.size-20{font-size:20px;}
	.size-21{font-size:21px;}
	.size-22{font-size:22px;}
	.size-23{font-size:23px;}
	.size-24{font-size:24px;}
	.size-25{font-size:25px;}
	.size-26{font-size:26px;}
	.size-27{font-size:27px;}
	.size-28{font-size:28px;}
	.size-29{font-size:29px;}
	.size-30{font-size:30px;}

	/*===============================================
		Cor da BG
	=================================================*/
	.bg-grey{ background-color:#F5F5F6; color: #FFFFFF;  }
	.bg-white{ background-color:#FFFFFF; color: #676a6c;  }
	.bg-black{ background-color:#000000; color: #FFFFFF; }
	.bg-red{ background-color:#ed5565; color: #FFFFFF; }
	.bg-wine{ background-color:#900; color: #FFFFFF; }
	.bg-blue{ background-color:#0066FF; color: #FFFFFF; }
	.bg-yellow{ background-color:#FFCC00; color: #666666; }
	.bg-yellow-theme{ background-color:#f5f5d3; color: #666666; }
	.bg-yellow-clear{ background-color:#f4e9c1; color: #666666; }
	.bg-yellow-gold{ background-color: #FF9933; color: #FFFFFF;  }
	.bg-blue-dark{ background-color: #093FBD; color: #FFFFFF; }
	.bg-green-dark{ background-color: #027702; color: #FFFFFF; }
	.bg-acqua{ background-color: #00CCFF; color: #FFFFFF; }
	.bg-cinza{ background-color: #D7D7D7; color: #666; }
	.bg-cinza-dark{ background-color: #818E91; color: #666; }
	.bg-dark{ background-color: #7D7F85; color: #666; }
	.bg-blue-clear{background: #e7eaec; color: #676a6c;}

	/*===============================================
		Cor da Fonte
	=================================================*/
	.text-blue{color: #4e73df};
	.text-indigo{color: #6610f2};
	.text-purple{color: #6f42c1};
	.text-pink{color: #e83e8c};
	.text-red{color: #e74a3b};
	.text-orange{color: #fd7e14};
	.text-yellow{color: #f6c23e};
	.text-green{color: #1cc88a};
	.text-teal{color: #20c9a6};
	.text-cyan{color: #36b9cc};
	.text-white{color: #fff};
	.text-gray{color: #858796};
	.text-gray-dark{color: #5a5c69};
	.text-primary{color: #4e73df};
	.text-secondary{color: #858796};
	.text-success{color: #1cc88a};
	.text-info{color: #36b9cc};
	.text-warning{color: #f6c23e};
	.text-danger{color: #e74a3b};
	.text-light{color: #f8f9fc};
	.text-dark{color: #5a5c69};

	.text-black{ color:#000000; }
	.font-green{color: #1cc88a};
	.font-white{ color:#FFFFFF; }
	.font-black{ color:#000000; }
	.font-red{ color:#FF0000; }
	.font-blue{ color:#0066FF; }
	.font-yellow{ color:#FFCC00; }
	.font-yellow-gold{ color: #FF9933; }
	.font-blue-dark{ color: #1c84c6; }
	.font-blue-dark{ color: #000000; }
	.font-green-dark{ color: #027702; }
	.font-acqua{ color: #00CCFF; }
	.font-cinza{ color: #D7D7D7; }
	.font-cinza-black{ color: #999999; }

	.font-green-jungle {color: #26C281 !important; }
	.font-yellow-gold2 {color: #E87E04 !important; }
	.font-red-thunderbird {color: #D91E18 !important; }

	.input-search{height: 30px; padding-left: 15px; border-radius: 5px}
	/*===============================================
		Box botões
	=================================================*/
	.btn-box-danger{
		background-color: #E42349;
		color: #FFFFFF;
		padding: 3px 5px;
		border-radius: 3px;
		font-weight: bold;
	}

	/*===============================================
		Cores pra botões da Grid
	=================================================*/
	.btn-green{background-color: #006600;color: #FFFFFF;}
	.btn-yellow-gold{background-color: #FF9933;color: #FFFFFF;}
	.btn-blue-dark{background-color: #1c84c6;color: #000000;}
	.btn-green-dark{background-color: #027702;color: #FFFFFF;}
	.btn-green-sure{background-color: #009933;color: #FFFFFF;}
	.btn-green-acqua{background-color: #00CCFF;color: #FFFFFF;}
	.btn-red-suave{background-color: #E42349;color: #FFFFFF;}
	.btn-red-dark{background-color: #FF0000;color: #FFFFFF;}

	.btn-dark{background-color: #fff; border-color: #000000; color: #000000;}
	.btn-violeta{background-color: #fff; border-color: #9900CC; color: #9900CC;}
	.btn-blue-black{background-color: #fff; border-color:#0000FF; color: #0000FF;}

	.btn-search{
		padding: 0px 5px;
	}
	.btn-search-violeta{background-color: #fff; border-color: #9900CC; color: #9900CC;}
	.btn-search-violeta .btn-outline:hover{
		background-color: transparent;
		transition: all .5s;
		/*background-color: #9900CC; color: #fff;*/
	}

	/*==========================
		BOTAO AJUDA
	============================*/
	.btn-ajuda{
		padding: 5px 5px;
		border-radius: 4px;
	}
	.btn-ajuda.btn-ajuda-blue{background: #1c84c6; color: #fff;}
	.btn-ajuda, .btn-ajuda-outline:hover{background: #fff; color: #1c84c6; border: 1px solid #1c84c6;}

	/*==========================
		BOTAO HOVER (OUTLINE)
	============================*/
	.btn-dark.btn-outline:hover{background-color: #000000; color: #fff;}
	.btn-violeta.btn-outline:hover{background-color: #9900CC; color: #fff;}
	.btn-blue-black.btn-outline:hover{background-color: #0000FF; color: #fff;}

	/*=======================================
		SELECIONA A DIV DE NÃO LIDO DO MESSENGER
	=========================================*/
	.naolido { font-weight: 600; color: inherit; font-weight:bold;}
	.lido { font-weight: normal; color: inherit; }

	.icone{ color: #999; }

	.table-header{
		border-radius: 4px;
		background-color: #FF9933;
		color: #000;
	}


	/*=======================================
		Cabeçalho Frente de Caixa
	=========================================*/
	.page-content {
		background-clip: padding-box;
		border-bottom-left-radius: 2px;
		border-bottom-right-radius: 2px;
		border-top-right-radius: 2px;
		margin-top: -4px;
		padding-top: 20px;
		position: relative;
	}

	.header-caixa{
		width: 100%;
		height: 100px;
		background-color:#FFFFFF;
		color:#000;
		padding-top: 10px;
		margin:10px 0px 10px 0px;
		border-radius:8px;
		border: 1px solid;
		box-shadow: 5px 10px 18px #888888;
	}

	.table-caixa{
		border-radius:8px;
		box-shadow: 5px 10px 18px #888888;
	}

	/*=======================================
		Box de Legendas
	=========================================*/
	.box-aviso-suporte{
		padding: 15px;
		margin-bottom: 20px;
		border: 1px solid transparent;
		float: none !important;
		margin: 0 auto;
		margin-top: 150px;
		width: 60%;
		border-radius: 8px;
		/*background-color: #ebccd1;*/
		background: #f0f2f5 url(f0f2f5grad.gif) bottom repeat-x;
		box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
	}

	.box-textarea{
		height: 60px;
		color:#999;
		border-radius:8px;
		border-left:2px #ff0000 solid;
		padding:15px;
	}

	.box-legenda{
		height: 100%;
		background:#FFFFFF;
		color:#000;
		border-radius:8px;
		border-left:2px #0066FF solid;
		padding:15px;
		box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
	}

	.box-padrao{
		/*width: 70%;*/
		background:#FFFFFF;
		color:#000;
		padding:15px;
		border-radius:8px;
		box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3);
	}

	.box-perfil{
		background:#FFFFFF;
		color:#000;
		padding: 2px 2px;
		border-radius:4px;
		box-shadow: 0px 10px 25px 0px rgba(255, 255, 255, 0.3);
	}

	.box-nome{
		/*background: #fff;
		border-radius:4px;
		margin-bottom: 15px;*/
		width: 100%;
		text-align: center;
		color:#666;
		padding: 7px 0px;
	}
	.box-social{
		text-align: center;
		background:#FFFFFF;
		color:#000;
		padding: 5px 5px;
		border-radius:4px;
	}

	/*=======================================
		LAYOUT DAS MESAGENS DE LOGIN
	=========================================*/
	.mensagem-login{width: 100%;border-radius: 8px;padding: 10px;}
	.mensagem-texto-14{font-size: 14px;color: #000000;font-weight: bold;}
	.mensagem-texto-12{font-size: 12px;color: #000000;font-weight: bold;}

	/*=======================================
		MENSAGEM DE ALERTA
	=========================================*/
	/* Notifie */
	.notify {
		width: 50%;
		background: #f5f5d3;
		padding: 0;
		margin-top: 25px;
		padding: 20px;
		border: none;
		box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
		-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
		color: inherit;
	}
	.notify.notify-warning {
		border-left: 6px solid #FDAA1A;
	}
	.notify.notify-success {
		border-left: 6px solid #1c84c6;
	}
	.notify.notify-danger {
		border-left: 6px solid #ed5565;
	}
	.notify.notify-info {
		border-left: 6px solid #056B3A;
	}
	
	/*=========================================*/
	.alert-box{
		float: none !important;
		margin: 0 auto;
	}
	.alert-user{
		padding: 5px;
		text-align: left;
		font-size: 18px;
		color: #FFF;
		font-weight: bold;
		border-radius:8px;
		border-left: 4px solid #666;
		background-color: #FFA500;
	}
	.alert-warning{
		padding: 5px;
		width: 100%;
		height: 100%px;
		text-align: left;
		font-size: 18px;
		color: #FFF;
		font-weight: bold;
		border-radius:8px;
		border-left: 4px solid #666;
		background-color: #FFA500;
	}
	.alert-sucesso{
		padding-top: 8px;
		width: 50%;
		height: 50px;
		color: #FFFFFF;
		border-radius: 8px;
	}
	.alert-erro{
		padding-top: 8px;
		width: 50%;
		height: 50px;
		color: #FFFFFF;
		border-radius: 8px;
	}
	.alert-red{
		text-align: center;
		width: 100%;
		height: 120px;
		padding: 20px 0px;
		border-top: 1px solid #e7eaec;
		border-left: 16px solid #0066FF;
		border-right: 1px solid #e7eaec;
		border-bottom: 1px solid #e7eaec;
		font-size: 28px;
		color: #FF0000;
		font-weight: bold;
		background-color: #FFFFFF;
		border-radius:8px;
		box-shadow: 5px 10px 18px #888888;
	}
	.alert-info{
		width: 45%;
		padding: 30px;
		border-radius: 10px;
		color: #FFFFFF;
	}
	.alerta-login{width: 100%;}
	.primary .alerta-login{background-color: #056B3A !important; padding: 10px; color: #666; border-radius: 8px; font-weight: bold;}
	.secondary .alerta-login{background-color: #6c757d !important; padding: 10px; color: #666; border-radius: 8px; font-weight: bold;}
	.success .alerta-login{background-color: #1c84c6 !important; padding: 10px; color: #666; border-radius: 8px; font-weight: bold;}
	.danger .alerta-login{background-color: #ed5565 !important; padding: 10px; color: #666; border-radius: 8px; font-weight: bold;}
	.alerta-login > .danger2{background-color: #f2dede !important; padding: 10px; color: #666; border-radius: 8px; font-weight: bold;}
	.warning .alerta-login{background-color: #FDAA1A !important; padding: 10px; color: #666; border-radius: 8px; font-weight: bold;}
	.info .alerta-login{background-color: #23c6c8 !important; padding: 10px; color: #666; border-radius: 8px; font-weight: bold;}

	.alerta-cx{
		width: 100%;
		padding:12px;
		color: #FFFFFF;
		border-radius: 8px;
		font-weight: bold;
	}
	.alerta-secondary .alerta-cx{background-color: #6c757d !important;}
	.alerta-success .alerta-cx{background-color: #1c84c6 !important;}
	.alerta-danger .alerta-cx{background-color: #ed5565 !important;}
	.alerta-warning .alerta-cx{background-color: #FDAA1A !important;}

	.alerta-primary{
		width: 100%;
		padding:12px;
		color: #FFFFFF;
		border-radius: 8px;
		font-weight: bold;
		background-color: #056B3A !important;
	}
	.alerta-info{
		width: 100%;
		padding:12px;
		color: #FFFFFF;
		border-radius: 8px;
		font-weight: bold;
		background-color: #23c6c8 !important;
	}
	.alerta-danger{
		width: 100%;
		padding:12px;
		color: #FFFFFF;
		border-radius: 8px;
		font-weight: bold;
		background-color: #ed5565 !important;
	}
	.alerta-warning{
		width: 100%;
		padding:12px;
		color: #FFFFFF;
		border-radius: 8px;
		font-weight: bold;
		background-color: #FDAA1A !important;
	}

	/*==================================================*/
	.alerta{
		width: 80%;
		text-align: center;
		padding:12px;
		color: #FFFFFF;
		border-radius: 8px;
		font-weight: bold;
	}
	.alerta-primary .alerta{background-color: #056B3A !important;}
	.alerta-secondary .alerta{background-color: #6c757d !important;}
	.alerta-success .alerta{background-color: #1c84c6 !important;}
	.alerta-info .alerta{background-color: #23c6c8 !important;}

	/*================================================*/
	.box-ambiente-homologa{
		width: 100%;
		margin-top: 55px;
		background-color: #ed5565 !important;
		color: #fff;
		font-weight: bold;
		text-align: center;
		padding: 5px 10px;
		border-radius: 4px;
	}
	.box-ambiente-producao{
		width: 100%;
		margin-top: 55px;
		background-color: #36b9cc !important;
		color: #fff;
		font-weight: bold;
		text-align: center;
		padding: 5px 10px;
		border-radius: 4px;
	}

	.box-cert-instalado {
		width: 100%;
		margin-top: 55px;
		background-color: #1cc88a !important;
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
		padding: 5px 10px;
		border-radius: 4px;
		/* margin-right: 10px; */
	}

	.box-cert{
		width: 100%;
		margin-top: 55px;
		background-color: #ed5565 !important;
		color: #FFFFFF;
		font-weight: bold;
		text-align: center;
		padding: 5px 10px;
		border-radius: 4px;
		/*margin-right:10px;*/
	}

	/*================================================*/
	.scroll-page {
		overflow-y:scroll;
		width:auto;
		height: auto;
	}

	/*================================================*/
	/* Personalização do CSS */
	/*================================================*/
	.input-group{
		padding: 0px 0px;
	}

	.body-erro{
		width: 65%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 45px;
		background: #fff;
		height: 35%;
		border-left: 1px solid #444;
		border-top: 1px solid #444;
		border-right: 1px solid #444;
		border-bottom: 1px solid #444;
		border-radius: 4px;
	}
	.body-erro .header-erro{
		width: 100%;
		margin-left: 0px;
		color: #fff;
		font-size: 40px;
		font-weight: 600;
		text-transform: uppercase;
		background-color: #FFCC00;
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
	}
	.body-erro .header-erro img{
		margin-top: 12px;
		margin-left: 10px;
		background:#FFFFFF;
		padding:5px;
		border-radius: 4px;
	}
	.body-erro .body{
		padding: 0px 15px;
		text-align: center;
		-webkit-border-radius: 5px 5px 0 0;
		color: #000;
		font-size: 20px;
		text-transform: uppercase;
	}
	.body-erro .body h3{
		font-weight: 600;	
	}
	.body-erro .body .alert{
		margin-top: 20px;
		border: 1px solid #999999;
		border-radius: 8px;
		background: orange;
		padding:10px; 
		font-weight: 600;	
	}
	.body-erro .body .alert i{
		padding-top: 0px;
	}

	.body-erro .body .link{
		padding-top: 33px;
		height: 50px;
	}

	.body-erro .footer{
		margin-top: 40px;
		height: 40px;
		padding: 0px 15px;
		background: #50d38a;
		-webkit-border-radius: 0px 0px 8px 8px;
		color: #fff;
		font-size: 20px;
		text-transform: uppercase;
		font-weight: 600;
	}
	.body-erro .footer span{
		margin: auto;
	}

	/*================================================
		TABELA DE PERFIL
	================================================*/
	.profile_tab {
		float: none !important;
		margin: 0 auto;
		margin-top: 15px;
		margin-left: 0px;
		margin-bottom: 30px;
		position: relative;
		z-index: 99;
	}
	.avatar{
		width:70%;
		padding:2px;
		margin-bottom: 10px;
		background-color:#FFFFFF;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-radius:8px;
		box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.6);
	}

	/*================================================
	   MENU SUPORTE
	================================================*/
	.dropdown-header {
		background-color: #4e73df;
		border: 1px solid #4e73df;
		padding-top: .75rem;
		padding-bottom: .75rem;
		color: #fff;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
	.font-weight-bold {
		font-weight: 700!important;
	}
	.dropdown-item {
		white-space: normal;
		padding-top: .5rem;
		padding-bottom: .5rem;
		border-left: 1px solid #e3e6f0;
		border-right: 1px solid #e3e6f0;
		border-bottom: 1px solid #e3e6f0;
		line-height: 1.3rem;
		background: #e3e6f0;
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.align-items-center {
		-webkit-box-align: center!important;
		-ms-flex-align: center!important;
		align-items: center!important;
	}
	.d-flex {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
	}

	.text-gray-500 {
		color: #b7b9cc!important;
	}
	.text-center {
		text-align: center!important;
	}
	.icon-circle {
		height: 4.5rem;
		width: 4.5rem;
		border-radius: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	/*================================================*/