/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* Fontes do sistema;
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/
@font-face {
    font-family: 'Sansation-Bold';
    src: url('../../fonts/Sansation-Bold.eot');
    src: url('../../fonts/Sansation-Bold.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Sansation-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sansation-Regular';
    src: url('../../fonts/Sansation-Regular.eot');
    src: url('../../fonts/Sansation-Regular.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Sansation-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sansation-Light';
    src: url('../../fonts/Sansation-Light.eot');
    src: url('../../fonts/Sansation-Light.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Sansation-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Sansation-LightItalic';
    src: url('../../fonts/Sansation-LightItalic.eot');
    src: url('../../fonts/Sansation-LightItalic.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/Sansation-LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../../fonts/MyriadPro-Regular.eot');
    src: url('../../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/MyriadPro-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceSansPro-Regular';
    src: url('../../fonts/SourceSansPro-Regular.otf');
    src: url('../../fonts/SourceSansPro-Regular.otf?#iefix') format('embedded-opentype'),
         url('../../fonts/SourceSansPro-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSans';
    src: url('../../fonts/DroidSans.ttf');
    src: url('../../fonts/DroidSans.ttf?#iefix') format('embedded-opentype'),
         url('../../fonts/DroidSans.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidSans-Bold';
    src: url('../../fonts/DroidSans-Bold.ttf');
    src: url('../../fonts/DroidSans-Bold.ttf?#iefix') format('embedded-opentype'),
         url('../../fonts/DroidSans-Bold.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Reenie Beanie';
  font-style: normal;
  font-weight: 400;
  src: local('Reenie Beanie'), local('ReenieBeanie'), url(../../fonts/font-post-it.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: 'Comic Neue';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/ComicNeue-Regular.ttf');
  src: url('../../fonts/ComicNeue-Regular.ttf?#iefix') format('embedded-opentype'),
       url('../../fonts/ComicNeue-Regular.ttf') format('truetype');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
    font-family: 'ShadowsIntoLightTwo';
    src: url('../../fonts/ShadowsIntoLightTwo-Regular.ttf');
    src: url('../../fonts/ShadowsIntoLightTwo-Regular.ttf?#iefix') format('embedded-opentype'),
         url('../../fonts/ShadowsIntoLightTwo-Regular.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family: 'LucidaSans';
    src: url('../../fonts/LucidaSans.ttf');
    src: url('../../fonts/LucidaSans.ttf?#iefix') format('embedded-opentype'),
         url('../../fonts/LucidaSans.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DejaVuSerif';
    src: url('../../fonts/DejaVuSerif.ttf');
    src: url('../../fonts/DejaVuSerif.ttf?#iefix') format('embedded-opentype'),
         url('../../fonts/DejaVuSerif.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Infosoft-Web-V1';
    src: url('../../fonts/infosoft-web-v3.woff2');
    src: url('../../fonts/infosoft-web-v3.woff2?#iefix') format('embedded-opentype'),
         url('../../fonts/infosoft-web-v3.woff2') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Infosoft-Web-V1-Bold';
    src: url('../../fonts/infosoft-web-v3-bold.ttf');
    src: url('../../fonts/infosoft-web-v3-bold.ttf?#iefix') format('embedded-opentype'),
         url('../../fonts/infosoft-web-v3-bold.ttf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Infosoft-Web-V2';
    src: url('../../fonts/infosoft-web-v2.ttf');
    src: url('../../fonts/infosoft-web-v2.ttf?#iefix') format('embedded-opentype'),
         url('../../fonts/infosoft-web-v2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Infosoft-Web-V2-Bold-Firefox';
    src: url('../../fonts/infosoft-web-v3-semibold.ttf');
    src: url('../../fonts/infosoft-web-v3-semibold.ttf?#iefix') format('embedded-opentype'),
         url('../../fonts/infosoft-web-v3-semibold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Infosoft-Web-V2-Bold-Chrome';
    src: url('../../fonts/infosoft-web-v3-bold.ttf');
    src: url('../../fonts/infosoft-web-v3-bold.ttf?#iefix') format('embedded-opentype'),
         url('../../fonts/infosoft-web-v3-bold.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Pacifico';
    src: url('../../fonts/Pacifico-Regular.ttf');
    src: url('../../fonts/Pacifico-Regular.ttf?#iefix') format('embedded-opentype'),
         url('../../fonts/Pacifico-Regular.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body {
  font-family: 'Infosoft-Web-V1', 'DroidSans', sans-serif;
}

h1, 
h2, 
h3, 
h4 {
	font-family: 'Infosoft-Web-V1-Bold', 'DroidSans-Bold', sans-serif;
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* Ajusta a posição do autocomplete para modal bootstrap;
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* 
*/
.ui-autocomplete {
	z-index: 5000;
}

.ui-autocomplete {
	font-family: Infosoft-Web-V1, 'DroidSans', sans-serif;
}

.ui-autocomplete {
	z-index: 5000;
}

.ui-autocomplete > li.ui-menu-item > i:not(.autocomplete-info-not-found), 
.ui-autocomplete > li.ui-menu-item > span:not(.autocomplete-info-not-found),
.ui-autocomplete > li.ui-menu-item div.ui-menu-item-wrapper> i:not(.autocomplete-info-not-found), 
.ui-autocomplete > li.ui-menu-item div.ui-menu-item-wrapper> span:not(.autocomplete-info-not-found) {
	color: var(--cor-produto);
	width: 20px;
}

.small-menu-item {
	line-height: 1 !important;
	margin-bottom: 6px;
}

.li-small-menu-item {
    margin-bottom: 5px !important;
}

.ui-autocomplete > .li-small-menu-item > .ui-state-active {
	margin-top:-1px !important;
	margin-left:-1px !important;
	margin-right: -1px !important;
	margin-bottom: 5px !important;
}

div.complement-autocomplete {
	font-size: 11px;
	color: gray;
	margin-top: 3px;
	margin-left: 12px;
	font-weight: normal !important;
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* Ajusta a posição do datepicker para modal bootstrap;
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* 
*/

.datepicker {
	z-index: 5000;
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* Estilo do footer
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* 
*/
html {
	position: relative;
	min-height: 100%;
}

body {
	/* Margin bottom by footer height */
	margin-bottom: 60px;
}

.footer {
	position: fixed;
	bottom: 0;
	z-index: 2;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 60px;
	background-color: #E5E5E5;
}

body > .container {
	padding: 60px 15px 0;
}

.footer> div {
	padding-right: 15px;
	padding-left: 15px;
}

code {
	font-size: 80%;
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* Estilo dos menus dropdown
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* 
*/
.dropdown-menu > li {
	position: relative;
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
	cursor: pointer;
}

.dropdown-menu .sub-menu {
	left: 100%;
	position: absolute;
	top: 0;
	display: none;
	margin-top: -1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left-color: #fff;
	box-shadow: none;
}

.right-caret:after, .left-caret:after {
	content: "";
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	display: inline-block;
	height: 0;
	vertical-align: middle;
	width: 0;
	margin-left: 5px;
	float: right;
	margin-top: 5px;	
}

.right-caret:after {
	border-left: 5px solid #AAAAAA;
}

.left-caret:after {
	border-right: 5px solid #AAAAAA;
}

.menu-header {
	height: 0px;
}

.menu-footer {
	height: 5px;
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* Estilo de linha selecionada em uma tabela;
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* 
*/
.row_selected, 
.table-hover > tbody > tr.row_selected:hover {
	color: var(--cor-produto);
	font-weight: bolder;
	background-color: #f0f0f0;
}

.row_selected td span.small-text {
	font-style: italic;
}

.input-obligate {
	background-color: #f0f0f0;
}

.select-list-btn.input-obligate[disabled] {
	background-color: transparent !important;
}

.select-list-btn > span > span  + span:before {
	content: ",";
	padding-right: 1em;
}

button.select-list-btn>span {
	display: flex;
	flex-wrap: wrap;
}

#additional-filters button.select-list-btn {
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

.clickable tr:not(.children-row) td {
	cursor: pointer;
}

.firest-row-childrean > td {
	border-top: 0px !important;
}

.icon-table:hover {
    opacity: 0.5;
}

.icon-button:hover {
    opacity: 0.5;
    cursor: pointer;
}

.icon-button-block:hover {
    opacity: 0.5;
	cursor: not-allowed;
}

.icon-yellow {
	color:#f0ad4e !important;
}

.icon-green {
	color:#5cb85c !important;
}

.icon-red {
	color:red !important;
}

.row-table-close {
	display: none !important;
	visibility: hidden;
}

.internal-table > thead > tr > th {
	color:gray;
}

.hide-filter {
	display: none !important;
	visibility: hidden;
}

.li-not-filter-table a {
	text-decoration: line-through;
}

.text-line-through {
	text-decoration: line-through;
}

.dropdown-menu > li.li-not-filter-table > a:hover,
.dropdown-menu > li.li-not-filter-table > a:focus {
 	text-decoration: line-through !important;
}

.open-filter-search {
	padding-left:10px;
	margin-top: 2px;
	font-size: 14px;
	color: var(--is-color-secondary);
}

span ~ .open-filter-search {
	padding-left:5px;
}

.icons-group {
	padding-left:5px;
}

th:hover > i.open-filter-search,
th:focus > i.open-filter-search {
	 visibility: visible; 
}

.open-filter-search:hover,
.open-filter-search:focus {
	color: gray;
	cursor: pointer;
	opacity: 0.6;
}

.table-hover > tbody > tr.children-row:hover {
	background-color: inherit  !important;   /* or whatever color you want */
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* Estilo para o menu principal;
* http://bootstrap3-menu.codedorigin.com/#
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* 
*/
.navbar-inverse {
	background-color: var(--cor-produto)
}

.navbar-dark .navbar-nav>.active>a:hover, 
.navbar-dark .navbar-nav>li>a:hover,
.navbar-dark .navbar-nav>li>a:focus {
	background-color: var(--cor-produto-focus) !important;
}

.navbar-dark .navbar-nav>.active>a, 
.navbar-dark .navbar-nav>.open>a,
.navbar-dark .navbar-nav>.open>a, 
.navbar-dark .navbar-nav>.open>a:hover,
.navbar-dark .navbar-nav>.open>a, 
.navbar-dark .navbar-nav>.open>a:hover,
.navbar-dark .navbar-nav>.open>a:focus {
	background-color: var(--cor-produto);
}

.dropdown-menu {
	background-color: #FFFFFF
}

.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus {
	background-color: var(--cor-dropdown-menu-focus);
}

.navbar-dark {
	background-image: none;
}

.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus {
	background-image: none;
}

.navbar-dark {
	border-color: var(--cor-produto);
}

.navbar-dark .navbar-brand {
	color: #FFFFFF
}

.navbar-dark .navbar-brand:hover {
	color: #FFFFFF
}

.navbar-dark .navbar-nav>li>a {
	color: #FFFFFF
}

.navbar-dark .navbar-nav>li>a:hover, 
.navbar-dark .navbar-nav>li>a:focus {
	color: #FFFFFF
}

.navbar-dark .navbar-nav>.active>a,
.navbar-dark .navbar-nav>.open>a,
.navbar-dark .navbar-nav>.open>a:hover,
.navbar-dark .navbar-nav>.open>a:focus {
	color: #FFFFFF
}

.navbar-dark .navbar-nav>.active>a:hover, 
.navbar-dark .navbar-nav>.active>a:focus {
	color: #FFFFFF
}

.dropdown-menu>li>a {
	color: var(--cor-texto)
}

.dropdown-menu>li>a:hover, 
.dropdown-menu>li>a:focus {
	color: #FFFFFF
}

.navbar-dark .navbar-nav>.dropdown>a .caret {
	border-top-color: #FFFFFF
}

.navbar-dark .navbar-nav>.dropdown>a:hover .caret {
	border-top-color: #FFFFFF
}

.navbar-dark .navbar-nav>.dropdown>a .caret {
	border-bottom-color: #FFFFFF
}

.navbar-dark .navbar-nav>.dropdown>a:hover .caret {
	border-bottom-color: #FFFFFF
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* Estilo para tabela com ordenação;
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* 
*/

/* Table sorter cursor*/
table .tablesorter-header {
    cursor: pointer;
}

/* bootstrap */
table.tablesorter .tablesorter-header:after {
    content: "";
    float: right;
    margin-top: 7px;
    border-width: 0 4px 4px;
    border-style: solid;
    border-color: var(--cor-produto) transparent;
    visibility: hidden;
}

table.tablesorter .tablesorter-headerDesc, 
table .tablesorter-headerAsc {
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

table.tablesorter .tablesorter-header:hover:after {
    visibility: visible;
}

table.tablesorter .tablesorter-headerAsc:after, 
table .tablesorter-headerAsc:hover:after {
    visibility: visible;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

table.tablesorter .tablesorter-headerDesc:after {
    border-bottom: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid var(--cor-produto);
    visibility: visible;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

table.tablesorter .tablesorter-header-inner {
	display: contents;
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* Estilo para o index;
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* 
*/

.nm-produto-login {
	font-size: 23px;
}

.col-wrap {
	overflow: hidden;
	margin-top: 0%;
}

#iconeAjudaPC {
	cursor: pointer;
	font-size:17px;
}

.bs-glyphicons {
    margin: 0 -10px 20px;
    overflow: hidden;
}

.bs-glyphicons-list {
    list-style: outside none none;
    padding-left: 0;
}

.bs-glyphicons li {
   
    border: 1px solid #fff;
    float: left;
    height: 115px;
    line-height: 1.4;
    padding: 10px;
    text-align: center;
    width: 25%;
}

.bs-glyphicons-menu li {
   
    border: 1px solid #fff;
    float: left;
    height: 115px;
    line-height: 1.4;
    padding: 10px;
    width: 10%;
    min-width: 65px !important;	
    padding-left: 5px;
}

.bs-glyphicons-menu li:hover {
    opacity: 0.5;
}

.bs-glyphicons .glyphicon {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 15px;
}

.bs-glyphicons .glyphicon-class {
    display: block;
    text-align: center;
    word-wrap: break-word;
}

.content-visible {
	display: block !important;
}

.pallet-li {
	 height: 22px;
	 width: 22px;
	 padding-right: 5px;
     padding-left: 5px;
	 display: inline-block;
}

.pallet-li-sel,
.pallet-li-clean {
	height: 22px;
	width: 200px;
	padding-right: 5px;
    padding-left: 5px;
}

.square-pallet {
	height: 21px;
	width: 21px;
	display: inherit;
}

.square-pallet-sel,
.square-pallet-clean {
	height: 22px;
	width: 200px;
	display: inherit;
	text-align: center;
}

.square-pallet:hover {
    cursor: pointer;
    border: 2px solid #000000;	
}

.square-pallet-sel:hover {
	cursor: pointer;
	opacity: 0.5;
	border: 1px solid grey;
}

.btn-pallet {
	padding-top: 6px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}

.btn-square-pallet {
	height: 21px;
	width: 60px;
	display: inline-block;
	padding-right: 13px;
	margin-right: 7px;
}

.btn-pallet .caret {
	padding-bottom: 14px;
}

.dropdown-menu-pallet {
	min-width: 212px;
}

.modelo-icones-li {
	 height: 22px;
	 width: 22px;
}

.mouse-pointer {
	cursor: pointer;
}

.mouse-help {
	cursor: help;
}

.time-tag {
	cursor: pointer;
	padding: 0;
	padding-left: 10px;
	padding-right: 10px;
}

.button-tag {
	cursor: pointer;
}

.card-header a {
	text-decoration:none;
}

.btn-not-border-left {
	border-radius: 0px ;
	border-left: 0 none;
}

.btn-border-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.btn-border-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.select-custom.input-obligate > option {
	background-color: #fff;
}

select option[disabled] { 
	display: none;
}

.menuSanfona {
	font-family: 'Droid Sans', Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	line-height: 160%; 	
 }
 
.menuSanfona h2 {
	font-size: 12px;
	padding-left: 10px;
	padding-top: 8px;
	color:var(--cor-produto);
}

.container-fluid {
	background-color: #ffffff;
}

#center {
	background-color: #ffffff;
}

button.btn-bar-accordion {
	margin-left: 7px;
}

.btn-toolbar > .btn-group > .btn-bar-accordion {
	padding:4px 5px 0px 6px ;
	background-color: #f5f5f5;
}

.btn-toolbar > .btn-group > .btn-bar-accordion > span {
	font-size: 20px;
}

a.btn-bar-accordion span.btn-bar-accordion {
	margin-right: 4px;	
}

.btn-full {
	width: 100%;
	text-align: left;
}

.legend-cursor {
	cursor:help;
}

.gray {
	background-color:#f7f7f7 ;
}

.icon-gray {
	color:gray;
}

.icon-red {
	color:#d9534f;
}

.btn-accordion-danger {
	color: #d9534f !important;
}

.btn-accordion-info {
	color: #5bc0de !important;
}

.btn-accordion-primary {
	color: #337ab7 !important;
}

.btn-accordion-warning {
	color: #f0ad4e !important;
}

.btn-accordion-success {
	color: #5cb85c !important;
}

.btn-accordion-gray,
.btn-accordion-grey {
	color: #778899 !important;
}

.cursor-progress {
	cursor:progress !important;;
}

.icon-help {
	font-size:19px;
	cursor: help;
}

.alert-gray {
	color: #333;
	background-color: #f5f5f5;
	border-color: #ddd;
}

div.nao-exibir-novamente {
	position: absolute;
	left: 30px;
}

div.nao-exibir-novamente label{
	padding-left: 5px;
	font-size: 9px !important;
	color: gray !important;
}

.card-header > .col-md-2 > .icon-favorito,
.card-header > .col-md-1 > .icon-favorito,
.card-header > .col-1 > .icon-favorito,
.card-header > .col-4 > .icon-favorito,
.card-header > .col-md-2 > .icon-senha, 
.card-header > .col-md-1 > .icon-senha  {
	font-size: 17px; 
	padding-right: 3px; 
}

.btn-group-accordion {
	float:right; 
	margin-top:-5px;
}

div.btn-group-accordion {
	margin-top:-5px;
}

.icon-bar-accordion {
	font-size:20px;
}

.btn-accordion {
	background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #333;
}

.card-fichas {
	min-height:207px;
}
	
td .input-group .bootstrap-touchspin .input-group-btn-vertical > .btn {
	padding: 6.5px 10px;
}

input[type="text"][readonly] ~ .input-group-btn-vertical > .btn {
	background-color: #eee;
	border-color: #ccc;
	color: #ccc;
	cursor: not-allowed;	
}

.input-group .input-group-btn ~ .bootstrap-touchspin input:first-child {
	border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.info-active {
	background-color: var(--cor-produto-info-active); 
	color:white;
}

span.item-list-group:hover,
span.item-list-group:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
.title-list-group {
	color: #fff !important;
}

.div-item-list-group {
	overflow: hidden;
	overflow-x:hidden;
}

.div-item-list-group:hover {
	overflow: scroll;
	overflow-x:hidden;
}

.input-lg ~ .input-group-btn-vertical > .btn {
	padding: 11px;	
}

.card-body-info {
	min-height: 400px;	
}

span[class*="mnemonic-"] {
	text-decoration: underline;
}

.spinner {
	width: 100px;
}

.spinner input {
	text-align: right;
}

.input-group-btn-vertical {
	position: relative;
	white-space: nowrap;
	width: 1%;
  	vertical-align: middle;
  	display: table-cell;
}
.input-group-btn-vertical > .btn {
  	display: block;
  	float: none;
  	width: 100%;
  	max-width: 100%;
  	padding: 8px;
  	margin-left: -1px;
  	position: relative;
  	border-radius: 0;
}

.group-remove-fields .bootstrap-touchspin .input-group-btn-vertical > .btn, 
.label-right-number .bootstrap-touchspin > .input-number-float-formatter {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 3px;
  	border-bottom-left-radius: 3px;
}

.input-group-btn-vertical i {
  	position: absolute;
	top: 0;
	left: 4px;
}

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

.inner-addon {
    position: relative;
}

.inner-addon .glyphicon-ajax {
    padding: 5px;
    pointer-events: none;
    position: absolute;
    z-index: 15;
}

.inner-addon .glyphicon-edit {
    padding: 5px;
    padding-top: 10px;
    pointer-events: all;
    position: absolute;
    cursor:pointer;
    z-index: 15;
    color: gray;
}

.left-addon .glyphicon-ajax,
.left-addon .glyphicon-edit {
    left: 0;
}

.right-addon .glyphicon-ajax,
.right-addon .glyphicon-edit {
    right: 0;
}

.list-group-item {
	color: var(--cor-texto);
}

.input-group .inner-addon .form-control {
	border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 3px;
  	border-bottom-left-radius: 3px;
}

.ui-menu .ui-not-select {
    cursor: pointer;
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    margin: 0;
    min-height: 0;
    padding: 3px 1em 3px 0.4em;
    position: relative;
}

.btnSemFundo {
	background: rgb(0, 0, 0) transparent;
	background: rgba(0, 0, 0, 0.0);
	/* Para navegadores IE 5.5 - 7 */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000);
	/* Para navegadores IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000, endColorstr=#000000)";		
   -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.border-tree {
    background: url("../dependence/images/line.gif") repeat-y scroll 0px 0 transparent !important;
}

.post-it {
	min-height: 140px;
	line-height: 25px;
	padding: 2px 10px;
	border: solid 1px #ddd;
	border-radius: 5px; 
	margin-left: 5px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 1em;
	padding-bottom: 2em;
}

.post-it-yellow {
	background-color: #fffae5;
	border-top: 5px solid #f6d673;
}

.post-it-pink {
	background-color: #fbeaf8;
    border-top: 5px solid #d56cc2;
}

.post-it-green {
	background-color: #e3f3ea;
    border-top: 5px solid #85d1a5;
}

.post-it-blue {
	background-color: #e5f8ff;
	border-top: 5px solid #82d4eb;
}

.post-it-orange {
	background-color: #ffece5;
	border-top: 5px solid #de8360;
}

.post-it-purple {
	background-color: #ebe7ff;
    border-top: 5px solid #8477c6
}

.post-it-yellow .icone-anotacao {
	color: #efc649
}

.post-it-pink .icone-anotacao {
	color: #d56cc2
}

.post-it-green .icone-anotacao {
	color: #85d1a5
}

.post-it-blue .icone-anotacao {
	color: #51c1e1
}

.post-it-orange .icone-anotacao {
	color: #de8360
}

.post-it-purple .icone-anotacao {
	color: #8477c6
}

.post-it-buttons:hover {
	cursor: pointer;
}

.post-it-buttons {
	position: relative;
	float: right;
	right: 2em;
	top: -3.4em;
	right: 2em;
	font-weight:bolder;
    transition:opacity 1s linear;
}

.post-it-dt-registro {
    position: relative;
    right: 2em;
    top: -4.4em;
    left: 4em;
    font-size: 10px;
    transition: opacity 1s linear;
    color: #6c757d;
    opacity: 0.7;
}

.border-outline-none:focus-visible {
    outline: 1px solid #f1f1f1!important;
    width: auto;
    border-radius: 6px;
}

.icon-color-post-it:hover,
.icon-list:hover {
	opacity:0.5;
}

.circle-icon {
	height: 15px;
	width: 15px;
	border-radius: 50%;
}

.icon-list {
	height: 15px;
	width: 15px;
	display: inline-block;
	color: gray;
}

.icon-color-post-it-yellow {
	background-color: #f6d673;
}

.icon-color-post-it-green {
	background-color: #85d1a5;
}

.icon-color-post-it-orange {
	background-color: #de8360;
}

.icon-color-post-it-blue {
	background-color: #82d4eb;
}

.icon-color-post-it-pink {
	background-color: #fb9a9a;
}

.icon-color-post-it-purple {
	background-color: #8477c6;
}

.close-post-it {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    padding: 10px 15px;
    color: #000;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
}

.close-post-it:hover {
  opacity: 0.5;
}

.box-post-it {
	padding-left: 0px;
    padding-right: 15px;
}

.anotacao-post-it {
	min-height: 300px;
	padding: 20px;
	margin-bottom: 10px;
	margin-top: 5px;	
}

.anotacao-close-post-it {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    color: #000;
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    opacity: 0.2;
    text-shadow: 0 1px 0 #fff;
}

.box-anotacao-post-it {
	background: url('../dependence/images/line-post-it.png') repeat;
	font: 16px "ShadowsIntoLightTwo",Helvetica,Arial,sans-serif;
	line-height: 25px;
	padding: 2px 10px;
	border: solid 1px #ddd;
	border-radius: 8px; 
}

.anotacao-close-post-it:hover,
.anotacao-close-post-it:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.close-modal-chat {
	float: right;
 	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2;
}

.close-modal-chat:hover,
.close-modal-chat:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5;
}

button.close-modal-chat {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: transparent;
	border: 0;
}


.icon-produto {
	color:#17AAA1; 
	font-size:17px; 
	padding-right:5px; 
	width:25px
}

.modal-title {
	font-weight: bold;
}

.img-border-radios {
	border-radius: 50%;
}

/** MENU LEFT **/
.menu-infosoft > .navbar-primary-large .navbar-fixed-left {
	width: 140px;
	position: fixed;
	border-radius: 0;
	height: 100%;
}

.menu-infosoft > .navbar-primary-short .navbar-fixed-left {
	width: 60px;
	position: fixed;
	border-radius: 0;
	height: 100%;
}

.menu-infosoft > .navbar-primary-large .navbar-fixed-left .navbar-nav > li {
	float: none;  /* Cancel default li float: left */
	width: 139px;
}

.menu-infosoft > .navbar-primary-short .navbar-fixed-left .navbar-nav > li {
	float: none;  /* Cancel default li float: left */
	width: 60px;
}

.menu-infosoft > .navbar-primary-short .navbar.navbar-fixed-left + .navbar.navbar-fixed-left {
    margin-top: -20px;
    z-index: auto;
}

.menu-infosoft  .navbar-fixed-left + .container {
	padding-left: 160px;
}

.menu-infosoft > .navbar-primary-large .navbar-fixed-left .navbar-nav > li > .dropdown-menu {
	margin-left: 140px;
}

.menu-infosoft > .navbar-primary-short .navbar-fixed-left .navbar-nav > li > .dropdown-menu {
	margin-left: 60px;
}

.menu-infosoft {
    padding-left: 0px !important;
}
.menu-infosoft > .navbar-primary-short > .navbar-fixed-left > .navbar-collapse > .navbar-nav > li> a {
    font-size: 0px !important;
}

.menu-infosoft > .navbar-primary-short > .navbar-fixed-left > div.navbar-collapse > ul.navbar-nav > li.dropdown > a.dropdown-toggle > span.fa,
.menu-infosoft > .navbar-primary-short > .navbar-fixed-left > div.navbar-collapse > ul.navbar-nav > li.dropdown > a.dropdown-toggle > span.glyphicon {
    font-size: 25px !important;
    width: 30px !important;
    text-align:center !important;
}

.menu-infosoft > .navbar-primary-large > .navbar-fixed-left > div.navbar-collapse > ul.navbar-nav > li.dropdown > a.dropdown-toggle > span.fa,
.menu-infosoft > .navbar-primary-large > .navbar-fixed-left > div.navbar-collapse > ul.navbar-nav > li.dropdown > a.dropdown-toggle > span.glyphicon {
    font-size: 18px !important;
    width: 28px !important;
}

.menu-infosoft > .navbar-primary-short > .navbar-fixed-left > div.navbar-collapse > ul.navbar-nav > li.dropdown {
 	border-top: 1px solid var(--cor-menu-li-border);
}

.menu-infosoft > .navbar-primary-short > .navbar-fixed-left > div.navbar-collapse > ul.navbar-nav > li.dropdown:last-child {
	border-bottom: 1px solid var(--cor-menu-li-border);
}

.menu-infosoft  .navbar-fixed-left > div.navbar-collapse > ul.navbar-nav {
	padding-top:30px;
}

.navbar ul.dropdown-menu > li > a > i.fa,
.navbar ul.dropdown-menu > li > a > i.glyphicon,
.navbar ul.dropdown-menu > li > a > span.fa,
.navbar ul.dropdown-menu > li > a > span.glyphicon {
    font-size:17px; 
    padding-right:5px; 
    width:25px;
    color:var(--cor-produto);
    text-align: center;
}

.filtros-search ul.dropdown-menu > li > a > i.fa,
.filtros-search ul.dropdown-menu > li > a > i.glyphicon,
.filtros-search ul.dropdown-menu > li > a > span.fa,
.filtros-search ul.dropdown-menu > li > a > span.glyphicon {
    padding-right:5px; 
    width:25px;
    text-align: center;
}

.filtros-search .dropdown-menu .dropdown-divider {
    margin: 5px 0;
}

.menu-infosoft > .navbar-fixed-left > .navbar-primary-short > .navbar > div.navbar-collapse > ul.navbar-nav > li > a {
    line-height: 0px;
}
.menu-infosoft .navbar-fixed-left > .navbar > .navbar-header {
    padding-top:10px;
}

#caret-large {
	color:var(--cor-produto); 
	margin-left:-8px; 
	margin-top:15px; 
	position:absolute; 
	font-size:45px;
}

#caret-short {
	color:#ffffff; 
	margin-left:54px; 
	margin-top:18px; 
	font-size:42px;
}

#caret-short:hover,
#caret-large:hover {
	opacity: 0.5;
    cursor: pointer;
}
/** MENU TOP**/

.menu-infosoft .navbar-primary > .navbar-static-top .navbar-collapse > .navbar-nav > .dropdown a.dropdown-toggle span.fa,
.menu-infosoft .navbar-primary > .navbar-static-top .navbar-collapse > .navbar-nav > .dropdown a.dropdown-toggle span.glyphicon {
	font-size:18px;
	padding-right:3px;
}

.menu-infosoft .navbar-primary > .navbar-static-top .navbar-right span.fa,
.menu-infosoft .navbar-primary > .navbar-static-top .navbar-right span.glyphicon {
	padding-right: 5px;
}
/** CONFIGURACOES MENU E PANEL**/
.menu-l ~ .container-fluid .card-default-content,
.menu-l ~ div > .container-fluid .card-default-content {
	margin-left: 80px;
}

.menu-top-l {
	display: none !important;
}

.menu-t ~ footer .nm-usuario {
	display: none !important;
}

.menu-left-t {
	display: none !important;
}

.infosoft-options {
	margin-left: 80%;
}

/** Configurações Material**/

.infosoft-options {
	position: fixed !important;
	float: right;
	z-index: 50;
	width: 100px;
    height: 100px;
}

.infosoft-options > .material-button-anim {
	float: right;
}

.material-button-anim {
  position: relative;
  text-align: right;
  max-width: 100px;
  margin: 0 auto 20px;
}

.material-button {
    position: relative;
    top: 0;
    z-index: 1;
    width: 70px;
    height: 70px;
    font-size: 1.5em;
    color: #fff;
    background: var(--cor-produto);
    border: none;
    border-radius: 50%;
    box-shadow: 0 3px 6px rgba(0,0,0,.275);
    outline: none;
}

.material-button-toggle {
    z-index: 3;
    width: 90px;
    height: 90px;
    margin: 0 auto;
}

.material-button-toggle span {
    -webkit-transform: none;
    transform:         none;
    -webkit-transition: -webkit-transform .175s cubic-bazier(.175,.67,.83,.67);
    transition:         transform .175s cubic-bazier(.175,.67,.83,.67);
}

.material-button-toggle.open {
    -webkit-transform: scale(1.3,1.3);
    transform:         scale(1.3,1.3);
    -webkit-animation: toggleBtnAnim .175s;
    animation:         toggleBtnAnim .175s;
}

.material-button-toggle.open span {
    -webkit-transform: rotate(45deg);
    transform:         rotate(45deg);
    -webkit-transition: -webkit-transform .175s cubic-bazier(.175,.67,.83,.67);
    transition:         transform .175s cubic-bazier(.175,.67,.83,.67);
}

#options {
	height: 70px;
}

.option {
    position: relative;
}

.option > button.material-button:hover {
    opacity: 0.999;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.275);
    font-size: 28px !important;
}

.option .option1 {
    -webkit-transform: translate3d(5px,90px,0) scale(.8,.8);
    transform:         translate3d(5px,90px,0) scale(.8,.8);
}

.option .option2 {
    -webkit-transform: translate3d(0,15px,0) scale(.8,.8);
    transform:         translate3d(0,15px,0) scale(.8,.8);
}

.option .option3 {
    -webkit-transform: translate3d(0,-50px,0) scale(.8,.8);
    transform:         translate3d(0,-50px,0) scale(.8,.8);
}

.option .option4 {
    -webkit-transform: translate3d(5px,-120px,0) scale(.8,.8);
    transform:         translate3d(5px,-120px,0) scale(.8,.8);
}

.option.scale-on .option1, 
.option.scale-on .option2,
.option.scale-on .option4,
.option.scale-on .option3 {
    filter: blur(0);
    -webkit-filter: blur(0);
    -webkit-transform: none;
    transform:         none;
    -webkit-transition: all .175s;
    transition:         all .175s;
}

.option.scale-on .option1 {
    -webkit-transform: translateY(-20px) translateX(20px);
    transform:         translateY(-20px) translateX(20px);
    -webkit-transition: all .175s;
    transition:         all .175s;
}

.option.scale-on .option2 {
    -webkit-transform: translateY(-70px) translateX(-75px);
    transform:         translateY(-70px) translateX(-75px);
    -webkit-transition: all .175s;
    transition:         all .175s;
}

.option.scale-on .option3 {
    -webkit-transform: translateY(-60px) translateX(-118px);
    transform:         translateY(-60px) translateX(-118px);
    -webkit-transition: all .175s;
    transition:         all .175s;
}

.option.scale-on .option4 {
    -webkit-transform: translateY(-45px) translateX(-90px);
    transform:         translateY(-45px) translateX(-90px);
    -webkit-transition: all .175s;
    transition:         all .175s;
}

.bootstrap-touchspin input.input-group-lg {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 6px;
	font-weight: bold;
}

td.vertical-centro {
	vertical-align: middle !important;
}

tbody tr.subhead > * {
  background-color: hsl(24, 83.3%, 97.6%);
  color: var(--cor-produto);
  border-bottom: 1px solid #ffab73;
  padding: 1em;
  font-size: 1.1em;
  text-align: center;
}

td span.small-text, 
li span.small-text {
	font-size: 11px;
	color: rgb(145, 158, 171) !important;
	font-weight: normal !important;
}

td span.small-text[title],
td span.small-text [title],
.subtitle-value[title],
.subtitle-value [title] {
	cursor: help !important;
}

.row label.padding-lg {
    padding-top: 15px;
}

.bloqueio-load {
	filter:alpha(opacity=50); 
	-moz-opacity:.50; 
	opacity:.50; 
	position:absolute;
	width:100%;
	height:100%;
	border:0px;
	left:0;
	top:0;
	background-color:#696969;
	z-index:10000;
}

.bloqueio-load img {
	position: absolute;
	left: 45%;
	top: 45%
}

.btn.loading {
    background-image: linear-gradient(45deg, rgba(235,235,235,0.15) 25%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 50%, rgba(235,235,235,0.15) 50%, rgba(235,235,235,0.15) 75%, rgba(0,0,0,0) 75%, rgba(0,0,0,0)) !important;
    background-size: 40px 40px !important;
    animation: 2s linear 0s normal none infinite progress-bar-stripes !important;
    -webkit-animation: progress-bar-stripes 2s linear infinite !important;
}

.tela-descanco {
	position:absolute;
	width:100%;
	height:100%;
	border:0px;
	left:0;
	top:0;
	background-color:white;
	z-index:10000;
}

.tela-descanco img {
	position: absolute;
	left: 45%;
	top: 45%
}

 /* The switch - the box around the slider */
label.switch {
	position: relative;
	display: inline-block;
	width: 51px !important;
	height: 25px;
	min-width : 51px !important;
	margin-top: 5px;
}

/* Hide default HTML checkbox */
label.switch input {
	display:none;
}

/* The slider */
.switch > .slider {
	position: absolute;
  	cursor: pointer;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	background-color: #ccc;
  	-webkit-transition: .4s;
  	transition: .4s;
}

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

.switch > input:checked + .slider {
  	background-color: var(--cor-produto);
}

.switch > input:focus + .slider {
  	box-shadow: 0 0 1px var(--cor-produto);
}

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

.table-grey > thead > tr > th,
.table-gray > thead > tr > th {
	background-color: #D3D3D3;
}

.table-blue > thead > tr > th {
	background-color:#D1E0EF;
    color: #2C4F76
}

.table-blue-dark > thead > tr > th {
	background-color:#337ab7;
    color: #F6F6F6
}

.table-active > thead > tr > th {
	background-color: var(--cor-table-active);
	color: white;
	font-family: 'Sansation-Bold';
	letter-spacing: 0.4px;
	font-size: 14px;
}

.table-active {
  --bs-table-accent-bg: none;
  color: none;
}

.table-gray > thead > tr > th:last-child,
.table-grey > thead > tr > th:last-child,
.table-blue > thead > tr > th:last-child,
.table-blue-dark > thead > tr > th:last-child,
.table-active > thead > tr > th:last-child {
	border-radius: 0px 4px 0 0 !important;
}

.table-gray > thead > tr > th:nth-child(1),
.table-grey > thead > tr > th:nth-child(1),
.table-blue > thead > tr > th:nth-child(1),
.table-blue-dark > thead > tr > th:nth-child(1),
.table-active > thead > tr > th:nth-child(1) {
	border-radius: 4px 0px 0 0 !important;
}

.fa-rotate-45 {
	-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.fa-1_5x {
    font-size: 1em;
}

/* Rounded sliders */
.switch > .slider.round {
  	border-radius: 34px;
}

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

.switch > .view-check[readonly] + .slider { 
  	cursor: not-allowed;
  	opacity: 0.5;
}

/*CSS Background teste*/

html, 
body, 
.container-fluid, 
#center {
	background-color: var(--is-body-bg) !important;
}

.bs-glyphicons-menu li {
	border: 1px solid var(--is-body-bg) !important;
}

.btn-pink {
  	color: #fff;
  	background-color: #c71497;
  	border-color: #b51189;
}

.btn-pink:hover,
.btn-pink:focus,
.btn-pink.focus,
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
  	color: #fff;
  	background-color: #a40d7b;
  	border-color: #940c6f;
}

.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
  	background-image: none;
}

.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled.focus,
.btn-pink[disabled].focus,
fieldset[disabled] .btn-pink.focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active {
	background-color: #ec69c9;
  	border-color: #d15ab1;
}

.btn-pink .badge {
	color: #ec69c9;
  	background-color: #fff;
}

.btn-yellow {
  	color: #fff;
  	background-color: #caca59;
  	border-color: #b7b763;
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow.focus,
.btn-yellow:active,
.btn-yellow.active,
.open > .dropdown-toggle.btn-yellow {
  	color: #fff;
  	background-color: #aeae67;
  	border-color: #9b9b71;
}

.btn-yellow:active,
.btn-yellow.active,
.open > .dropdown-toggle.btn-yellow {
  	background-image: none;
}

.btn-yellow.disabled,
.btn-yellow[disabled],
fieldset[disabled] .btn-yellow,
.btn-yellow.disabled:hover,
.btn-yellow[disabled]:hover,
fieldset[disabled] .btn-yellow:hover,
.btn-yellow.disabled:focus,
.btn-yellow[disabled]:focus,
fieldset[disabled] .btn-yellow:focus,
.btn-yellow.disabled.focus,
.btn-yellow[disabled].focus,
fieldset[disabled] .btn-yellow.focus,
.btn-yellow.disabled:active,
.btn-yellow[disabled]:active,
fieldset[disabled] .btn-yellow:active,
.btn-yellow.disabled.active,
.btn-yellow[disabled].active,
fieldset[disabled] .btn-yellow.active {
  	background-color: #e3e389;
  	border-color: #d5d587;
}

.btn-yellow .badge {
  	color: #e3e389;
  	background-color: #fff;
}

.btn-purple {
  	color: #fff;
  	background-color: #836996;
  	border-color: #662e91;
}

.btn-purple:hover,
.btn-purple:focus,
.btn-purple.focus,
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
  	color: #fff;
  	background-color: #6d4a85;
  	border-color: #72617e;
}

.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
  	background-image: none;
}

.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled.focus,
.btn-purple[disabled].focus,
fieldset[disabled] .btn-purple.focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active {
  	background-color: #b095c4;
  	border-color: #a58cb7;
}

.btn-purple .badge {
  	color: #81708d;
  	background-color: #fff;
}

.btn-gray {
  	color: black;
  	background-color: #e9e9ec;
  	border-color: #ccc;
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  	color: black;
  	background-color: #c1c1c3;
  	border-color: #b4b4b6;
}

.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  	background-image: none;
}

.btn-gray.disabled,
.btn-gray[disabled],
fieldset[disabled] .btn-gray,
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled.focus,
.btn-gray[disabled].focus,
fieldset[disabled] .btn-gray.focus,
.btn-gray.disabled:active,
.btn-gray[disabled]:active,
fieldset[disabled] .btn-gray:active,
.btn-gray.disabled.active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray.active {
  	background-color: #ebebeb;
  	border-color: #dbdbdb;
}

.btn-gray .badge {
  	color: #ebebeb;
  	background-color: #fff;
}

.btn-sq-lg, 
.btn-sq,
.btn-sq-sm,
.btn-sq-xs {
	margin-top: 3px;
}

.btn-sq-lg {
  	width: 150px !important;
  	height: 150px !important;
}

.btn-sq {
  	width: 100px !important;
  	height: 100px !important;
  	font-size: 10px;
}

.btn-sq-sm {
  	width: 50px !important;
  	height: 50px !important;
  	font-size: 10px;
}

.btn-sq-xs {
  	width: 25px !important;
  	height: 25px !important;
  	padding:2px;
}

.icon-autocomplete-info-not-found, 
.autocomplete-info-not-found {
	padding-top: 3px;
	font-size: 11px;
	color:#555;
}

.icon-autocomplete-info-not-found {
	font-size: 13px;
}

.vertical-label > label {
	font-size: 12px !important;
	font-weight: normal !important;
	color: gray !important;
	font-family: 'Infosoft-Web-V1';
	padding-bottom: 2px;
}

.card-collapse ~ .card-header {
	background-color: red;
}

.table-sem-separador > tbody > tr > td {
    border-top: 0px solid #ddd;
}

.icon-time-line {
	line-height: 1.6;
}

.icon-select-list {
	width: 20px;
}

/*
###Fontes para locais diferenciados, Header, Titles, Labels 
###A ordem das classes precisa ser mantida
*/

b {
	font-family: 'Infosoft-Web-V2-Bold-Chrome';
}

h1, h2, h3, h4 {
    font-family: 'Infosoft-Web-V2-Bold-Chrome', 'DroidSans-Bold', sans-serif;
}

.col-form-label{
	font-family: 'Infosoft-Web-V2-Bold-Chrome';
}

.font-bold-info {
	font-family: 'Infosoft-Web-V2-Bold-Chrome';
	font-weight: bold;
}

.card-title {
	font-family: 'Infosoft-Web-V2-Bold-Chrome';
	padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.modal-title {
	font-family: 'Infosoft-Web-V2-Bold-Chrome';
}

.dropdown-menu {
	font-family: 'Infosoft-Web-V1';
}

th {
	font-family: 'Infosoft-Web-V2-Bold-Chrome';
}

label {
	font-family: 'Infosoft-Web-V2-Bold-Chrome';
}

.modal-body-img {
	min-height: 300px;
}

.regra-usuario-hide {
  display: none !important;
}

.btn-vertical {
	margin-top: 24px;
}

.title-info:hover {
    cursor: help;
    position: relative;
}

.title-info .title-info-text {
    display: none;
}

.title-info:hover .title-info-text {
    border-radius: 3px;
    border: 1px solid #ddd;
    padding: 5px 20px 5px 5px;
    display: block;
    font-size: 14px;
    z-index: 100;
    color: #333;
    background-color: #f5f5f5;
    left: 0px;
    margin: 10px;
    min-width: 150px;
    position: absolute;
    top: 10px;
    text-decoration: none;
    -webkit-animation: slide-down .9s ease-out;
    -moz-animation: slide-down .9s ease-out;
}

.progress-bar-purple {
	background-color: var(--cor-produto);
}

.fa-blink {
   -webkit-animation: fa-blink .75s linear infinite;
   -moz-animation: fa-blink .75s linear infinite;
   -ms-animation: fa-blink .75s linear infinite;
   -o-animation: fa-blink .75s linear infinite;
   animation: fa-blink 1s linear infinite;
}

.file-description:not(.input-obligate){
	background-color: #fff;
}

.file-description.input-obligate {
	 background-color: #eee;
}

li.dropdown-divider + li.dropdown-divider,
li.is-divider + li.is-divider {
	display: none;
}

.sem-padding {
	padding: 0px;
}

.sem-quebra {
	white-space: nowrap
}

.corIcone {
	color: var(--cor-produto);
}

.cor-icone-selecionado {
	background: #f2f2f2 !important;
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* Paginação
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--cor-produto);
    border-color: var(--cor-produto);
}

.pagination > li > a, 
.pagination > li > span {
    color: var(--cor-produto);
}

.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {
    color: var(--cor-produto);
    background-color: #eee;
    border-color: #ddd;
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* Slider
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/
.slider-horizontal {
	width: 100% !important;
}

.slider-selection.tick-slider-selection {
    background-color: var(--cor-slider) !important;
    background-image: -moz-linear-gradient(top, var(--cor-slider), var(--cor-slider)) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--cor-slider)), to(var(--cor-slider))) !important;
    background-image: -webkit-linear-gradient(top, var(--cor-slider), var(--cor-slider)) !important;
    background-image: -o-linear-gradient(top, var(--cor-slider), var(--cor-slider)) !important;
    background-image: linear-gradient(to bottom, var(--cor-slider), var(--cor-slider)) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--cor-slider)', endColorstr='var(--cor-slider)',GradientType=0) !important;
}

.slider-tick.in-selection {
    background-color: var(--cor-slider) !important;
    background-image: -moz-linear-gradient(top, var(--cor-slider), var(--cor-slider)) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--cor-slider)), to(var(--cor-slider))) !important;
    background-image: -webkit-linear-gradient(top, var(--cor-slider), var(--cor-slider)) !important;
    background-image: -o-linear-gradient(top, var(--cor-slider), var(--cor-slider)) !important;
    background-image: linear-gradient(to bottom, var(--cor-slider), var(--cor-slider)) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--cor-slider)', endColorstr='var(--cor-slider)',GradientType=0) !important;
}

.slider-handle {
    background-color: var(--cor-produto) !important;
    background-image: -moz-linear-gradient(top, var(--cor-produto), var(--cor-produto)) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--cor-produto)), to(var(--cor-produto))) !important;
    background-image: -webkit-linear-gradient(top, var(--cor-produto), var(--cor-produto)) !important;
    background-image: -o-linear-gradient(top, var(--cor-produto), var(--cor-produto)) !important;
    background-image: linear-gradient(to bottom, var(--cor-produto), var(--cor-produto)) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--cor-produto)', endColorstr='var(--cor-produto)',GradientType=0) !important;
    background-color: var(--cor-produto) !important;
}

.slider.slider-disabled .slider-handle {
    background-color: #cfcfcf !important;
    background-image: -moz-linear-gradient(top, #DFDFDF, #BEBEBE) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DFDFDF), to(#BEBEBE)) !important;
    background-image: -webkit-linear-gradient(top, #DFDFDF, #BEBEBE) !important;
    background-image: -o-linear-gradient(top, #DFDFDF, #BEBEBE) !important;
    background-image: linear-gradient(to bottom, #DFDFDF, #BEBEBE) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#BEBEBE',GradientType=0) !important;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    padding-top: 5px;
}

.slider-tag {
	padding-top: 10px;
	padding-bottom: 6px;
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 10px;
	font-size: 12px;
	color: gray;
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/

.icone-verde {
	color: green;
}

.icone-azul{
	color:#337ab7;
}

.icone-laranja {
	color:orange;
}

.icone-cinza {
	color:gray;
}

.col-form-label-right {
	padding-top: 7px;
	padding-left: 0;
}

.label-ficha {
	text-align: left !important;
	padding-top: 15px;
}

.select-pure__options {
    top: 36px !important;
    z-index: 901 !important;
}




/**
* INI
* BOOTSTRAP 5
*
*
**/

/**
* Ajustes gerais da página
**/
body, .form-control, .btn{
	font-size: 13px;
}

/**
**Ajustes Grid
**/
.table-hover > tbody > tr:hover {
    background-color: #f5f5f5;
     --bs-table-accent-bg: none;
    color: var(--cor-texto);;
}

thead {
	font-size: 13px;
}

label {
	font-size: 13px !important;
	color: var(--cor-texto) !important;
}

.card-title{
	font-size: 14px !important;
}

.card-header .card-title .title-content {
	font-size: 16px !important;
}										 							

.badge {
	font-size: 12px;
}

.nav-link.active {
	color: #0084ff !important;	
}

.btn-info {
	background-color: #5bc0de;
    color: #fff;
    border-color: #5bc0de;
}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc;
} 
 
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.form-control {
	color: var(--cor-texto) !important;
}

.pager li > a.page-link {
	border-radius: 15px;
	padding: 5px 14px;
	font-size: 12px;
}

tbody > tr{
	vertical-align: middle !important;
	height: 50px;
}

.menu-top-t .navbar-nav {
	padding-top: 5px;
}

.menu-left-l-logo {
	 min-height: 57px;
}



thead > tr {
	/**border-top: 2px solid lightgray;**/
    border-bottom: 2px solid lightgray;
    height: 50px;
    vertical-align: middle;

}

table a:not([href]):not([class]),
table a:not([href]):not([class]):hover {
    color: #0d6efd; 
    text-decoration: none;
}

.table > :not(:last-child) > :last-child > * {
     border-bottom-color: lightgray; 
}

.icons-content-header {
	padding-top: 0px;
}

.bl-secondary{
	border-left: 1px solid var(--bs-secondary)
}

#dropdown-menu-search{
	border: 1px solid rgba(0, 0, 0, 0.15);
}

.w-20px {
	width: 20px;
}

.w-30px {
	width: 30px;
}

.caminho-recurso {
    font-size: 10px;
    color: #6e6e6e;
	padding-top: 5px;
}

.ui-state-active .caminho-recurso {
	color: #fff;
}

.nm-recurso {
    font-size: 0.800rem;
}

.w-15px {
	width: 15px;
}

.page-item.active .page-link {
    background-color: var(--cor-produto);
    border-color: var(--cor-produto);
}

.legend-table-danger {
	color: var(--bs-danger);
}

.legend-table-info {
	color: var(--bs-info);
}

.legend-table-primary {
	color: var(--bs-primary);
}

.legend-table-warning {
	color: var(--bs-warning);
}

.legend-table-success {
	color: var(--bs-success);
}

.legend-table-gray {
	color: var(--bs-info);
}

.accordion-button:not(.collapsed) {
    background-color: var(--cor-accordion);
    color: var(--cor-produto);
}

.panel-info {
    border-color: #bce8f1;
}

.panel-info > .card-header {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.panel-success {
    border-color: #d6e9c6;
}

.panel-success > .card-header {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}

.link-infosoft:link {
	text-decoration: none;
}

/**
**
**/


@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}

.card-default-content .card-title {
	margin-bottom: 0;
}

.card-header > .row > .col-md-2 > .icon-favorito, .card-header > .row > .col-md-1 > .icon-favorito,
.card-header > .row > .col-4 > .icon-favorito, .card-header > .row > .col-md-1 > .icon-favorito {
    font-size: 16px;
    padding-right: 3px;
}

.bootstrap-dialog-title{
	font-weight: bold;	
}

div.div-br {
	padding-top: 20px;
}

.navbar-brand > img {
	padding-left: 10px;
}

.navbar-toggler {
	margin-right: 10px;
}

.menu-top-t .navbar {
	padding-left: 0px;
	padding-right: 0px;
}

.modal.type-default .modal-header {
    background-color: #fff;
}
.modal.type-info .modal-header {
    background-color: #5bc0de;
}
.modal.type-primary .modal-header {
    background-color: #0b5ed7;
}
.modal.type-success .modal-header {
    background-color: #5cb85c;
}
.modal.type-warning .modal-header {
    background-color: #ffca2c;
}
.modal.type-danger .modal-header {
    background-color: #d9534f;
}

.modal.type-warning .modal-title, 
.modal.type-primary .modal-title, 
.modal.type-success .modal-title, 
.modal.type-danger .modal-title {
    color: white;
}

.hide, .hidden {
	display: none !important;
}

.bg-infosoft {
	background-color: var(--cor-produto) !important;
}

.navbar-dark .navbar-nav > .nav-item > .dropdown-item {
    color: #fff;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}

.menu-top-t .dropdown-submenu a::after {
  position: absolute;
  right: 13px;
  top: 0.6em;
}

.menu-left-l > .navbar-primary{
	position: fixed;
}

.menu-left-l .dropdown-submenu a::after {
  position: absolute;
  right: 6px;
  top: 0.48rem;
  margin-right: 5px;
}

.dropdown-menu.show > .dropdown-submenu > .dropdown-menu.show {
	margin-right: 10px;
}

.menu-left-l .dropdown-submenu a::after {
    top: 0.38rem;
}
/*
.navbar .nav-item a.dropdown-item,
.navbar-primary-menu .nav-item a.dropdown-item{
	margin-right: 10px;
}


.navbar .nav-item li.dropdown-submenu,
.navbar-primary-menu .nav-item li.dropdown-submenu{
	margin-right: 10px;
}
*/

/*
.navbar .nav-item li.dropdown-submenu > .dropdown-menu.show,
.navbar-primary-menu .nav-item li.dropdown-submenu > .dropdown-menu.show{
	margin-left: 10px;
}
*/
.navbar-primary.collapsed .dropdown-item-master {
  text-align: center !important;
}

.dropend .dropdown-menu{
	margin-left: 0px !important;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-left: .1rem;
  margin-right: .1rem;
}

.right-caret:after, .left-caret:after {
	content: "";
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	display: inline-block;
	height: 0;
	vertical-align: middle;
	width: 0;
	margin-left: 5px;
}

.footer> div {
    padding-right: 15px;
    padding-left: 15px;
}

/** MENU LEFT **/
.menu-infosoft > .navbar-primary-large .navbar-fixed-left {
  width: 140px;
  position: fixed;
  border-radius: 0;
  height: 100%;
}

.menu-infosoft > .navbar-primary-short .navbar-fixed-left {
  width: 60px;
  position: fixed;
  border-radius: 0;
  height: 100%;
}

.menu-infosoft > .navbar-primary-large .navbar-fixed-left .navbar-nav > li {
  float: none;  /* Cancel default li float: left */
  width: 139px;
}

.menu-infosoft > .navbar-primary-short .navbar-fixed-left .navbar-nav > li {
  float: none;  /* Cancel default li float: left */
  width: 60px;
}

.menu-infosoft > .navbar-primary-short .navbar.navbar-fixed-left + .navbar.navbar-fixed-left {
    margin-top: -20px;
    z-index: auto;
}

.menu-infosoft  .navbar-fixed-left + .container {
  padding-left: 160px;
}

.menu-infosoft > .navbar-primary-large .navbar-fixed-left .navbar-nav > li > .dropdown-menu {
  margin-left: 140px;
}

.menu-infosoft > .navbar-primary-short .navbar-fixed-left .navbar-nav > li > .dropdown-menu {
  margin-left: 60px;
}

.menu-infosoft {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.menu-infosoft > .navbar-primary-short > .navbar-fixed-left > .navbar-collapse > .navbar-nav > li> a {
    font-size: 0px !important;
}

.menu-infosoft > .navbar-primary-short > .navbar-fixed-left > div.navbar-collapse > ul.navbar-nav > li.dropdown > a.dropdown-toggle > span.fa,
.menu-infosoft > .navbar-primary-short > .navbar-fixed-left > div.navbar-collapse > ul.navbar-nav > li.dropdown > a.dropdown-toggle > span.glyphicon {
    font-size: 25px !important;
    width: 30px !important;
    text-align:center !important;
}

.menu-infosoft > .navbar-primary-large > .navbar-fixed-left > div.navbar-collapse > ul.navbar-nav > li.dropdown > a.dropdown-toggle > span.fa,
.menu-infosoft > .navbar-primary-large > .navbar-fixed-left > div.navbar-collapse > ul.navbar-nav > li.dropdown > a.dropdown-toggle > span.glyphicon {
    font-size: 18px !important;
    width: 28px !important;
}

.menu-infosoft > .navbar-primary-short > .navbar-fixed-left > div.navbar-collapse > ul.navbar-nav > li.dropdown {
   border-top: 1px solid var(--cor-menu-li-border);;
}

.menu-infosoft > .navbar-primary-short > .navbar-fixed-left > div.navbar-collapse > ul.navbar-nav > li.dropdown:last-child {
   border-bottom: 1px solid var(--cor-menu-li-border);;
}

.menu-infosoft  .navbar-fixed-left > div.navbar-collapse > ul.navbar-nav {
	padding-top:30px;
}

.dropdown-menu {
	font-size: 13px;	
}

nav ul.dropdown-menu > li > a > i.fa,
nav ul.dropdown-menu > li > a > i.fas,
nav ul.dropdown-menu > li > a > i.far,
nav ul.dropdown-menu > li > a > i.fal,
nav ul.dropdown-menu > li > a > i.fad,
nav ul.dropdown-menu > li > a > i.fab,
nav ul.dropdown-menu > li > a > i.bi,
nav ul.dropdown-menu > li > a > i.glyphicon,
nav ul.dropdown-menu > li > a > span.fa,
nav ul.dropdown-menu > li > a > span.fas,
nav ul.dropdown-menu > li > a > span.far,
nav ul.dropdown-menu > li > a > span.fal,
nav ul.dropdown-menu > li > a > span.fad,
nav ul.dropdown-menu > li > a > span.fab,
nav ul.dropdown-menu > li > a > span.bi,
nav ul.dropdown-menu > li > a > span.glyphicon {
    font-size:17px !important; 
    padding-right:5px; 
    width:25px;
    color: var(--cor-produto);
    text-align: center;
}

nav ul.dropdown-menu > li > a > span.bi {
    width:23px !important;
}


.menu-left-l a.navbar-brand img{
	padding-left: 8px;
	padding-top: 14px;
}

.menu-left-l .navbar-primary-menu {
	padding-top: 15px;
}

.menu-left-l .navbar-primary-menu > li > a:first-child {
    border-top: solid 1px var(--cor-menu-li-border);
}

.menu-left-l .navbar-primary-menu > li:last-child > a {
    border-bottom: solid 1px var(--cor-menu-li-border);
}

.menu-left-l .navbar-primary-menu > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
}

.filtros-search ul.dropdown-menu > li > a > i.fa,
.filtros-search ul.dropdown-menu > li > a > i.glyphicon,
.filtros-search ul.dropdown-menu > li > a > span.fa,
.filtros-search ul.dropdown-menu > li > a > span.glyphicon {
    padding-right:5px; 
    width:25px;
    text-align: center;
}

.filtros-search .dropdown-menu .dropdown-divider {
    margin: 5px 0;
}

i.light,
span.light {
	color: var(--is-color-light) !important;
}

.menu-infosoft > .navbar-fixed-left > .navbar-primary-short > .navbar > div.navbar-collapse > ul.navbar-nav > li > a {
    line-height: 0px;
}
.menu-infosoft .navbar-fixed-left > .navbar > .navbar-header {
    padding-top:10px;
}

#caret-large {
	color: var(--cor-produto); 
	margin-left:6px; 
	margin-top:10px; 
	position:absolute; 
	font-size:45px;
}

#caret-short {
	color: #ffffff; 
	margin-left: 70px; 
	margin-top: 13px; 
	font-size: 42px;
	position: absolute;
}

#caret-short:hover,
#caret-large:hover {
	opacity: 0.5;
    cursor: pointer;
}
/** MENU TOP**/

.menu-infosoft .navbar > .navbar-collapse > .navbar-nav > .dropdown a span.fa,
.menu-infosoft .navbar > .navbar-collapse > .navbar-nav > .dropdown a span.glyphicon {
	font-size:25px;
	padding-right:3px;
}

.menu-infosoft .navbar > a.navbar-brand > img  {
	padding-top:5px;
}

.menu-infosoft .navbar-primary > .navbar-static-top .navbar-right span.fa,
.menu-infosoft .navbar-primary > .navbar-static-top .navbar-right span.glyphicon {
	padding-right: 5px;
}


.navbar-global {
  background-color: white;
}

.navbar-global .navbar-brand {
  color: white;
}

.navbar-global .navbar-user > li > a
{
  color: white;
}

.navbar-primary {
  background-color: var(--cor-produto);
  bottom: 0px;
  left: 0px;
  position: absolute;
  top: 0px;
  z-index: 8;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  width: 140px;
}

.navbar-primary.collapsed {
  width: 60px;
}

.navbar-primary .glyphicon,
.navbar-primary .fa {
  font-size: 18px;
  width: 20px;
}

.navbar-primary.collapsed .glyphicon,
.navbar-primary.collapsed .fa{
  font-size: 25px;
}

.navbar-primary.collapsed .fad,
.navbar-primary.collapsed .fas,
.navbar-primary.collapsed .fab{
  font-size: 21px;
}

.navbar-primary.collapsed .bi {
  font-size: 21px;
}

.navbar-primary.collapsed .nav-label {
  display: none;
}

.navbar-primary-menu,
.navbar-primary-menu li {
  list-style: none;
  padding:0;
}

.navbar-primary-menu li a {
  display: block;
  padding: 0.25rem 1.2rem;
  text-align: left;

}

.navbar-primary-menu > li > a:hover {
  background-color: #1B4369;
  text-decoration: none;
  color: white;
}

.menu-top-t .navbar ul.navbar-nav > li > a {
	padding-top: 9px;
	padding-bottom: 9px;
	padding-left: 15px;
	padding-right: 15px;
} 

.navbar-primary-menu > li > a{
  color: white;
}

.navbar-primary-menu li a:hover .glyphicon,
.navbar-primary-menu li a:hover .fa {
  color: white;
}

 

.modal-title {
	width: 100%;
}

.modal-backdrop {
    z-index: 0;
}

.note-editable {
	background-color: white;
}

.pagination .page-item {
	z-index: 1;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #b0b0b0;
}

.vertical-align {
	align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.visible-xs {
    display: none !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}













.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    background-color: transparent;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: 3px solid var(--cor-nav-active);
    border-radius: 2px;
    color: var(--cor-nav-active) !important;
}
	
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    color: #6e84a3;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom: 3px solid var(--cor-nav-border-bottom);
    border-radius: 2px;
}

.nav-tabs .nav-item.show .nav-link:hover, 
.nav-tabs .nav-link.active:hover {
    background-color: transparent;
    border-bottom: 3px solid var(--cor-nav-active);
    color: var(--cor-nav-active);
}

.nav-link {
	min-height: 41px;
	color: var(--cor-nav);	
}

.nav-tabs {
    border-bottom: 1px solid #e3ebf6;
}

.nav-tabs .nav-link.disabled {
	color: var(--cor-nav-disable);
}							  			

.card {
	border-radius: 10px;
}

.card-header {
  	background-color: transparent;
}

.card-header:first-child {
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
}

thead > tr {
	background-color: #f9fbfd;
    color: #95aac9;
    font-size: .8125rem;
    font-weight: 600;
    letter-spacing: .06em;
    color: gray;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

.nav-link:hover {
	color: var(--cor-nav-hover);
}

.btn-gray {
	 background-color: #d7d7d7;
}

.modal-header {
    border-top-left-radius: calc(.75rem - 1px);
    border-top-right-radius: calc(.75rem - 1px);
}

.input-obligate {
    background-color: #f6f6f6;
}

.form-control:focus.input-obligate:focus {
	background-color: #f6f6f6 !important;
}

.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be;
}

.btn-success {
    color: #fff;
    background-color: #3d9f3d;
    border-color: #3d9f3d;
}

::-webkit-input-placeholder {
   color: #a9a9a9 !important;
}

:-moz-placeholder {
   color: #a9a9a9 !important;
}

::-moz-placeholder {
   color: #a9a9a9 !important;  
}

:-ms-input-placeholder {  
   color: #a9a9a9 !important;  
}

.modal-content {
	border-radius: calc(.75rem - 1px);
}

.title-panel-indicator {
	text-transform: uppercase !important;
	font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
}

.valor-panel-indicator {
	font-size: 25px;
}

.card-footer {
	background-color: transparent;
}

.gap-50px {
	gap: 50px;
}

.is-form-underline .form-control {
    border: none !important;
    border-bottom: 1px solid var(--cor-produto) !important;
    border-radius: 0;
}

.is-form-underline  .form-control ~ .btn  {
    border: none !important;
    border-bottom: 1px solid var(--cor-produto) !important;
    border-radius: 0;
    background-color: #fff !important;
}

.is-form-underline .input-obligate ~ .btn  {
    border: none !important;
    border-bottom: 1px solid var(--cor-produto) !important;
    border-radius: 0;
    background-color: rgb(243, 243, 243) !important;
}

.is-form-underline .form-control:disabled ~ .btn, 
.is-form-underline .form-control[readonly] ~ .btn {
	background-color: #e9ecef !important;
}

.flex-direction-column {
	flex-direction: column;
}

.text-uppercase {
	text-transform: uppercase;
}

.h-fit-content {
	height: fit-content !important;
}

.flex-1 {
    flex: 1;
}

.badge-infosoft {
	width: min-content;
    padding: 0px 5px;
    letter-spacing: 1px;
    border-radius: 6px;
    font-size: 11px;
    min-height: 20px;
    display: flex;
    align-items: center;
}

.badge-yellow {
	background-color: #ffe5d5;
    color: #f16d0a;
}

.badge-green {
	background-color: #d1efc4;
    color: #318f00;
}

.badge-blue {
	background-color: #e6f7fb;
    color: #00acd7;
}

.badge-gray {
	background-color: rgb(245, 245, 245);
    color: rgb(128, 128, 128);
}

.w-fit-content {
	width: fit-content;
}

.marcar-como-lido {
    text-decoration: underline;
    text-underline-position: under;
}

.notificacao-container {
	border-radius: 15px;
    border: 1px solid #ebebeb;
    padding: 15px 15px;
    background-color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: transform 0.2s;
}

.notificacao-container:hover {
	transform: translateX(5px);
} 

.conteiner-icone-notificacao {
	margin-right: 0.9em;
}

.conteiner-icone-notificacao span {
 	font-size: 20px;
 	color: #ce6900;
}

.content-data-notificacoa {
	font-size: 10px;
    color: gray;
}

.container-titulo-notificacao {
	justify-content: space-between;
    margin-bottom: 1px;
}

.content-titulo-notificacao {
	font-weight: bold;
    font-size: 11px;
    letter-spacing: 1px;
}

.content-conteudo-notificacao {
	font-size: 11px;
    color: gray;
}

#offcanvasNotificacoes {
	min-width: 800px;
}

#offcanvasNotificacoes .offcanvas-body {
	padding: 2rem;
}

.notificacao {
	position: fixed;
	right: 0em;
	top: 3.2em;
	display: flex;
	z-index: 1;
}

.notificacao .tringle-left {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 16px solid #ffe9de;
}

.notificacao .resumo-notificacao {
    min-width: 30px;
    height: 30px;
    background-color: #ffe9de;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
    color: #fd7b38;
    padding-right: 5px;
    cursor: pointer;
    transition: min-width 0.3s;
}

.notificacao:hover .resumo-notificacao {
	min-width: 50px;
}


.ui-widget.ui-widget-content  {
	padding: 0.4em;
}

/**************************
**GRID EM FORMATO DE BOX***
**************************/

.grid-box {
	--radius-grid-box: 15px;
	--padding-lr: 2rem;
	--cor-borda: #f1f1f1;
	border-collapse: separate !important;
    border-spacing: 0px 15px !important;
    box-shadow: none !important;
}

.grid-box thead > tr {
    color: #fff !important;
}

.grid-box thead > tr th {
	border-bottom: 1px solid var(--cor-borda) !important;
}

.grid-box tbody > tr {
	transition: transform 0.2s;
}

.grid-box tbody > tr:hover {
	transform: translateX(5px);
}

.grid-box tbody > tr,
.grid-box thead > tr {
	border-bottom: 1px solid var(--cor-borda);
	height: 50px;
	box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
	border-radius: var(--radius-grid-box);
}

.grid-box tbody > tr td,
.grid-box thead > tr th {
	border-top: 1px solid var(--cor-borda);
}

.grid-box tbody > tr td:last-child,
.grid-box thead > tr th:last-child {
	border-right: 1px solid var(--cor-borda);
	padding-right: var(--padding-lr);
	border-top-right-radius: var(--radius-grid-box);
	border-bottom-right-radius: var(--radius-grid-box);
}

.grid-box tbody > tr td:nth-child(1),
.grid-box thead > tr th:nth-child(1) {
	border-left: 1px solid var(--cor-borda);
	padding-left: var(--padding-lr);
	border-top-left-radius: var(--radius-grid-box);
	border-bottom-left-radius: var(--radius-grid-box);
}

.grid-box .row_selected,
.grid-box .table-hover > tbody > tr.row_selected:hover {
	background-color: #f8f8f8 !important;
}


.grid-box .tr-table-empty td {
	border: none;
}

.grid-box .tr-table-empty td {
	border-radius: var(--radius-grid-box);
}

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

.ui-widget.ui-widget-content  {
	padding: 0.4em;
}

.ui-widget.ui-widget-content .ui-menu-item {
    border: 0 none;
    font-weight: normal;
    margin: 1px 0;
    padding: 3px;
    text-align: left;
    letter-spacing: 0.02em;
}

.ui-widget.ui-widget-content .li-small-menu-item,
.ui-widget.ui-widget-content .small-menu-item {
     margin-bottom: 0px !important;
}

.ui-menu-item .ui-state-active {
    border-radius: 0.4em;
    border: none;
    background-color: var(--cor-produto);
    color: #fff !important;
    border-color: transparent;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 4%) !important;
}

.autocomplete-format-item .small-menu-item {
    padding: 6px;
}

.ui-state-active .autocomplete-info-not-found,
.ui-state-active .icon-autocomplete-info-not-found  {
	color: #fff !important;
}

.ui-menu-item .ui-state-active .small-text{
    color: #fff !important;
}

.ui-menu-item .ui-state-active .fa,
.ui-menu-item .ui-state-active .fas,
.ui-menu-item .ui-state-active .fad,
.ui-menu-item .ui-state-active .glyphicon {
    color: #fff !important;
}

.table-responsive {
    overflow-x: initial;
}

.card-accordidion-crud .accordion-button {
	height: 50px;
}

.card-accordidion-crud .accordion-button::after {
    display:none;
}

input[type='time'].form-control,
input[type='date'].form-control {
	min-height: 34px;
}

.card-accordidion-crud .btn-group-accordion {
	margin-top: 0px !important;
}

.ranges {
	letter-spacing: 0.5px;
}

.ranges,
.calendar-table {
	font-family: 'Infosoft-Web-V1';
}

.card-indicator-infosoft .card-footer {
	letter-spacing: 0.5px;
    font-size: 11px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

/* custom scrollbar */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}

/* Botão da seta da ESQUERDA (scroll para trás) */
::-webkit-scrollbar-button:single-button:horizontal:decrement {
  width: 16px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><polygon points='8,2 4,6 8,10' fill='%23d6dee1'/></svg>") center no-repeat;
}

/* Botão da seta da DIREITA (scroll para frente) */
::-webkit-scrollbar-button:single-button:horizontal:increment {
  width: 16px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><polygon points='4,2 8,6 4,10' fill='%23d6dee1'/></svg>") center no-repeat;
}

/* Botões com setas (para scroll vertical) */
::-webkit-scrollbar-button:single-button:decrement {
  height: 16px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><polygon points='6,2 10,8 2,8' fill='%23d6dee1'/></svg>") center no-repeat;
}

::-webkit-scrollbar-button:single-button:increment {
  height: 16px;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12'><polygon points='2,4 10,4 6,10' fill='%23d6dee1'/></svg>") center no-repeat;
}

#center > .card-default-content {
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 15%);
}

.card-indicator-infosoft {
	box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 8%);	
}

