@font-face {
    font-family: Roboto Condensed Bold;
    src: url(../font/RobotoCondensed-Bold.ttf) format("truetype");
}

@font-face {
    font-family: Roboto Condensed Regular;
    src: url(../font/RobotoCondensed-Regular.ttf) format("truetype");
}

html, body {
  height: 100%;
}

body {
  display: flex;
}

.scrollable {
    height: 55vh; /* %-height of the viewport */
    overflow-y: scroll;
}

.obrigatorio {
	color: #d9534f;	
	font-family: verdana;
}

.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 400px; 
    height: 300px
}

.divCentralizada {
    position:fixed;
    top: 50%;
    left: 50%;
    margin-top: -9em; /*set to a negative number 1/2 of your height*/
    margin-left: -7em; /*set to a negative number 1/2 of your width*/
}

ng-pintura {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	background: black;
}

ng-pintura #zoomslider, ng-pintura #rotate, ng-pintura #zoomin, ng-pintura #zoomout,
	ng-pintura #moveup, ng-pintura #movedown, ng-pintura #moveleft,
	ng-pintura #moveright, ng-pintura #movecenter {
	position: absolute;
	opacity: 0.75;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

ng-pintura #zoomslider:hover, ng-pintura #rotate:hover, ng-pintura #zoomin:hover, ng-pintura #zoomout:hover,
	ng-pintura #moveup:hover, ng-pintura #movedown:hover, ng-pintura #moveleft:hover,
	ng-pintura #moveright:hover, ng-pintura #movecenter:hover {
	opacity: 1;
}

ng-pintura #zoomslider {
	top: 20px;
	right: 20px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.75);
	padding: 10px 0;
}

ng-pintura #zoomslider input {
	writing-mode: bt-lr;
	-webkit-appearance: slider-vertical;
	width: 40px;
	height: 160px;
}

ng-pintura #zoomin, ng-pintura .zoomout {
	width: 40px;
}

ng-pintura #rotate {
	left: 20px;
	bottom: 20px;
	width: 40px;
}

ng-pintura #zoomin {
	right: 20px;
	bottom: 55px;
}

ng-pintura #zoomout {
	right: 20px;
	bottom: 20px;
}

ng-pintura #moveleft, ng-pintura #movedown, ng-pintura #moveright,
	ng-pintura #moveup {
	bottom: 20px;
	width: 40px;
}

ng-pintura #moveleft {
	left: 20px;
}

ng-pintura #movedown {
	left: 60px;
}

ng-pintura #moveright {
	left: 100px;
}

ng-pintura #moveup {
	left: 60px;
	bottom: 55px;
}

ng-pintura #movecenter {
	top: 20px;
	left: 20px;
}

.btn-grupo-descritor-aguardando {
	color: #fff;
	background-color: #006AB7;
	border-color: #006AB7;	
}

.btn-grupo-descritor-aguardando:hover, .btn-grupo-descritor-aguardando:focus, .btn-grupo-descritor-aguardando:active,
	.btn-grupo-descritor-aguardando.active, .open .dropdown-toggle.btn-grupo-descritor-aguardando {
	color: #fff;
	background-color: #3276b1;
	border-color: #285e8e
}

.btn-grupo-descritor-aguardando:active, .btn-grupo-descritor-aguardando.active, .open .dropdown-toggle.btn-grupo-descritor-aguardando
	{
	background-image: none
}

.btn-grupo-descritor-aguardando.disabled, .btn-grupo-descritor-aguardando[disabled], fieldset[disabled] .btn-grupo-descritor-aguardando,
	.btn-grupo-descritor-aguardando.disabled:hover, .btn-grupo-descritor-aguardando[disabled]:hover, fieldset[disabled] .btn-grupo-descritor-aguardando:hover,
	.btn-grupo-descritor-aguardando.disabled:focus, .btn-grupo-descritor-aguardando[disabled]:focus, fieldset[disabled] .btn-grupo-descritor-aguardando:focus,
	.btn-grupo-descritor-aguardando.disabled:active, .btn-grupo-descritor-aguardando[disabled]:active, fieldset[disabled] .btn-grupo-descritor-aguardando:active,
	.btn-grupo-descritor-aguardando.disabled.active, .btn-grupo-descritor-aguardando[disabled].active, fieldset[disabled] .btn-grupo-descritor-aguardando.active
	{
	background-color: #0076A3;
	border-color: #357ebd
}

.btn-grupo-descritor-aguardando .badge {
	color: #428bca;
	background-color: #fff
}

.btn-grupo-descritor-sucesso {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
	width:220px;
	height:50px;	
}

.btn-grupo-descritor-sucesso:hover, .btn-grupo-descritor-sucesso:focus, .btn-grupo-descritor-sucesso:active,
	.btn-grupo-descritor-sucesso.active, .open .dropdown-toggle.btn-grupo-descritor-sucesso {
	color: #fff;
	background-color: #47a447;
	border-color: #398439
}

.btn-grupo-descritor-sucesso:active, .btn-grupo-descritor-sucesso.active, .open .dropdown-toggle.btn-grupo-descritor-sucesso
	{
	background-image: none
}

.btn-grupo-descritor-sucesso.disabled, .btn-grupo-descritor-sucesso[disabled], fieldset[disabled] .btn-grupo-descritor-sucesso,
	.btn-grupo-descritor-sucesso.disabled:hover, .btn-grupo-descritor-sucesso[disabled]:hover, fieldset[disabled] .btn-grupo-descritor-sucesso:hover,
	.btn-grupo-descritor-sucesso.disabled:focus, .btn-grupo-descritor-sucesso[disabled]:focus, fieldset[disabled] .btn-grupo-descritor-sucesso:focus,
	.btn-grupo-descritor-sucesso.disabled:active, .btn-grupo-descritor-sucesso[disabled]:active, fieldset[disabled] .btn-grupo-descritor-sucesso:active,
	.btn-grupo-descritor-sucesso.disabled.active, .btn-grupo-descritor-sucesso[disabled].active, fieldset[disabled] .btn-grupo-descritor-sucesso.active
	{
	background-color: #5cb85c;
	border-color: #4cae4c
}

