/************************************************************************************
Indice

- Global
- Content
- Widget
- Color
- Table
- Forms
 . Asterisk in the forms
- Col - Custom
- Modal - Size
- Togglable tabs
- Footer
- Pages
	. Orcamento

/************************************* *
*
* @Section: Global
*
************************************* */
* {
	margin: 0 auto;
}

html, body {
	height: 100%;
	color: #333 !important;
}

table {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/************************************* *
*
* @Section: Widget
*
************************************* */
.box-widget {
	background: #ffffff none repeat scroll 0 0;
	border-color: #eeeeee;
	border-radius: 0;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 5px;
}

.box-widget .widget-head {
	background: #F5F5F5 none repeat scroll 0 0;
	border-bottom: 1px solid #eeeeee;
	border-radius: 0;
	height: 56px;
	position: relative;
}

.box-widget .h-icon {
	border-right: 1px solid #eeeeee;
	display: inline-block;
	float: left;
	height: 56px;
	line-height: 56px;
	text-align: center;
	width: 56px;
}

.box-widget .widget-container {
	display: block;
	position: relative;
	width: 100%;
}

.box-widget .widget-head h4 {
	color: #444444;
	display: inline-block;
	float: left;
	font-size: 14px;
	line-height: 56px;
	margin: 0;
	padding-left: 20px;
	font-family: inherit;
}

.widget-container .table-responsive .table thead tr th {
	padding: 13px 15px;
	font-weight: bold;
}

/* ************************************
*
* @Section: Color
*
************************************* */
.green {
	color: #008000;
}

.red {
	color: #ff0000;
}

/* ************************************
*
* @Section: Content
*
************************************* */
.main-container {
	margin: 0 15px;
}

.page-wrap {
	min-height: 100%;
	margin-bottom: -65px;
}

.page-wrap:after {
	content: "";
	display: block;
}

.pull-center {
	text-align: center;
}

.tooltip-inner {
	word-wrap: break-word;
}

.tooltip {
	max-width: none;
}

.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }


}

.text-wrap {
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -pre-wrap;
	white-space: pre-wrap;
	white-space: pre-line;
	word-wrap: break-word;
	word-break: break-all;
}

.campo-destacado {
	background-color : #ffff99;
	border-color : #666;
}


/*
todo verificar com o vagner utilização dessa classe, não é recomendado o uso de seletores caros para buscar classe ou id
*/
body.loaded {
	-webkit-perspective: none;
	-moz-perspective: none;
	perspective: none;
}

/* ************************************
*
* @Section: Table
*
************************************* */
.table {
	width: 100% !important;
	background-color: #fff;
}

th:last-child, td:last-child {
	/* position: absolute; */
	
}

/* ************************************
*
* @Section: Forms
*
************************************* */
.form-control::-moz-placeholder {
	color: #999 !important;
}

.form-control:-ms-input-placeholder {
	color: #999 !important;
}

.form-control::-webkit-input-placeholder {
	color: #999 !important;
}

/**
    Asterisco nos formularios
*/
.label-required:after {
	color: #ff0000;
	content: "*";
	position: absolute;
	margin-left: 8px;
	top: 7px;
}

.help-block {
	list-style: none;
	margin-left: -40px;
}

.filter {
	width: 100% !important;
}

.radio {
	float: left;
}

fieldset.encargos>fieldset {
	margin-bottom: 10px;
}

fieldset.encargos>fieldset>div.form-group>label.sr-only {
	height: 20px;
	overflow: visible;
	position: relative;
	width: auto;
	font-weight: 500;
}

fieldset.botoes {
	z-index: 999;
}

div.background-button {
	display: none;
	position: fixed;
	width: 100%;
	right: 0;
	height: 50px;
	bottom: 0;
	background-color: #FFF;
	box-shadow: 1px 10px 10px 6px;
	left: 0;
}

button.remove-encargo {
	margin-top: 0;
}

.page-container.horizontal-menu header.navbar .navbar-brand {
	padding: 0;
}

.page-container.horizontal-menu header.navbar .navbar-brand>a>img {
	margin-left: 10px;
	width: 80%;
}

.login-page .logo>img {
	margin-bottom: 30px;
}

.panel-show {
	border-color: #0091D8;
}

.panel-show>.panel-heading {
	background-color: #0091D8;
	border-color: #0091D8;
	color: #fff;
}

.table-bordered>thead>tr>th {
	font-weight: bold;
	color: #333;
}

.zf-table {
	overflow: auto;
	overflow-y: auto;
	-ms-overflow-y: auto;
}

.remove-button {
	top: 25px;
}

.text-bold {
	font-weight: bold;
}


fieldset .contato {
  padding: 0;
}

fieldset .contato .email {
 width: 100%;
}

fieldset .contato > fieldset .divEmail {
  padding-right: 6px ;

}