.accordion-button:not(.collapsed)::after {
    background-image: var(--url-chevron-accordion);
    transform: rotate(-180deg);
    fill: red;
}

.input-group-text.time-tag {
	font-size: 12px;
}

.mb-4p5 {
	margin-bottom: 2.25rem !important;
}

.input-group > ul.dropdown-menu + .bootstrap-touchspin > input.input-number-float-formatter{
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.number-label-right input.input-number-float-formatter {
	border-top-left-radius: 3px !important;
	border-bottom-left-radius: 3px !important;
}

.fs-1em {
	font-size: 1em;
}

.card-accordidion-crud {
	border-radius: 0px !important;
}

.card-accordidion-crud .btn-toolbar > .btn-group > .btn-bar-accordion {
    padding: 2px 6px 0px 8px;
    background-color: #fff;
}

input[readonly],
textarea[readonly],
select[readonly],
.btn.disabled,
.btn[disabled] {
	pointer-events: initial;
	cursor: not-allowed !important;
}

.justify-start {
	justify-content: start;
}

.justify-end {
	justify-content: end;
}

.justify-space {
	justify-content: space-between;
}

.justify-flex-end {
	justify-content: flex-end;
}

.list-group .fa-square-check,
.list-group .fa-circle,
.list-group .fa-circle-check {
	color: var(--cor-produto);
	font-size: 16px;
}

.title-list-group .fa-square-check {
	color: #fff;
	font-size: 16px;
}

.title-list-group .fa-square,
.list-group .fa-square {
	font-size: 16px;
}

.btn-group-infosoft > .btn {
	border-color: lightgray !important;
}

#offcanvasUtilitarios {
	width: 500px;
}

