/* Icon section */

.icon-size-h25{
  height: 25px;
}
.icon-size-h22{
  height: 22px;
}
.icon-size-h21{
  height: 21px;
}
.icon-size-h18{
  height: 18px;
}
.icon-size-h16{
  height: 16px;
}
.icon-size-h2{
  height: 24px;
}
.icon-size-f18{
  font-size: 18px;
}
.icon-size-f20{
  font-size: 20px;
}
.icon-size-f21{
  font-size: 21px;
}
.icon-size-f22{
  font-size: 22px;
}
.icon-size-f23{
  font-size: 23px;
}
.icon-size-f24{
  font-size: 24px;
  vertical-align: middle;
}
.icon-size-f25{
  font-size: 25px;
}
.icon-pad-l18{
  padding-left: 18px;
}
.icon-pad-l2{
  padding-left: 24px;
}
.icon-pad-l3{
  padding-left: 27px;
}
.icon-pad-l4{
  padding-left: 26px;
}
.icon-mar-l{
  margin-left: 4px;
}

.icon-pd-1{
  padding: .375rem .85rem;
}

.front-home{
  font-size: 16px;
}

.font-footer{
  font-size: 14px;
}

/**************************************/

/* Form section */
.form-control-search{
  height: 34px;
  width: 95%;
  padding: 6px 12px;
  font-size: 14px;
  color: #555;
  line-height: 1.42857143;
  background-color: #fff;
  background-image: none;
  border:1px solid #ccc;
  border-color: #d2d6de;
  box-shadow: none;
  border-radius: 5px;
  margin-left: 10px;
}

.form-group-padding{
  padding-left: 0px;
}

/**************************************/

/* Buttons customize section */
.btn-block-customize{
  float: right;
  width: auto;
  font: 14px;
  background-color: white;
  border-color: #d9d9d9;
}

/**************************************/

/* box custom */
.box-body-size{
  height: 793px;
}

.box-body-size2{
  height: 75.8vh;
}

.box-body-size-full{
  height: 100%;
}

.box-body-size.table-overflow{
  border: 1px solid #f4f4f4;
  overflow-x:auto; 
  overflow-y:auto;
}

.box-empty-center{
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color:#c8c9ca
}

/**************************************/

.background-icon{
  background-color: white;
  border-color: #d2d6de;
}

/* button fa-tag */
.btn-fa-tag{
  text-align: center;
  border: 1px solid #ced4da;
  padding: .375rem .5rem;
}


/* Model size */
.model-size-1{
  max-width: 580px;
}
.modal-size-2{
  max-width: 510px;
  margin-top: -45px;
}
.model-size-3{
  max-width: 580px;
}

.model-size-4{
  max-width: 600px;
}

.model-size-7{
  max-width: 700px;
}

.model-size-8{
  max-width: 800px;
}

.model-size-5{
  max-width: 650px;
}

