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

body{
  overflow-x: hidden;
  font-size: 1.5rem;
  background-color: #ededf3;
}

.bg-g{
  background-color: #28A745!important;
}

.bg-b{
  background-color: #17A2B8!important;
}

.bg-r{
  background-color: #DC3545!important;
}

.bg-y{
  background-color: #FFC107!important;
}

.bg-w{
  background-color: #FFFFFF!important;
}

.inv{
  display:none;
}

.view{
  display:block;
}

.mt{
  margin-top: 3em;
}

.mt-one{
  margin-top: 1em;
}

.alarm-p-l{
  width: 25%;
}

.hide{
  /* max-height: 0;
  transition: max-height 2s ease-out; */
display: none!important;
}

.btn-primary.reset{
  background: #79838c!important;
  margin-left: 10px;
  color: #ffffff;
  border: 1px solid #79838c!important;
  cursor: pointer;
}

.btn-primary.reset:hover{
  background: #5c646b!important;
 
}

.btn-primary.print{
  background: #ffffff!important;
  margin-left: 10px;
  color: #5c646b!important;
  border: 1px solid #5c646b!important;
  cursor: pointer;
}

.btn-primary.print:hover{
  background: #ffffff!important;
 
}

#btn_man_open{
  padding: 0.3rem 1rem;
  font-size: 16px;
  border-radius: 2.25rem;
  box-shadow: 0 4px 6px 0px rgb(0 0 0 / 30%);
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #ffffff;
  background-color: #ffffff;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  background: #ffffff;
}

.searchButton{
  margin-top: 32px;
  color: #ffffff;
}

#resetButton{
  background: #79838c!important;
  margin-left: 10px;
  color: #ffffff;
}

#resetButton:hover{
  background: #5c646b!important;
}

.showTable{
  /* max-height: auto;
  transition: max-height 2s ease-in; */
  display: block;
}

@-webkit-keyframes slide-down {
  0% { opacity: 0; -webkit-transform: translateY(-100%); }   
100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes slide-down {
  0% { opacity: 0; -moz-transform: translateY(-100%); }   
100% { opacity: 1; -moz-transform: translateY(0); }
}

.show{
  display: flex;
}

.h100{
  height: 100%;
}

.w100{
  width: 100% !important;
}

.img-component{
  height: 45px;
}

.img-sensor{
  height: 35px;
}

.img-panel-icon{
  height: 30px;
}

.img-history-icon{
  height: 35px;
}

.customT{
  font-size: 1.2rem;
}

#kt_wrapper{
  padding-top: 3.5rem !important;
}

table#history_table {
  background: #ffffff;
}

table#alarm_table {
  background: #ffffff;
}


.bg-menu{
  background-color: #C4C4C4;
}

.info-cardC{
  min-height: 280px;
  background-color: #ffff;
}


th, td {
    text-align: center;
    vertical-align: middle !important;
}

.fName{
  margin-top: 10px;
    font-size: 24px;
    font-weight: 600;

}

.cardC{

}

table.table.info-cardC.sensors {
  min-height: 327px;
  margin-bottom: 0;
}

.title-profile{
  font-size:18px;
  color: #ffffff;
  line-height: 5px;

}

.title-profile-description{
  font-size:15px;
  color: #ffffff;
  font-weight: bold;
}

.modal-title-profile{
  margin-bottom: 0;
  line-height: 1.5;
  font-size:18px;
  font-weight: 500;
}

.modal-extended{
  width: 200%;
}

#lastUpdate{
  font-size: 1.2rem;
  float: right;
  margin-top: 13px;
  font-weight: normal;
}

#all-content{
  margin-top: 20px;
}

#userName {
  font-weight: bold;
  font-family: 'Montserrat';
}

