@CHARSET "UTF-8";

body {
	font-family: arial;
}

.inline-scan {
  float: left;
  clear: both;
}

.trumbowyg-button-pane {
	background: #eee !important;
}

.trumbowyg-box, .trumbowyg-editor {
	margin: 0 !important;
}

.newColor {
	background: #fff;
	color: #777;
}

#wrapper-login {
	margin-top: 10px;
	padding: 30px 0;
}

#page-login {
	background: #eee;
	padding: 20px 40px;
	margin: 0 auto;
	width: 382px;
	text-align: center;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 1);
	box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 1);
}

#page-login a {
	color: #777;
}

#page-login img {
	margin: 20px 0 50px;
}

.hr-login {
	border-bottom: #777 solid 1px;
}

.input-login {
	position: relative;
	height: auto;
	border: 1px solid #ccc;
	padding: 10px 0;
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: -10px;
}

.logoLogin {
	margin: 20px 0 45px;
}

.footer-login:hover {
	text-decoration: none;
}

.page-erro {
	color: #777;
}

.textLogo {
	color: #FFFFFF;
	float: left;
	height: 50px;
	padding: 15px 15px;
	font-size: 30px;
	line-height: 20px;
}

.home-logo {
	width: 150px !important;
	margin: 2px 0 0 15px;
}

.home-processoOnline {
	width: 150px !important;
	margin: 8px 0 0 110px;
}


.space-search-input {
	margin-top: 8px;
}

@media ( min-width :768px) {
	.space-search-input {
		float: left;
	}
}

.space-search-btn {
	margin: 8px 40px 0 0;
}