#offcanvasUtilitarios  > .offcanvas-body {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	padding-top: 1.5rem;
}

.card-default-content > .card-body-info > .tabbable > .tab-content > .tab-pane {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 15px;
} 

.hr-infosoft {
	margin-top: 20px;
}

.dm2c {
	column-gap: 50px;
    columns: 2;
    column-rule-style: groove;
    column-rule-color: #dee2e652;
    column-rule-width: 1px;
}	

.modal-footer > button > span.fad,
.modal-footer > button > span.fas,
.modal-footer > button > span.far,
.modal-footer > button > span.fal,
.modal-footer > button > span.fa,
.modal-footer > button > span.glyphicon,
.modal-footer > button > i.fad,
.modal-footer > button > i.fas,
.modal-footer > button > i.far,
.modal-footer > button > i.fal,
.modal-footer > button > i.fa,
.modal-footer > button > i.glyphicon,
.modal-footer > a > span.fad,
.modal-footer > a > span.fas,
.modal-footer > a > span.far,
.modal-footer > a > span.fal,
.modal-footer > a > span.fa,
.modal-footer > a > span.glyphicon,
.modal-footer > a > i.fad,
.modal-footer > a > i.fas,
.modal-footer > a > i.far,
.modal-footer > a > i.fal,
.modal-footer > a > i.fa,
.modal-footer > a > i.glyphicon {
	width: 20px;	
}

