/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

.go_field{
	cursor: pointer;
}
.title2{
	padding: 10px 15px;
	color: inherit;
	font-size: 15px;
	color: #333;
	padding: 10px 15px;
	text-decoration: none !important;
}
.info2{
	background-color: #d6e9ff !important;
}
.info2:hover{
	background-color: #cbe0f7 !important;
}

input[type=text] {
    text-transform: uppercase;
}
select[readonly] {
  background: #eee; /*Simular campo inativo - Sugestão @GabrielRodrigues*/
  pointer-events: none;
  touch-action: none;
}
/* Tab */
.container-tab {
    margin: 20px 12px 0 12px;
}
.jarviswidget header:first-child .nav-tabs li:not(.active) a, .nav-tabs > li > a {
	color: #bababa;
}
.nav-tabs .fa-warning {
	margin-left: 5px;
}

/* Form */
.smart-form fieldset {
	padding: 5px 14px 5px;
}
.panel-body section > header {
	text-align: center;
}
.input-group, .form-group {
	padding-top: 15px;
}
.input-group > input.form-control {
	width: 98.5%;
}
.input-group > .input-group-addon {
	background-color: #f5f5f5;
}
.input-group > .form-control {
	padding-left: 5px;
}
label.select > select[disabled=""] {
	cursor: not-allowed;
	background-color: #eee;
}
.smart-form .select i{
	box-shadow: none;
}
.required-label {
	color: #bd0000;
}
.label-radio-middle {
	padding-top: 3px !important;
}
.header-info {
	padding: 0 15px;
}
.divisor-data {
	font-size: 1.8em;
	display: table-cell;
	vertical-align: middle;
	padding: 0 4px;
}
.input-xsmall {
	width: 50px !important;
}

/* Table */
.dataTables_length label {
	float: right !important;
}
.table tbody tr.selected{
	background-color: #dff0d8 !important;
}
.btn-new {
	float: right;
	margin-left: 20px;
	margin-right: -13px;
}
.table-border {
	border: solid 1px #DDD !important;
	border-right: solid 1px #DDD !important;
}
i.fa.fa-pencil {
	color: #396139;
	padding: 2px !important;
}
i.fa.fa-trash-o {
	color: #b14f4f !important;
	padding: 2px;
}

/* Util */
.padding-right-large {
	padding-right: 20px !important;
}
.padding-bottom-medium {
	padding-bottom: 15px !important;
}
.padding-bottom-xsmall {
	padding-bottom: 5px !important;
}
.padding-top-xsmall {
	padding-top: 5px !important;
}
.padding-top-large {
	padding-top: 20px !important;
}
.padding-verticar-small {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.padding-verticar-xsmall {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}
.remove-padding-top {
	padding-top: 0 !important;
}
.remove-padding-bottom {
	padding-bottom: 0 !important;
}
.remove-padding-left {
	padding-left: 0 !important;
}
.remove-padding-right {
	padding-right: 0 !important;
}
.remove-padding {
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.margin-right-medium {
	margin-right: 10px !important;
}
.margin-top-large {
	margin-top: 20px !important;
}
.remove-margin-top {
	margin-top: 0 !important;
}
.remove-margin-bottom {
	margin-bottom: 0 !important;
}
.input-group .btn {
	padding: 6px 12px !important;
}

/* Modal */
.modal-dialog.modal-xlg {
	width: 80% !important;
}
.modal-xlg .smart-form fieldset {
	padding: 5px 22px 5px
}
.modal-dialog {
	vertical-align: top !important;
}
.modal {
  text-align: center;
  padding: 0!important;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px; /* Adjusts for spacing */
}
.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal button.close > span {
	font-size: 25px;
}

.modal-loading {
	opacity: .6;
}

.modal-loading:after {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);

	content: '';
	width: 30px;
	height: 30px;
	border-radius: 100%;
	border: 2px solid transparent;
	border-left-color: black;

	background: transparent;

	animation: spinner 0.8s linear infinite;
}

@keyframes spinner {
	to {
		transform: rotate(0deg);
	}
	from {
		transform: rotate(-360deg);
	}
}

@media (max-width: 1200px) {
	.input-group > input.form-control {
		width: 99% !important;
	}
}

@media (max-width: 620px) {
	.input-group > input.form-control {
		width: 98% !important;
	}
}

@media (max-width: 460px) {
	.input-group > input.form-control {
		width: 97% !important;
	}
}