/* .text-primary, .bg-primary, .border-primary {
    color: #90C944 !important;
}
.text-secondary, .bg-secondary, .border-secondary {
    color: #a2c22a !important;
}
.text-info, .bg-info, .border-info {
    color: #479F81 !important;
}
.box.text-success, .box.bg-success, .box.border-success {
    color: #5C9469 !important;
}
.text-warning, .bg-warning, .border-warning {
    color: #FFC100 !important;
}
.text-danger, .bg-danger, .border-danger {
    color: #C00001 !important;
} */

body {
    overflow-x: hidden;
    overflow-y: auto;
    color: #0E0E23;
    font-size: 1.25rem;
    font-style: normal;
    font-weight: 400;
    font-family: "Noto Sans Thai","Poppins", sans-serif;
    line-height: 1.5;
    background-color: #EEEEE9;
}


.noto-sans-thai-600 {
  font-family: "Noto Sans Thai", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.content-wrapper {
    min-height: 100%;
    background-color: #EEEEE9;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.theme-primary .sm-blue a:hover, .theme-primary .sm-blue a:active, .theme-primary .sm-blue a:focus {
    border-radius: 5px;
    background: #f2fdec;
    color: #4a3111 !important;
}

.theme-primary .sm-blue a.current, .theme-primary .sm-blue a.highlighted {
    border-radius: 5px;
    background: #f2fdec;
    color: #4a3111 !important;
}

.box {
  margin-bottom: 20px;
}

.summary-box{
  .nav-pills .nav-link {
    color: #7e8299;
  }
  .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #ec4887;
    background-color: transparent;
    border-bottom: 2px solid #ec4887;
  } 
}

.revinue-status{
  background-image: linear-gradient(to right bottom, #eb4885, #e04a8f, #d44d97, #c7509e, #b954a4);
  color: #ffffff;
}

.earning-status{
  background-image: linear-gradient(to right bottom, #ffb72c, #ffa738, #ff9944, #fc8b4f, #f57f59);
  color: #ffffff;
}

.page-status{
  background-image: linear-gradient(to right bottom, #875fc0, #7c58be, #6f52bd, #624cbb, #5246ba);
  color: #ffffff;
}
.bounce-status{
  background-image: linear-gradient(to right bottom, #46c5f2, #40b3e8, #40a1dd, #458ed0, #4c7cc1);
  color: #ffffff;
}

.timeline-label .timeline-badge{
  margin-top: 3px;
}
.timeline-label .timeline-label {
  width: 96px;
}
.timeline-label::before {
  left: 95px;
  background-color: #f7f7f7;
}

#basic-doughnut{
  height:314px;
}

.rtl .timeline-label::before {
  right: 94px;
  left: auto;
}


#chart-container {
 
   height: 120px;
}


#chart-conta {
 
   height: 120px;
}


#chart-contain {
 
   height: 120px;
}


hr
{
    color:#D3D3D3;
}

.yield
{
  height:510px;
}

.yieldmainmini
{
  height:541px;
}

.information
{
  height:510px;

}

/*.current
{
  height:162px;
}*/

/*<Dashboard 1 Start>*/

@media only screen and (max-width: 1600px) {
  .performance {
    height:387px;
  }

  .usa {
    height:317px;
  }

  .nyusa {
    height:332px;
  }

  .yieldmainmini {
    height:495px;
  }
}

@media only screen and (max-width: 1440px) {
  .yieldmainmini {
    height:487px;
    overflow: scroll;
  }
}

@media only screen and (max-width: 1399px) {
  .usa {
    height:auto;
  }
  .information {
    height:auto;
  }
  .nyusa
  {
     height:auto;
  }
  .yieldmainmini {
    height:auto;
  }
}

@media only screen and (max-width: 834px) {
  .performance {
    height:auto;
  }
}

@media only screen and (max-width: 834px) {
  .yield {
    height:auto;
  }
}

/*<Dashboard 1 End>*/


/*<Dashboard Page Performance Start>*/

@media only screen and (max-width: 1600px) {
  .battery {
    height:202px;
  }
  
}


/*@media only screen and (max-width: 450px) {
  .current {
    height:160px;
  }
}*/

/*<Dashboard Page Performance End>*/



/*-----------------------------------------------------------------------*/
.solar-image{
  width: 150px;
  position: absolute;
  right: 0px;
  top: 15px;
}


.rtl .solar-image{
  left: 0px;
  right: inherit;
}


/*--------------------------index3-css------------------------------*/

.performance-box{
  background-image: url('/images/performance-2.jpg');
  background-position: center;
  background-size: cover;
  object-fit: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 298px;
  align-content: end;
}

/*--------------------------index3-css-end-----------------------------*/

.highcharts-no-tooltip, .highcharts-credits{
  display: none;
}

