#content > div.container-fluid-appstore {
    margin-top: 0;
    padding-top: 10em;
}
#content > div.container-fluid {
	padding: 0;
    padding-top: 5em;
}

nav.appstore{
	padding: 0 1rem;
}

.main_menu button{

	zoom: 1.5;
	transform: scale(1.5); 

}

div.sidebar-brand-icon{
	background-image: url(/core/img/logo_peq.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 6em;
    height: 4em;
}

div.sidebar-brand-icon-appstore{
	background-image: url(/core/img/logo_peq.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 5em;
	height: 5em;
}

.bg-gradient-primary_2 {
    background-color: #545454;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #e9e9e9), to(#000000ad));
    background-image: linear-gradient(90deg, #e9e9e9 10%, #000000ad 100%);
    background-size: cover;
}

#accordionSidebar span{
	text-shadow: 1px 1px #565656;
    font-size: 0.8rem;
    /*font-weight: 700;*/
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}
@font-face {
  font-family: 'password';
  font-style: normal;
  font-weight: 400;
  src: url('password.ttf');
}

input.password {
  font-family: 'password';
}
.floatlabel {
  position:relative;
}
.floatlabel input {
  /*-webkit-appearance: none;*/
  color:#333;
  padding:10px 12px;
  width: 100%;
  line-height: 1.5;
}
.floatlabel label.label {
	position: absolute;
	top: 0.7em !important;
	left: 0.5em !important;
	transition: all 0.2s ease-out;
	background: #fff;
	color: #999;
	cursor: text;
	line-height: 1.5;
	margin-bottom: 0;
	font-size: 0.8rem;
	z-index: 2;

}

.floatlabel_control label.label {
	top: 1.2em;
    left: 0.8em;
}


.floatlabel label.label.floatlabel-shift {
	top: -0.6em !important;
    left: 0.5em !important;
  padding:0 4px !important;
  /*font-size:14px;*/
  color:#999 !important;
  z-index: 10 !important;
  font-size: 0.7rem;
}
.floatlabel label.label.floatlabel-active {
  color:#0077c8 !important;
}

body{
	line-height: 1.2;
	background-clip: content-box;	
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus
input:-webkit-autofill, 
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
/*border: 1px solid green;
-webkit-text-fill-color: green;
*/
-webkit-box-shadow: 0 0 0px 1000px #FFF inset;
transition: background-color 5000s ease-in-out 0s;
}

#dialogModalLive div.modal-header span{
    margin-right: 1rem;
}

#dialogModalLive div.modal-header{
   align-items: center;
}
/*
.ui-dialog-titlebar{
	display:none;
}
.ui-dialog{
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
     pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0.3rem;
    outline: 0;
    margin-left: calc(100% / 4);
	margin-right: calc(100% / 4);
	min-width: 400px;
}
*/

.ui-dialog .ui-dialog-buttonpane {
	padding: .3em .4em .3em .4em;
}
.ui-dialog .ui-dialog-buttonpane button {
    margin: .5em .4em .5em .4em;
}
.ui-dialog .ui-dialog-title {
    width: 100%;
}
.ui-dialog .ui-dialog-titlebar-close2 {
	border:0;
	float: right;
}
.ui-dialog .ui-dialog-titlebar {
    padding: .4em .4em;
	border-bottom: 1px solid;
}
.ui-dialog span.dialog-title-text{
	margin-left: 0.4em;
	vertical-align: super;
}
.ui-dialog .ui-dialog-titlebar i{
	font-size: 1em;
	vertical-align: super;
}
.ui-dialog .ui-dialog-buttonpane {
    margin-top: 0
}
.ui-dialog .ui-dialog-content {
    border-bottom: 1px solid;
}
.

@media (min-width: 576px) {
	.ui-dialog{
		min-width: 12em;
		max-width: 25em;
		min-width: auto;
	}
}

@media (min-width: 768px) {
	.ui-dialog{
		min-width: 12em;
		max-width: 35em;
		min-width: auto;
	}
}


.cropit-image-zoom-input {
	padding: 30px 0 !important; 
}

span.dica-input{
	font-size: 0.8em;
}


