﻿/* width */
.select2-results__options::-webkit-scrollbar {
	width: 8px;
}

/* Track */
.select2-results__options::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 10px;
}

/* Handle */
.select2-results__options::-webkit-scrollbar-thumb {
	background: #999;
	border-radius: 10px;
}

/* Handle on hover */
.select2-results__options::-webkit-scrollbar-thumb:hover {
	background: #777;
}

.select2-dropdown {
	margin-top: 10px;
}

.validation-summary-errors {
	color: red;
}

.mvc-grid {
	font-size: .85rem;
}

.mvc-grid table{
	background: #fff;
}

.mvc-grid-pager button {
	min-width: 1.5em;
	line-height: 2em;
}

.mvc-grid-pager .disabled, .mvc-grid-pager .disabled:focus, .mvc-grid-pager .disabled:hover {
	background: #fff;
}

.mvc-grid-pager .active, .mvc-grid-pager .active:focus, .mvc-grid-pager .active:hover {
	background-color: #154F79;
	border-color: #154F79;
}

.mvc-grid-headers .grid_options {
	width: 85px;
}

.form-group-default {
	position: relative;
	overflow: unset;
	padding-bottom: 0;
	border-color: #C6D9C7 !important;
	height: 48px;
	margin-top: 35px !important;
	border-radius: 10px;
}

.perfis .form-group-default {
	margin-top: 0 !important;
}

.form-group-default input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}


.form-group-default.focused, .form-group-default:has(.select2-container--open)  {
	background-color: #fff;
	box-shadow: 0 0 0px 2px #A7D2A8;
    border-color: #A7D2A8 !important;
	transition: transform 250ms ease-in-out;
}

.form-group-default:after {
/*	display: block;
	content: '';
	border-bottom: solid 2px #A7D2A8;
	transform: scaleX(0);
	transition: transform 250ms ease-in-out;
	margin: -1px -12px;*/
}

.form-group-default.focused:after {
	transform: scaleX(1);
}

.form-group-default label {	
    opacity: 1 !important;
    position: absolute;
    top: -25px;
    left: 2px;
    color: #18262f;
    font-weight: 700 !important;
    font-size: 11.5px !important;
}

.form-group-default .field-validation-error {
	position: absolute;
	font-size: 85%;
	width: 100%;
	left: 0.5rem;
	bottom: -1.5rem;
}

.form-group-default .form-control {
	height: 40px;
}


.form-group-default .select2-container {
	min-width: 100%;
}

.form-group-default .select2 .select2-selection {
	border: none !important;
	height: 32px;
    background: transparent;
}

.form-group-default .select2-container--disabled .select2-selection{
	cursor: not-allowed;
	background: transparent;
	opacity: .5;
}

.form-group-default .field-validation-error.has-select2{
	width: 100%;
    bottom: -20px;
    left: 10px;
}

.form-group {
	margin-top: 15px;
	margin-bottom: 15px;
}

.form-group label {
	margin-bottom: 3px;
}

.nav-tabs-simple > li > a:after {
	background-color: #2B76A2;
}

.cs-skin-slide .cs-options {
	background-color: #fff;
}

.card {
	border-radius: 10px;
}

.card .card-header {
	border-color: #A7D2A8 !important;
}

.card .card-header .card-title a{
	color: #A7D2A8 !important;
	font-size: 15px !important;
}

.card-group .card-header .card-title > a:hover {
	color: #A7D2A8 !important;
}

.card .card-header.px-0.separator:after {
	left: 0;
	right: 0;
}

.azul .card-header, .azul b, td.azul{
	color: #2727a8;
}

.azul .card-header.separator:after {
	background: #2727a8;
	height: .5px;
}

.verde .card-header, .verde b, td.verde {
	color: #008039;
}

.verde .card-header.separator:after {
	background: #008039;
	height: .5px;
}

.table-tarifa td {
	border-width: 0 1px;
	padding: 1px;
}

.table-tarifa tr:first-child td {
	border-width: 0 1px 1px 1px;
}

.table-tarifa tr td:first-child {
	border-left: none;
	width: 60px;
}

.table-tarifa tr td:last-child {
	border-right: none;
}

.table-tarifa tr td:nth-child(n+2) {
	text-align: center;
}

.mask-decimal {
	text-align: right;
}

.card-shadow {
	border-width: 0 0 0 4px;
	border-color: #A7D2A8;
	border-style: solid;
	margin-bottom: 30px;
	border-radius: 6px;
	box-shadow: 5px 5px 21px -3px #f0f0f0;
	/*box-shadow: 0px 7px 11px -7px #ddd;*/
}

.card-shadow, .card-shadow .card {
	border-radius: 6px !important;
}

.card-shadow .card-header {
	border-radius: 6px 6px 0 0 !important
}

.card .precos-volumes .card-header {
	background: #004E7C;
}

.card-shadow.tarifa {
	border-color: #F0F0F0;
}

