td {
    font-size: smaller;
  }


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

  .container-fluid {

    padding-left: 0px;
    padding-right: 0px;

  } 
  
}


td > button {
	font-size: smaller !important;
	height: 20px;
}
.dataTables_filter > label { 
	vertical-align: sub;
	padding-left: 20px;
	font-style: italic;
}

.dataTables_filter > label > input { 
	width: 300px;
	height: 20px;
	}

#executionDatatable > thead > tr > th {
	text-align: right;
}
#executionDatatable > tbody > tr > td {
	text-align: right;
}

#executionDatatable > tfoot > tr > th {
	text-align: right;
}

/*.datatables > tbody {
	text-align: right;
}*/

.new-button{
  position: absolute;
  right: 10px;
}
.dataTable{
  margin-top: 30px !important;
}
.dt-buttons{
  position: absolute;
}

.clear-both{
  clear: both;
}




html{
  height: 100%;
}
body{
  min-height: 100%;
}

.form-label{
  font-weight: 600;
}

.login-page{
  height: 1000;
}

.paging-label {
  padding-right: 10px;
}

.login-pf .container {
  background: rgba(43, 37, 36, 0.26);
}


.login-wrap {
  background: url('../images/background-login8.jpg') center;
  background-size: cover;
  height: 100vh;
  width: 100vw;
  display: flex;
  align-items: center;
}

.background-main {
  background: url('../images/background-login8.jpg') center;
  background-size: cover;
  /* height: 100vh; */
  /* width: 100vw; */
  /* display: flex; */
  align-items: center;
}


@media(max-width: 1024px){
  .login-pf #brand {
      top: 0px;
  }
}

@media only screen and ( max-width: 700px ) {
 
  .wide-scroll{
    overflow-y: none;
    overflow-x: auto;
    width: 100%;
    margin-top: -30px !important;
  }
  .h3main {
   margin-bottom: 0px;
  }

  .dataTable{
    margin-top: 30px !important;
  }
  
  .card-table table { font-size: 8px; }

}




.column-vertical-align-center{
  float: none;
  display: inline-block;
  vertical-align: middle;
}


.black-bg {
    background-image: url("../images/bg-login.jpg") !important;
}
.card-pf-aggregate-status-notification{
   font-size: 16px;
}

.dt-button embed  {
    color: #00618a;
    border: none;
}
button.dt-button, div.dt-button, a.dt-button {
	color: #00618a !important;
	border: none !important;
}

table.dataTable tbody th, table.dataTable tbody td{
	    padding: 2px 10px 3px;
}
.container-full-login {
    margin: 0 auto;
    width: 100%;
}

.label-fms {
 	text-align: right; 
 	background-color: rgba(255, 255, 255, 0.15);
 	color: black;
 	font-size: 120%
}
.btn-file {
    position: relative;
    overflow: hidden;
     width: 100px;
}
.btn-file input[type=file] {
 	position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;

}


.button-label-fms {
 	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}


.big-card h2.card-pf-title {
  height: 4em;
}


.under-chart-title {
  position: relative;
  top: -75px;
  text-align: center;
  font-size: 16px;
}

.under-chart-title .total {
    margin-bottom: 3px;
  }

 .under-chart-title .subtotals span {
      margin: 0 5px
 }


h2.card-pf-title {
    text-align: center;
}

.card-table table td, .card-table table th {
  text-align: left;
}

.card-table table {
    width: 100%;
}

.card-table table td, th {
  text-align: left;
}

.card-table .card-pf-footer {
    text-align: right;
}


.pfly-select {
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  text-align: right;
  outline: none;
}

.pfly-select option {
  font-weight: normal;
  display: block;
  white-space: pre;
  min-height: 1.2em;
  padding: 0px 2px 1px;
  border-style: groove;
  outline: none;
}

.pfly-date {
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  text-align: right;
  outline: none;
  width: 120px;
}

.pfly-input {
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}
.pfly-label {
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
}


.pfly-button {
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 4px;
  margin-bottom: 10px;

}

.pfly-form-filters {
  padding-bottom: 15px;
  padding-top: 15px; 
  width: 100%; 
  text-align: left; 
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 10px;
}

.pfly-help {
  cursor:pointer; 
  font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
 

#products-charts-container .card-pf {
    margin: 1px;

}

#products-charts-container  .wrap-table-charts {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;

}

#products-charts-container .wrap-table-charts .wrap-table {
      flex-basis: 0;
      flex-grow: 1.6;
      flex-shrink: .1;
}

#products-charts-container .wrap-table-charts .card-pf-body {
        padding: 25px 0;
}

#products-charts-container .wrap-table-charts .card-pf-footer {
        text-align: right;
}

#products-charts-container .wrap-table-charts .wrap-charts {
      flex-basis: 0;
      flex-grow: 1;
      flex-shrink: 1;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
}

#products-charts-container .wrap-table-charts .wrap-charts .card-chart .card-pf {
          height: 250px;
}
#products-charts-container .wrap-table-charts .wrap-charts .card-chart h2.card-pf-title {
          height: 1em;
}