.input-group-text, 
#conteudoAjudaInfosoft,
#conteudoAjudaInfosoftSuporte {
	color: var(--cor-texto);
}

.info-box {
	border-radius: 10px !important;
}

.info-box-icon {
	border-top-left-radius: inherit !important;
	border-bottom-left-radius: inherit !important;
}

.timeline-item-content p {
	color: var(--cor-texto);
}

.offcanvas-1000 {
	width: 1000px;
	background-color: #f0f1f3;
}

.icone-modal-chose-icon {
	font-size: 30px;
	color: var(--cor-produto);
}

.btn-icon-modal {
	height: 125px;
	width: 125px;
	border-radius: 8px;
	background-color: #fff;
	margin: 5px;
}

.btn-icon-modal:hover {
	background-color: #ffd43b;
}

.name-icone-modal-chose-icon {
	font-size: 11px;
	color: #6c757d;
}

.title-category-modal-chose-icon {
	margin-left: 5px;
    letter-spacing: 1px;
    font-size: 25px;
    margin-bottom: 15px;
    color: var(--cor-produto);
    margin-top: 38px;
}

.btn-pallet::after {
	margin-top: -15px !important; 
}

.datepicker-default, 
.date-today {
	min-height: 34px !important;
}

.card-body-info > .tabbable > .nav-tabs {
	font-size: 14px;
}

.select-list-btn::after {
	float: right !important;
	padding-top: 2px;
}

.accordion-button {
	font-size: 14px;
	color: var(--cor-texto);	
}

.cor-product,
.cor-produto {
	color: var(--cor-produto);
}

.table {
    color: var(--cor-texto);
}

.toast-infosoft-alert {
	border-radius: 8px !important;
	border-color: #e0dfdf;
}

.toast-infosoft-alert .toast-header {
	border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    letter-spacing: 1px;
    font-size: 12px;
    opacity: 0.8;
}

.toast-infosoft-alert .toast-body {
    font-size: 11px;
    padding: 0.8rem;
    letter-spacing: 0.2px;
    color: #6c757d !important;
}

.icone-toast {
	font-size: 25px;
}

.toast-progress {
	height: 5px;
    opacity: 0.5;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.toast-infosoft-alert .btn-close {
	font-size: 10px;
    margin-right: 0px !important;
}

.toast-success .toast-header {
	color: #fff;
	background-color: #3d9f3d;
}

.toast-error .toast-header {
	color: #fff;
	background-color: #dc3545;
}

.toast-primary .toast-header {
	color: #fff;
	background-color: #0d6efd;
}

.toast-warning .toast-header {
	color: var(--cor-texto);
	background-color: #FFE28B;
}

.toast-success .toast-progress {
	background-color: #3d9f3d;
}

.toast-error .toast-progress {
	background-color: #dc3545;
}

.toast-primary .toast-progress {
	background-color: #0d6efd;
}

.toast-warning .toast-progress {
	background-color: #FFE28B;
}

.toast-success .icone-toast {
	color: #3d9f3d;
}

.toast-error .icone-toast {
	color: #dc3545;
}

.toast-primary .icone-toast {
	color: #0d6efd;
}

.toast-warning .icone-toast {
	color: #FFE28B;
}

.toast-progress {
  animation-name: slidein;
  animation-fill-mode: forwards;
}

.toast-infosoft-alert:hover .toast-progress {
	animation-play-state: paused;
}

@keyframes slidein {
 
  from {
  	margin-right: 0%;
    width: 100%;
    opacity: 1;
  }

  to {
    margin-right: 100%;
    width: 0%;
    opacity: 0;
    display: none;
  }
}

@media (min-width: 1550px) {
  .menu-l  .col-jk-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .menu-l .col-jk-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .menu-l .col-jk-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .menu-l .col-jk-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .menu-l .col-jk-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .menu-l .col-jk-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .menu-l .col-jk-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .menu-l .col-jk-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .menu-l .col-jk-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .menu-l .col-jk-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .menu-l .col-jk-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .menu-l .col-jk-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .menu-l .col-jk-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .menu-l .offset-jk-0 {
    margin-left: 0;
  }

  .menu-l .offset-jk-1 {
    margin-left: 8.33333333%;
  }

  .menu-l .offset-jk-2 {
    margin-left: 16.66666667%;
  }

  .menu-l .offset-jk-3 {
    margin-left: 25%;
  }

  .menu-l .offset-jk-4 {
    margin-left: 33.33333333%;
  }

  .menu-l .offset-jk-5 {
    margin-left: 41.66666667%;
  }

  .menu-l .offset-jk-6 {
    margin-left: 50%;
  }

  .menu-l .offset-jk-7 {
    margin-left: 58.33333333%;
  }

  .menu-l .offset-jk-8 {
    margin-left: 66.66666667%;
  }

  .menu-l .offset-jk-9 {
    margin-left: 75%;
  }

  .menu-l .offset-jk-10 {
    margin-left: 83.33333333%;
  }

  .menu-l .offset-jk-11 {
    margin-left: 91.66666667%;
  }

  .g-jk-0,
.gx-jk-0 {
    --bs-gutter-x: 0;
  }

  .g-jk-0,
.gy-jk-0 {
    --bs-gutter-y: 0;
  }

  .g-jk-1,
.gx-jk-1 {
    --bs-gutter-x: 0.25rem;
  }

  .g-jk-1,
.gy-jk-1 {
    --bs-gutter-y: 0.25rem;
  }

  .g-jk-2,
.gx-jk-2 {
    --bs-gutter-x: 0.5rem;
  }

  .g-jk-2,
.gy-jk-2 {
    --bs-gutter-y: 0.5rem;
  }

  .g-jk-3,
.gx-jk-3 {
    --bs-gutter-x: 1rem;
  }

  .g-jk-3,
.gy-jk-3 {
    --bs-gutter-y: 1rem;
  }

  .g-jk-4,
.gx-jk-4 {
    --bs-gutter-x: 1.5rem;
  }

  .g-jk-4,
.gy-jk-4 {
    --bs-gutter-y: 1.5rem;
  }

  .g-jk-5,
.gx-jk-5 {
    --bs-gutter-x: 3rem;
  }

  .g-jk-5,
.gy-jk-5 {
    --bs-gutter-y: 3rem;
  }
}

@media (max-width: 1440px) and (min-width: 1000px) {

  .col-info-0 {
    flex: 0 0 auto;
    width: 0% !important;
  }
   
  .col-info-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-info-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-info-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-info-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-info-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-info-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-info-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-info-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-info-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-info-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-info-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-info-12 {
    flex: 0 0 auto;
    width: 100% !important;
  }
  
}

.menu-left-l > nav.navbar-primary {
	background: linear-gradient(to top, var(--cor-degrade-inicio), var(--cor-degrade-meio), var(--cor-degrade-fim));
}

.menu-top-t > .bg-infosoft {
	background: linear-gradient(to left, var(--cor-degrade-inicio), var(--cor-degrade-meio), var(--cor-degrade-fim));
}

.menu-top-t > .navbar-dark .navbar-nav > .nav-item > .dropdown-item {
    color: #fff;
    background-color: transparent;
}

.accordion-header {
	cursor: pointer;
}

.card-indicator .card-footer {
	font-size: 11px;
}

.o-hidden {
	overflow: hidden;
}

.h-20px  {
	height: 20px;
}

.btn-white {
	background-color: var(--bs-white);
    border: 1px solid lightgray;
}

.btn-white:hover {
	opacity: 0.7;
}

.dropdown-toggle:after {
    content: "\f078";
    font-family: FontAwesome;
    border-top: none; 
    border-right: none; 
    border-bottom: none; 
    border-left: none;
    font-size: 11px;
    vertical-align: inherit;
}

.list-group-item {
    padding: 0.7rem 1rem;
    min-height: 50px;
}

.footer {
	height: 80px;
}

.help-utilitarios {
	margin-right: 50px;
	margin-top: -20px;
}

.show.offcanvas ~ .modal-backdrop {
	z-index: 1999;
}

.btn-product {
	background-color: var(--cor-produto);
	border-color: var(--cor-produto);
	color: #fff;	
}

.btn-product:hover {
	color: #fff;	
	opacity: 0.8;
}

.option-chose {
	background-color: var(--cor-produto);
	color: #fff !important;
}

.option-chose:hover {
	opacity: 0.7;
}					 

.list-group-item-utilitarios {
	border: none;
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
	border-left: 2px solid var(--cor-produto)
}

.no-link-a {
	text-decoration: none;
}

.icone-utilitarios {
	color: gray;
}

.offcanvas {
	z-index: 2000;
}

.offcanvas-body {
	border-top: 1px solid #f4f4f4;
}

.offcanvas-help {
	width: 950px;
}

.nav-link:hover, .nav-link:focus {
    color: #fff;
}

.card-indicator .card-body {
	padding-bottom: 5px;
}

table.table > thead > tr > th:nth-child(1) {
	border-top-left-radius: 10px !important;
}

.footer .text-muted {
    margin: 29px 0;
}

.toast-infosoft {
	cursor: pointer;
    border-radius: 14px;
}

.toast-container {
	z-index : 50;
}				  

.toast-infosoft .toast-header {
	background-color: var(--cor-produto);
    color: #fff !important;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.toast-infosoft .toast-body {
	color: gray;
    font-size: 12px;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	background-color: #fff !important;
}

#posicaoToast {
	margin-bottom: 80px;
}

.icone-open-utilitarios {
	font-size: 18px;
}	

.btn-open-utilitarios {
	margin-bottom: 18px;
	border-radius: 100%;
}  

.icon-favoritos-menu {
	font-size: 55px;
}

.btn-outline-product {
	border-color: var(--cor-produto);
	color: var(--cor-produto);
}

.btn-outline-product:hover {
	background-color: var(--cor-produto);
	color: #fff;
}

.menu-l ~ .container-fluid > .row-tela-menu {
    margin-right: 7.03125% !important;
    margin-left: 11.4583333333% !important;
}

.menu-l ~ .container-fluid > .row-favoritos {
	margin-right: 0 !important;
} 

.row-favoritos {
	margin-left: 0 !important;
}
	
.container-fluid .row #anotacoes {
	margin-left: 0 !important;
} 

.container-fluid > .row > .card-content .row-favoritos {
	margin-left: 0 !important;
} 
	
.menu-t ~ .container-fluid > .row-tela-menu {
	margin-right: 280px !important;
	margin-left: 280px !important;
}

.row-favoritos > .bs-glyphicons-menu li {
	border: none !important;
}

#favoritos > .bs-glyphicons-list li{
	margin-right: 50px;
}

.container-fluid .card-default-content > .card-body {
	padding-bottom: 20px;
}						 

.card-default-content > div.card-header {
	min-height: 51px;
}

.internal-table > thead > tr.tr-table-empty {
	border-top: none;
	height: 0px;
}

.tr-table-empty > th {
	background-color: #fff;
	height: 0px;
}

#center > .card-default-content > .card-body-info > .tabbable  > .tab-content > .tab-pane div.grid-infosoft {
	margin-top: 20px !important;
}

/*
.tab-pane div.content-grid-crud {
	padding-left: 30px;
	padding-right: 30px;
}*/

.menu-left-l > nav.navbar-primary {
	position: fixed !important;
}										 

.menu-top-t .dropdown-submenu > a.right-caret,
.menu-left-l .dropdown-submenu > a.right-caret {
    content: "\f053" !important;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    vertical-align: inherit;
}

.menu-top-t .dropdown-submenu > a.left-caret::after,
.menu-left-l .dropdown-submenu > a.left-caret::after {
    content: "\f053" !important;
}

.menu-top-t .dropdown-submenu > a::after,
.menu-left-l .dropdown-submenu > a::after {
    content: "\f054";
    font-family: 'FONT AWESOME 6 PRO';
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: none;
    font-size: 11px;
    vertical-align: inherit;
    padding-right: 10px;
}

#qtdOnlineEsquerda {
	margin-left: 13px;
    width: 34px;
}

#qtdOnlineEsquerda.usuarios-online ~ .last-icon-menu {
	padding-top: 30px;
}

.menu-l ~ .container-fluid .infosoft-default-height,
.menu-l ~ div > .container-fluid .infosoft-default-height {
	min-height: 82.4vh;
}
	
.menu-t ~ .container-fluid .infosoft-default-height,
.menu-t ~ div > .container-fluid .infosoft-default-height {
	 min-height: 73.5vh;
}

.card-default-content.infosoft-default-height {
	margin-top: 40px;
    margin-bottom: 65px;
}

.menu-top-t > .navbar > #conteudoNavbarSuportado > ul > li.nav-item > a.dropdown-item > span.fad,
.menu-top-t > .navbar > #conteudoNavbarSuportado > ul > li.nav-item > a.dropdown-item > i.fad{
	font-size: 20px;
    width: 26px;
}

.menu-left-l .navbar-primary.collapsed .dropdown-item-master span.fad,
.menu-left-l .navbar-primary.collapsed .dropdown-item-master span.fas,
.menu-left-l .navbar-primary.collapsed .dropdown-item-master span.fab
.menu-left-l .navbar-primary.collapsed .dropdown-item-master i.fad,
.menu-left-l .navbar-primary.collapsed .dropdown-item-master i.fas,
.menu-left-l .navbar-primary.collapsed .dropdown-item-master i.fab {
	  font-size: 21px;
	  padding-right: initial;	
}

.menu-left-l .navbar-primary .dropdown-item-master span.fad,
.menu-left-l .navbar-primary .dropdown-item-master span.fas,
.menu-left-l .navbar-primary .dropdown-item-master span.fab,
.menu-left-l .navbar-primary .dropdown-item-master i.fad,
.menu-left-l .navbar-primary .dropdown-item-master i.fas,
.menu-left-l .navbar-primary .dropdown-item-master i.fab {
	  font-size: 21px;
	  width: 20px;
	  font-size: 16px;
	  text-align: center;
	  width: 20px;
	  padding-right: 5px;
}

@media (max-width: 1440px) {
	.menu-top-t .dropdown-submenu > a::after,
	.menu-left-l .dropdown-submenu > a::after {
	    font-size: 8px;
	}
	
	.datepicker-default {
	    min-height: 33px !important;
	}
	
	.card-body-info > .tabbable > .nav-tabs {
		font-size: 13px;
	}

	.navbar-primary.collapsed .fad,
	.navbar-primary.collapsed .fas,
	.navbar-primary.collapsed .fab{
	  font-size: 21px;
	  padding-right: initial;
	}
	
	.navbar-primary .fad,
	.navbar-primary .fas,
	.navbar-primary .fab{
	  font-size: 21px;
	  width: 20px;
	  font-size: 15px;
	  text-align: center;
	  width: 20px;
	  padding-right: 5px;
	}
	
	.card-default-content.infosoft-default-height {
		margin-top: 20px;
	    margin-bottom: 20px;
	}
	
	.menu-l ~ .container-fluid .infosoft-default-height,
	.menu-l ~ div > .container-fluid .infosoft-default-height {
		 min-height: 84vh;
	}
	
	.menu-t ~ .container-fluid .infosoft-default-height,
	.menu-t ~ div > .container-fluid .infosoft-default-height {
		 min-height: 72.6vh;
	}
	
	div.div-br {
	    padding-top: 20px;
	}
	
	.menu-top-t .dropdown-submenu a::after {
	  top: 0.4rem;
	}
	
	.menu-left-l .dropdown-submenu a::after {
	    top: 0.4rem;
	}
	
	#favoritos > .bs-glyphicons-list li{
		margin-right: 20px;
	}										 
  
	.card-default-content > div.card-header {
		min-height: 44px;
	}									  
  
	.title-utilitarios {
		font-size: 15px;
	}
	
	.title-body-utilitarios {
		font-size: 14px;
	    font-weight: bold;
	}
	
	#offcanvasUtilitarios .offcanvas-header {
		padding-bottom: 0px;
	} 
	
	.offcanvas-help {
		width: 600px;
	}
		
	.footer {
		height: 60px;
	}
	
	.page-link {
		font-size: 12px !important;
	}
	
	.footer .text-muted {
	    margin: 22px 0;
	    font-size: 11px;
	}
		
	.icone-open-utilitarios {
		font-size: 13px;
	} 
	.btn-open-utilitarios {
		margin-bottom: 12px;
	}
	
	.navbar-primary.collapsed {
	    width: 54px;
	}
	
	.navbar-primary.collapsed .glyphicon, .navbar-primary.collapsed .fa {
	    font-size: 22px;
	}
	
	.navbar-primary-menu li a {
    	padding: 0rem 1.2rem;
	}
	
	.menu-left-l a.navbar-brand img {
   		padding-left: 4px;
	}
	
	.icon-favoritos-menu {
		font-size: 40px !important;
	}
	
	body, .form-control, .btn {
	    font-size: 12px;
	}
	
	.card-title {
	    font-size: 12px !important;
	}
	
	.card-header .card-title .title-content {
		font-size: 14px !important;
	}									  
 
	.icons-content-header {
	    padding-top: 0px;
	}
	
	tbody > tr {
	    height: 40px;
	}
	
	thead > tr {
		height: 40px;
		font-size: 12px;
	}
	
	.col-form-label {
	    font-size: inherit !important;
	}
	
	.menu-infosoft  .dropdown-item {
		font-size: 12px;
		padding-bottom: 2px;
		padding-top: 2px;		
	}
	
	.navbar-primary.collapsed .dropdown-item i.glyphicon,
	.navbar-primary.collapsed .dropdown-item i.fa {
		font-size: 15px !important;
	}
	
	.accordion-button {
	    height: 45px;
    	font-size: 13px;
	}
	
	.list-group-item {
		min-height: 40px;
	}
	
	#anotacoes {
		margin-left: 35px;
		margin-right: 0px;
	}
	
	.row-favoritos {
	    margin-left: 35px;
	}
	
	.post-it {
		min-height: 78px;
	}
	
	.post-it-buttons {
	    top: -2.8em;
	}
	
	h4, .h4 {
    	font-size: 1.1rem;
	}
	
	.navbar-primary-menu li a {
	    padding: 0rem 0.8rem;
	}
	
	.menu-left-l .navbar-primary-menu > li:last-child > a {
		padding-left: 16px;
	}
	
	.menu-left-l-logo {
	    min-height: 45px !important;
	}
	
	.menu-left-l-logo > .navbar-brand img {
	    height: 45px;
	    padding-left: 11px !important;
	    padding-right: 3px !important;
	}
	
	#caret-large {
		margin-top: 7px;
	}
	
	#caret-short {
		margin-top: 8px;
	}
	
	.menu-l ~ .container-fluid .card-default-content,
	.menu-l ~ div > .container-fluid .card-default-content {
		margin-left: 118px !important;
	}
	
	.card-default-content {
		margin-right: 60px !important;
	}
	
	#qtdOnlineEsquerda {
		width: 35px;
		text-align: center;
		margin-left: 10px !important;
	}
	
	.bs-glyphicons-menu li {
		height: 85px;	
	}
	
	.menu-top-t .navbar {
		padding-top: 0;
		padding-bottom: 0;
	}
	
	.menu-top-t .navbar-brand img {		
		height: 40px;
		padding-top: 0 !important;
	}
	
	.menu-top-t .navbar-nav {
		padding-top: 0;
	}
	
	.menu-t ~ .container-fluid .card-default-content,
	.menu-t ~ div > .container-fluid .card-default-content {
		margin-left: 80px !important;
	}
	
	.menu-t ~ .container-fluid .card-default-content,
	.menu-t ~ div > .container-fluid .card-default-content {
		margin-right: 80px !important;
	}
	
	.menu-t .navbar-brand img {
		height: 35px;
	}
	
	.menu-t  .navbar.navbar-expand-lg {
		padding-left: 80px;
		padding-right: 80px;
	}
	
	.row-favoritos {
		margin-left: 0 !important;
	}
		
	.container-fluid .row #anotacoes {
		margin-left: 0 !important;
	} 
	
	.container-fluid > .row > .card-content .row-favoritos {
		margin-left: 0 !important;
	} 
	
	.menu-t ~ .container-fluid > .row-tela-menu {
		margin-right: 80px !important;
		margin-left: 80px !important;
	}
	
	.menu-l ~ .container-fluid > .row-favoritos {
		margin-right: 0 !important;
	} 
	
	.menu-l ~ .container-fluid > .row-tela-menu {
		margin-right: 80px !important;
		margin-left: 118px !important;
	}
	
	.row-favoritos > .bs-glyphicons-menu li {
		height: 85px;	
	}
	
	.input-group-text {
		font-size: 12px;
	}	  						  
 
	.table-active > thead > tr > th {
		font-size: 12px;
	} 
		
	.list-group-item {
		padding: 0.7rem 1rem;
	}							  
}

