@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");

body {
  font-family: "Roboto", sans-serif;
}

.bg-custom {
  background-color: #f7f7f7 !important;
}

.bg-menu {
  background-color: #cccccc !important;
  padding: 2.5em;
}

.home-logo {
  background-color: #cccccc;
  padding: 10px;
}

.block-center {
  margin: 0 auto;
}
.wd-xl {
  width: 420px;
}

.wrapper-padding {
  padding: 0.8em;
}

/*
* CUSTOM BOOTSTRAP
*/

h1 {
  font-size: 78px;
}

.float-right {
  float: right !important;
}

.text-muted {
  color: #909fa7 !important;
}

.btn-default {
  color: #000;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}

.btn-dimension-big {
  font-size: 3em;
  padding-top: 1.5em;
  padding-bottom: 1.5em;
}

.btn-dimension-small {
  font-size: 1.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

.btn-home {
  width: 100%;
}

.btn-logout {
  color: red !important;
}

.btn-tab {
  width: 50px;
  padding: 0px;
  margin: 0px;
}

.btn-tab-short {
  height: 100px;
}

.btn-tab-long {
  height: 200px;
}

.tabDiv {
  padding-bottom: 5px;
  /*border-bottom: 1px solid;*/
}

.principalContainerDiv {
  padding: 10px 10px;
  background-color: #f8f9fa !important;
  border: 2px solid #dfe0e1;
  border-radius: 5px;
}

.home-row {
  margin-bottom: 0.5em;
}

.form-control,
.form-select {
  padding: 2px;
  /*height: 30px;*/
}

.card {
  margin-bottom: 10px;
}

.card-default {
  border: 0;
}

.card-header {
  border: 0;
  /*background-color: #ccc;*/
  padding: 0 0 0 15px;
}

.card-header span {
  font-weight: bold;
  font-size: 15px;
}
.card-body {
  background-color: #f8f9fa !important;
  /*border: 1px solid #000;*/
  border-radius: 5px;
}

.card-body-blank {
  background-color: #fff;
  border: 0;
}

.dataTables_wrapper .dataTables_filter {
  display: none;
}

table.dataTable tbody td {
  padding: 2px;
}

.gridField {
  border: 0;
  background-color: transparent;
  width: 100%;
}

.index-sidebar {
  border-right: 1px solid #aaaaaa;
}

.container-form-button {
  float: left;
  margin-left: 5px;
}

.container-grid-button {
  float: left;
}

.div-grid {
  padding: 5px;
}

.div-form {
  display: none;
  /*border: 1px solid #ccc;*/
  padding: 0px 20px 20px 5px;
  /*background-color: #f8f9fa !important;
    box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
}

.div-detailed-grid {
    display:none; 
    margin-top: 5px; 
    /*padding: 5px;*/
}

.div-form-grid {
  border: 1px solid #000;
  background-color: #fff;
  margin-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  height: 200px;
  overflow-y: scroll;
}

.header-grid-form {
  padding: 5px;
  text-align: center;
}

.form-group {
  padding-top: 5px;
}

.vertical-buttons {
  height: fit-content;
  width: 100%;
  margin-bottom: 5px;
}

.imageForm {
  border: 1px solid #aaaaaa;
  /*height: 100px;*/
}

.cursor-click {
  cursor: pointer;
}