.feather {
  width: 14px;
  height: 14px;
  stroke: currentColor;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.badge-normal-button{
  background-color: #4b3111;
  color: #ffffff;
  cursor: pointer;
}
.badge-normal-button:active,.badge-normal-button:link,.badge-normal-button:visited{
  background-color: #4b3111 !important;
  color: #ffffff !important;
  cursor: pointer !important;
}
.badge-delete-button:hover{
  background-color: #DC3344 !important;
  color: #ffffff !important;
}
.badge-normal-button:hover{
  background-color: #806448 !important;
  color: #ffffff !important;
}

.badge-new-button{
  background-color: #A3C225;
  color: #2a1800;
  cursor: pointer;
}
.badge-new-button:active,.badge-new-button:link,.badge-new-button:visited{
  background-color: #A3C225 !important;
  color: #2a1800 !important;
  cursor: pointer !important;
}
.badge-new-button:hover{
  background-color: #93c74d !important;
  color: #4b3111 !important;
}

.badge-normal-button svg, .badge-new-button svg{
  margin-right: 2px;
}

table.dataTable thead th {
  /* background-color: #D3EBB4 !important; */
  color: #4b3111;
}
.table th.w-fit {
   white-space: nowrap;
   width: 1%;
}

.dataTables_wrapper .form-control {
    margin: 0 10px;
    padding: 5px 8px 5px 8px !important;
}

[type=checkbox]:checked + label {
    color: #362819 !important;
}

.form-control:read-only {
    background-color: #e9ecef !important;
}

.sm-blue a svg {
    width: 18px;
    height: 18px;
    /* margin: 2px 10px 0 0 !important; */
}
.theme-primary .alert-success {
    border-color: #92c84b;
    background-color: #93c84a !important;
    color: #ffffff;
}
.theme-primary .alert-warning {
    border-color: #FFC100;
    background-color: #FFC100 !important;
    color: #362819;
}
.theme-primary .alert-danger {
    border-color: #C00001;
    background-color: #C00001 !important;
    color: #ffffff;
}
.theme-primary .alert-info {
    border-color: #D3EBB4;
    background-color: #D3EBB4 !important;
    color: #362819;
}

.form-control, .form-select {
    /* box-shadow: none; */
    background-color: #ffffff !important;
    border: 1px solid #808e4c;
}
.select2-container--default .select2-selection--single {
    background-color: #F3F8F9;
    border: 1px solid #808e4c;
    border-radius: 4px;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #F3F8F9;
    color: #533F2D;
}

/*
* dashboard
*/

.content-dashboard .customPopup .leaflet-popup-content-wrapper .leaflet-popup-content {
    width: 251px;
}

.content-dashboard .customPopup .leaflet-popup-content-wrapper .leaflet-popup-content .edit {
    color: #fefefe;
}

.content-dashboard .nav-pills > li > a.active {
    border-top-color: #a0efa600 !important;
    background-color: #a0efa600 !important;
    color: #a2c22a;
}
.content-dashboard .nav-pills > li > a.active > .box {
    border-top-color: #A2C22A !important;
    background-color: #A2C22A !important;
    color: #a2c22a;
}
.content-dashboard .nav-pills > li > a.active:hover, .theme-primary .nav-pills > li > a.active:focus {
    border-top-color: #a0efa600 !important;
    background-color: #a0efa600 !important;
    color: #a2c22a;
}
.content-dashboard .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
    border-top-color: #a0efa600 !important;
    background-color: #a0efa600 !important;
    color: #a2c22a;
}

.pull-up:hover {
  z-index: 998 !important;
}
.form-control,.form-select {
  font-size: 1.15rem;
}

.table > tbody > tr > td, .table > tbody > tr > th {
    padding: 1rem;
    vertical-align: middle;
}
.nav-link {
  color: #533F2D;
}

/* .text-green-title{
  background-color: #abce2dad !important;
} */
.content-vru .btn-serial, .content-tru .btn-serial{
    background-color: #0e3d17;
}
.theme-primary .nav-pills > li > a.active:focus {
    border-top-color: #A2C22A;
    background-color: #A2C22A !important;
    color: #000000;
}
.theme-primary .text-peak {
    color: #ff562f !important;
}
.theme-primary .text-offpeak {
    color: #33691e !important;
}
.theme-primary .text-holiday {
    color: #2891ff !important;
}
.theme-primary .text-normal {
    color: #482d0b !important;
}
.theme-primary .border-peak {
    border-color: #ff562f !important;
}
.theme-primary .border-offpeak {
    border-color: #33691e !important;
}
.theme-primary .border-holiday {
    border-color: #2891ff !important;
}
.theme-primary .border-normal {
    border-color: #482d0b !important;
}
.theme-primary .bg-peak {
    background-color: #ff562f !important;
}
.theme-primary .bg-offpeak {
    background-color: #33691e !important;
}
.theme-primary .bg-holiday {
    background-color: #2891ff !important;
}
.theme-primary .bg-normal {
    background-color: #482d0b !important;
}

#loader {
  animation: BackgroundLogo 1.5s ease-in-out infinite;
  display: inline-block; /* จำเป็นสำหรับ transform */
}

@keyframes wavy {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px); /* ปรับความสูงของการกระเพือม */
  }
}

@keyframes BackgroundLogo {
  0% {background: #ffffffd6 url("/images/logo/icon-etth.png") no-repeat 50% 50%;}
  100% {background: #ffffffd6 url("/images/logo/icon-etth.png") no-repeat 50% 52%;}
  50% {background: #ffffffd6 url("/images/logo/icon-etth.png") no-repeat 50% 48%;}
}
/*
* end dashboard
*/

/*
* login
*/
.vru-bg{
  background-image:url(https://www.vru.ac.th/wp-content/uploads/2025/05/5-scaled.png);
}
.tru-bg{
  background-image:linear-gradient(35deg, rgba(42, 123, 155, 0.9) 0%, rgba(87, 199, 133, 0.9) 50%, rgba(237, 221, 83, 0.9)), url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/building.jpg);
}