@media (max-width: 800px) {
	
	.container-options-search-outlined {
		flex-direction: column;
	}
	
	.container-options-search-outlined .label-pesquisar-options-search {
		display: none;
	}
	
	.is-navbar-brand {
		display: flex !important;
	    align-items: center !important;
	    width: auto !important;
	    padding-top: 10px !important;
	}
	
	.is-navbar-brand-logo {
		width: auto !important;
	}
	
	nav ul.dropdown-menu > li > a > i.fa,
	nav ul.dropdown-menu > li > a > i.fas,
	nav ul.dropdown-menu > li > a > i.far,
	nav ul.dropdown-menu > li > a > i.fal,
	nav ul.dropdown-menu > li > a > i.fad,
	nav ul.dropdown-menu > li > a > i.fab,
	nav ul.dropdown-menu > li > a > i.bi,
	nav ul.dropdown-menu > li > a > i.glyphicon,
	nav ul.dropdown-menu > li > a > span.fa,
	nav ul.dropdown-menu > li > a > span.fas,
	nav ul.dropdown-menu > li > a > span.far,
	nav ul.dropdown-menu > li > a > span.fal,
	nav ul.dropdown-menu > li > a > span.fad,
	nav ul.dropdown-menu > li > a > span.fab,
	nav ul.dropdown-menu > li > a > span.bi,
	nav ul.dropdown-menu > li > a > span.glyphicon {
	    color: #fff;
	}
	
	.card-default-content > .card-body-info > .tabbable > .tab-content > .tab-pane {
		padding-left: initial;
		padding-right: initial;
	} 
	
	.table-responsive {
	    overflow-x: auto;
	}
	
	.dm2c {
	    columns: initial;
	}	
		
	.menu-t ~ .container-fluid > .row-tela-menu,
	.menu-l ~ .container-fluid > .row-tela-menu {
	    margin-right: 0px !important;
	    margin-left: 0px !important;
	}
	
	.menu-t ~ .container-fluid .card-default-content, .menu-t ~ div > .container-fluid .card-default-content {
    	margin-left: 0px !important;
    	margin-right: 0px !important;
	}
	
	.navbar-collapse li.nav-item {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	
	.menu-l ~ .container-fluid .card-default-content, 
	.menu-l ~ div > .container-fluid .card-default-content {
	    margin-left: 0px !important;
	    margin-right: 0px !important;
	}
	
	#favoritos > .bs-glyphicons-list li {
    	margin-right: 15px;
	}
	
	.menu-t .navbar.navbar-expand-lg {
	     padding-left: 0px;
	     padding-right: 0px; 
	}
	
	.menu-infosoft .navbar > .navbar-collapse > .navbar-nav > .dropdown a span.fa, .menu-infosoft .navbar > .navbar-collapse > .navbar-nav > .dropdown a span.glyphicon {
	    width: 25px;
	    text-align: center;
	}
 
	.menu-top-t .navbar ul.navbar-nav > li > a {
		padding-top: inherit;
		padding-bottom: inherit;
	} 	 
 
}								   

/**
* END
* BOOTSTRAP 5
*
*
**/

.select-pure__options {
    top: 36px !important;
    z-index: 901 !important;
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* INICIO V3
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/

.smallMenu.menu-chose-l .is-product-name {
	display: none;
}

.is-navbar-brand-logo {
	width: 42px;
	height: 42px;	
}

#imgNenhumaNotificacao {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    flex-direction: column;
}

#imgNenhumaNotificacao p {
	color: #677788;
	letter-spacing: 1px;
	font-size: 11px;
}

#favoritosUtilitarios .list-group-item {
	border-radius: 10px;
}

.is-page-not-favorite .fas {
	color: var(--is-color-page-not-favorite) !important;
}

.is-handle-favorito .fas {
	padding-right: 3px;
}

.link-redirect-notificacao {
	text-decoration: underline;
    color: #0d6efd;
    font-weight: bold;
}

.is-badge-orange {
	background-color: hsl(25, 100%, 92.2%) !important;
	color: hsl(24, 100%, 46.5%) !important;
}

.is-badge-yellow  {
	background-color: #fff3cd !important;
	color: #664d03 !important;	
}

.is-badge-red {
	color: #58151c !important;
	background-color: #f8d7da !important;
}

.is-img-perfil-toolbar {
	background-color: var(--is-bg-secondary);
    padding: 19px;
    font-size: 12px;
    height: 30px;
    width: 30px;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
    color: var(--is-color-secondary);
    font-weight: bold;
}

.is-page-favorite span {
	color: var(--is-color-page-favorite);
}

.filtros-search ~ .dropdown-menu a {
	padding: 0.2em 0.8em !important;
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #4e4e4e;
}

.filtros-search ~ .dropdown-menu .dropdown-divider {
	margin: 0.5rem 0 !important;
}

.card {
    box-shadow: 0 0.375rem 0.75rem rgb(140 152 164 / 8%);
    border: 0.0625rem solid rgba(231,234,243,.7);
    border-radius: 0.75rem;
}

.card-header {
	 border-bottom: 0.0625rem solid rgba(231,234,243,.7);
}

.card-title {
	margin: 0;
}

.list-group-item.info-active {
    z-index: 2;
    color: #fff;
    border-color: #377dff;
    background: linear-gradient(to left, var(--cor-degrade-inicio), var(--cor-degrade-meio), var(--cor-degrade-fim));
    border: none;
}

.list-group-item {
    position: relative;
    display: block;
    border: 0.0625rem solid #e7eaf3;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 1rem 1.5rem;
    color: var(--cor-texto);
    background-color: #fff;
    border: 0.0625rem solid #e7eaf3;
   	letter-spacing: 0.02rem;
}

.list-group {
    border-radius: 0.65rem;
}

.list-group-item .fa-square-check,
.list-group-item .fa-circle,
.list-group .fa-circle-check {
	width: 30px;
}

.list-group-item .fa-square {
	width: 30px;
}

.is-li-divider-util {
	width: 4rem;
	display: flex;
    align-items: center;
    justify-content: center;
}

.is-divider-util {
    width: 1px;
    height: 1.5rem;
    background-color: #eef0f7;
}

.ui-widget.ui-widget-content {
    padding: 0.4em;
    box-shadow: 0 0.6125rem 2.5rem 0.6125rem rgb(140 152 164 / 18%);
    border-radius: 10px;
    border: 0 solid rgba(0,0,0,.15);
    background-color: #fff;
}

.ui-widget.ui-widget-content .ui-menu-item {
    margin: 0.5rem 0;
}

.btn-tools {
	border: 0.0625rem solid rgba(231,234,243,.7);
}

.accordion-item {
	box-shadow: 0 0.375rem 0.75rem rgb(140 152 164 / 7%) !important;
	border: 0.0625rem solid rgba(231,234,243,.7);
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

.accordion .accordion-item:first-child {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.accordion .accordion-item:last-child {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.accordion-header,
.accordion-button {
	border-radius: inherit !important;

}

.accordion-button:not(.collapsed) {
    background-color: var(--is-bg-secondary) !important;
    color: var(--is-color-secondary);
    border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.accordion-body {
    padding: 3rem 1.25rem;
}

.modal-header {
	border-bottom: 0.0625rem solid rgba(231,234,243,.7);
}

.modal-footer {
	border-top: 0.0625rem solid rgba(231,234,243,.7);
}

.marcar-como-lido {
    text-decoration: underline;
    text-underline-position: under;
}

.notificacao-container {
	border-radius: 15px;
    border: 1px solid #ebebeb;
    padding: 15px 15px;
    background-color: #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: transform 0.2s;
}

.notificacao-container:hover {
	transform: translateX(5px);
} 

.conteiner-icone-notificacao {
	margin-right: 0.9em;
}

.conteiner-icone-notificacao span {
 	font-size: 20px;
 	color: #ce6900;
}

.content-data-notificacoa {
	font-size: 10px;
    color: gray;
}

.container-titulo-notificacao {
	justify-content: space-between;
    margin-bottom: 1px;
}

.content-titulo-notificacao {
	font-weight: bold;
    font-size: 11px;
    letter-spacing: 1px;
}

.content-conteudo-notificacao {
	font-size: 11px;
    color: gray;
}

#offcanvasNotificacoes {
	min-width: 800px;
}

#offcanvasNotificacoes .offcanvas-body {
	padding: 2rem;
}

.btn-voltar-offcanvas {
	display: none;
}

#offcanvasIframe .btn-voltar-offcanvas {
	display: block;
}

.notificacao {
	position: fixed;
	right: 0em;
	top: 3.2em;
	display: flex;
	z-index: 1;
}

.notificacao .tringle-left {
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 16px solid #ffe9de;
}

.notificacao .resumo-notificacao {
    min-width: 30px;
    height: 30px;
    background-color: #ffe9de;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 1px;
    color: #fd7b38;
    padding-right: 5px;
    cursor: pointer;
    transition: min-width 0.3s;
}

.notificacao:hover .resumo-notificacao {
	min-width: 50px;
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/

*, 
*::before, 
*::after {
    box-sizing: border-box;
}

html {
    height: -webkit-fill-available;
}

h1, 
h2, 
h3, 
h4 {
	font-family: 'Infosoft-Web-V1-Bold', 'DroidSans-Bold', sans-serif;
}

body {
    font-family: 'Infosoft-Web-V1', 'DroidSans', sans-serif;
    background-color: var(--is-body-bg);
    min-height: 100vh;
    min-height: -webkit-fill-available;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    font-size: var(--is-body-font-size);
    color: var(--is-body-color);
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    color: inherit; 
}
/**
*MENU RESUMIDO
*/

@media (min-width: 801px) {
	
	.smallMenu,
	.smallMenu ~ .section-main {
	    --is-width-asside : 6.25em;
	}
	
	.menu-chose-l.smallMenu .is-main-menu > li > a > div .is-form-name-main-menu,
	.menu-chose-l.smallMenu .nav-item-title .is-form-name-main-menu,
	.menu-chose-l.smallMenu .is-end-aside .is-form-name-main-menu {
	    opacity: 0;
	    display: none;
	}
	
	.smallMenu .dropdown-menu .is-icon-main-menu {
	    display: flex;
	    justify-content: center;
	}
	
	.smallMenu .is-main-menu  > .is-nav-item  > .is-nav-link,
	.smallMenu .is-main-menu  > .is-nav-item  > .is-nav-link > div, 
	.smallMenu .is-end-aside > .is-nav-link > div {
	    justify-content: center;
	}
	
	.smallMenu .is-main-menu  > .is-nav-item  > a > .is-chevron-menu {
	    display: none !important;
	}
	
	.smallMenu .is-main-menu .dropdown-item,
	.smallMenu .is-main-menu .dropdown-item > div {
	    display: flex;
	}
	
	.smallMenu .is-icon-main-menu {
		text-align: center;
	    margin-right: 0 !important;
	}
	
	.smallMenu .is-forms {
		display: flex;
	}
	
	.smallMenu .is-main-menu {
		width: 100%;
	}
	
}

/*
*
*/

.is-container {
    min-height: 100vh;
    display: flex;
}

.is-container-header-section {
	align-items: center;
    padding-left: 2px;
}

.is-navbar-vertical-aside {
    display: flex;
    flex-direction: column;
    width: var(--is-width-asside);
    min-height: 100vh;
    background-color: var(--is-aside-bg);
    background: linear-gradient(to top, var(--cor-degrade-inicio), var(--cor-degrade-meio), var(--cor-degrade-fim));
    color: var(--is-aside-font-color);
    padding: 1.5rem 0rem;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    box-shadow: 0 0.375rem 0.75rem rgb(140 152 164 / 60%);
    justify-content: space-between;
    position: fixed;
    z-index: 31;
    transition: width 0.3s;
}

.is-navbar-brand {
    display: flex;
    align-items: center;
    color: #ffff;
    text-decoration: none;
    letter-spacing: 2px;
    font-size: 2rem;
}

.is-product-name {
    padding-left: 1em;
}

.is-forms > .is-main-menu > .is-nav-item > .is-nav-link > div > .is-icon-main-menu > .light {
	color: var(--is-cor-light-menu) !important;
}

.is-navbar-vertical-aside .is-main-menu {
    list-style: none;
    padding: 0;
}

.is-nav-item:hover,
.is-main-menu > li > .dropdown-item:hover,
.is-main-menu > li > .dropdown-item:focus {
    background-color: rgba(189,197,209,.2) !important;
    color: #fff !important;
    border-radius: 15px !important;
    cursor: pointer !important;
}

.nav-item-title,
.nav-item-title:hover {
    background-color: transparent !important;
    cursor: context-menu !important;
    color: var(--is-color-nav-item-title-hover) !important;
}

.is-icon-main-menu {
    width: 25px;
    font-size: 15px;
    margin-right: 10px;
    text-align: center;
}

.is-form-name-main-menu {
    letter-spacing: 0.05em;
    font-size: 1em;
    opacity: 1;
    transition: opacity  1.3s;
    font-weight: normal;
    position: relative;
    width: 100%;
}

.is-header-util {
    height: var(--is-header-height);
    position: fixed;
    z-index: 30;
    width: calc(100% - var(--is-width-asside));
    border-width: 0 0 0.0625rem 0;
    border-style: solid;
    border-color: rgba(231,234,243,.7);
    padding: 0 2rem;
    background-color: #fff;
    box-shadow: 0 0.375rem 0.75rem rgb(140 152 164 / 5%);
    transition: width 0.3s, margin 0.3s; 
    margin-left: var(--is-width-asside);
    height: var(--is-height-toolbar);
}

.is-breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none;
    background-color: transparent;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.is-breadcrumb-item {
    color: #1e2022;
    font-size: 13px;
}

.is-breadcrumb-link {
    color: #8c98a4;
    text-decoration: none;
}

.is-breadcrumb-link:hover {
    color: #1366ff;
    cursor: pointer;
}

.gap-1em {
	gap: 1em;
}

.gap-2em {
	gap: 2em;
}

.is-breadcrumb-item + .is-breadcrumb-item {
    padding-left: 0.5rem;
}

.is-breadcrumb-item + .is-breadcrumb-item::before {
    float: left;
    padding-right: 0.5rem;
    color: #97a4af;
    content: var(--bs-breadcrumb-divider, "/");
}

.flex-1 {
    flex: 1;
}

.section-main {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin-left: var(--is-width-asside);
    transition: margin 0.3s;
    min-height: 100vh;
}

.is-content {
    padding: var(--is-padding-default);
    padding-top: calc(1rem + var(--is-header-height));
    padding-bottom: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
}

.is-card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0.0625rem solid rgba(231,234,243,.7);
    border-radius: 0.75rem;
    box-shadow: 0 0.375rem 0.75rem rgb(140 152 164 / 8%);
}

.is-card-body {
    flex: 1 1 auto;
    padding: 1.3125rem 1.3125rem;
}

.is-section-content {
    flex: 1;
    display: flex;
}

.is-section-content > .is-card {
    flex: 1;
}

.section-main .is-footer {
    color: #677788;
    padding: 1em var(--is-padding-default);
    display: flex;
    justify-content: space-between;
}

.is-footer .is-author {
    font-size: 10px;
    padding-bottom: 0 !important;
}

.is-footer p {
    margin-bottom: 0 !important;
}

.is-nav-link {
    padding: 0.5em 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.nav-item-title {
    padding-top: 5em;
    text-transform: uppercase;
    font-size: 0.8em;
    letter-spacing: 1px;
    color: #bfa1d6;
    padding-bottom: 1em;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.nav-item-title:first-child {
    padding-top: 0;
}

.is-navbar-brand {
    padding-left: 0.6em;
    padding-bottom: 2rem;
}

.is-chevron-menu ,
nav ul.dropdown-menu > li > a > .is-chevron-menu,
nav ul.dropdown-menu > li > a > span.is-chevron-menu {
    font-size: 0.8em !important;
}

.is-container-header-util {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 3em;
}

.is-search-util {
    border: none !important;
}

.is-group-search-util {
	display: flex;
	align-items: center;
}

.is-search-util {
    height: 2rem;
    font-size: 0.9rem;
    letter-spacing: 1px;
    min-width: 300px;
}

.is-search-icon-util {
    padding-right: 10px;
    font-size: 1.3em;
}

.is-nav-actions-util {
    list-style: none;
    display: flex;
    margin-bottom: 0 !important;
}

.is-nav-actions-util li:not(:last-child) {
    margin-right: 0.5rem;
}

.is-btn-icon {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    font-weight: 600;
    width: 2.625rem;
    height: 2.625rem;
    padding: 0;
    border: 0.0625rem solid transparent;
    background-color: transparent;
    cursor: pointer;
    border-radius: 50%;
    color: #71869d;
    transition: background 0.2s, color 0.2s;
}

.is-btn-icon:hover {
    color: #377dff;
    background-color: rgba(55,125,255,.1);
}  

.is-btn-icon-com-label {
	display: flex;
    width: 45px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
} 

.is-btn-icon-com-label {
	transition: transform 0.2s;
}

.is-btn-icon-com-label:hover {
	background-color: transparent;
	transform: translateX(-5px);
}

.is-label-btn-icon {
    width: 68px;
    text-align: left;
    font-size: 10px !important;
    display: flex;
    align-items: center;
    letter-spacing: 1px;
    position: absolute;
    top: -4px;
    left: 26px;
    background-color: red;
    width: fit-content;
    height: 14px;
    border-radius: 5px;
    color: #fff;
}

.is-container-img-perfil-util {
    display: flex;
    align-items: center;
    padding-left: 15px;
}

.is-img-perfil-util {
    height: 2rem;
    border-radius: 50%;
}

.is-footer-actions {
    display: flex;
    gap: 2.8em;
    font-size: 10px;
}

.is-footer-actions p {
    cursor: help;
}

.is-footer-actions .fad {
    width: 1.3em;
}

.is-section-datail-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.1em;
}

.is-section-detail-header-title {
    margin-bottom: 0;
    line-height: 0.6em;
    font-size: 1.3em;
    display: flex;
    align-items: end;
    font-weight: bold;
    line-height: 0.8em;
}

.is-nav-breadcrumb {
    display: flex;
    align-items: end;
}

.is-path-page {
    display: flex;
    align-items: end;
    font-size: 0.7em;
    padding-left: 1em;
    cursor: help;
    line-height: 0.5em;
    color: #7c8084;
}

.is-path-page .is-breadcrumb-item {
    font-size: 1em;
}

.is-handle-expanded {
    position: fixed;
    top: 0.8em;
    z-index: 40;
    border-radius: 50%;
    background-color: var(--is-bg-handle-expanded);
    width: 3em;
    height: 3em;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    left: calc(var(--is-width-asside) - 1em);
    box-shadow: 0 0.375rem 0.75rem rgb(140 152 164 / 13%);
    cursor: pointer;
    transition: background 0.2s, left 0.3s;
}

.is-handle-expanded:hover {
    background-color: var(--cor-degrade-meio);
}

.d-flex {
    display: flex;
}

.is-container-options-detail {
    display: flex;
    align-items: end;
}

.is-badge {
    padding: 5px 10px;
    border-radius: 10px;
    letter-spacing: 0.05em;
    font-size: 0.8em;
}

.is-badge-purple {
    background-color: #ebe7ff;
    color: #8477c6;
}

.is-badge-blue {
    background-color: hsl(209, 81.2%, 84.5%);
    color: hsl(211, 100%, 43.2%);
}

.is-handle-favorito,
.is-badge-button {
    cursor: pointer;
    transition: transform 0.2s;
}

.is-handle-favorito .fad {
    padding-right: 5px;
}

.is-handle-favorito:hover,
.is-badge-button:hover {
    transform: translateX(-5px);
}

.dropdown-item {
    color: inherit;
}

.dropdown-menu .dropdown-item,
.dropdown-submenu .dropdown-item {
    padding: 0.5rem 1rem !important;
    border-radius: 0.3125rem;
    color: #1e2022;
}

.is-navbar-vertical-aside .dropdown-submenu .dropdown-menu {
    left: 0.5rem !important;
}

.dropdown-menu .is-icon-main-menu {
    color: var(--is-aside-bg);
    width: 2em;
}

.dropdown-menu .is-icon-main-menu i,
.dropdown-menu .is-icon-main-menu span {
    width: 2em;
}

.dropdown-menu .is-form-name-main-menu {
    letter-spacing: 0.025em;
    font-size: 13px;
    color: #4a4a4a;
}

.dropdown-menu,
#dropdown-menu-search {
    min-width: 10rem;
    padding: 0.5rem 0.5rem;
    margin: 0;
    font-size: .875rem;
    color: #677788;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0 solid rgba(0,0,0,.15);
    z-index: 1000;
    box-shadow: 0 0.6125rem 2.5rem 0.6125rem rgb(140 152 164 / 18%);
}

.dropdown-menu .dropdown-item, .dropdown-submenu .dropdown-item {
    padding: 0.3rem 1rem !important;
}

.dropdown-menu {
	border-top: none !important; 
}

.is-main-menu .dropdown-menu {
	border-top: 4px solid var(--is-aside-bg);
}

.is-main-menu .dropdown-menu .dropdown-item, .dropdown-submenu .dropdown-item {
    padding: 0.3rem 1rem !important;
}

#dropdown-menu-search {
    margin-left: 10px !important;
    border-radius: 5px !important;
}

.is-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(231,234,243,.7);
}

.dropdown-menu li {
    margin: 0.25rem 0;
}

.is-nav-link > div {
    display: flex;
    flex: 1;
    align-items: center;
}

.avatar-sm.avatar-circle .avatar-sm-status {
    bottom: -0.08203rem;
    right: -0.08203rem;
}

.avatar-status-success {
    color: #fff;
    background-color: #00c9a7;
}

.avatar-status {
    position: absolute;
    bottom: 0.5rem;
    right: 4rem;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    text-align: center;
    vertical-align: baseline;
    border: 0.125rem solid #fff;
    width: 1.14844rem;
    height: 1.14844rem;
    line-height: 1;
    font-size: .65625rem;
    border-radius: 50%;
}

.expandend-mobile-icon {
    display: none;
    font-size: 3em;
}

.dropdown-toggle ~ .dropdown-menu li {
    margin: 0.1rem 0  !important;
}

.table {
    border-collapse: separate;
    border-spacing: 0 0px;
    color: var(--is-body-color);
    border-color: rgba(231,234,243,.7);
}

.table thead th:nth-child(1) {
    border-top-left-radius: 10px;
    border-left: 1px solid rgba(231,234,243,.7) !important;
    padding-left: 1em;
}

.table thead th:last-child {
    border-top-right-radius: 10px;
    border-right: 1px solid rgba(231,234,243,.7) !important;
    padding-right: 1em;
}

.table thead th {
    background-color: var(--is-bg-secondary) !important;
    color: var(--is-color-secondary);
    font-weight: normal;
    letter-spacing: 1px;
    height: 50px;
    vertical-align: middle;
    font-family: 'Infosoft-Web-V1';
    border-top: 1px solid rgba(231,234,243,.7);
    border-bottom: 1px solid rgba(231,234,243,.7);
}

.table > :not(:last-child) > :last-child > * {
    border-bottom-color: rgba(231,234,243,.7);
} 

.table tbody tr {
    height: 50px;
    vertical-align: middle;
}

.table tbody tr td:nth-child(1) {
    border-left: 1px solid rgba(231,234,243,.7) !important;
    padding-left: 2em;
}

.table tbody tr td:last-child {
    border-right: 1px solid rgba(231,234,243,.7) !important;
    padding-right: 1em;
}

.border-tree tr:first-child > td:nth-child(2){
	 border-top-left-radius: 10px;
}

.border-tree tr:first-child > td:last-child{
	 border-top-right-radius: 10px;
}

.border-tree tr:first-child td {
	border-top: 1px solid rgba(231,234,243,.7) !important;
}

.table tbody .is-last-tr-visible > td:nth-child(1),
.table tbody tr:last-of-type > td:nth-child(1),
.table tbody .tr-table-empty td:first-child {
    border-bottom-left-radius: 10px;
}

.table tbody .is-last-tr-visible > td:last-child,
.table tbody tr:last-of-type > td:last-child  {
    border-bottom-right-radius: 10px;
}

.table tfoot th:first-child {
    border-left: 1px solid #eef0f7;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.table tfoot th:last-child {
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
    border-right: 1px solid #eef0f7;
}

.is-card .table {
    box-shadow: 0 0.375rem 0.75rem rgb(140 152 164 / 7%) !important;
}

.tr-table-empty td:first-child {
	border-left: 1px solid #eef0f7 !important;
}

.is-card .grid-box {
	box-shadow: none !important;
}

.is-section-content > .is-card > .is-card-body {
    padding: 3em;
    padding-top: 2em;
    padding-bottom: 2em;
}

.is-container-img-perfil-util > a{
	padding: 0 !important;
}

