/* your styles go here */

html {
    /*overflow: auto;*/
}

.body {
     /*background: url('../img/bg-black.jpg') no-repeat fixed center center;
    background-size: cover;*/
}

.modal {
  overflow-y:auto;
}

.modal-xl {
	max-width: 992px;
}

.modal-dialog{
    /*overflow-y: initial !important;*/
}
.modal-body{
    /*max-height: calc(100vh - 250px);*/
    /*overflow-y: auto;*/
}
.modal-contents {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    /*width:inherit !important;*/
    /*height:inherit !important;*/
    /* To center horizontally */
    /*margin: 0 auto !important;*/
}
.modal-header { 
	padding: 0.5rem;
}
.modal-footer { 
	padding: 0.5rem;
}

.dataTables_info {
  font-size: 0.75em !important;
}

.pagination {
  font-size: 0.75em !important;
}

.h-space {
	margin-bottom: 2%;	
}

tables {
  font-size: 0.8em;
  color: #666;
  width: 100% !important;
}

.card {
	webkit-box-shadow: 1px 1px 2px rgb(0, 0, 0);
    box-shadow: 0px 0px 0px rgb(0, 0, 0);
    margin-bottom: 0px;
}

.card-header {
    padding: 0.5rem 0.5rem !important;
}

.card-body {
    padding: 0.5rem !important;
    background-color: #b8c4cc14 !important;
}

.section-padding {
  padding: 1rem 0;
}

@media (min-width: 992px) {
  .dashboard-header {
    margin-bottom: 10px;
  }
  .dashboard-header .card {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
  }
}

section header {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.dropdown-toggle { font-size: 0.7rem; }

.pagination-detail { font-size: 0.8rem; }

.nav-block {
    display: block;
}

table.dataTable thead th {
  vertical-align: middle;
}

.col-form-label {
	font-size: 0.8rem;
    padding-bottom: 1%;
}

#dareModal input {
	font-size:0.85rem;
}

.row {
    flex-wrap: wrap;
}

.info-box {
	padding: 0.5rem;
}

.info-box-content {
	width: 100%;
}

.info-boxes {
	margin-top: 5%;
	padding: 0;
}

.info-boxes .info-box {
	padding: 1% 1%;
	color: #fff;
	background: #7549510f;
	z-index: 10;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	/*align-items: center;*/
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	/*background-size: 100% !important;*/
	background-position: center center !important;
	position: relative;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	margin: 0.5%;
}

.info-boxes .info-box:hover {
	background-size: 120% !important;
	text-decoration: none
}

.info-boxes .info-box::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: -1
}

.info-boxes .info-box.green::before {
	background: rgba(93, 173, 73, 0.89);
}
.info-boxes .info-box.sea::before {
	background: rgba(24, 132, 102, 0.89);
}
.info-boxes .info-box.cyan::before {
	background: rgba(63, 144, 201, 0.89)
}
.info-boxes .info-box.orange::before {
	background: rgba(245, 165, 12, 0.89)
}
.info-boxes .info-box.red::before {
	background: rgba(244, 52, 61, 0.89)
}
.info-boxes .info-box.warning::before {
	background: rgba(255, 193, 7, 0.89);
}
.info-boxes .info-box.primary::before {
	background: rgba(0, 123, 255, 0.89);
}
.info-boxes .info-box.info::before {
	background: rgba(23, 162, 184, 0.89);
}
.info-boxes .info-box.danger::before {
	background: rgba(220, 53, 69, 0.89);
}
.info-boxes .info-box.dark::before {
	background: rgba(52, 58, 64, 0.89);
}

.info-boxes p {
	font-weight: 300;
	font-size: 0.9rem
}

/* ------------------------- */

.nav {
    /* line-height: 0.5rem !important; */
}

.vertical-alignment-helpers{
    display: table !important;
    height: 100% !important;
    width: 100% !important;
}
.vertical-align-centers {
    /* To center vertically */
    display: table-cell !important;
    vertical-align: middle !important;
}

.card-header {
	/* background-color: rgba(21, 43, 62, 0.42)!important; /* rgba(15, 31, 45, 0.15)!important; */
	background-color: rgba(0, 0, 0, 0)!important;
}

.form-group {
    margin-bottom: 0.3rem !important;
}

.form-control {
    border: 1px solid #00000038 !important;
    font-size: 14px !important;
}

.alert {
    margin-bottom: 0.1rem;
}

/* modal */
label {
    margin-bottom: 0;
}

p {
    margin-bottom: 0rem !important;
}

/* AUTOCOMPLETE */
* 
{ box-sizing: border-box; }
body {
  /*font: 14px "Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;*/
}
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: block;
}
input {
  border: 1px solid transparent;
  background-color: #f1f1f1;
  padding: 10px;
  font-size: 16px;
}
input[type=text] {
  background-color: #f1f1f1;
  width: 100%;
}
input[type=submit] {
  background-color: DodgerBlue;
  color: #fff;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff; 
  border-bottom: 1px solid #d4d4d4; 
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #e9e9e9; 
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important; 
  color: #ffffff; 
}