div.pagewaiting{
	background-image: url(../img/waiting.gif);
    background-repeat: no-repeat;
    background-position: center;
    z-index: 101;
    position: absolute;
    top: 300px;
    left: calc( (100% / 2) - 75px);
    display: block;
    background-color: #ffffff00;
    width: 150px;
    height: 150px;
}


.bootstrap-select > .dropdown-toggle{
	/*height: 2.5rem !important;*/
    margin-top: 0 !important;
	background-color: #ffffff !important;
	border: 1px solid #d1d3e2;
}


.bootstrap-select > .dropdown-toggle::after {
    vertical-align: 0.1em;
    font-size: 1.5rem;
	margin-top: 2px;
}



#dialog-message p.textmsg{ 
    font-size: 1.2rem;
    margin: 0;
}


#content-wrapper{
	width: 100%
}

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

.dropdown-list .dropdown-item .dropdown-list-image img {
    height: 2.5rem;
    width: 2.5rem;
}
.dropdown-list .dropdown-item {
    white-space: normal;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-left: 1px solid #e3e6f0;
    border-right: 1px solid #e3e6f0;
    border-bottom: 1px solid #e3e6f0;
    line-height: 1.3rem;
	padding-left: 1rem;
	padding-right: 1rem;
}

@media screen and (max-width: 520px) {
	div.card-content{
		display: block !important;
	}
	legend.page-title{
	  font-size: 5vw;
	  white-space: nowrap;
	}
	div.div-monthrangepicker{
		width: 65vw !important;
	}
	div.div-monthrangepicker span.mrp-lowerMonth, div.div-monthrangepicker span.mrp-upperMonth{
		font-size: 3vw;
		line-height: 5vw;
	}

}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
	/*padding-bottom: 20px;*/
}
.pagination>li {
    display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li.active a{
    color: #fff;
    background-color: #337ab7;
}
.badge{
    float: right;
}
div.dropdown-list-image{
	position: relative;
}

.scroll-to-top{
	font-size: 2rem;
}
/*
select.selectpicker {
  display: block !important;
}
*/
.small50{
	font-size: 50%;
}
.d-grid {
  display: grid !important;
}

.btn-ssm{
	height: 1rem;
    width: 1rem;
}

div[readonly] {
  pointer-events: none;
  touch-action: none;
}


input.datarangepickerreadonly:-moz-read-only { /* For Firefox */
  background-color: white;
}

input.datarangepickerreadonly:read-only { 
  background-color: white;
}

.modal-header, .modal-footer{
	padding: 0.5rem 1rem;
}


/* The switch - the box around the slider */
.switch {
	position: relative;
    display: inline-block;
    width: 50px;
    height: 30px;
    float: right;
    top: 5px;
    right: 5px;


}

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

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
	height: 26px;
    width: 55px;
}

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

input.default:checked + .slider {
  background-color: #444;
}
input.primary:checked + .slider {
  background-color: #2196F3;
}
input.success:checked + .slider {
  background-color: #8bc34a;
}
input.info:checked + .slider {
  background-color: #3de0f5;
}
input.warning:checked + .slider {
  background-color: #FFC107;
}
input.danger:checked + .slider {
  background-color: #f44336;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

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

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

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

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.field-checkbox{
	border: 1px solid #d1d3e2;
    line-height: 1.5;
    border-radius: 0.35rem;
	padding: 4px;
}
.field-checkbox input:focus{
  -webkit-box-shadow: none;
  box-shadow: none;
}

nav.menu-user li i {
	/*font-size: 2em;*/
}

.card-body-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
}

/*
div.modal-dialog .form-control {
    font-size: 1.1em;
}
*/

/*
div.modal-dialog .floatlabel label.label {
    top: 0.5em !important;
}
*/


div.daterangepicker{
	color: #000;
}


div.div-inputrangepicker{
	display: inline-block;
	position: relative;
	width: 207px;
	background-color: #fff;
	border-radius: 5px;
}

div.div-inputsingledatepicker{
	display: inline-block;
	position: relative;
	width: 115px;
	background-color: #fff;
	border-radius: 5px;
}


div.div-monthrangepicker{
	display: inline-block;
	position: relative;
	width: 310px;
	background-color: #fff;
	padding: 5px;
	border: 1px solid #c9cacc;
	border-radius: 5px;
	text-align: left;
}