.buttonGoogle {
	background: #8AB30C;
	background-image: -webkit-linear-gradient(top, 3e88fd, #3079ed);
	background-image: -moz-linear-gradient(top, 3e88fd, #3079ed);
	background-image: -ms-linear-gradient(top, 3e88fd, #3079ed);
	background-image: -o-linear-gradient(top, 3e88fd, #3079ed);
	background-image: linear-gradient(to bottom, 3e88fd, #3079ed);
	text-shadow: 1px 1px 3px #555555;
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	padding: 10px 0;
	text-decoration: none;
	border: none;
	width: 100%;
}

.buttonGoogle:hover {
	background: #3e88fd;
	background-image: -webkit-linear-gradient(top, #8AB30C, #9cc71a);
	background-image: -moz-linear-gradient(top, #8AB30C, #9cc71a);
	background-image: -ms-linear-gradient(top, #8AB30C, #9cc71a);
	background-image: -o-linear-gradient(top, #8AB30C, #9cc71a);
	background-image: linear-gradient(to bottom, #8AB30C, #9cc71a);
	text-decoration: none;
	color: #ffffff;
}

.buttonNewCall {
	background: #7FBA00;
	background-image: -webkit-linear-gradient(top, #97d413, #7FBA00);
	background-image: -moz-linear-gradient(top, #97d413, #7FBA00);
	background-image: -ms-linear-gradient(top, #97d413, #7FBA00);
	background-image: -o-linear-gradient(top, #97d413, #7FBA00);
	background-image: linear-gradient(to bottom, #97d413, #7FBA00);
	text-shadow: 1px 1px 3px #555555;
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	padding: 10px 0;
	text-decoration: none;
	border: none;
	width: 100%;
}

.buttonNewCall:hover {
	background: #a5d935;
	background-image: -webkit-linear-gradient(top, #a5d935, #97d413);
	background-image: -moz-linear-gradient(top, #a5d935, #97d413);
	background-image: -ms-linear-gradient(top, #a5d935, #97d413);
	background-image: -o-linear-gradient(top, #a5d935, #97d413);
	background-image: linear-gradient(to bottom, #a5d935, #97d413);
	text-decoration: none;
	color: #ffffff;
}

.divButtonNewCall {
	padding: 10px 10px;
}

.buttonBox {
	background: #7FBA00;
	background-image: -webkit-linear-gradient(top, #97d413, #7FBA00);
	background-image: -moz-linear-gradient(top, #97d413, #7FBA00);
	background-image: -ms-linear-gradient(top, #97d413, #7FBA00);
	background-image: -o-linear-gradient(top, #97d413, #7FBA00);
	background-image: linear-gradient(to bottom, #97d413, #7FBA00);
	text-shadow: 1px 1px 3px #555555;
	font-family: Arial;
	color: #ffffff;
	font-size: 14px;
	padding: 6px 5px;
	margin-left: 15px;
	text-decoration: none;
	border: none;
	width: 100px;
}

.buttonBox:hover {
	background: #a5d935;
	background-image: -webkit-linear-gradient(top, #a5d935, #97d413);
	background-image: -moz-linear-gradient(top, #a5d935, #97d413);
	background-image: -ms-linear-gradient(top, #a5d935, #97d413);
	background-image: -o-linear-gradient(top, #a5d935, #97d413);
	background-image: linear-gradient(to bottom, #a5d935, #97d413);
	text-decoration: none;
	color: #ffffff;
}

.inputFile {
	margin-top: 5px;
}

.navbar-shadow {
	-webkit-box-shadow: 1px 3px 3px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow: 1px 3px 3px 0px rgba(50, 50, 50, 1);
	box-shadow: 1px 3px 3px 0px rgba(50, 50, 50, 1);
}

.alert.on {
	left: 73%;
	opacity: 1;
}

.alert {
	position: fixed;
	z-index: 1;
	top: 67px;
	width: 350px;
	left: 110%;
	transition: all 1s ease;
	opacity: 0;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
	border-radius: 0;
}

@media ( max-width : 768px) {
	.alert {
		top: 110px;
	}
	.alert.on {
		left: 7%;
	}
}

.login-error {
	color: #ff3000;
	margin-top: -50px;
}

.logado {
	color: #CCCCCC;
}

blockquote:hover {
	border-left: 5px solid #3498db;
	-webkit-box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 0px 15px 1px rgba(50, 50, 50, 0.5);
}

.call-info-cl {
	color: #777;
	font-size: 14px;
}

.call-info-cl-assunto {
	color: #333;
	margin: 0 0;
}

.call-info-cl span {
	margin-right: 10px;
}

.call-protocolo-data {
	color: #777;
	font-size: 12px;
	margin-top: 13px;
}

.call-protocolo-data span {
	margin-right: 10px;
}

.call-normal {
	color: #5cb85c;
}

.call-warning {
	color: #f0ad4e;
}

.call-danger {
	color: #d9534f;
}

blockquote a {
	color: #ccc;
}

blockquote:hover a {
	color: #3498db;
}

.nav-menu-principal {
	background: #5cb85c;
	color: #fff;
	font-size: 16px;
	width: 100%;
	padding: 10px 0 10px 15px;
	text-shadow: 1px 1px 3px #555555;
}

.breadcrumb-ged {
	padding: 8px 10px;
	margin-bottom: 15px;
	list-style: none;
	background-color: #eeeeee;
	color: #333;
	border-bottom: solid #ccc 1px;
}

.breadcrumb-ged-procon {
	padding: 8px 10px;
	margin-bottom: 15px;
	list-style: none;
	background-color: #64a9a3;
	color: #fff;
	font-weight: bold;
	border-bottom: solid #ccc 1px;
}

.header-inter {
	font-weight: bold;
	color: #999;
}

#protocolo {
	margin: 0 auto;
	padding: 15px 15px;
	background: #fff;
	border: 1px solid #ccc;
	margin: 15px 15px;
}

.breadcrumb a {
	color: #2e6da4;
}

.alert-success-edit-trami {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
	padding: 15px;
}

/*==================CSS BUTTON ON OFF=============*/
.onoffswitch {
	position: relative;
	width: 100px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border-radius: 20px;
}

.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 25px;
	padding: 0;
	line-height: 25px;
	font-size: 12px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	box-sizing: border-box;
}

.onoffswitch-inner:before {
	content: "ATIVO";
	padding-left: 10px;
	background-color: #3CBB37;
	color: #FFFFFF;
}

.onoffswitch-inner:after {
	content: "INATIVO";
	padding-right: 10px;
	background-color: #999999;
	color: #FFFFFF;
	text-align: right;
}

.onoffswitch-switch {
	display: block;
	width: 12px;
	margin: 6.5px;
	background: #FFFFFF;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 71px;
	border-radius: 20px;
	transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0px;
}

/*==================CSS BUTTON ON OFF CLOSE =============*/
.rodapeInfo {
	border-top: 1px solid #eee;
	padding: 10px 5px;
	margin-bottom: 5px;
	margin-top: 15px;
	color: #ccc;
	text-align: center;
	font-size: 12px;
}

.combobox {
	background: #fff;
	position: absolute;
	z-index: 9999;
	width: 100%;
	border: 1px solid #ccc;
	margin: 0 0;
	display: none;
	margin-bottom: 10px;
}

.combobox p {
	color: #777;
	margin: 5px 15px;
}

.comboboxClose {
	padding: 3px 0;
	display: none;
}

.comboboxClose:hover {
	cursor: pointer;
}

.checkCpfCnpj {
	padding-top: 7px;
	display: none;
}

.btn-menu {
	text-align: left;
}

.invalid {
	color: #ff5f5f;
}

.flux-box {
	margin-top: 20px;
}

.flux-ini {
	width: 260px;
	padding: 15px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	display: block;
	float: left;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 1);
	box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 1);
}

.flux-ini p {
	margin: 0 0;
	padding: 0 0;
}

.info-ini {
	margin-top: -30px;
	color: #2e6da4;
}

.flux {
	width: 260px;
	padding: 15px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	display: block;
	float: left;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 1);
	box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 1);
}

.flux p {
	margin: 0 0;
	padding: 0 0;
}

.info-aberto {
	margin-top: -30px;
	color: #f0ad4e;
}

.info-concluido {
	margin-top: -30px;
	color: #4cae4c;
}

.seta {
	font-size: 30px;
	margin: 30px 5px 0;
	padding-left: 5px;
	float: left;
	color: #2e6da4;
}



.flux-ini-2 {
	/* width: 240px; */
	padding: 15px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	display: block;
	float: left;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 1);
	-moz-box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 1);
	box-shadow: 2px 2px 3px 0px rgba(50, 50, 50, 1);
}

.flux-ini-2 p {
	margin: 0 0;
	padding: 0 0;
}

.seta-2 {
	font-size: 30px;
	margin: 20px 5px 0;
	padding-left: 5px;
	float: left;
	color: #2e6da4;
}


.borderless tr td {
	border: none !important;
}

/*=============spinner animation loading==========*/
.spinner {
	margin: 5px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
}

.spinner>div {
	background-color: #333;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.spinner .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.spinner .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.spinner .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay { 
	0%, 40%, 100% {-webkit-transform: scaleY(0.4)}
	20%{-webkit-transform:scaleY(1.0)}
}
@keyframes sk-stretchdelay { 
	0%, 40%, 100% {transform: scaleY(0.4); -webkit-transform: scaleY(0.4);}
   20%{transform:scaleY(1.0);    
   -webkit-transform:scaleY(1.0);
  }
}



.alerta {
	background-color: rgba(102,102,102,.9);
	position: fixed;
	bottom: 30px;
	right: 30px;
	/* width: 350px; */
	/* -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.75); */
	border-radius: 0;
	z-index: 9999;
	color: #fff;
	padding: 10px 25px;
	font-size: 15px;
}

.alerta-fechar{margin-right: 5px; font-size: 15px; cursor: pointer;}
.alerta-mensagem{opacity: 1;}



/* Customize the label (the container) */
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 18px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 23px;
  width: 23px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.videoPlayer:focus {
	outline: none;
}


.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
    margin-bottom: 15px;
    color: #5a5a5a;
    text-decoration: none!important;
}
.info-box-icon {
    display: block;
    float: right;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 35px;
    line-height: 90px;
    padding-top: 25px;
}
.info-box-content {
    padding: 5px 10px;
    margin-left: 10px;
}
.info-box-text {
    color: #a5a5a5;
}
.info-box-number {
	padding-top: 10px;
    display: block;
    font-weight: bold;
    font-size: 25px;
}