.info > input:focus, 
.info > select:focus, 
.info > textarea:focus,
.info-input:focus
 {
	border-color: #0052a4 !important;
	border-width: 1px;
	background-color: #f4f3b5 !important;
	box-shadow: 0 0 5px #2196F3;
}

input:disabled, select:disabled, textarea:disabled,
input:read-only, textarea:read-only {
	background-color: #e4e4e4!important;
}



.bloco-info {
	display: inline-block;
	vertical-align: top;
}

.info {
	padding-right: 10px;
	padding-bottom: 5px;
	line-height: 1;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.info > span {
	color: #6f6f6f;
	font-weight: bold;
	font-size: 0.75em;
/* 	display: block; */
/* 	width: 100%; */
}

.info > div {
	min-height: 17px;
	font-weight: bold;
	padding-top: 2px;
}

.info > .pesquisa, .info > .hora {
	display: inline-block;
	border-color: rgb(169, 169, 169) !important;
	border-width: 1px;
    border-style: solid;
	border-radius: 4px !important;
	min-height: 26px;
	padding: 0;
	width: 100%;
}

.info > .pesquisa:focus-within {
	border-color: #0052a4 !important;
	border-width: 1px;
	background-color: #f4f3b5 !important;
	box-shadow: 0 0 5px #2196F3;
}

.info > .pesquisa > input {
	border: none;
	height: 24px;
	background: none;
	outline: none;
}

.info > .pesquisa > input:read-only {
	background: none !important;;
}

.info > .pesquisa > input:first-child:not(:last-child),
.info > .pesquisa > input:last-child:not(:first-child) {
	width: calc(100% - 37px);
}

.info > .pesquisa > input:not(:first-child):not(:last-child) {
	width: calc(100% - 72px);
}

.info > .pesquisa > button {
	border: none;
	background: none;
	color: #525252;
	width: 30px;
	margin-left: 1px;
	margin-right: 1px;

	border-left: 1px solid transparent;
	border-radius: 2px;
	position: relative;
	top: 0px;
	bottom: 0px;
	height: 22px;
}

.info > .pesquisa > button:hover {
	border-left: 1px solid #dfdb26;
	background-color: #dfdb26;
	box-shadow: 1px 1px 2px #b0b0b0;
}

.info > a {
	min-height: 17px;
	font-weight: bold;
	padding-top: 5px;
	
	display: table;
}

.info > div,
.info > input,
.info > select,
.info > textarea,
.info > a,
.info-input {
	font-size: 0.9em;
}

.info > input,
.info > select,
.info > textarea,
.info-input {
	border-color: rgb(169, 169, 169) !important;
	border-width: 1px;
    border-style: solid;
	border-radius: 4px !important;
	width: 100%;
	outline: none;
	min-height: 26px;
	padding-left: 2px;
	padding-right: 2px;
}

.info > textarea {
	resize: both;
}

.info > .checkbox {
	margin-top: 12px !important;
}

.info > small {
	font-weight: normal;
	font-size: 0.8em;
	color: red;
	display: none;
}

.info > .valores {
	text-align: end;
}

.info > .nome {
	text-transform: capitalize;
}

.info > .maiusculo {
	text-transform: uppercase;
}

.info > .texto {
	font-weight: normal;
	font-size: 0.9em;
/* 	overflow: auto; */
}

.info.base {
	vertical-align: bottom;
}

.texto-ajuda {
	color: #6f6f6f;
	font-weight: normal !important;
	font-size: 0.7em !important;
	margin-bottom: 10px;
}

@media(min-width: 600px) {
	.info > div,
	.info > select,
	.info > input,
	.info > textarea,
	.info > a,
	.info-input {
		font-size: 1em;
	}
}

.info > .hora > input {
	border: none;
	height: 24px;
	width: 40px;
	background: none;
	outline: none;
}

.info > .hora > input:read-only {
	background: none !important;;
}

.info > .hora:focus-within {
	border-color: #0052a4 !important;
	border-width: 1px;
	background-color: #f4f3b5 !important;
	box-shadow: 0 0 5px #2196F3;
}

/*
 *
 */
.info-erro > span,
.info-erro > div {
	color: #ff0000;
}

.info-erro input,
.info-erro .pesquisa,
.info-erro > select,
.info-erro > textarea {
	border-color: #ff0000 !important;
}

.info-obrigatorio input,
 .info-obrigatorio > select,
 .info-obrigatorio > textarea {
	border-width: 2px !important;
}

.info > .switch-input {
	top: 12px;
}

.info > label + span {
	position: relative;
	top: 15px;
	font-size: 0.85em;
}

/*
 *
 */

.linha {
	width: 100%;
	background: white;
	vertical-align: top;
	text-align: left;

	border: 1px solid #b5b5b5;
	border-image-slice: 2;
    border-image-source: linear-gradient(to bottom, #e6e6e6, #999999);

	box-shadow: 1px 1px 2px #b0b0b0;
}

.linha.ativo {
	border: 3px solid #707070;
}

.linha-1 {
    border-image-source: linear-gradient(to bottom, #cceeff, #0080c0);
}


/*
 * Table 
 */
.divTable{
	display: table;
	border: 1px solid #cccccc;
	overflow: auto;
}

.divTableRow {
	display: table-row;
}

.divTableHeading {
	display: table-header-group;
}

.divTableCell, .divTableHead {
	border-bottom: 1px solid #e6e6e6;
	display: table-cell;
	padding: 3px 10px;
}

.divTableCell > .editTable {
	width: 100%;
	border: 0;
}

.divTableHeading {
	display: table-header-group;
	color: #6f6f6f;
	font-weight: bold;
	font-size: 0.75em;
	
}

.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}

.divTableBody {
	display: table-row-group;
}

/*
 * 
 */
.switch-input {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 24px;
}

.switch-input input { 
	opacity: 0;
	width: 0;
	height: 0;
}


.slider-input {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
	margin: 0px;
}

.slider-input:before {
	position: absolute;
	content: "";
	height: 16px;
	width: 16px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked + .slider-input {
	background-color: #2196F3;
}

input:disabled + .slider-input {
	background-color: #e8e0e0;
}
	
input:focus + .slider-input {
	box-shadow: 0 0 5px #2196F3;
}


input:checked + .slider-input:before {
	-webkit-transform: translateX(16px);
	-ms-transform: translateX(16px);
	transform: translateX(16px);
}

/* Rounded sliders */
.slider-input.round {
	border-radius: 24px;
}

.slider-input.round:before {
	border-radius: 50%;
}


/*
 * Checkbox
 */
.checkbox {
	margin-bottom: 0;
	margin-top: 0;
	cursor: pointer;
	font-weight: bold;
	display: inline-block;
    align-items: center;
}

.checkbox:after, 
.radio:after {
	content: '';
	display: table;
	clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    top: 0;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
    display: none;
}

.checkbox input[type="checkbox"] + .cr > .cr-icon,
.radio input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox input[type="checkbox"]:checked + .cr > .cr-icon,
.radio input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox input[type="checkbox"]:disabled + .cr,
.radio input[type="radio"]:disabled + .cr {
    opacity: .5;
}

.subtitle {
	color: #949494;
	font-weight: bold;
	font-size: 0.65em;
	margin-bottom: 10px;
}

.base-div {
	position: relative;
}

.base-div > button {
	position: absolute;
	bottom:   0;
	margin-bottom: 5px;
}

.caixaTipo {
	display: inline-block;
}

.caixaTipo .caixaCorpo {
	border-left: 1px solid #aa0000;
	border-right: 1px solid #aa0000;
	padding-left: 6px;
}

.caixaTipo .caixaTitulo {
	width: 100%;
	background: #aa0000;
	color: #fff;
	text-align: center;
	font-size: .65rem;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.caixaTipo.vermelho-claro .caixaTitulo {
	background: #ff6464;
}
.caixaTipo.vermelho-claro .caixaCorpo {
	border-left-color: #ff6464;
	border-right-color: #ff6464;
}

.caixaTipo.azul .caixaTitulo {
	background: #0067ce;
}
.caixaTipo.azul .caixaCorpo {
	border-left-color: #0067ce;
	border-right-color: #0067ce;
}

.caixaTipo.azul-claro .caixaTitulo {
	background: #64b1ff;
}
.caixaTipo.azul-claro .caixaCorpo {
	border-left-color: #64b1ff;
	border-right-color: #64b1ff;
}

.info > .numero {
    margin-top: 8px;
    padding: 5px 5px 5px 5px;
    line-height: 1;
    display: inline-block;
    color: white;
    background-color: #ff6262;
    font-weight: bold !important;
    font-size: 0.9em !important;
    border-radius: 50%;
    text-align: center;
}

.info > .textarea-tudo {
	height: auto;
	overflow: hidden;
	resize: none !important;
	display: block;
}