div.singlemonth{
	width: 170px;
}

div.div-inputrangepicker input, div.div-inputsingledatepicker input {
    z-index: 10;
    position: relative;
    background: transparent !important;
    display: block;
    width: 100%;
    height: 30px;
    padding: 1px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    outline: none;
    cursor: pointer;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

div.div-inputrangepicker i, div.div-inputsingledatepicker i{
    position: absolute;
    right: 10px;
    padding: 5px 0;
    font-size: 17px !important;
    z-index: 9;
	color: gray;
}

div.div-monthrangepicker i{
    position: absolute;
    right: 10px;
    font-size: 17px !important;
    z-index: 9;
	color: gray;
}

img.ui-datepicker-trigger,img.range-picker-trigger{
	width: 2.0em;
    vertical-align: bottom;
}

div.form-data input.hasDatepicker, table.form td.dados-parcelas input.hasDatepicker{
	width: 100% !important;
    border: 0;
}


div.form-data table.table_final tr:last-child textarea{
	border-bottom: 1px solid #ccc !important;
}


div.form-data img.ui-datepicker-trigger{
	/*
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    border: 0;
	float: right;
	margin-right: 1px;
	*/
	width: 1.5em;
    vertical-align: middle;
    margin-left: -2em;

}

#sel_currency{
	color: #000;
}

.fa-input{
	position: absolute;
    right: 8px;
    bottom: 9px;
	/*bottom: calc((100vh - 110px) - 56vh);*/
    font-size: 16px;
	color: gray;
}

.fa-input-new{
	position: absolute;
    right: 19px;
    bottom: 11px;
    font-size: 1.2rem;
    color: gray;
}

.modal-dialog .fa-input{
   bottom: 10px;
}


.numberCircle {
    display:inline-block;
    line-height:0px;    
    border-radius:50%;    
    font-size:1em;
}

.numberCircle span {
    display:inline-block;    
    padding-top:50%;
    padding-bottom:50%;    
    margin-left:4px;
    margin-right:4px;
}

.notdone {
	border: 2px solid #ccc;
	color: #ccc;
}