.form-control {
    display: block;
    width: 100%;
    padding: 0.5125rem 1rem;
    font-size: var(--is-body-font-size);
    font-weight: 400;
    line-height: 1.5;
    color: #1e2022;
    background-color: #fff;
    background-clip: padding-box;
    border: 0.0525rem solid rgb(211 215 228);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.3125rem;
    min-height: 2.1rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.input-obligate {
    background-color: rgb(243, 243, 243);
}

.btn {
    font-size: var(--is-body-font-size);
}

.form-control:focus {
    color: #1e2022;
    background-color: #fff;
    border-color: rgba(140,152,164,.25);
    outline: 0;
    box-shadow: 0 0 0.5rem 0 rgb(140 152 164 / 25%);
}

.is-btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #677788;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 0.0625rem solid transparent;
    padding: 0.5125rem 1rem;
    font-size: var(--is-body-font-size);
    border-radius: 0.3125rem;
    min-height: 2.1rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.is-btn:focus {
    border-color: rgba(140,152,164,.25);
    outline: 0;
    box-shadow: 0 0 1rem 0 rgb(140 152 164 / 25%); 
}

.is-btn-purple {
    background-color: #ebe7ff;
    color: #8477c6;
    border: 0.0625rem solid rgba(231,234,243,.7);
}

.is-btn-gray {
    background-color: #f6f6f6;
    color: gray;
    border: 0.0625rem solid rgba(231,234,243,.7);
}

.justify-space {
    justify-content: space-between;
}

.is-nav-tabs {
    margin-bottom: 2.5em;
    border-bottom: none;
    width: inherit;
    border-bottom: 1px dashed rgba(145, 158, 171, 0.2);
}

.is-nav-tabs .nav-link {
    border: none;
    border: none;
    padding: 1em 2em;
    color: var(--cor-nav);
    letter-spacing: 0.02em;
    border-bottom: 0.1875rem solid transparent;
}

.is-nav-tabs .nav-item.show .nav-link, 
.is-nav-tabs .nav-link.active {
    color: var(--cor-nav-active);
    background-color: transparent;
    border-color: var(--cor-nav-active);
}

.is-nav-tabs .nav-link.disabled {
    color: #8b7d71;
}

.is-nav-icon {
    padding-right: 0.5em;
}

.is-card-body > div > .tab-content {
    padding: 0 2em;
}

.dropdown-menu {
    border-top: 4px solid var(--is-aside-bg);
}

.btn-success {
    color: #fff;
    background-color: hsl(131 38.1% 56.3%);
    border-color: hsl(131 38.1% 56.3%);
}

.btn-secondary {
    color: #fff;
    background-color: hsl(0 0% 56.1%);
    border-color: hsl(0 0% 56.1%);
}

.col-form-label {
    text-align: end;
    font-weight: bold;
    letter-spacing: 0.03em;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.form-select {
    display: flex;
    align-items: center;
    padding: 8px 1.2em;
}

.select-list-btn {
	padding: 8px 1.2em;
}

.select-list-btn.input-obligate:focus {
	background-color: transparent !important;
}

.btn-white {
    background-color: #fff;
    border: 0.0525rem solid rgb(211 215 228);
}

.open-filter-search {
    font-size: 10px;
}

.card-header {
	padding: 1em !important;
}

.is-btn-icon .fad {
	font-size: 1.3em;
}

.menu-forms-extra .dropdown-item {
	display: flex;
}

.icone-warning-notificacao.active {
	color: hsl(10, 77.3%, 79.5%);
}

/*
* MENU NO TOPO (HORIZONTAL) ? HABILITADO NO MOBILE TAMB?M
*/

.menu-chose-t .is-navbar-vertical-aside {
    min-height: var(--is-height-navbar-top);
    height: var(--is-height-navbar-top);
    width: 100%;
    border-radius: 0;
    flex-direction: row;
    padding: 0 4em;
    align-items: center;
    z-index: 50;
    background: linear-gradient(to left, var(--cor-degrade-inicio), var(--cor-degrade-meio), var(--cor-degrade-fim));
    box-shadow: 0 0.375rem 0.75rem rgb(140 152 164 / 15%);
    position: absolute;
}

.menu-chose-t .is-form-name-main-menu {
	width: auto;
}

.menu-chose-t  ~ .section-main .is-content {
	padding-top: calc(1.5rem + var(--is-header-height) + var(--is-height-toolbar));
}

.menu-chose-t ~ .section-main {
    margin-top: 0;
    margin-left: 0;
}


.menu-chose-t .is-section-datail-header {
	margin-bottom: 1.2em;
}

.menu-chose-t .is-header-util {
    width: 100%;
    position: absolute;
    margin-top: var(--is-height-navbar-top);
    margin-left: 0;
}

.menu-chose-t .is-handle-expanded {
    display: none;
}

.menu-chose-t .is-main-menu,
.menu-chose-t .is-container-brand-and-forms {
    display: flex;
}

.menu-chose-t .is-navbar-brand {
    padding-bottom: 0;
}

.menu-chose-t .nav-item-title,
.menu-chose-t .is-item-favorito {
    display: none;
}

.menu-chose-t .is-main-menu {
    margin-bottom: 0;
}

.menu-chose-t .dropdown-item-master > .is-chevron-menu {
    display: none;
}

.menu-chose-t .is-forms {
    margin-left: 7em;
}

.menu-chose-t .is-product-name {
    font-size: 17px;
}

.is-product-name {
    padding-left: 1.2em;
    font-size: var(--is-font-size-product-name);
}

.modal-body > form > .content-grid-crud {
    padding-top: 2rem;
}

.is-container-img-perfil-util > .dropdown-item {
	transition: opacity 0.2s;
}

.is-container-img-perfil-util > .dropdown-item:hover {
	background-color: transparent !important;
	opacity: 0.7;
}

.is-badge-green {
    background-color: #17aaa11a !important;
    color: #10817a;
}

.is-badge-gray {
    background-color: #e9e9e9;
    color: gray;
}

.menu-chose-t .is-main-menu {
    display: flex;
    justify-content: end;
}

.search-additional-filters.disabled {
	color: gray !important;
}

.badge-sem-filtro-informado {
    padding: 0.5em 1em;
    background-color: #edeff2;
    font-size: 10px;
    border-radius: 10px;
    width: fit-content;
    color: #4a4a4a;
    letter-spacing: 0.5px;
    cursor: help;
    transition: transform 0.2s;
    display: none;
}

.badge-filtro-pesquisa {
	padding: 0.5em 1em;
    background-color: rgb(0, 184, 217, 0.19);
    font-size: 10px;
    border-radius: 10px;
    width: fit-content;
    color: #006C9C;
    letter-spacing: 0.5px;
    cursor: help;
    transition: transform 0.2s;
    display: flex;
    align-items: center;
    gap: 5px;
}

.badge-filtro-pesquisa:hover,
.badge-sem-filtro-informado:hover {
	transform: translateX(5px);
}

div.badge-filtro:only-child {
  display: block;
}

.lista-filtros-aplicados {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
}

.icone-remover-filtro {
	cursor: pointer;
}

.btn-grey-infosoft {
	border: 1px solid #e6e8ec !important;
    border-radius: 10px;
    padding: 0.588em 1em;
    transition: transform 0.2s;
    background-color: #f3f5f9 !important;
    color: grey !important;
}

.btn-green-infosoft {
	border: 1px solid #19b87b !important;
    border-radius: 10px;
    padding: 0.588em 1em;
    transition: transform 0.2s;
    background-color: #19b87b !important;
    color: white !important;
}

.btn-blue-infosoft {
	border: 1px solid #317ABE !important;
    border-radius: 10px;
    padding: 0.588em 1em;
    transition: transform 0.2s;
    background-color: #317ABE !important;
    color: white !important;
}

.btn-info-infosoft {
	border: 1px solid #0dcaf0 !important;
    border-radius: 10px;
    padding: 0.588em 1em;
    transition: transform 0.2s;
    background-color: #0dcaf0 !important;
    color: white !important;
}

.btn-red-infosoft {
	border: 1px solid #dc3545 !important;
    border-radius: 10px;
    padding: 0.588em 1em;
    transition: transform 0.2s;
    background-color: #dc3545 !important;
    color: white !important;
}

.img-perfil,
.container-iniciais-nome {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.container-iniciais-nome {
	background-color: var(--cor-produto) !important;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
	letter-spacing: 1px;
}

@media (max-width: 1440px) {
	
	:root {
        --is-body-font-size: 12px;
        --is-padding-default: 1.5rem; 
        --is-width-asside: 13em;
        --is-height-toolbar: 3rem;
        --is-height-navbar-top: 3.5rem;
    }
    
    .is-label-btn-icon {
    	left: 34px;
    }
    
    .is-btn-icon-com-label {
  	    height: 2rem;
    }
    
    .is-handle-expanded {
    	top: 0.4em;
    }
    
    .is-navbar-brand {
	    padding-bottom: 1rem;
	    font-size: 1rem;
	    padding-left: 0.9em;
    }
    
    .is-navbar-brand-logo {
    	width: 30px;
    	height: 30px;
    }
    
    .is-product-name {
	    padding-left: 0.8em;
	    font-size: var(--is-font-size-product-name-1366);
	}
	
	.is-icon-main-menu {
	    width: 22px;
	    font-size: 13px;
	}
    
    .nav-item-title {
        padding-left: 0.8rem;
        padding-top: 2rem;
    }
    
    .is-nav-link {
    	padding: 0.8em 0.8rem;
    	font-size: 11px;
    }
    
    .is-main-menu .dropdown-menu .dropdown-item, .dropdown-submenu .dropdown-item {
	    padding: 0.25rem 0.6rem !important;
	}
	
	.is-section-content > .is-card > .is-card-body {
	    padding: 1.5em;
	}
	
	.table thead th {
		height: 40px;
	}
	
	tbody > tr {
	    height: 40px !important;
	}
	
	.is-content {
	    padding-top: calc(0.1rem + var(--is-header-height));
	}
	
	.menu-chose-t ~ .section-main .is-content {
	    padding-top: calc(0.3rem + var(--is-header-height) + var(--is-height-toolbar));
	}
	
	.is-nav-tabs {
		margin-bottom: 2em;
	} 
	
	.smallMenu .is-navbar-brand{
		padding-left: 1.45em;
	}   
	
	.smallMenu .is-product-name {
		display: none;
	}
	
	.is-form-name-main-menu {
		font-size: 11px !important; 
	}
	
	.is-forms {
		align-items: center;
		justify-content: center;
	}
	
	.smallMenu .is-icon-main-menu {
    	text-align: center;
	}
	
	.is-container-brand-and-forms ~ .is-main-menu {
		padding: 0 0em;
	}
	
	.is-card-default-content > .is-card-body > .tab-pane {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	
}

@media (max-width: 768px) {
    
    :root {
        --is-body-font-size: 11px;
        --is-padding-default: 1rem; 
        --is-height-navbar-top: 4.5rem;
        --is-height-toolbar: 3.5rem;
    }

    .menu-chose-t .is-main-menu {
        display: none;
    }
    
    .is-btn-icon-com-label {
    	display: none;
    }
    
    .is-search-util {
    	min-width: initial;
    }
    
	#baseInfosoft ~ .section-main .is-content {
	    padding-top: 1rem;
	}

    .is-navbar-vertical-aside {
        min-height: var(--is-height-navbar-top) !important;
        height: var(--is-height-navbar-top) !important;    
        width: 100% !important;
        border-radius: 0 !important;
        flex-direction: row !important;
        padding: 0 1em !important;
        align-items: center !important;
        align-items: start !important;
        z-index: 50 !important;
        background: linear-gradient(to left, var(--cor-degrade-inicio), var(--cor-degrade-meio), var(--cor-degrade-fim)) !important;
        box-shadow: 0 0.375rem 0.75rem rgb(140 152 164 / 15%) !important;
        transition: min-height 0.3s !important;
        position: absolute !important;
        flex-direction: column !important;
    }

    .section-main {
        margin-left: 0;
      	padding-top: calc(1.5rem + var(--is-header-height) + var(--is-height-toolbar));
    }
    
    .is-forms {
		display: initial;	
    }
	
	.is-section-datail-header {
		margin-bottom: 1.2em;
	}
	
    .is-header-util {
	    width: 100%;
	    position: absolute;
	    margin-top: var(--is-height-navbar-top);
	    margin-left: 0;
	}
	
	.is-form-name-main-menu {
		width: auto;
	}
	
	.is-content {
		padding-top: initial;
	}
	
	.col-form-label {
		justify-content: start;
	}
	
	.is-section-content > .is-card > .is-card-body {
		padding: 0.5em;
	}  
	
	.is-container-header-section {
		align-items: center;
	}
	    
    .is-handle-expanded {
        display: none;
    }

    .is-container-brand-and-forms {
        display: flex;
    	padding-top: 0.5rem;
    }

    .nav-item-title,
    .is-item-favorito {
        display: none;
    }

    .is-navbar-brand {
        padding-bottom: 0;
        align-items: start;
        padding-top: 0.8em;
    }

    .is-main-menu {
        margin-bottom: 0;
        display: none;
    }

    .dropdown-item-master > .is-chevron-menu {
        display: none;
    }

    .is-forms {
        margin-left: 7em;
    }

    .is-product-name {
        font-size: 21px;
    }

    .is-main-menu .dropdown-menu {
        z-index: 100;
    }

    .is-logoff {
        display: none;
    }

    .is-container-header-util {
        padding: 0;
    }

    .is-group-search-util {
        display: flex;
        align-items: center;
    }

    .is-nav-actions-util {
        padding-left: 0.5em;
    }
    
	.avatar-status {
	    right: 30px;
	    top: 28px;
	}

    .expandend-mobile-icon {
        display: block;
        padding-top: 0em;
        position: absolute;
        right: 1em;
    }

    .mobile-expandend {
        min-height: initial !important;
        height: fit-content !important;
        padding: 0 1em !important;
    }

    .mobile-expandend .is-forms {
        margin-left: 0;
        margin-left: 0;
        width: calc(100vw - 2em);
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .mobile-expandend .is-container-brand-and-forms {
        flex-direction: column;
    }

    .mobile-expandend .is-main-menu {
        display: block;
    }

    .mobile-expandend .is-main-menu .dropdown-menu {
        position: relative !important;
        inset: 0px auto auto 0px !important;
        margin: 0px !important;
        transform: translate3d(0px, 0px, 0px) !important;
        box-shadow: none;
    }

    .mobile-expandend .dropdown-submenu .dropdown-menu {
        padding-left: 20px;
    }

    .mobile-expandend .dropdown-submenu .dropdown-menu li {
        border-left: 1px solid #9876b8;
    }
    
    .is-end-aside a {
    	display: initial;
    }
    
    .mobile-expandend .is-container-brand-and-forms ~ .is-main-menu {
	      padding-bottom: 1rem;
	}
	
	.mobile-expandend .is-container-brand-and-forms ~ .is-main-menu li {
		display: flex;
	}
	
	.mobile-expandend .is-container-brand-and-forms ~ .is-main-menu li a {
		padding: 0.5em 0;
	}

}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* Pagina e impressão
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/

.portrait {
	page: port;
}

.landscape {
	page: land;
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* @PAGE
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/	

@page port {
	size: portrait;
}

@page land {
	size: landscape;
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* @MOZILA
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/
@-moz-document url-prefix() {
	.select-custom {
		-webkit-appearance: none;
		-moz-appearance: none;
		-appearance: none;
		background: url('../../images/core/dropdown_arrow.png') no-repeat 98% 50%;
	}
	
	h1, h2, h3, h4 {
    	font-family: 'Infosoft-Web-V1-Bold', 'DroidSans-Bold', sans-serif;
	}

	.select-custom.input-obligate {
		background-color: #f0f0f0;
	}
	
	.select-list-arrow { 
		margin-top:-12px !important;
	}
	
	.font-bold-info {
		font-family: 'Infosoft-Web-V2-Bold-Firefox';
	}
	
	.card-title {
		font-family: 'Infosoft-Web-V2-Bold-Firefox';
	}
	
	.col-form-label {
		font-family: 'Infosoft-Web-V2-Bold-Firefox';
	}	
	
	.modal-title {
		font-family: 'Infosoft-Web-V2-Bold-Firefox';
	}
	
	.card-header {
		font-family: 'Infosoft-Web-V2-Bold-Firefox';
		font-weight: normal;
	}
	
	th {
		font-family: 'Infosoft-Web-V2-Bold-Firefox';
		font-weight: normal;
	}
	
	label {
		font-family: 'Infosoft-Web-V2-Bold-Firefox';
		font-weight: normal;
	}
	
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* @Safari
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/
@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {

	h1, h2, h3, h4 {
    	font-family: 'Infosoft-Web-V1-Bold', 'DroidSans-Bold', sans-serif;
	}

	.font-bold-info {
		font-family: 'Infosoft-Web-V1-Bold';
	}
	
	.card-title {
		font-family: 'Infosoft-Web-V1-Bold';
	}
	
	.col-form-label {
		font-family: 'Infosoft-Web-V1-Bold';
	}	
	
	.modal-title {
		font-family: 'Infosoft-Web-V1-Bold';
	}
	
	.card-header {
		font-family: 'Infosoft-Web-V1-Bold';
		font-weight: normal;
	}
	
	th {
		font-family: 'Infosoft-Web-V1-Bold';
		font-weight: normal;
	}
	
	label {
		font-family: 'Infosoft-Web-V1-Bold';
		font-weight: normal;
	}
	
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* @WEBKIT
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/

@keyframes toggleBtnAnim {
	
    0% {
        -webkit-transform: scale(1,1);
        transform:         scale(1,1);
    }
    
    25% {
        -webkit-transform: scale(1.4,1.4);
        transform:         scale(1.4,1.4); 
    }
    
    75% {
        -webkit-transform: scale(1.2,1.2);
        transform:         scale(1.2,1.2);
    }
    
    100% {
        -webkit-transform: scale(1.3,1.3);
        transform:         scale(1.3,1.3);
    }
}
@-webkit-keyframes toggleBtnAnim {
	
    0% {
        -webkit-transform: scale(1,1);
        transform:         scale(1,1);
    }
    
    25% {
        -webkit-transform: scale(1.4,1.4);
        transform:         scale(1.4,1.4); 
    }
    
    75% {
        -webkit-transform: scale(1.2,1.2);
        transform:         scale(1.2,1.2);
    }
    
    100% {
        -webkit-transform: scale(1.3,1.3);
        transform:         scale(1.3,1.3);
    }
}

@-webkit-keyframes slide-down {
	
	0% { 
      	opacity: 0; 
      	-webkit-transform: translateY(0); 
	}
	   
    100% { 
    	opacity: 1; 
    	-webkit-transform: translateY(0); 
    }
}

@-moz-keyframes slide-down {
	
	0% { 
		opacity: 0; 
		-moz-transform: translateY(0); 
	}
	   
    100% { 
    	opacity: 1; 
    	-moz-transform: translateY(0); 
    }
}

@keyframes fa-blink {
     0% { 
     	opacity: 1; 
     }
     
     50% { 
     	opacity: 0.5; 
     }
     
     100% { 
     	opacity: 0; 
     }
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* @media MIN-HEIGHT
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/	
@media ( min-height: 568px) {
	.infosoft-options {
		margin-top: 320px;
	}
}

@media ( min-height: 700px) {
	.infosoft-options {
		margin-top: 450px;
	}
}

@media ( min-height: 800px) {
	.infosoft-options {
		margin-top: 575px;
	}
}

@media ( min-height: 900px) {
	.infosoft-options {
		margin-top: 620px;
	}
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* @media MIN-WIDTH
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/

@media (min-width: 576px) {
	.modal-dialog {
	    max-width: 600px;
	}
	
	.modal-fullscreen.modal-dialog {
	    max-width: initial !important;
	}
	
	.modal-dialog.modal-sm {
	    max-width: 300px;
	}
	
	.inline-layout {
		display: contents; 
	}
	
	.inline-layout>* {
		padding-right: calc(var(--bs-gutter-x)/ 2);
		padding-left: calc(var(--bs-gutter-x)/ 2);
	}
}

@media ( min-width: 768px) {
	.col .welljk {
		margin-bottom: -99999px;
		padding-bottom: 99999px;
		border: none;
		box-shadow: none;
	}
	
	.form-horizontal .col-form-label {
	    text-align: right;
	}
	.col-base {
		margin-top: -15px; /* cut off top portion of bottom wells */
	}
	
	.logo {
		text-align: left;
	}
	
	.topo {
		margin-top: 30%;
	}

	.labelLogin {
		color: white;
	}
	
	.modal-dialog-50 {
		width: 50%;
	}
	
	.modal-dialog-60 {
		width: 60%;
	}
	
	.modal-dialog-70 {
		width: 70%;
	}
	
	.modal-dialog-80 {
		width: 80%;
	}
	
	.modal-dialog-90 {
		width: 90%;
	}
	
	.menu-top-t .navbar {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media ( min-width: 779px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a  {
		color: #000000
	}
}

@media ( min-width: 780px) {
	.imageHelpLine {
		display: none;
	}
	
	.imageHelpRigth {
		float:right;
		display: inline;
		padding-top: 15px;
	}
	
	.popover {
	    max-width: 50%;
	}
}

@media ( min-width: 800px) {
	.infosoft-options {
		margin-left: 85%;
	}
}

@media ( min-width: 992px) {
	
	.modal-lg {
	    max-width: 900px;
	}
	
	.modal-xl {
	    max-width: 1300px;
	}
}

@media ( min-width: 1000px) {
	.login {
		margin-left: -60px;
	}
	
	.topo {
		margin-top: 19%;
	}
	
	.labelLogin {
		color: #333;
	}
}

@media ( min-width: 1024px) {
	.infosoft-options {
		margin-left: 88%;
	}
}

@media ( min-width: 1280px) {
	.infosoft-options {
		margin-left: 90%;
	}
}

@media ( min-width: 1300px) {
	.topo {
		margin-top: 15%;
	}
	.labelLogin {
		color: #333;
	}
}

@media ( min-width: 1440px) {
	.infosoft-options {
		margin-left: 90%;
	}
}

@media ( min-width: 1400px) {
	.infosoft-options {
		margin-left: 90%;
	}
}

@media ( min-width: 1600px) {
	.topo {
		margin-top: 22%;
	}
	
	.labelLogin {
		color: #333;
	}
	
	.infosoft-options {
		margin-left: 92%;
	}
}

@media ( min-width: 1920px) {
	.infosoft-options {
		margin-left: 92%;
	}
	
	.menu-top-t .navbar {
		padding-left: 320px;
		padding-right: 320px;
	}
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* @media MAX-WIDTH
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/

@media ( max-width: 385px) {
	.button-inline {
		margin-top: 10px;
	}
}

@media (max-width: 480px) {
	.nm-produto-login {
		font-size: 17px;
	}
	
	.bs-glyphicons-menu li {
	    height: 100px;
	}
	
	body {
        font-size:10px;
    }

    .dropdown-menu .dropdown-divider {
	    font-size: 10px;
	}
	
	.dropdown-divider {
	    margin: 3px 0;
	}
    
    input.form-control, 
    select.form-control, 
    textarea.form-control {
		height: 25px;
		padding: 2px 5px;
		font-size: 10px;
		line-height: 1.5;
		border-radius: 3px;
	}
	
	.btn {
		padding: 6px 8px;
		font-size: 12px;
		line-height: 1.5;
	}
	
	.btn-accordion {
		padding: 6px 10px;
		font-size: 8px;
		line-height: 1.5;
	}
	
	.input-group-btn > .btn {
	 	height: 25px;
	    padding: 4px 8px;
	    font-size: 12px;
	    line-height: 1.5;
	}
	
	div.btn-group-accordion {
		margin-top:-6px;
	}
	
	.menu-header {
		height: 5px;
	}
	
	.menu-footer {
		height: 5px;
	}
	
	.row {
    	margin-bottom: 6px;
	}
	
	.card-header {
	    padding: 6px 11px;
	}
	
	.card-title {
	    font-size: 12px;
	}
	
	.card-header .card-title .title-content {
		font-size: 14px !important;
	}										  
 
	.input-group-addon {
	    padding: 3px 6px;
	}
	
	.icon-help {
		font-size:12px;
	}
	
	.card-header > .col-md-2 > .icon-favorito, 
	.card-header > .col-md-1 > .icon-favorito {
		font-size: 12px !important; 
	}
	
	#iconeAjudaPC {
		font-size:12px;
	}
		
	hr {
		margin-bottom: 8px;
    	margin-top: 8px;
	}
	
	.pagination-sm > li > a,
	.pagination-sm > li > span {
	  padding: 2px 9px;
	  font-size: 12px;
	}
	
	.table {
	    margin-bottom: 0px;
	}
	
	.pagination {
	    margin: 0;
	}

	.card-body {
    	padding-bottom: 0;
	}
	
	.bootstrap-touchspin .input-group-btn-vertical > .btn {
		padding: 5.8px 9px;
	}
	
	.card-default-content {
		margin-left: 0px !important;
		margin-right: 0px;
	}
	
	label.switch {
		height: 30px;
	}
	
	.switch > .slider:before {
		height: 23px;
	}
	
	.infosoft-options {
		display: none;
	}
	
}

@media ( max-width: 767px) {
	.sub-menu-xs {
		left: 0 !important;
		top: 120% !important;
		width: 100%;
		border-top-right-radius: 0px !important;
	}
	
	.hidden-xs {
    	display: none !important;
  	}
  
  	.visible-xs {
    	display: block !important;
	}
	
}

@media ( max-width: 768px) {
	.nm-produto-login {
		font-size: 15px;
	}
	
	.topo {
    	margin-top: 1%;
	}
	
	.icon-produto {
		color:#ffffff; 
  	}
  	
  	.navbar ul.dropdown-menu > li > a > i.fa,
	.navbar ul.dropdown-menu > li > a > i.glyphicon,
	.navbar ul.dropdown-menu > li > a > span.fa,
	.navbar ul.dropdown-menu > li > a > span.glyphicon {
	    color:#ffffff;;
	    background-color: var(--cor-produto); 
	}
	
	.navbar ul.dropdown-menu > li > a {
	    color: #ffffff !important;
	    background-color: var(--cor-produto);
	}
	
	.navbar ul.dropdown-menu{
	    background-color: var(--cor-produto);
	}
	
	.menu-left-l {
		display: none !important;
	}
	.menu-top-l {
		display: block !important;
	}
	
	.menu-l ~ .container-fluid .card-default-content,
	.menu-l ~ div > .container-fluid .card-default-content {
		margin-left: 0px;
	}
	
}

@media ( max-width: 779px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
		color: #B4CDCD
	}
	
	.imageHelpLine {
		float:right;
		display: inline;
		padding-left: 20px;
		top: -1px;
	}
	
	.imageHelpRigth {
		display: none;
	}
	
	.popover {
	    max-width: 80%;
	    right: 10px;
	}
}

@media ( max-width: 1000px) { 
	.nm-produto-login {
		font-size: 18px;
	}
}

@media ( max-width: 1024px) {
	.nm-produto-login {
		font-size: 19px;
	}
	
	.btn-bar-accordion {
		margin-left: 7px;
	}
	
	.btn-toolbar > .btn-group > .btn-bar-accordion {
		padding:3px 5px 0px 6px ;
	}
	
	.btn-toolbar > .btn-group > .btn-bar-accordion > span {
		font-size: 15px;
	}
	
	body {
    	font-size:11px;
    }
    
   	#offcanvasNotificacoes {
	    min-width: initial; 
	}
    
    input.form-control, 
    select.form-control, 
    textarea.form-control {
		height: 30px;
	  	padding: 2px 5px;
	  	font-size: 11px;
	  	line-height: 1.5;
	  	border-radius: 3px;
	}
	
	hr {
		margin-bottom: 15px;
    	margin-top: 5px;
	}
	
	.btn {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
	}
	
	.btn-accordion {
		padding: 5px 10px;
		font-size: 11px;
		line-height: 1.5;
	}
	
    .input-group-btn > .btn {
	 	height: 30px;
	    padding: 5px 10px;
	    font-size: 12px;
	    line-height: 1.5;
	}
	
	.input-group-addon {
	    padding: 3px 6px;
	}
	
	div.btn-group-accordion {
		margin-top:-7px;
	}
	
	.row {
    	margin-bottom: 10px;
	}
	
	.card-header {
	    padding: 6px 13px;
	}
	
	.card-title {
	    font-size: 12px;
	}
 
	.card-header .card-title .title-content {
		font-size: 14px !important;
	}							 
 
	.dropdown-menu {
	    font-size: 11px;
	}
	
	.dropdown-menu .dropdown-divider {
	    margin: 5px 0;
	}
	
	.menu-header {
		height: 10px;
	}
	
	.menu-footer {
		height: 10px;
	}
	
	.icon-help {
		font-size:15px;
	}
	
	.card-header > .col-md-2 > .icon-favorito, 
	.card-header > .col-4 > .icon-favorito, 
	.card-header > .col-md-1 > .icon-favorito,
	.card-header > .col-1 > .icon-favorito,
	.card-header > .col-md-2 > .icon-senha, 
	.card-header > .col-md-1 > .icon-senha {
		font-size: 15px !important; 
	}
	
	#iconeAjudaPC {
		font-size:15px;
	}
	
	.pagination-sm > li > a,
	.pagination-sm > li > span {
		padding: 3px 11px;
	  	font-size: 12px;
	}
	
	.table {
	    margin-bottom: 4px;
	}
	
	.pagination {
	    margin: 0;
	}
	
	.card-body {
    	padding-bottom: 3px;
	}
	
	.card-fichas {
		min-height:197px;
	}
	
	.bootstrap-touchspin .input-group-btn-vertical > .btn {
		padding: 7px 10px;
	}	
	
	.btn-bar-accordion {
		margin-left: 7px;
	}
	
	.btn-toolbar > .btn-group > .btn-bar-accordion {
		padding:3px 5px 0px 6px ;
	}
	
	.btn-toolbar > .btn-group > .btn-bar-accordion > span {
		font-size: 15px;
	}
	
	label.switch {
		height: 30px;
	}
	
	.switch > .slider:before {
		height: 23px;
	}
}

@media( max-width: 1180px) {
	.btn-accordion-bar {
		top: 1px;
	}
}

@media ( max-width: 1300px) { 
	.nm-produto-login {
		font-size: 19px;
	}
	
	.btn-bar-accordion {
		margin-left: 7px;
	}
	
	.btn-toolbar > .btn-group > .btn-bar-accordion {
		padding:3px 5px 0px 6px ;
	}
	
	.btn-toolbar > .btn-group > .btn-bar-accordion > span {
		font-size: 18px;
	}
	
	.btn-bar-accordion {
		margin-left: 7px;
	}
}

@media (max-width: 1440px) {
	.labelLogin {
		color: #333;
	}
	
	.nm-produto-login {
		font-size: 20px;
	}
	
	.menu-header {
		height: 10px;
	}
	
	.menu-footer {
		height: 10px;
	}
	
	.card-default-content {
		margin-left: 25px;
		margin-right: 25px;
	}
	
	.card-header {
	    padding: 6px 13px;
	}
	
	.card-title {
	    font-size: 12px;
	}
	
	.card-header .card-title .title-content {
		font-size: 14px !important;
	}										  
 
	.card-header > .col-md-2 > .icon-favorito, 
	.card-header > .col-4 > .icon-favorito, 
	.card-header > .col-1 > .icon-favorito, 
	.card-header > .col-md-1 > .icon-favorito {
		font-size: 15px !important; 
	}
	
	.card-body {
    	padding-bottom: 3px;
	}
	
	div.btn-group-accordion {
		margin-top:-5px;
	}
	
	.btn-accordion {
		padding: 5px 10px;
		font-size: 11px;
		line-height: 1.5;
	}
	
	#iconeAjudaPC {
		font-size:16px;
	}
	
	.hidden-1366 {
    	display: none !important;
  	}
}

@media ( max-width: 1600px) {
	.nm-produto-login {
		font-size: 22px;
	}
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* @media MIN-WIDTH AND MAX-WIDTH
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/

@media (min-width: 768px) and (max-width: 979px) {
	body {
        font-size:12px;
    }
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* @media SCREEN
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/

@media (max-width: 1024px) and (min-width: 1024px) {
	
	.menu-t ~ .container-fluid .infosoft-default-height {
		margin-left: 25px !important;
		margin-right: 25px !important; 
	}
	
	.menu-l ~ .container-fluid .infosoft-default-height {
		margin-left: 75px !important;
		margin-right: 25px !important; 
	}
	
	.card-default-content > div.card-header {
	    min-height: 35px;
	}
	
	.card-default-content > div.card-header > .align-items-center {
		margin-bottom: 0px !important;
	}
	
	.card-default-content > div.card-header .card-title {
		padding-bottom: 0px !important;
		padding-top: 0px !important;
	}
	
	input.form-control, select.form-control, textarea.form-control {
		font-size: 10px !important;
	}
	
	.nav-item {
		font-size: 11px;
	}
	
	.btn {
	    padding: 5px 10px;
	    font-size: 10px !important;
	    line-height: 1.5;
	}
	
	.nav-link {
		padding: 0.5rem 0.5rem;
	}
	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  
	.select-list-arrow { 
  		margin-top: 8px !important;
 	}
	
}

.input-obligate:focus {
	background-color: red !important;
}

.btn-versao-bootstrap {
	
}

.container-closed-session {
	padding: 1em 6em;
}

.title-closed-session {
	font-weight: bold;
    text-align: center;
}

.subtitle-closed-session {
    color: #677788;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;
}

/***
SKELETON
****/

.skeleton-active .skeleton-label {
  	 color: transparent !important;
  	 border: none !important;
	 border-radius: 5px;
     animation: skeleton-loading 1s linear infinite alternate;
     pointer-events: none;
}

.skeleton-active .skeleton-text {
  	 color: transparent !important;
  	 border: none !important;
	 border-radius: 5px;
     animation: skeleton-loading 1s linear infinite alternate;
     pointer-events: none;	
}

.skeleton-active .skeleton-text .is-path-page {
	color: transparent !important;
}

.skeleton-active .skeleton-input {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
    background-image: none !important;
}

.skeleton-active .skeleton-input::-webkit-resizer {
  display: none;
}

.skeleton-active .skeleton-table {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-img {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-img-square {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-img-circle {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-button {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-chart {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-icon {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-input-group {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-input-group * {
	opacity: 0 !important;
}

.skeleton-active .skeleton-tabs {
	color: transparent !important;
	border: none !important;
	border-radius: 5px;
    animation: skeleton-loading 1s linear infinite alternate;
    pointer-events: none;
}

.skeleton-active .skeleton-table thead,
.skeleton-active .skeleton-table tbody {
	opacity: 0;
}

.skeleton-active .skeleton-tabs .nav-link {
	color: transparent !important;
	border-bottom-color: transparent !important;
}

.skeleton-active .select-list-btn.skeleton-input,
.skeleton-active .select-list-btn.skeleton-input .icon-select-list {
	color: transparent !important;
} 

.skeleton-active .skeleton-label::placeholder,
.skeleton-active .skeleton-table::placeholder,
.skeleton-active .skeleton-img::placeholder,
.skeleton-active .skeleton-img-square::placeholder,
.skeleton-active .skeleton-img-circle::placeholder,
.skeleton-active .skeleton-button::placeholder,
.skeleton-active .skeleton-chart::placeholder,
.skeleton-active .skeleton-icon::placeholder,
.skeleton-active .skeleton-input-group::placeholder,
.skeleton-active .skeleton-input::placeholder {
    color: transparent !important;
}

.skeleton-active .skeleton-label::-webkit-input-placeholder,
.skeleton-active .skeleton-table::-webkit-input-placeholder,
.skeleton-active .skeleton-img::-webkit-input-placeholder,
.skeleton-active .skeleton-img-square::-webkit-input-placeholder,
.skeleton-active .skeleton-img-circle::-webkit-input-placeholder,
.skeleton-active .skeleton-button::-webkit-input-placeholder,
.skeleton-active .skeleton-chart::-webkit-input-placeholder,
.skeleton-active .skeleton-icon::-webkit-input-placeholder,
.skeleton-active .skeleton-input-group::-webkit-input-placeholder,
.skeleton-active .skeleton-input::-webkit-input-placeholder {
    color: transparent !important;
}

.skeleton-active .skeleton-label:-moz-placeholder,
.skeleton-active .skeleton-table:-moz-placeholder,
.skeleton-active .skeleton-img:-moz-placeholder,
.skeleton-active .skeleton-img-square:-moz-placeholder,
.skeleton-active .skeleton-img-circle:-moz-placeholder,
.skeleton-active .skeleton-button:-moz-placeholder,
.skeleton-active .skeleton-chart:-moz-placeholder,
.skeleton-active .skeleton-icon:-moz-placeholder,
.skeleton-active .skeleton-input-group:-moz-placeholder,
.skeleton-active .skeleton-input:-moz-placeholder {
    color: transparent !important;
}

.skeleton-active .skeleton-label::-moz-placeholder,
.skeleton-active .skeleton-table::-moz-placeholder,
.skeleton-active .skeleton-img::-moz-placeholder,
.skeleton-active .skeleton-img-square::-moz-placeholder,
.skeleton-active .skeleton-img-circle::-moz-placeholder,
.skeleton-active .skeleton-button::-moz-placeholder,
.skeleton-active .skeleton-chart::-moz-placeholder,
.skeleton-active .skeleton-icon::-moz-placeholder,
.skeleton-active .skeleton-input-group::-moz-placeholder,
.skeleton-active .skeleton-input::-moz-placeholder {
    color: transparent !important;
}

.skeleton-active .skeleton-label:-ms-input-placeholder,
.skeleton-active .skeleton-table:-ms-input-placeholder,
.skeleton-active .skeleton-img:-ms-input-placeholder,
.skeleton-active .skeleton-img-square:-ms-input-placeholder,
.skeleton-active .skeleton-img-circle:-ms-input-placeholder,
.skeleton-active .skeleton-button:-ms-input-placeholder,
.skeleton-active .skeleton-chart:-ms-input-placeholder,
.skeleton-active .skeleton-icon:-ms-input-placeholder,
.skeleton-active .skeleton-input-group:-ms-input-placeholder,
.skeleton-active .skeleton-input:-ms-input-placeholder {
    color: transparent !important;
}

.skeleton-active .skeleton-label::input-placeholder,
.skeleton-active .skeleton-table::input-placeholder,
.skeleton-active .skeleton-img::input-placeholder,
.skeleton-active .skeleton-img-square::input-placeholder,
.skeleton-active .skeleton-img-circle::input-placeholder,
.skeleton-active .skeleton-button::input-placeholder,
.skeleton-active .skeleton-chart::input-placeholder,
.skeleton-active .skeleton-icon::input-placeholder,
.skeleton-active .skeleton-input-group::input-placeholder,
.skeleton-active .skeleton-input::input-placeholder {
    color: transparent !important;
}

@keyframes skeleton-loading {
  
  0% {
    background-color: #f1f1f1;
  }

  100% {
    background-color: #e5e5e5;
  }
  
}

/****
*****/

.is-container-primary-info-crud {
	margin-left: 20px;
    color: #677788;
}

.container-title-form-header {
	margin-left: 15px;
}

.title-form-header {
    font-weight: bold;
    margin-left: 5px;
    color: #677788;
    font-size: 11px;
    letter-spacing: 0.085em;
}

.subtitle-form-header {
    font-size: 10px;
    color: #677788;
}

.swal2-styled.swal2-confirm {
    background-color: var(--cor-produto) !important;
}

.swal2-styled.swal2-confirm:focus {
    box-shadow: 0 0 0 3px var(--cor-produto-half-opacity) !important;
}

.swal2-html-container {
	font-size: 14px !important;
	overflow: hidden !important;
}

.swal2-title {
	font-size: 25px !important;	
}

.swal2-container {
	z-index: 2100 !important;
}

.table-header-white thead th {
	background-color: #fff !important;
}

.ls-1px {
	letter-spacing: 1px;
}

.empty-datasource,
.need-search-datasource {
    text-align: center;
    letter-spacing: 1px;
    border-radius: 20px;
    flex: 1;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 2em;
}

.img-empty-datasource {
	width: 250px;
}

.is-card-default-content > .is-card-body > .tabs-rigth {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.is-card-default-content > .is-card-body > .tabs-rigth > .tab-content > .tab-pane > .content-grid-crud {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.is-card-default-content > .is-card-body > .tabs-rigth > .tab-content {
	flex: 1;
}

.is-card-default-content > .is-card-body > .tabs-rigth > .tab-content > .tab-pane,
.is-card-default-content > .is-card-body > .tabs-rigth > .tab-content > .tab-pane > form,
.is-card-default-content > .is-card-body > form {
	height: 100%;
}

.is-card-default-content > .is-card-body > form {
    display: flex;
    flex-direction: column;
}

.is-card-default-content > .is-card-body > .tabs-rigth > .tab-content > .tab-pane > form {
	display: flex;
	flex-direction: column;
}

.container-empty-datasource,
.container-need-search-datasource {
	flex: 1;
}
.accordion-body .content-grid-crud .container-empty-datasource,
.accordion-body .content-grid-crud .container-need-search-datasource,
.card-body .content-grid-crud .container-empty-datasource,
.card-body .content-grid-crud .container-need-search-datasource  {
    margin-top: 2.4em !important;
}

.title-empty-datasource {
	padding-top: 1em;
    text-align: center;
    font-size: 21px;
}

.subtitle-empty-datasource {
    font-size: 12px;
    letter-spacing: 0.5px;
    color: #677788;
}

.is-card-default-content > .is-card-body > .tabs-rigth > .tab-content > .tab-pane > .container-empty-datasource,
.is-card-default-content > .is-card-body > .tabs-rigth > .tab-content > .tab-pane > .container-need-search-datasource {
    height: calc(100% - 3.5em);
    margin-bottom: 3.5em;
}

.modal-dialog .is-nav-tabs {
	margin-bottom: 1em;
}

.grid-with-subhead thead th {
	background-color: var(--cor-produto) !important;
	color: #fff !important;
}

.grid-with-subhead .subhead th:last-child {
    border-left: 1px solid rgba(231,234,243,.7) !important;
    border-right: 1px solid rgba(231,234,243,.7) !important;
}

.btn-pallet {
	width: 100%;
	padding: 5px !important;
	margin-right: 0 !important;
    display: flex;
}

.btn-square-pallet{
	flex: 1;
	padding: 0 !important;
	margin: 0 !important;
}

.btn-pallet.dropdown-toggle:after {
	display: none;
}

.select-pure__options {
	background-color: #fff;
}

.table input[type=checkbox] {
    width: 1em;
    height: 1em;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    border-color: transparent;
    color: white;
    outline: 0;
    box-shadow: 0 0 0 0.2rem var(--cor-produto-zero-dot-three-opacity);
}

.table input[type=checkbox]:checked {
    background-color: var(--cor-produto);
}

.table .tr-credito input[type=checkbox] {
	background-color: #fff;
	border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(13, 110, 253, 0.3); 
}

.table .tr-credito input[type=checkbox]:checked {
	background-color: rgb(13,110,253);
} 

.legend-tr-credito {
	color:  rgb(13,110,253);
}

.table .tr-debito input[type=checkbox] {
	background-color: #fff;
	border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220,53,69, 0.3); 
}

.table .tr-debito input[type=checkbox]:checked {
	background-color: rgb(220,53,69);
}

.legend-tr-debito {
	color: rgb(220,53,69);
}

.toast {
	letter-spacing: 0.5px;
	font-family: 'Infosoft-Web-V1';
}

.toast-success {
	background-color: #198754
}

.toast-warning {
	background-color: #ffc107;
}

.toast-error {
	background-color: #dc3545;
}

.toast-info {
	background-color: #0d6efd;
}

.toast-infosoft-alert {
	background-color: #fff !important;
}

label.switch-small,
.switch-small {
	width: 40px !important;
	min-width: 40px !important;
    height: 20px !important;
}

.switch-small > .slider:before  {
  	height: 13px !important;
    width: 13px !important;
}

.switch-small > input:checked + .slider:before {
    -webkit-transform: translateX(18px) !important;;
    -ms-transform: translateX(18px) !important;;
    transform: translateX(18px) !important;;
}

.informacao-auxiliar-autocomplete {
	margin-top: 5px;
	font-size: 10px;
	color: gray;
	font-weight: normal;
}

.ui-autocomplete > .li-small-menu-item > .ui-state-active .informacao-auxiliar-autocomplete {
	color: #fff;
}

.is-author img {
	width: 60px;
	opacity: 0.7;
}

@media (max-width: 1440px) {
	
	.img-empty-datasource {
		width: 150px;
	}
	
	.title-empty-datasource {
	    font-size: 15px;
	}
	
	.subtitle-empty-datasource {
	    font-size: 10px;
	}
		
}

.container-input-outlined {
	line-height: 1.4375em;
    font-size: 1rem;
    font-weight: 400;
    color: rgb(33, 43, 54);
    box-sizing: border-box;
    cursor: text;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    position: relative;
    border-radius: 8px;
    padding-left: 14px;
}

.input-outlined {
    padding: 15px 14px 5px 0px;
    border-color: transparent;
    font-style: inherit;
    font-variant: inherit;
    font-stretch: inherit;
    font-optical-sizing: inherit;
    font-kerning: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: currentcolor;
    border: 0px;
    box-sizing: content-box;
    background: none;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    line-height: 1.57143;
    font-weight: 400;
}

select.input-outlined {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23919eab' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
	background-repeat: no-repeat;
    background-position: 98% 59%;
    background-size: 16px 12px;
    padding-left: 10px;
    padding-right: 10px;
}

.container-select-outlined {
	padding-left: 4px;
}


.input-outlined ~ fieldset {
    text-align: left;
    position: absolute;
    inset: -5px 0px 0px;
    margin: 0px;
    padding: 0px 8px;
    pointer-events: none;
    border-radius: inherit;
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    min-width: 0%;
    border-color: rgba(145, 158, 171, 0.28);
    transition: border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.input-outlined ~ fieldset legend {
	float: unset;
    width: auto;
    overflow: hidden;
    display: block;
    padding: 0px;
    font-size: 0.75em;
    max-width: 100%;
    transition: max-width 100ms cubic-bezier(0, 0, 0.2, 1) 50ms;
    white-space: nowrap;
    padding: 0 6px;
}

.label-fieldset {
    line-height: 1.5;
    font-size: 0.750rem;
    color: rgb(99, 115, 129);
    letter-spacing: 0.3px;
}

.input-outlined.input-obligate ~ fieldset legend .label-fieldset {
	color: var(--cor-produto);
}

.container-input-outlined .addons-right-outlined {
	display: flex;
    height: 0.01em;
    max-height: 2em;
    font-size: 11px;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
    color: rgb(99, 115, 129);
    margin-right: 8px;
    margin-top: 5px;
}

.container-input-outlined .addons-left-outlined {
	display: flex;
    height: 0.01em;
    max-height: 2em;
    font-size: 11px;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
    color: rgb(99, 115, 129);
    margin-top: 5px;
}

.container-input-outlined .addons-left-outlined > *:last-child {
	margin-right: 8px;
}

.container-input-outlined .addons-right-outlined button,
.container-input-outlined .addons-left-outlined button {
	color: #919eab
}

.icon-obligate {
	font-size: 8px;
	display: none;
}

.input-outlined:focus {
	border: none;
	box-shadow: none;
}

.input-outlined.select-custom.input-obligate {
	background-color: transparent;
}

.input-outlined:focus ~ fieldset {
	border: 2px solid var(--cor-produto) !important;
}

.input-outlined:disabled, 
.input-outlined[readonly] {
    background-color: #fff;
    cursor: not-allowed;
    opacity: 1;
}

.input-outlined.input-obligate ~ fieldset .icon-obligate {
	display: inline-block;
}

.input-outlined:focus.input-obligate:focus {
    background-color: transparent !important;
}

.container-textarea-outlined {
	display: inherit;
  	height: 100%;
}

.container-textarea-outlined fieldset {
    top: -28px;
}

.container-textarea-outlined .input-outlined {
    padding: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 6px;
    margin-top: 14px;
    width: -moz-available;
    width: -webkit-fill-available;
}

.btn-outlined-produto {
	border-color: var(--cor-produto) !important;
    color: var(--cor-produto) !important;
}

.btn-outlined-produto.active {
	background-color: var(--cor-produto) !important;
	color: #fff !important;
}

.btn-outlined-produto:hover {
	background-color: var(--cor-produto) !important;
	color: #fff !important;
}

.container-help-field {
	display: none;
}

.infosoft-field,
.infosoft-field .input-group {
	display: flex;
	position: relative;
}

.infosoft-field-vertical-label {
	flex-direction: column;
}

.container-help-field-origin-label {
	display: none;
}

.infosoft-field-vertical-label .container-help-field-origin-input {
	display: none;
}

.infosoft-field-vertical-label .container-help-field-origin-label {
	display: inline-flex;
}

.infosoft-field-help-on .container-help-field {
	display: flex;
    align-items: center;
    padding: 3px 10px;
    border-top: 1px solid #d3d7e4;
    border-bottom: 1px solid #d3d7e4;
}

.infosoft-field-help-on .form-control {
	border-right: 0 !important;
	border-top-right-radius: 0rem;
	border-bottom-right-radius: 0rem;
}

.infosoft-field-vertical-label .form-control {
	border-right: 1px solid #d3d7e4;
	border-top-right-radius: 0.3125rem;
	border-bottom-right-radius: 0.3125rem;
}

.infosoft-field-help-on  .input-obligate ~ .container-help-field {
	background-color: rgb(243, 243, 243);
}

.infosoft-field-help-on  > .container-help-field {
	border-right: 1px solid #d3d7e4;
	border-left: 0 !important;
	border-top-right-radius: 0.3125rem;
	border-bottom-right-radius: 0.3125rem;
}

.icon-help-field {
	opacity: 0;
	font-size: 11px;
}

.infosoft-field-help-on .container-help-field-origin-input {
	margin-left: -0.2rem;
}

.infosoft-field-help-on:hover .icon-help-field,
.infosoft-field-help-on .form-control:focus ~ .container-help-field .icon-help-field,
.icon-help-field[aria-describedby^="popover"] {
	opacity: 1;
	cursor: pointer;
}

.infosoft-field-help-on .form-control:disabled ~ .container-help-field, 
.infosoft-field-help-on .form-control[readonly] ~ .container-help-field {
    background-color: #e9ecef;	
}

.infosoft-field-help-on .form-control {
	clip-path: inset(-5px 0px -5px -10px);
    transition: none !important;
}

.infosoft-field-help-on .form-control:focus ~ .container-help-field {
    box-shadow: 0 0 0.5rem 0.01rem rgb(140 152 164 / 25%);
}

.infosoft-field-help-on.infosoft-field-textarea .form-control:focus ~ .container-help-field {
	box-shadow: none !important;
}

.infosoft-field-help-on .form-control:focus ~ .container-help-field {
    background-color: #fff;
}

.infosoft-field-help-on .input-obligate:focus ~ .container-help-field {
    background-color: #f6f6f6 !important;
}

.infosoft-field-help-visible .container-help-field .icon-help-field {
	opacity: 1;
}

.infosoft-field-help-on.infosoft-field-vertical-label .container-help-field-origin-label {
   	border: 0;
    display: inline-flex;
}

.infosoft-field-help-on.infosoft-field-vertical-label .form-control {
	border-right: 1px solid #d3d7e4 !important;
}

.infosoft-field-help-on.infosoft-field-vertical-label .container-help-field-origin-input {
	display: none;
}

.infosoft-field-textarea .form-control {
	border-right: 1px solid #d3d7e4 !important;
	border-top-right-radius: 0.3125rem;
	border-bottom-right-radius: 0.3125rem;
}

.infosoft-field-help-on.infosoft-field-textarea .container-help-field-origin-input {
    position: absolute;
    right: 0;
    transform: translate(-50%, -50%);
    top: 50%;
    background-color: transparent;
    border: 0;	
}

.popover-help-infosoft {
	border: 1px solid var(--cor-produto);
	width: 300px;
	min-width: 300px;
	font-family: 'Infosoft-Web-V1';
}

.popover-help-infosoft .popover-header {
	background-color: var(--cor-produto);
    color: #fff;
    font-size: 12px;
}

.popover-help-infosoft .popover-body {
	color: #677788;
    letter-spacing: 0.5px;
    font-size: 11px;
}

.popover-help-infosoft > .popover-arrow::before {
	border-top-color: var(--cor-produto) !important;
}

.infosoft-field-help-on.infosoft-field-vertical-label .infosoft-is-invalid {
	border-right: 1px solid rgb(255, 0, 0) !important;
}

.close-popover-help-infosoft {
	cursor: pointer;
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    border-radius: 10px;
    border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));
}

.bd-callout-info {
    color: #055160;
    background-color: #cff4fc;
    border-left: 10px solid #9eeaf9;	
}

.bd-callout-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-left: 10px solid #ffe69c;
}

.bd-callout-danger {
	color: #58151c;
	background-color: #f8d7da;
    border-left: 10px solid #f1aeb5;
}

.bd-callout-success {
	color: #0f5132;
	background-color: #d1e7dd;
    border-left: 10px solid #0f5132;	
}

.table-clean tbody tr td {
    border-bottom: 1px dashed rgba(145, 158, 171, 0.2);
    padding-top: 15px;
    padding-bottom: 15px;
}

.table-clean thead th {
    background-color: rgb(244, 246, 248) !important;
    color: rgb(99, 115, 129);
}

.table-clean:not(.internal-table) thead th:first-child,
.table-clean:not(.internal-table) tbody:first-child td:first-child {
	padding-left: 2em !important;
}

.table-clean thead th:last-child,
.table-clean tbody td:last-child,
.table-clean tfoot td:last-child,
.table-clean tfoot th:last-child {
	padding-right: 2em !important;
}

.smallMenu .dropdown-menu .is-icon-main-menu {
    margin-right: 10px !important;
}

.is-navbar .dropdown-item.show {
    background-color: var(--cor-dropdown-menu-focus);
}

.is-navbar .dropdown-item.show > div > .is-form-name-main-menu,
.is-navbar .dropdown-item.show > div > .is-icon-main-menu,
.is-navbar .dropdown-item.show > div > .is-icon-main-menu .light,
.is-navbar .dropdown-item.show > .is-chevron-menu {
    color: white !important;
}

.is-navbar .dropdown-item:hover .is-form-name-main-menu,
.is-navbar .dropdown-item:hover .is-icon-main-menu,
.is-navbar .dropdown-item:hover .is-icon-main-menu .light,
.is-navbar .dropdown-item:hover .is-chevron-menu {
	color: white !important;
}

.is-navbar .dropdown-item {
	display: flex;
}

.subtitle-value {
    font-size: 11px;
    color: rgb(145, 158, 171);
    letter-spacing: 0.5px;
}

.modal-header,
.card-header {
	border-bottom: 1px dashed rgba(145, 158, 171, 0.2);
}

.modal-footer {
	border-top: 1px dashed rgba(145, 158, 171, 0.2);
}

.modal-body > form:only-child ,
.modal-body .dynamic-filter{
    margin-top: 1.5em;
}

.modal-body > form:only-child > .content-grid-crud {
    padding-top: 0;
}

.input-outlined-select-list .btn {
	padding: 0;
}


.input-outlined-select-list .btn:focus {
	box-shadow: none !important;
}
/*
.container-input-outlined > *,
.input-outlined {
	z-index: 2;
}
*/
.container-textarea-outlined > * {
	position: relative;
}
/*
.input-outlined.input-obligate ~ fieldset {
	z-index: 1;
	background-color: rgb(243, 243, 243);
}
*/
.infosoft-field-vertical-label .container-input-outlined .form-control {
	border: none !important;
}

.infosoft-field .container-input-outlined .container-help-field {
	border: none !important;
}

.infosoft-field-help-on.infosoft-field-vertical-label .container-input-outlined .container-help-field-origin-input {
	display: flex;
}

.container-input-outlined .icon-help-field {
	 font-size: 15px;
	 color: #919eab;
}

.infosoft-field-help-on .input-outlined:focus ~ .addons-right-outlined > .container-help-field .icon-help-field {
	opacity: 1;
	cursor: pointer;
}

.container-textarea-outlined {
    display: inline-flex;
    padding-bottom: 10px;
}

.container-textarea-outlined .input-outlined {
	padding-top: 0;
	margin-top: 0;
}

.container-help-field-origin-label {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.btn-infosoft {
    margin-top: 6px;
}

.addons-right-outlined .btn-transparent{
    padding: 5px 8px;
}

.addons-right-outlined .btn-transparent, 
.addons-right-outlined .icon-help-field,
.addons-left-outlined .btn-transparent {
    padding: 3px 7px;
}

.addons-right-outlined .btn-transparent:hover,
.addons-right-outlined .icon-help-field:hover {
    background-color: rgba(99, 115, 129, 0.08);
    border-radius: 100%;
}

.addons-right-outlined .button-with-label:hover {
	border-radius: 4px;
}

.input-outlined::-webkit-input-placeholder {
    font-size: var(--is-placeholder-font-size);
}

.input-outlined:-moz-placeholder {
   font-size: var(--is-placeholder-font-size);
}

.input-outlined::-moz-placeholder {
    font-size: var(--is-placeholder-font-size);
}

.input-outlined:-ms-input-placeholder {  
   font-size: var(--is-placeholder-font-size);
}

.input-outlined-select-list .dropdown-menu {
	background-color: #fff;
}

.infosoft-field-auto-complete {
	flex-direction: column;
}

.bloqueio-load {
    height: 100vh;
    position: fixed;
}

.CodeMirror {
	width: 100%;
}

.is-main-menu > li,
.is-main-menu > li > a {
    border-radius: 15px !important;
 }
 
.hr-dashed {
    border-top: 1px dashed rgba(145, 158, 171, 0.8);
    margin-top: 1em;
    margin-bottom: 1em;
    background-color: transparent;
}

@media (max-width: 1440px) {
	
	.container-input-outlined {
		height: 50px;
	}
	
	.container-text-editor-outlined,
	.container-select-outlined,
	.container-textarea-outlined {
		height: fit-content;
	}
	
	.btn-infosoft,
	.btn-large {
	    min-height: initial !important;
	}

}


@media (max-width: 800px) {

	.row > div + div  {
		margin-top: 1rem;
	}						
	
    input.form-control, 
    select.form-control, 
    textarea.form-control {
        padding-top: 15px;
        padding-bottom: 5px;
    }			

}

li.nav-item a span {
    text-transform: uppercase;
    font-size: 0.813rem;
    letter-spacing: 0.50px;
}

.container-switch-outlined {
	width: 100%;
	padding-left: 0;
						   
}


.container-input-outlined label.switch {
    position: relative;
    display: inline-block;
    width: initial !important;
    height: 18px;
    min-width: 40px !important;
    margin-top: 0px;
}

.container-input-outlined .switch > input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(20px);
										
					  
}

.container-input-outlined .switch > .slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.container-switch-outlined {
    display: flex;
    gap: 1em;
    align-items: center;
    justify-content: start;
    flex-direction: row-reverse;
}

.container-switch-outlined.label-end {
	flex-direction: row;
}

.container-switch-outlined.label-bottom {
	flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 0.1em;
}

.container-switch-outlined.label-top {
	flex-direction: column-reverse;
    justify-content: start;
    align-items: start;
    gap: 0.1em;
}

.container-text-editor-outlined {
    padding: 0 !important;
    font-size: var(--is-body-font-size) !important;
}

.container-text-editor-outlined .note-editor {
    width: 100% !important;
    border: none !important;
}

.container-text-editor-outlined .note-toolbar {
    background-color: transparent !important;
    padding: 0.5em !important;
    padding-top: 1em !important;
    border-color: rgba(145, 158, 171, 0.28) !important;
}

.container-text-editor-outlined .note-statusbar {
    background-color: transparent !important;
    border-color: rgba(145, 158, 171, 0.28) !important;
}

.btn-group-pallet-outlined {
    padding-top: 15px;
    padding-bottom: 5px;
}

.container-input-outlined .btn-pallet {
    padding: 0 !important;
}

.container-input-outlined  .btn-square-pallet {
    height: 30px;
    border-radius: 6px;
}

.container-input-outlined .dropdown-menu-pallet {
	width: 220px;
}

.container-input-outlined .button-icon-picker {
    padding-top: 15px;
    padding-bottom: 5px;
}

.container-input-outlined .select-list-btn {
    min-height: 31px;
}

.input-outlined.input-group-lg {
    height: 50px;
    padding-bottom: 0px;
}

.is-nav-tabs .nav-link {
    padding: 1em 1.5em;
}

.is-nav-tabs .nav-item.show .nav-link, 
.is-nav-tabs .nav-link.active {
    color: var(--cor-nav-active);
    background-color: transparent;
    border-color: var(--cor-nav-active);
    font-weight: bold;
}

.card-colored .card-header {
    background-color: var(--is-bg-secondary) !important;
    color: var(--is-color-secondary);
}

.ui-widget.ui-widget-content { 
	max-height: 240px;
    overflow: auto;
}

.input-outlined:focus-visible {
    outline: none;
}

.card-header {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.bg-white {
	background-color: #FFF !important;
}

.bolota-imagem-perfil {
	display: flex;
	align-items: center;
	justify-content: center;
}

.iniciais-nome {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0.5px;
	color: var(--cor-produto); 
}

.modal li.nav-item a span {
	font-size: 11px;
}
.is-card .internal-table,
.internal-table {
    box-shadow: none !important;
}

table.internal-table thead tr th {
    border-bottom: 1px solid rgba(145, 158, 171, 0.2) !important;
}

table.internal-table thead th {
    border: none !important;
    box-shadow: none !important;
}

table.internal-table thead th,
table.internal-table thead td {
    background-color: rgb(255, 255, 255) !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

table.internal-table tbody tr td {
    border-bottom: 1px dashed rgba(145, 158, 171, 0.2) !important;
}

table.internal-table tr.children-row td table td {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border: none !important;
}

table.internal-table tbody td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.internal-table thead th:last-child {
	border-right: none !important;
}

table.internal-table tbody tr td {
    border-bottom: 1px dashed rgba(145, 158, 171, 0.2) !important;
}

.internal-table tr.children-row td table td {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border: none !important;
}

.internal-table table.internal-table tbody td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.internal-table tbody tr td:first-child {
	border-left: none !important;
	border-bottom-left-radius: 0 !important;
}

.internal-table tbody tr td:last-child {
	border-right: none !important;
	border-bottom-right-radius: 0 !important;
}


.infosoft-field-multiselect .input-outlined {
	min-height: 35px;
}

.infosoft-field-multiselect .select-pure__select {
	border: 0;
	padding: 0;
	background-color: transparent;
	box-shadow: none;
}

.children-row {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.children-row td:first-child {
	border-bottom-left-radius: 0px !important;
}

.cursor-pointer {
	cursor: pointer;
}

.detalhes-indicador:hover {
	text-decoration: underline;
}

.list-group-item.active {
	background-color: var(--cor-produto);
	border-color: var(--cor-produto);
	color: #FFF;
}

.grid-with-subhead.table-clean > thead th  {
	color: rgb(99, 115, 129) !important;
}


.container-inputs-date-range {
	display: flex;
}

.container-inputs-date-range input:last-child {
	border-left: 1px solid #e0e4e8;
	margin-top: 7px;
	padding-top: 7px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding-left: 10px;
}

li[data-range-key="Digitar Período"] {
  border-top: 1px solid rgb(224, 228, 232);
}

.daterangepicker li.active {
	background-color: var(--cor-produto) !important;
}

.white-space-pre-line {
	white-space: pre-line;
}

.w-fit-content {
	width: fit-content;
}

li.li-search {
	padding-left: 15px;
	padding-right: 15px;
}

.column-filter ul {
	height: 330px;
  	overflow: auto;
}


.is-card .tabela-vertical {
	box-shadow: none !important;
}

.tabela-vertical,
.tabela-vertical tbody {
	display: flex;
}

.tabela-vertical tbody > tr,
.tabela-vertical thead > tr {
	display: flex;
	flex-direction: column;
}

.tabela-vertical thead > tr {
	height: auto;
    border-top: 0;
    border-bottom: 0;
    background-color: transparent;
    border-left: none !important;
}

.tabela-vertical thead > tr > th{
    border-radius: 0 !important;
    border-top: none !important;
    height: 50px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabela-vertical thead th:nth-child(2) {
	border-left: none !important;
}

.tabela-vertical .exclude-printer {
    background-color: transparent !important;
    border-top: 0 !important;
    border-bottom: none !important;
    border-left: none !important;
    justify-content: center;
    gap: 20px;
    border-left: none !important;
}

.tabela-vertical tbody > tr{
	margin-top: 50px !important;
}

.tabela-vertical tbody > tr td {
	max-height: 50px !important;
	min-height: 50px !important;
	display: flex;
	align-items: center;
	border-radius: 0px !important;
    border-bottom-color: rgba(231,234,243,.7);
    width: 200px;
}

.tabela-vertical .row_selected {
	height: calc(100% - 67px);
}

.tabela-vertical tbody tr td:nth-child(2) {
	border-left: none !important;
}

.tabela-vertical thead th:last-child {
	border-right: none !important;
}

.tabela-vertical tbody tr td:last-child {
	border-right: none !important;
}

.tabela-vertical > tbody > tr:hover  {
	height: 0 !important; 
}

.tabela-vertical > tbody > tr:hover td {
	background-color: #f5f5f5;
    --bs-table-accent-bg: none;
    color: var(--cor-texto);
}

.tabela-vertical tbody > tr td,
.tabela-vertical tbody tr td:nth-child(2) { 
    border-left: 1px solid #efefef !important;
}

.tabela-vertical tbody > tr:last-child td {
	border-right: 1px solid #efefef !important;
}

.tabela-vertical tbody > tr td:nth-child(2),
.tabela-vertical thead th:nth-child(3) {
	border-top: 1px solid #efefef !important;
}

.tabela-vertical tbody {
	overflow-x: auto; 
    margin-bottom: -17px;
}

.btn-float-fixed {
	position: fixed;
}

.btn-bottom-end {
	bottom: 2em;
	right: 1.5em;
}

.btn-product-roundend-float {
    background-color: var(--cor-produto) !important;
    color: #ffff !important;
    border: 1px solid var(--cor-produto) !important;
    height: 60px;
    width: 60px;
    border-radius: 100%;
    box-shadow: 0 0 16px -8px rgba(0, 0, 0, .5);
}

.btn-product-roundend-float:focus {
	box-shadow: 0 0 0 0.25rem var(--cor-produto-half-opacity) !important;
}

.btn-product-roundend-float:hover {
	opacity: 0.8;
}

.btn-white-infosoft {
	background-color: #fff !important;
	box-shadow: none !important;
	transition: transform 0.2s;
    border: 1px solid #e6e8ec !important;
    border-radius: 10px;
    padding: 0.588em 1em;
    color: var(--cor-texto);
}

.btn-white-infosoft:hover {
	transform: translateX(-3px);
}

.btn-white-infosoft:hover,
.btn-white-infosoft:hover span.fad {
	color: #212529 !important
}

.table .input-outlined {
	background-color: transparent !important;
}

.datepicker td,
.datetimepicker td, 
.datepicker th,
.datetimepicker th {
    width: 40px;
    height: 40px;
    font-size: 14px;
    color: var(--cor-texto) !important;
    font-family: 'Infosoft-Web-V1';
    font-weight: normal;
}

.datepicker td.active:hover, 
.datepicker td.active:hover:hover, 
.datepicker td.active:focus, 
.datepicker td.active:hover:focus, 
.datepicker td.active:active, 
.datepicker td.active:hover:active, 
.datepicker td.active.active, 
.datepicker td.active:hover.active, 
.datepicker td.active.disabled, 
.datepicker td.active:hover.disabled, 
.datepicker td.active[disabled], 
.datepicker td.active:hover[disabled],
.datetimepicker td.active:hover, 
.datetimepicker td.active:hover:hover, 
.datetimepicker td.active:focus, 
.datetimepicker td.active:hover:focus, 
.datetimepicker td.active:active, 
.datetimepicker td.active:hover:active, 
.datetimepicker td.active.active, 
.datetimepicker td.active:hover.active, 
.datetimepicker td.active.disabled, 
.datetimepicker td.active:hover.disabled, 
.datetimepicker td.active[disabled], 
.datetimepicker td.active:hover[disabled] {
    color: #ffffff !important;
    background: none;
    background-color: var(--cor-produto);
    border-radius: 5px;
}

.datepicker td.old, 
.datepicker td.new,
.datetimepicker td.old,
.datetimepicker td.new {
    color: #999999 !important;
}

.datepicker,
.datetimepicker {
    border-radius: 9px;
    padding: 1em;
}

.datepicker thead > tr,
.datetimepicker thead > tr {
	border-top: none;
	border-bottom: none;
	background-color: transparent;
}

.datepicker thead tr:last-child,
.datetimepicker thead tr:last-child {
    border-bottom: 1px dashed #d4d4d4;
}

.datepicker th,
.datetimepicker th {
    color: var(--cor-produto) !important;
}

.datepicker tbody:before,
.datetimepicker tbody:before {
	line-height:1em; 
	content:"\200C"; 
	display:block;
}

.datepicker td span,
.datetimepicker td span {
    font-size: 14px;
    color: var(--cor-texto) !important;
    font-family: 'Infosoft-Web-V1';
    font-weight: normal;
}

.datepicker td span.active:active, 
.datepicker td span.active.active,
.datepicker td span.active:hover, 
.datepicker td span.active:focus, 
.datepicker td span.active:active, 
.datepicker td span.active.active, 
.datepicker td span.active.disabled, 
.datepicker td span.active[disabled],

.datetimepicker td span.active:active, 
.datetimepicker td span.active.active,
.datetimepicker td span.active:hover, 
.datetimepicker td span.active:focus, 
.datetimepicker td span.active:active, 
.datetimepicker td span.active.active, 
.datetimepicker td span.active.disabled, 
.datetimepicker td span.active[disabled] {
    color: #ffffff !important;
    background: none;
    background-color: var(--cor-produto);
    border-radius: 5px;
}

.datetimepicker table tr td.active:active, 
.datetimepicker table tr td.active:hover:active, 
.datetimepicker table tr td.active.disabled:active, 
.datetimepicker table tr td.active.disabled:hover:active, 
.datetimepicker table tr td.active.active, 
.datetimepicker table tr td.active:hover.active, 
.datetimepicker table tr td.active.disabled.active, 
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td span.active:active, 
.datetimepicker table tr td span.active:hover:active, 
.datetimepicker table tr td span.active.disabled:active, 
.datetimepicker table tr td span.active.disabled:hover:active, 
.datetimepicker table tr td span.active.active, 
.datetimepicker table tr td span.active:hover.active, 
.datetimepicker table tr td span.active.disabled.active, 
.datetimepicker table tr td span.active.disabled:hover.active {
    background-color: var(--cor-produto);
    background: var(--cor-produto);
}

::selection {
  background: var(--cor-produto);
  color: #fff;
}

.wrap-offcanvas > .modal-backdrop {
	z-index: 2000;
}

/*
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* IN IFRAME
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
* x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-x-
*/

body #offcanvasIframe {
	width: 90%;
}

body.in-iframe #offcanvasIframe {
	width: 100%;
}

.content-iframe {
	height: 100%;
}

body.in-iframe .is-header-util,
body.in-iframe .menu-t,
body.in-iframe .menu-l,
body.in-iframe .is-section-datail-header,
body.in-iframe .is-footer,
body.in-iframe .is-handle-expanded  {
	display: none;
}

body.in-iframe .is-content {
	padding: 0 !important;
}
body.in-iframe .is-card-default-content {
	border: 0;
	border-radius: 0;
}

body.in-iframe .menu-chose-l ~ .section-main {
	margin-left: 0;
}


body.in-iframe .hide-iframe,
body:not(.in-iframe) .hide-not-in-iframe {
	display: none;
}

.note-frame,
.ui-widget-content {
    color: var(--cor-texto) !important;
}



@media (max-width: 1440px) {
	
	/**
	*
	*Ultimas alteração resolução 1366 como base
	*/
	
	li.nav-item a span {
	    font-size: 0.7rem;
    	letter-spacing: 0.5px;
	}
	
	.is-nav-tabs .nav-link {
	    padding: 1em;
	}
	
    .is-nav-tabs {
        margin-bottom: 1.5em;
    }
    
    .container-input-outlined {
        height: 45px;
    }
    
    .form-select { 
   		min-height: 1.583rem;
   	}
    
   	.container-text-editor-outlined, 
   	.container-select-outlined, 
   	.container-textarea-outlined {
        height: fit-content;
    }
    
    .accordion-body {
	    padding: 2rem 1.25rem;
	}
	
	.modal-header,
	.modal-footer {
		padding-top: 0.7rem;
		padding-bottom: 0.7rem;
	}
	
	.modal-body > form:only-child, 
	.modal-body .dynamic-filter {
	    margin-top: 0.5rem;
	}
	
	.pager li > a.page-link {
	    padding: 3px 10px;
	}
}