/* datatable cellEdit */
.cellEdit {
	
	padding: 0.2rem !important;
	width: 50% !important;
	height: 25px;
}
.line_break {
	/*
	 word-break: break-all!important;
	 white-space: nowrap!important; */
}

/* Line Break inside Cell */
table.dataTable.nowrap th, table.dataTable.nowrap td {
    white-space: normal !important;
}

/* Stop Line Break inside Cell */
.dt-body-nowrap {
   /* white-space: nowrap; */
}


/* sidebar logo */
.side-navbar .sidenav-header img {
    width: 90px;
    height: 70px;
}

.elegant-color {
	color: white !important;
    background-color: #141d27f7 !important; /* #2e2e2e!important;*/
}

.shadows:hover{
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.bshadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 1) !important;
}

/* datatable cell edit */
.my-input-class {
	padding: 3px 6px;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.my-confirm-class {
	padding: 3px 6px;
	font-size: 12px;
	color: white;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	background-color: #337ab7;
	text-decoration: none;
}
.my-cancel-class {
	padding: 3px 6px;
	font-size: 12px;
	color: white;
	text-align: center;
	vertical-align: middle;
	border-radius: 4px;
	background-color: #a94442;
	text-decoration: none;
}

/* MATERIAL INPUT */

input.input-material {
    width: 100%;
    border: none;
    border-bottom: 1px solid #eee;
	  padding: 0.3rem 0.5rem;
	  color: #282d31;
    /*font-weight: 600;*/
    font-size: 0.8rem;
    line-height: 1.3rem;
}

input.input-material-sm {
    width: 100%;
    border: none;
    border-bottom: 1px solid #eee;
	  padding: 0.2rem 0.3rem;
	  color: #999;
    font-weight: 500;
    font-size: 0.8rem;
    line-height: 1rem;
}

select.input-material {
    width: 100%;
    border: none;
    border-bottom: 1px solid #eee;
	padding: 0.3rem 0.5rem;
	color: #282d31;
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 1.3rem;
}

button, input {
    outline: none !important;
}

.form-group-material {
    position: relative;
    margin-bottom: 1.2rem;
}

input.input-material ~ label {
    color: #007bff !important; /* #087bf7 !important; */
    position: absolute;
    top: -17px !important;
    left: 0;
    cursor: text;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-weight: 400;
}

.material {
    width: 100%;
    border: none;
    border-bottom: 1px solid #eee;
    background-color: #f1f1f1;
	padding: 0.2rem 0.5rem;
	color: #282d31;
    font-weight: 500;
    font-size: 0.8rem;
    line-height: 1.2rem;
    height: 2rem;
}

/* highlight row*/
tr.row_selected td{background-color:red !important;}

/* clear button in search input field*/
input[type=search]::-webkit-search-cancel-button {
    -webkit-appearance: searchfield-cancel-button;
}

.krajee-default.file-preview-frame {
    margin: 6px !important;
    padding: 7px !important;
}

/* jquery validade */
.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #dc3545 !important;
}
.invalid-feedback {
    margin-top: 0rem !important;
    font-size: 70% !important;
}

.form-group div[class*='col-'] {
    margin-bottom: 0px !important;
}

.bolded {
  font-weight:bold;
  font-size: 12px;
}

span.tagify__input {
	font-size: small;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-weight: lighter;
  font-size: 0.7rem;
}
::-moz-placeholder { /* Firefox 19+ */
  font-weight: lighter;
  font-size: 0.7rem;
}
:-ms-input-placeholder { /* IE 10+ */
  font-weight: lighter;
  font-size: 0.7rem;
}
:-moz-placeholder { /* Firefox 18- */
  font-weight: lighter;
  font-size: 0.7rem;
}

.bt-line {
	border-bottom: 1px solid lightgray;
}

td.font-smaller {
	font-size: smaller;
}

.bootbox-confirm .modal-title {
	color: #dc3545 !important;
}

.bg-medium {
	background-color: #cbd4dc;
}

.bb-blue {
	border-color: blue !important
}
.b-blue {
	border: 1px solid blue !important;
}

.bb-red {
	border-color: red !important
}
.b-red {
	border: 1px solid red !important;
}

.side-navbar.shrink .sidenav-heading {
    margin-left: 0;
    font-size: .6rem;
}

.sidebar-cta-content {
    background: #333b52;
    border-radius: 0.3rem;
    margin: 1.75rem;
    padding: 1.5rem;
}

pre {
    overflow-x:hidden;
    overflow-x:scroll;
    white-space: pre-wrap; 
    word-break: break-word;
}

.small_70 {
  font-size: 70%;
  font-weight: 400;
}

.small_70n {
  font-size: 70%;
  font-weight: 600;
}