.btn-profile {
  color: #fff;
  background-color: #808080;
  border-color: #808080;
  color: #ffffff; }
  .btn-profile:hover {
    color: #fff;
    background-color: #696969;
    border-color: #696969; }
  .btn-profile:focus, .btn-profile.focus {
    box-shadow: 0 0 0 0.2rem rgba(113, 126, 226, 0.5); }
  .btn-profile.disabled, .btn-profile:disabled {
    color: #fff;
    background-color: #494949;
    border-color: #494949; }
  .btn-profile:not(:disabled):not(.disabled):active, .btn-profile:not(:disabled):not(.disabled).active,
  .show > .btn-profile.dropdown-toggle {
    color: #fff;
    background-color: #4f6d8c;
    border-color: #4f6d8c; }
    .btn-profile:not(:disabled):not(.disabled):active:focus, .btn-profile:not(:disabled):not(.disabled).active:focus,
    .show > .btn-profile.dropdown-toggle:focus {
      box-shadow: 0 0 0 0.2rem rgba(113, 126, 226, 0.5); }
  .btn-profile + .btn.dropdown-toggle {
    position: relative; }
    .btn-profile + .btn.dropdown-toggle:before {
      display: block;
      content: ' ';
      border-left: 1px solid #ffffff;
      position: absolute;
      top: 3px;
      left: -1px;
      bottom: 3px;
      opacity: 0.3; }
    .btn-profile + .btn.dropdown-toggle:hover:before, .btn-profile + .btn.dropdown-toggle:focus:before, .btn-profile + .btn.dropdown-toggle.active:before {
      display: none; }

      .accordion.accordion-toggle-plus .card .card-header .card-title:after{
        color: white !important;
      }

.kt-nav .kt-nav__item.active > .kt-nav__link, .kt-nav .kt-nav__item:hover:not(.kt-nav__item--disabled):not(.kt-nav__item--sub) > .kt-nav__link{
  background-color: #737373;
}

@media (max-width: 1440px) {
  .fName{
    margin-top: 15px;
      font-size: 18px;
  
  }
  
#lastUpdate{
  font-size: 13px;

}
#btn_man_open{
  padding: 0.3rem 1rem;
  font-size: 14px;
  border-radius: 2.25rem;
}
h2.title-card {

  font-size: 16px;
}
}

.table.maintenance_table{
  font-size: 12px;
  background: #ffffff;
}

.table.maintenance_table td,
.table.maintenance_table th{
  padding: 0.3rem;
}

.btn.man_button{
  padding: 0rem 1rem;
  font-size: 12px;
  border-radius: 1rem;

}

.table.maintenance_table{
  border-radius: 15px;
}

.table.maintenance_table th{
  background-color: #6c757d!important;
  color: #ffffff;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

/* .dataTables_wrapper .pagination .page-item.active > .page-link {
  background: #5d78ff;
  color: #ffffff;
}

.dataTables_wrapper .dataTables_paginate .pagination .page-item > .page-link {
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2.25rem;
  min-width: 2.25rem;
  vertical-align: middle;
  padding: 0.5rem;
  text-align: center;
  position: relative;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 400;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item {
  margin-left: 0.4rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {

  padding: .5em 0.5em;

}

.rounded-tables-top{
  border-radius-top-left: 10px;
}

.form-control.form-control-solid {
  background-color: #f5f8fa;
  border-color: #f5f8fa;
  color: #5e6278;
  transition: color .2s ease, background-color .2s ease;
}

.svg-icon.svg-icon-1 svg {
  height: 1.75rem!important;
  width: 1.75rem!important;
}

.position-absolute {
  position: absolute !important;
}
.w-250px {
  width: 250px!important;
}
.ps-14 {
  padding-left: 3.5rem!important;
} */

.start-button{
  width: 39px!important;
  height: 25px!important;
}
.table thead th {
  font-weight: 600!important;

}
#gct-test-table td{
  font-weight: 600!important;
  color: #4b4b4b;
}

#gct-test-table td, th{
  border: 1px solid #eff2f5!important;
}


#gct-test-table thead tr {
  background-color: #f6f6f6;
  color: #444!important;
}

.badge-warning-custom {
  color: #444!important;
  background-color: #fad348;
}


.fs-custom {
	font-size: calc(1.5rem + .6vw)!important
}

.badge-g-custom {
  color: #fff;
  background-color: #0c944a;
}

.text-dark-gray{
  color: #555;
}

.btn-red-custom{
background-color: #eb4034!important;
color: #ffffff!important;
}

.btn-red-custom:hover{
  background-color: #d4392f!important;
color: #ffffff!important;
}


#gct-list-table td{
  font-weight: 600!important;
  color: #4b4b4b;
}

#gct-list-table td, th{
  border: 1px solid #eff2f5!important;
}

.kt-round_border {
 
  border-radius: 6px;
}

.text-red{
  color: #DC3545!important;
}

.text-yellow{
  color: #FFC107!important;
}

.text-blue{
  color: #17A2B8!important;
}