.done {
	border: 2px solid #000;
	color: #000;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

button.dropdown-toggle.btn-light{
  height: 2.5rem !important;
}

div.bs-actionsbox button.btn-light{
  color: #fff;
  background-color: #4e73df;
  border-color: #4e73df;
  margin-inline: 2px;
  padding: 0;
}



button.dropdown-toggle.btn-thin {
    height: 1.9rem !important;
    font-size: 0.7rem;
    line-height: 1;
}

button.dropdown-toggle.btn-filter{
	height: 2rem !important;
	font-size: 12px !important;
    line-height: 1.2;
	height: 30px !important;
}


button.dropdown-toggle.btn-thin .filter-option-inner {
    margin-top: -2px;
}

button.dropdown-toggle.btn-thin .filter-option-inner .filter-option-inner-inner {
	background: rgba(255,255,255,0.9);
    pointer-events: none;
    touch-action: none;
    color: #252525;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    border: none;
    /* padding: 5px; */
    text-align: center;
}

div.form-data button.dropdown-toggle.btn-light{
	height: 2.5em !important;
	font-size: 1em !important;
	padding: 5px 10px !important;
}

div.form-data div.bootstrap-select{
	font-size: 12px !important;
}

div.form-data .bootstrap-select > .dropdown-toggle {
	border: 0;
}


iframe{
	border:0;
}

button.fases, button.fases-acao{
	margin-bottom: 1px;
}
hr.separador{
	margin-top: 2px;
    margin-bottom: 2px;
    border-top: 1px solid rgb(0, 0, 0);
}

/*//// PEDIDO //////*/

div.form-data table {
	width: 100%
}

div.form-data legend {
	text-shadow: #000000 0px 1px 1px;
    padding: 0 0 0 5px;
    margin: 0;
	white-space: nowrap;
	background: #616161;
    color: #fff;
    font: 1em Calibri, Arial, Helvetica, sans-serif;
    padding: 1px 5px;
    margin: 0px 0px;
    font-weight: normal;
    border: 1px solid #fff;
    border-color: #e5e5c3 #505014 #505014 #e5e5c3;
}
div.form-data-new legend {
	text-shadow: #ffffff 0px 1px 1px;
    padding: 0 0 0 5px;
    margin: 0;
    white-space: nowrap;
    background: #dadada;
    color: #000;
    font: 1em Calibri, Arial, Helvetica, sans-serif;
    padding: 1px 5px;
    margin: 0px 0px;
    font-weight: normal;
    /*border: 1px solid #fff;*/
    border-bottom-color: #000000;
    border-radius: 5px 5px 0 0;
}

div.form-data-new input, div.form-data-new textarea  {
    font-size: 0.9rem;
    width: 100%;
    height: 40px;
	border-radius: 0 0 5px 5px;
	padding: 0 5px 0 5px;
}
div.form-data-new input[type="radio"], div.form-data-new input[type="checkbox"]
{
	outline: 1px solid #ccc;
}

.form-data-modal input, .form-data-modal textarea  {
    font-size: 1rem;
    width: 100%;
    height: 40px;
	border-radius: 5px;
	padding: 0 5px 0 5px;
}



div.form-data-new .bootstrap-select > .dropdown-toggle{
	border-radius: 0 0 5px 5px;
}


div.form-data input, div.form-data textarea, div.form-data select {
	font-size: 1em;
    padding: 6px 6px 6px 2px;
    border-radius: 0px;
    width: 100%;
    text-transform: uppercase;
    border-left: 1px solid #ccc !important;
    margin: 0;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
	line-height: 1.5;
}
div.form-data input[type="checkbox"] {
	margin-top: 0.5em;
}


div.form-data input[mType=val], div.form-data input[mType=tax]{
	padding-right: 5px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; 
}

div.form-data div.dados{
	vertical-align: top;
    width: 85%;
}
div.form-data td.dados-parcelas{
	vertical-align: top;
    width: 400px;
}

div.form-data div.acao{
	vertical-align: top;
    width: 15%;
}
div.form-data div.acao button{
	width: 100%;
    padding: 10px 10px;
}


img.ui-datepicker-trigger,img.range-picker-trigger{
	width: 2.0em;
    vertical-align: bottom;
}

div.form-data input.hasDatepicker, table.form td.dados-parcelas input.hasDatepicker{
	width: 100% !important;
    border: 0;
}


div.form-data table.table_final tr:last-child textarea{
	border-bottom: 1px solid #ccc !important;
}


div.form-data img.ui-datepicker-trigger{
	/*
    vertical-align: bottom;
    margin: 0;
    padding: 0;
    border: 0;
	float: right;
	margin-right: 1px;
	*/
	width: 1.5em;
    vertical-align: middle;
    margin-left: -2em;

}


div.form-data{
	display: flex;
	clear:both;
}

div.form-data div.dados{
	float:left;
}


div.form-data div.acao{
	float:right;
	padding-left: 1em;
}

div.form-data div.ui-tabs-panel{
	height: 400px;
}

div.form-data td.box{
	width: 10%;
	vertical-align: top;
	padding:0 !important;
	line-height: 1;
    border-left: 1px solid #ada8a8;
	border-right: 1px solid #ada8a8;
	background-color: #FFF;
}

div.form-data td.box i.fa-input{
	bottom: 8px;
}


div.form-data td.boxcheck_noimage {
    vertical-align: top;
    width: 1%;
    border-left: 1px solid #ada8a8;
	border-right: 1px solid #ada8a8;
}

div.form-data input{
	border-width: 0px;
}

div.form-data td.boxcheck{
    width: 1%;
    border-left: 1px solid #ada8a8;
	background: url(../../app/images/nocheck.png);
	background-repeat: no-repeat;
	background-size: 50%;
    background-position: bottom;
}

div.form-data td.check{
	background: url(../../app/images/check.png);
	background-repeat: no-repeat;
	background-size: 50%;
    background-position: bottom;
}
#breadcrumbs{
	text-align: right;
    width: 100%;
    position: fixed;
    z-index: 999;
	/*margin-top: 5.5em;*/
	margin-top: 4.3em;
    color: red;
    font-size: 10px;
	padding-right: 1rem;
}

.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:active {
   color: initial;
}