.btn-grupo-descritor-sucesso .badge {
	color: #5cb85c;
	background-color: #fff
}

.btn-grupo-descritor-erro {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
	width:220px;
	height:50px;	
}

.btn-grupo-descritor-erro:hover, .btn-grupo-descritor-erro:focus, .btn-grupo-descritor-erro:active,
	.btn-grupo-descritor-erro.active, .open .dropdown-toggle.btn-grupo-descritor-erro {
	color: #fff;
	background-color: #d2322d;
	border-color: #ac2925
}

.btn-grupo-descritor-erro:active, .btn-grupo-descritor-erro.active, .open .dropdown-toggle.btn-grupo-descritor-erro
	{
	background-image: none
}

.btn-grupo-descritor-erro.disabled, .btn-grupo-descritor-erro[disabled], fieldset[disabled] .btn-grupo-descritor-erro,
	.btn-grupo-descritor-erro.disabled:hover, .btn-grupo-descritor-erro[disabled]:hover, fieldset[disabled] .btn-grupo-descritor-erro:hover,
	.btn-grupo-descritor-erro.disabled:focus, .btn-grupo-descritor-erro[disabled]:focus, fieldset[disabled] .btn-grupo-descritor-erro:focus,
	.btn-grupo-descritor-erro.disabled:active, .btn-grupo-descritor-erro[disabled]:active, fieldset[disabled] .btn-grupo-descritor-erro:active,
	.btn-grupo-descritor-erro.disabled.active, .btn-grupo-descritor-erro[disabled].active, fieldset[disabled] .btn-grupo-descritor-erro.active
	{
	background-color: #d9534f;
	border-color: #d43f3a
}

.btn-grupo-descritor-erro .badge {
	color: #d9534f;
	background-color: #fff
}

.btn-grupo-descritor-atencao {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236;
	width:220px;
	height:50px;	
}

.btn-grupo-descritor-atencao:hover, .btn-grupo-descritor-atencao:focus, .btn-grupo-descritor-atencao:active,
	.btn-grupo-descritor-atencao.active, .open .dropdown-toggle.btn-grupo-descritor-atencao {
	color: #fff;
	background-color: #ed9c28;
	border-color: #d58512
}

.btn-grupo-descritor-atencao:active, .btn-grupo-descritor-atencao.active, .open .dropdown-toggle.btn-grupo-descritor-atencao
	{
	background-image: none
}

.btn-grupo-descritor-atencao.disabled, .btn-grupo-descritor-atencao[disabled], fieldset[disabled] .btn-grupo-descritor-atencao,
	.btn-grupo-descritor-atencao.disabled:hover, .btn-grupo-descritor-atencao[disabled]:hover, fieldset[disabled] .btn-grupo-descritor-atencao:hover,
	.btn-grupo-descritor-atencao.disabled:focus, .btn-grupo-descritor-atencao[disabled]:focus, fieldset[disabled] .btn-grupo-descritor-atencao:focus,
	.btn-grupo-descritor-atencao.disabled:active, .btn-grupo-descritor-atencao[disabled]:active, fieldset[disabled] .btn-grupo-descritor-atencao:active,
	.btn-grupo-descritor-atencao.disabled.active, .btn-grupo-descritor-atencao[disabled].active, fieldset[disabled] .btn-grupo-descritor-atencao.active
	{
	background-color: #f0ad4e;
	border-color: #eea236
}

.btn-grupo-descritor-atencao .badge {
	color: #f0ad4e;
	background-color: #fff
}

.form-control-erro {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	background-image: none;
	border: 1px solid #d9534f;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow
		ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control-erro:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6)
}

.form-control-erro::-moz-placeholder {
	color: #999;
	opacity: 1
}

.form-control-erro:-ms-input-placeholder {
	color: #999
}

.form-control-erro::-webkit-input-placeholder {
	color: #999
}

.form-control-erro[disabled], .form-control[readonly], fieldset[disabled] .form-control
	{
	cursor: not-allowed;
	background-color: #eee;
	opacity: 1
}

.form-control-atencao {
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	background-image: none;
	border: 1px solid #FFA500;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, box-shadow
		ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form-control-atencao:focus {
	border-color: #FF8C00;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px
		rgba(102, 175, 233, .6)
}

.form-control-atencao::-moz-placeholder {
	color: #999;
	opacity: 1
}

.form-control-atencao:-ms-input-placeholder {
	color: #999
}

.form-control-atencao::-webkit-input-placeholder {
	color: #999
}

.form-control-atencao[disabled], .form-control[readonly], fieldset[disabled] .form-control
	{
	cursor: not-allowed;
	background-color: #eee;
	opacity: 1
}

.frame {
  height: 100%;
  width: 100$;
  position: relative;
}
.frame .box {
  position: absolute;
  width: 100%;
}
.sample-show-hide {
  -webkit-transition: 0.3s linear all;
	transition: 0.3s linear all;
	transition-delay: 0.3s;
}
.sample-show-hide.ng-enter {
  opacity: 0;
}
.sample-show-hide.ng-enter-active {
	opacity: 1;
}
.sample-show-hide.ng-leave {
  opacity: 1;
}
.sample-show-hide.ng-leave-active {
	opacity: 0;	
}