.model-color-type-value{
  border-bottom-color: white !important;
  background-color: white !important;
  background: linear-gradient(to right, #1741b8, #2196F3) !important;
}

.model-color-type-value-edit{
  border-bottom-color: white !important;
  background-color: white !important;
  background: linear-gradient(to right, #791559, #de184d) !important;
}


.model-color-type-value-2{
  border-bottom-color: white !important;
  background-color: white !important;
  background: linear-gradient(to right, green, #87ca00) !important;
}

.btn{
  font-size: 14px;  
}

.form-control {
  font-size: 14px;
}

.color-icon{
  color: #111111;
}
.color-icon-r{
  color: red;
}
.color-icon-o{
  color: orange;
}
.color-icon-y{
  color: #f3f345;
}
.color-icon-g{
  color: #35deb2 !important;
}

.color-icon-gr{
  color: #a7a7a7;
}

.empty{
  position: relative;
  background-color: #F1F1F1;
  text-align: center;
}


.text-optional {
  font-size: 80%;
  margin-top: 3px;
  color: #545454;
}

.border-left-1 {
  border-left: 1px solid #bdbdbd!important;
}

.border-right-1 {
  border-right: 1px solid #bdbdbd!important;
}

.border-right-dash {
  border-right: 1px dotted #bdbdbd!important;
}

.dot-connected {
  height: 25px;
  width: 25px;
  background-color: limegreen;
  border-radius: 50%;
  display: inline-block;
}

.dot-disconnect{
  height: 25px;
  width: 25px;
  background-color: red;
  border-radius: 50%;
  display: inline-block;
}

.modal-footer {
  padding: 0.35rem;
}


.status-input{
  padding: unset;
  border-left: 1px solid #e9ecef;
}

.btn.disabled, .btn:disabled:not(.btn-danger,.btn-primary) {
  background-color: #e9ecef;
}

.ui-paginator .ui-paginator-right-content {
  color: #333333;
  height: 2.286em;
  min-width: 2.286em;
  line-height: 2.286em;
  float: right;
  margin-left: 1em;
  margin-right: 1em;
  background-image: none;
}


.table-scroll1 {
  width: 100%;
  /*height: 793px;*/
  height: 80vh;
}

.table-scroll2 {
  width: 100%;
  height: 75vh;
}

.table-scroll3 {
  width: 100%;
  height: 731px;
}
/* Custom mat chips */

.mat-form-field {
  line-height: 1.2 !important;
  font-family: Poppins !important;
}

.mat-input-element {
  caret-color: black;
}

.mat-form-field-appearance-legacy .mat-form-field-infix {
  margin-left: 15px;
}

.mat-form-field-appearance-legacy .mat-form-field-label {
  font-size: 14px ;
  color: #495057 !important;
  font-family: Poppins;
}

.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: #D2D6DE !important;
}

.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #3C8DBC !important;
}

.mat-option {
  height: 24px !important;
  font-family: Poppins !important;
  font-size: 13px !important;
}

.mat-chip {
  font-weight: normal !important;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: limegreen !important;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: #62f162 !important;
}
/*********************************/

/* Custom primeng theme */

body .ui-table .ui-table-thead > tr > th {
  background-color: #f4f4f4 !important;
  border: 1px solid #e7e7e7 !important;
}

body .ui-table .ui-table-tbody > tr > td {
  border: 0.5px solid #e7e7e7 !important;
}

body .ui-paginator {
  border: 1px solid #e7e7e7 !important;
}

body .ui-table .ui-table-tbody > tr:nth-child(even) {
  background-color: white !important;
}

body .ui-table .ui-table-tbody > tr:hover {
  background-color: rgb(241, 241, 241) !important;
}

body .ui-table .ui-table-tbody > tr:nth-child(even).ui-state-highlight {
  background-color: #007ad9 !important;
}

body .ui-table .ui-table-tbody > tr:nth-child(odd).ui-state-highlight {
  background-color: #007ad9 !important;
}

body .ui-paginator {
  background-color: white !important;
}

body .ui-paginator .ui-paginator-current {
  float: left !important;
}

body .ui-table .ui-sortable-column.ui-state-highlight {
  color: black !important; 
}

body .ui-table .ui-sortable-column.ui-state-highlight .ui-sortable-column-icon {
   color: black !important; 
}
body .ui-table .ui-sortable-column .ui-sortable-column-icon {
   color: black !important; 
}
/**************************************/

/* Custom primeng theme */

body .ui-treetable .ui-treetable-thead > tr > th {
  background-color: white !important;
}

body .ui-treetable .ui-treetable-tbody >  {
  background-color: #007ad9;
  color: #ffffff;
}

body .ui-treetable .ui-treetable-tbody > tr.ui-state-highlight a {
  background-color: #007ad9;
  color: #ffffff;
}


/**************************************/


/* Custom CDK-Overlay */

.cdk-global-overlay-wrapper, .cdk-overlay-container {
  z-index: 99999 !important;
}

/**************************************/

.ui-scrollpanel-bar {
  background: #b3b3b3 !important;
}

.ui-scrollpanel-bar-y {
  width: 5px !important;
}


.btn-block-customize:hover {
  background-color: #3c8dbc !important;
  color:white !important
}

.skin-blue .sidebar-menu > li > a:hover {
  border-left: 3px solid #3C8DBC !important;
}

.skin-blue .sidebar-menu .treeview-menu > li.active > a,
.skin-blue .sidebar-menu .treeview-menu > li > a:hover {
  background-color: #bcbcbc70 !important;
  width:85% !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
  color: #111111 !important;
}