@media screen and (max-width: 767px) {
  div.dt-buttons {
    float: none;
    width: 100%;
    text-align: center;
	margin-left: 0 !important;
    margin-right: 0 !important;

  }
  div.dt-buttons a.btn, div.dt-buttons button, div.dt-buttons nav, div.dt-buttons button, div.dt-buttons select {
    float: none;
	width: 100%;
  }


}


[data-title]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}

[data-title]:after {
    content: attr(data-title);
    position: absolute;
    /*bottom: -1.6em;*/
	top: 15px;
    left: 50%;
	text-align: left;
    width: max-content;
	padding: 4px 4px 4px 8px;
    font-size: 0.9em;
	font-family: arial;
	font-weight: 400;
    color: #222;
    white-space: pre-line;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 2px #000;
    background-image: -moz-linear-gradient(top, #ffe000, #ffe000);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffe000),color-stop(1, #ffe000));
    background-image: -webkit-linear-gradient(top, #ffe000, #ffe000);
    background-image: -moz-linear-gradient(top, #ffe000, #ffe000);
    background-image: -ms-linear-gradient(top, #ffe000, #ffe000);
    background-image: -o-linear-gradient(top, #ffe000, #ffe000);
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}
[data-title] {
    position: relative;
}


[data-title-right]:hover:after {
    opacity: 1;
    transition: all 0.1s ease 0.5s;
    visibility: visible;
}
[data-title-right]:after {
    content: attr(data-title-right);
    position: absolute;
    bottom: -1.6em;
	left: -70%;
	padding: 4px 4px 4px 8px;
    font-size: 0.7em;
	font-family: arial;
	font-weight: 100;
    color: #222;
    /*white-space: nowrap;*/
	white-space: pre-wrap;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 2px #000;
    background-image: -moz-linear-gradient(top, #ffef7b, #dbc400);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffef7b),color-stop(1, #dbc400));
    background-image: -webkit-linear-gradient(top, #ffef7b, #dbc400);
    background-image: -moz-linear-gradient(top, #ffef7b, #dbc400);
    background-image: -ms-linear-gradient(top, #ffef7b, #dbc400);
    background-image: -o-linear-gradient(top, #ffef7b, #dbc400);
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}
[data-title-right] {
    position: relative;
}


.xxxtitle{
	padding: 2px 2px 2px 4px;
    font-size: 0.8em;
    color: #222;
    white-space: nowrap;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 4px #222;
    -webkit-box-shadow: 0px 0px 4px #222;
    box-shadow: 0px 0px 2px #000;
    background-image: -moz-linear-gradient(top, #ffef7b, #dbc400);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffef7b),color-stop(1, #dbc400));
    background-image: -webkit-linear-gradient(top, #ffef7b, #dbc400);
    background-image: -moz-linear-gradient(top, #ffef7b, #dbc400);
    background-image: -ms-linear-gradient(top, #ffef7b, #dbc400);
    background-image: -o-linear-gradient(top, #ffef7b, #dbc400);
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
}

.w-200px{
	width: 200px !important;
}

div.form-data input[type="checkbox"]
{
  width: calc(100% - 2px) !important;
  margin: 0 1px;
  outline: 1px solid #ccc;
  height: calc(2rem - 2px) !important
}

div.form-control input[type="checkbox"] {
	-ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(1.5);
    margin-top: 0.3rem;
}

.btn-inputspinner > .btn {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
.btn-hm {
    width: 2em;
    text-align: center;
    padding: 0;
}
.btn-hm-separador {
	font-size: 2em;
    padding: 0;
    margin: 0;
}
button.dropdown-toggle.disabled::after {
    display: none;
}
a, u {
  text-decoration: none !important;
  color: inherit;
}

td.tdcodcli, td.tdcodigo, td.tdPopUpOs{  	
  cursor: pointer;
  white-space: nowrap;
  display: block;
}

td.tdcodcli::after, td.tdcodigo::after, td.tdPopUpOs::after  {
  width: 1rem;
  text-align: center;
  float: left;
  vertical-align: 0;
  border: 0;
  font-weight: 900;
  content: '\f002';
  font-family: 'Font Awesome 5 Pro';
}


/*
#wrapper{
	padding-bottom: 1rem;
}
*/

div.form-data-new legend.text-red {
	text-shadow: #000 0px 1px 1px;
	background: red;
    color: white;
}


body.modal-open {
/*
    overflow: hidden;
    position: fixed;
	width: 100%;
	padding-right: 0 !important;
*/
    overflow: hidden;
	width: 100%;
	padding-right: 0 !important;


}
body.viewport-lg {
    position: absolute; 
}

.dadada{
	background-color: #dadada !important;
}

.disable-click{
   pointer-events:none;
  touch-action: none;
}

/*
div.pageheading-framedate{
    border: 1px #919191  solid;
    border-radius: 5px;
    background: white;
}
*/

div.pageheading-framedate a span.DateCaption{
    /*font-size: 1.8em;*/
    color: #f00;
    font-weight: 900;
    text-shadow: 0 1px 0 #fff;
	line-height: 1;
	font-family: fantasy;
}

div.pageheading-framedate a span.MonthCaption{
	color: #5a5a5a !important;
    /*font-size: 1.5em;*/
    font-style: italic;
    text-shadow: 1px 1px 1px #c9c9c9;
    font-weight: 700;
}
div.pageheading-framedate a span.prepCaption{
	font-family: sans-serif;
}
div.pageheading-frametitle a span.DashCaption{
	color: #5a5a5a !important;
	/*
    font-size: 1.5em;
    text-shadow: 1px 1px 1px #c9c9c9;
	*/
    font-weight: 700;
}
div.pageheading-frametitle a:hover{
	color: inherit;
    background-color: inherit;
    border-color: inherit;
}


@media screen and (max-width: 767px) {

	div.pageheading span{
	/*
		zoom: 0.8;
		transform: scale(0.8); 
	*/
		font-size: 0.7rem !important;
	}

	div.pageheading-framemapa a {
		padding: 0.25rem 0.5rem;
	    font-size: 0.875rem;
	    line-height: 1.5;
	    border-radius: 0.2rem;
	}

}

.bootstrap-select button:disabled {
    background-color: #dadada !important;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}


.marquee {
    width: 100%;
	/*background-color: black;*/
	color: black;
	/*text-shadow: 1px 1px #545454;*/
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}
.marquee p {
    display: inline-block;
	/*
    font-family: monospace;
    font-size: x-large;
	*/
    padding-left: 50%;
    /*animation: marquee 500s linear infinite;*/
	animation: marquee linear infinite;
	animation-delay: 0s;
    margin: 0;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}
/*
table.scroller {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
table.scroller tbody {
  display:block;
  overflow: auto;
  height: 300px;
  width: 100%;
} 
*/
table.table-responsive-scroll tbody {
    display: block;
    height: 45vh;
    overflow: auto;
}
table.table-responsive-scroll thead, table.table-responsive-scroll tfoot, table.table-responsive-scroll tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;/* even columns width , fix width of table too*/
}
table.table-responsive-scroll thead th {
	width: auto;
}

.tdsmall{
	font-size: 7px;
    padding: 0 !important;
}

.cursor-pointer{
  cursor: pointer;
}

.table-responsive-sm-scroll{
	display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}


.place-left{
	left: 0;
}
.place-center{
	left: 50% translateX(-50%);
}
.place-right{
	right: 0;
}
.place-top{
	top: 0;
}
.place-middle{
	top: 50% translateY(-50%);
}
.place-bottom{
	bottom: 0;
}


.toast {
    max-width: 600px;
}
.toast-header {
    color: #383d41;
    background-color: rgb(192 194 197 / 70%);
    border-bottom-color: rgb(214 216 219 / 70%);
}
.toast-body {
    background-color: rgb(0 65 135 / 72%);
    border-color: rgb(184 218 255 / 70%);
    color: #ffffff;
	font-size: 0.7rem;
}

.bootstrap-select .dropdown-toggle .filter-option-inner-inner{
	font-size: 0.9rem;
    margin-top: 0;
}

.bootstrap-select .btn-filter .filter-option-inner-inner{
    margin-top: -4px;
}


div.divExportButtons button.buttons-html5{
	padding: 0.375rem 0.75rem;
}

.white-pre-wrap {
	white-space: pre-wrap !important;
}

.floatlabel-sm {
  position:relative;
}
.floatlabel-sm input {
  -webkit-appearance: none;
  color:#333;
  padding:10px 12px;
  width: 100%;
  line-height: 1.5;
}


.floatlabel-sm label.label {
	position: absolute;
	top: 0.7em !important;
	left: 0.5em !important;
	transition: all 0.2s ease-out;
	background: #fff;
	color: #999;
	cursor: text;
	line-height: 1.5;
	margin-bottom: 0;
	font-size: 0.8rem;
	z-index: 2;

}

.floatlabel-sm label.label.floatlabel-shift {
	position: absolute;
    top: -0.2em !important;
    left: 0.5em !important;
    padding: 0 0px !important;
    color: #787878  !important;
    z-index: 10 !important;
    font-size: 0.7rem;
    z-index: 11 !important;
    margin: 0;
    line-height: 0.5;
}

.bootstrap-select .dropdown-toggle:focus, select, button, [type="search"]{
    outline-offset: 0px;
}


div.btn-outline-info legend.page-title {
    margin-bottom: 0px;
    line-height: 1;
    margin-left: 0.5em;
    margin-right: 0.5em;
    margin-top: 2px;
    padding: 0;
}

div.input-inside span.label{
	position: absolute;
    padding: 5px;
    height: 30px;
    display: flex;
    align-items: center;
    background-color: #4682b4;
    color: white;
	z-index: 11;
}
div.input-inside input{
  padding-left: 31px;
  height: 30px;
}

div.input-inside div.div-inputrangepicker{
	width: 250px;
}
div.input-inside button.dropdown-toggle{
	padding-left: 65px;
    width: 250px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	float: left;
}
div.div-page-title{
	margin-top: -4px;
}

legend.page-title{
/*
	padding-left: 1rem;
    padding-right: 1rem;
*/
    padding-top: 0.4rem;
    margin-top: 0px;
    margin-bottom: 0px;
	color: #505051;;
}

div.main-page-title{
	border-color: #5d9a9d;
    border-style: solid;
    border-width: 1px;
    margin-left: 7px;
    margin-right: 7px;
    padding-top: 1px;
    padding-bottom: 1px;
	margin-bottom: 1px;
	background-color: #f5f5f5;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #f1f1f1), to(#a1a1a1));
    background-image: linear-gradient(90deg, #f1f1f1 40%, #a1a1a1 100%);
    background-size: cover;
	min-height: 34px;
	padding-left: 0.25rem;
	padding-right: 0.25rem;

}

div.main-page-title button.btn-sm{
	line-height: 1.4;
}

.ui-tooltip {
    /* tooltip container box */
    white-space: pre-line;
}

.ui-tooltip-content {
    /* tooltip content */
    white-space: pre-line;
}


.ball-yellow{
	display: inline-table;
    background-color: yellow;
    height: 10px;
    width: 10px;
    border-radius: 50%;
	border: 1px solid black;
}

.table-negative {
  color: #fff;
  background-color: #000 !important;
}

div.input-group-sm div.div-monthrangepicker{
	top: -1px;
	left: -1px;
    height: 31px;
    border-radius: 0 5px 5px 0;
}

div.input-group-sm nav{
	width: auto;
}

@media (min-width: 1200px) {
	div.graf-cards div.graf-cards-item:first-child{
		-webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
	}
	div.graf-cards div.card{
		height: -webkit-fill-available;
	}
	div.graf-cards div.graf-cards-item{
		height: 390px;
	}



}

.btn-primary {
	color: #fff;
	background-color: #00238b;
	border-color: #001040;
}

.text-primary {
    color: #00238b !important;
}

ul.sidebar-dark li.nav-item li.nav-link {
	color: rgba(255, 255, 255, 1.0);
}

#btnopenfiltros{
	position: absolute;
	right: 1.5em;
	background-color: #f0f0f0;
}

#btnopenfiltros:hover{
	color: #000000;
}


[data-tooltip] {
	position: relative;
}
[data-tooltip]:after {
	content: attr(data-tooltip);
	position: absolute;
	left: 50%;
	bottom: 100%; /* put it on the top */
	background-color: yellow;
	width: max-content;
	opacity: 0;
	-webkit-transition: opacity 0.75s ease-in-out;
}
[data-tooltip]:hover:after {
	opacity: 1;
}

div[data-tooltip]:after {
	left: 5px!important;
}