.card.perfil input {
	font-size: 13.5px !important;
	color: #575757 !important;
	font-family: "Segoe UI", Arial, sans-serif !important;
	height: 20px !important;
}


.card.perfil input.form-control {
	height: 50px !important;
}

.card.perfil .btn-tag {
	position: absolute;
    right: 5.5%;
    /*right: 15px;*/
}

.card.perfil .id-tag {
	position: absolute;
	right: 35px;
	opacity: .5;
	font-weight: 100;
	font-size: 85%;
	margin-top: 2px;
}

.card.perfil:last-child {
	margin-bottom: 0;
}

.card.perfil td, .card.perfil th {
	border: none;
	padding: 7px 7px 7px 18px;
}

.card.perfil td {
	height: 45px;
}

.card.perfil tr td:first-child{
	max-width: 115px;
}

.card.perfil tr td:nth-child(4),
.card.perfil tr td:nth-child(5),
.card.perfil tr td:nth-child(8),
.card.perfil tr td:nth-child(9) {
	max-width: 70px;
}

.card.perfil .select2 .select2-selection {
	height: 40px;
}

.card.perfil .select2-selection__rendered {
	line-height: 40px;
}

form .disabled * {
	pointer-events: none;
	opacity: .5;
}

input[type=date]:invalid::-webkit-datetime-edit,
input[type=month]:invalid::-webkit-datetime-edit
{
	color: indianred;
}


/*
 * File
 */

.file {
	position: relative;
	display: inline-block;
	cursor: pointer;
	height: 2.5rem;
	width: 100%;
}

.file input {
	min-width: 14rem;
	margin: 0;
	filter: alpha(opacity=0);
	opacity: 0;
}

.file-custom {
	position: absolute;
	top: -3px;
	right: 0;
	left: 0;
	z-index: 5;
	height: 47px;
	padding: .5rem 1rem;
	line-height: 30px;
	color: #555;
	background-color: #fff;
	border: .075rem solid #ddd;
	border-radius: 10px;
	box-shadow: inset 0 0.2rem 0.4rem rgba(0,0,0,.05);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.file-custom:after {
	content: "Selecionar arquivo...";
	margin-left: 100px;
}

.file-custom:before {
    position: absolute;
    /*top: -.075rem;*/
    left: -.075rem;
    bottom: -.075rem;
    z-index: 6;
    display: block;
    content: "Importar";
    height: 47px;
    padding: .5rem 1rem;
    line-height: 30px;
    color: #555;
    background-color: #EEEEEE;
    border: .075rem solid #ddd;
    border-radius: 10px 0 0 10px;
}

.file-name {
	height: 2.25rem;
	top: 3px;
	left: 17px;
	width: calc(100% - 125px);
	z-index: 99999;
	background: #fff;
	position: absolute;
	line-height: 3.5;
	left: 115px;
}

/* Focus */
.file input:focus ~ .file-custom {
	box-shadow: 0 0 0 2px #A7D2A8;
	border-color: #A7D2A8;
}

.bg-pic {
	position: relative;
	background: no-repeat center center/cover url('/img/bg.jpg');
	width: calc(100% - 496px);
}

.page-sidebar {
	background: #154F79;
}
.page-sidebar .sidebar-header {
	background: #FFF;
	margin-bottom: 10px;
}

.page-sidebar .sidebar-menu .menu-items li:not(.open):hover {
	background: #93D3A7;
}

.page-sidebar .sidebar-menu .menu-items li a {
	padding-left: 50px !important;
	color: #fff !important;
	width: 100% !important;
}

.page-sidebar .sidebar-menu .menu-items li > .icon-thumbnail {
	color: #AAF0C0 !important;
	position: absolute !important;
	left: 18px !important;
	margin: auto !important;
}

.page-sidebar .sidebar-menu .menu-items li:not(.open):hover .icon-thumbnail {
	color: #154F79 !important;
}

.page-sidebar .sidebar-menu .menu-items li:not(.open):hover .icon-thumbnail img {
	filter: brightness(1.5);
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu {
	background: #023f64;
    box-shadow: inset 1px 4px 8px -3px #002a43;
}

.page-sidebar .sidebar-menu .menu-items > li ul.sub-menu > li {
	padding: 0px 20px !important;
}

.page-sidebar .sidebar-menu .menu-items .sub-menu li a {
	padding-left: 30px !important;
}


.page-sidebar .sidebar-menu .menu-items .sub-menu li > .icon-thumbnail {
	left: 30px !important;
}

.page-sidebar .sidebar-menu .menu-items > li > a > .arrow {
	float: right;
	padding-right: 20px;
}

.text-blue {
	color: #004E7C;
}

input[type="month"]::-webkit-calendar-picker-indicator {
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0; /* deixa invisível mas clicável */
}
input[type="month"] {
	position: relative;
}
input[type="date"]::-webkit-calendar-picker-indicator {
	cursor: pointer;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0; /* deixa invisível mas clicável */
}

input[type="date"] {
	position: relative;
}