@charset "UTF-8";
/*================================================*/
/* CSS Document */
/*================================================*/
/*  Layout Personal*/
.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;
}

.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-1 {
    background: #fff;
    padding: 7px 0px;
    text-align: center;
    border-bottom: 1px solid #e7eaec;
    height: 70px;
}

/*
======================================
    Notificação da Grid de emitente
======================================
*/
.table-notice{
    height: auto;
    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;
}
/*
===========================================
*/
.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:#ede265;
    background:url(../../_images/fundo_amarelo.png) 0px 0px / 100% no-repeat fixed;
	color:#FFFFFF;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.close {
    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;
}

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

.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;
    }

/*================================================*/
/*  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-divisa{
    padding: 3px 0px;
}
.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;
}

.titulo_divisa{
	color: #600;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding: 3px 0px;
	margin-left: 0px;
	margin-top: 8px;
	border-bottom: 1px solid #ccc;
}

.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: #e4edf5;
        color: #2e74b2;
        font-family: Tahoma;
        font-weight: bold;
        padding: 20px 10px 10px 20px;
        border-radius: 4px;
    }
    .blue-left a{
        color: #2e74b2;
        font-family: Tahoma;
        font-weight: normal;
        text-decoration: underline;
    }
    .blue-left .input-search{width: 86%; 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;}

/*===============================================
	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: 5px;}
.border-radius-4{border-radius: 8px;}
.border-radius-5{border-radius: 5px;}
.border-radius-8{border-radius: 8px;}
.border-radius-10{border-radius: 8px;}

.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-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-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;}

/*===============================================
	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:#FF0000; 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; }


/*===============================================
	Cor da Fonte
=================================================*/
.text-black{ color:#000000; }
.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-green-jungle {color: #26C281 !important; }
.font-yellow-gold2 {color: #E87E04 !important; }
.font-red-thunderbird {color: #D91E18 !important; }
/*===============================================
	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;}

/*==========================
    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;
    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-success{
	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;}

/*================================================*/
    .alerta-cert{
        color: #FFFFFF;
        text-align: center;
        width: 30%;
        font-weight: bold;
        background-color: #ed5565 !important;
        padding: 5px 10px;
        border-radius: 8px;
        margin-top: -28px;
    }

    .alerta-ambiente{
        color: #000;
        text-align: center;
        width: 20%;
        font-weight: bold;
        background-color: #FDAA1A !important;
        padding: 5px 10px;
        border-radius: 8px;
        margin-top: -44px;
    }
/*================================================*/

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

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

.body-erro{
	width: 55%;
	margin-left: auto;
	margin-right: auto;
    margin-top: 45px;
    background: #fff;
    height: 70%;
    border-radius: 8px;
    box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.6);
}
.body-erro .header{
	height: 90px;
}

.body-erro .header img{
	margin-top: 12px;
	margin-left: 10px;
	background:#FFFFFF;
	border-radius:4px;
	padding:5px;
}
.body-erro .header .texto{
    margin-top: 30px;
    margin-left: 15px;
    color: #000;
	font-size: 40px;
    font-weight: 600;
    text-transform: uppercase;
}
.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: red;
	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{
	height: 40px;
    background: #50d38a;
    color: #fff;
}
.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);
    }


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