/* ************************************
*
* @Section: Col - Custom
*
************************************* */
.col-p21-0 {
	width: 4%;
}

.col-p21-1 {
	width: 8.0%;
}

.col-p21-2 {
	width: 12.0%;
}

.form-group {
	padding-left: 7px;
}

.panel-p21 {
	margin-bottom: 10px;
}

.panel-p21>.panel-heading {
	padding: 3px 7px;
}

.panel-p21>.panel-heading>.panel-title {
	font-size: 12px;
}

.panel-p21>.panel-body {
	padding: 5px;
}

.panel-p21>label {
	margin-bottom: 0;
}

/*********************************************************

 @Section: Modal - Size

**********************************************************/
.modal-full-size {
	width: 95%;
	height: 95%;
	padding: 0;
}

/*********************************************************

 @Section: Togglable tabs

**********************************************************/
.tabbable-custom {
	margin-bottom: 15px;
	overflow: hidden;
	padding: 0;
}

.tabbable-custom>.nav-tabs {
	border: medium none;
	margin: 0;
}

.tabbable-custom>.tab-content {
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0;
	padding: 10px;
}

.tabbable-custom.nav-justified .tab-content {
	margin-top: -1px;
}

.tabs-below.tabbable-custom.nav-justified .tab-content {
	margin-bottom: -2px;
	margin-top: 0;
}

.tabbable-custom.boxless>.tab-content {
	border-bottom: medium none;
	border-left: medium none;
	border-right: medium none;
	padding: 15px 0;
}

.tabbable-custom .nav-tabs>li {
	border-top: 2px solid transparent;
	margin-right: 2px;
}

.tabbable-custom .nav-tabs>li>a {
	color: #000;
	font-size: 13px;
	margin-right: 0;
}

.tabbable-custom .nav-tabs>li.active {
	border-top: 3px solid #0091D8;
	margin-top: 0;
	position: relative;
}

.tabbable-custom .nav-tabs>li.active>a {
	border-top: medium none;
	font-weight: bold;
}

.tabbable-custom .nav-tabs>li {
	border-top: 2px solid transparent;
	margin-right: 2px;
}

.tabs-below.tabbable-custom .nav-tabs>li>a {
	border-bottom: 2px solid transparent;
	border-top: medium none;
	margin-top: -1px;
}

.tabs-below.tabbable-custom .nav-tabs>li.active {
	border-bottom: 3px solid #d12610;
	border-top: medium none;
	margin-bottom: 0;
	position: relative;
}

.tabs-below.tabbable-custom .nav-tabs>li.active>a {
	border-bottom: medium none;
}

.tabs-below.tabbable-custom .nav-tabs>li.active>a:hover {
	background: #fff none repeat scroll 0 0;
	border-color: #d4d4d4 #d4d4d4 transparent;
}

.tabbable-custom.tabbable-full-width>.tab-content {
	border-bottom: medium none;
	border-left: medium none;
	border-right: medium none;
	padding: 15px 0;
}

.tabbable-custom.tabbable-full-width .nav-tabs>li>a {
	color: #424242;
	font-size: 13px;
	padding: 9px 15px;
}

.portlet {
	clear: both;
	margin-bottom: 25px;
	margin-top: 0;
	padding: 0;
}

.portlet.box>.portlet-body {
	background-color: #fff;
	padding: 10px;
}

.portlet.box.grey {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #9d9c9c;
	border-image: none;
	border-style: solid;
	border-width: 1px;
}

.portlet.box.grey>.portlet-title {
	background-color: #555555;
	font-size: 16px;
	font-weight: 400;
}

.portlet.box>.portlet-title {
	border-bottom: 1px solid #eee;
	color: #fff;
	padding: 8px 10px 2px;
}

/*********************************************************

 @Section: Footer

**********************************************************/
.site-footer, .page-wrap:after {
	height: 50px;
}

/* override bootstrap 3 class to remove scrollbar from modal backdrop
   when not necessary */
.modal {
  overflow-y: auto;
}

/* custom class to override .modal-open */
.modal-noscrollbar {
    margin-right: 0 !important;
}


.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 18px 3px 5px !important;
}
.select2-container-multi .select2-search-choice-close {
  right: 3px !important;
  left: inherit !important;
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
}

.envolvidos {
	color: #3c3c3c;
}

.envolvidos:hover {
	color: #3c3c3c;
}

.envolvidos:focus {
	color: #3c3c3c;
}

.envolvidos:active {
	color: #3c3c3c;
}

#envolvidosTable {
	padding-top: 13px;
}

.snp {
	background-color: #FF8A65 !important;
}

table tr.snp td {
	background-color: #FF8A65 !important;
}

.badge-snp {
	background-color: #FF8A65;
	color: #ffffff;
}