html * {
  /*font-family: 'RSU', sans-serif;*/
  font-family: 'Kanit', sans-serif;
  
}

* 

.lable_t5_b5 {   
  margin-top: 15px;
  margin-bottom: -5px;
}
.lable-font-weight-100 {   
  font-weight: 100; 
}


.space_line_5 {
  margin-top: 5px;	 
}
.space_line_10 {
  margin-top: 10px;	
}

.text-your {
  color: #65a1c8;
}
.text-qr {
  color: #e49754;
}

.bg-your {
  background-color: #65a1c8 !important;
}
.bg-qr {
  background-color: #e49754 !important;
}


.btn-your {
  color: #ffffff;
  background-color: #65a1c8;
  /* background-image: linear-gradient(#c3e4fa, #65a1c8);  */
  /* border-color: #65a1c8; */
  box-shadow: none;
}

.btn-your:hover {
  color: #ffffff;
  background-color: #138496;
  /* border-color: #117a8b; */
}

.btn-your:focus, .btn-your.focus {
  box-shadow: none, 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.btn-your.disabled, .btn-your:disabled {
  color: #ffffff;
  background-color: #65a1c8;
  border-color: #65a1c8;
}

.btn-your:not(:disabled):not(.disabled):active, .btn-your:not(:disabled):not(.disabled).active,
.show > .btn-your.dropdown-toggle {
  color: #ffffff;
  background-color: #117a8b;
  /* border-color: #10707f; */
}

.btn-your:not(:disabled):not(.disabled):active:focus, .btn-your:not(:disabled):not(.disabled).active:focus,
.show > .btn-your.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.btn-your2 {
  color: #65a1c8;
  background-color: #ffffff;
  border-color: #eeeeee;
  background-image: linear-gradient(white, rgb(175, 175, 175));
  box-shadow: none;
}

.btn-your2:hover {
  color: #138496;
  background-color: #ffffff;
  border-color: #eeeeee;
  background-image: linear-gradient(white, rgb(175, 175, 175));
}

.btn-your2:focus, .btn-your2.focus {
  box-shadow: none, 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.btn-your2.disabled, .btn-your2:disabled {
  color: #65a1c8;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.btn-your2:not(:disabled):not(.disabled):active, .btn-your2:not(:disabled):not(.disabled).active,
.show > .btn-your2.dropdown-toggle {
  color: #117a8b;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.btn-your2:not(:disabled):not(.disabled):active:focus, .btn-your2:not(:disabled):not(.disabled).active:focus,
.show > .btn-your2.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
}


.table-qr{
  color: #ffffff;
  /* background-color: #e49754; */
   background-image:  linear-gradient( #fcc89a, #e49754);  
   border-color: #e49754;
   box-shadow: none;
}

.btn-qr {
  color: #ffffff;
 background-color: #e49754;
  /* background-image:  linear-gradient( #fcc89a, #e49754);   */
  /* border-color: #e49754; */
  box-shadow: none;
}

.btn-qr:hover {
  color: #ffffff;
  background-color: #ce7320;
  /* border-color: #c87020; */
}

.btn-qr:focus, .btn-qr.focus {
  box-shadow: none, 0 0 0 0 rgba(58, 177, 195, 0.466);
}

.btn-qr.disabled, .btn-qr:disabled {
  color: #ffffff;
  background-color: #e49754;
  /* border-color: #e49754; */
}

.btn-qr:not(:disabled):not(.disabled):active, .btn-qr:not(:disabled):not(.disabled).active,
.show > .btn-qr.dropdown-toggle {
  color: #ffffff;
  background-color: #c87020;
  /* border-color: #a75e1b; */
}

.btn-qr:not(:disabled):not(.disabled):active:focus, .btn-qr:not(:disabled):not(.disabled).active:focus,
.show > .btn-qr.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.btn-qr2 {
  color: #e49754;
  background-color: #ffffff;
  border-color: #eeeeee;
  background-image: linear-gradient(white, rgb(184, 184, 184));
  box-shadow: none;
}

.btn-qr2:hover {
  color: #ce7320;
  background-color: #ffffff;
  border-color: #e6e6e6;
  background-image: linear-gradient(white, rgb(175, 175, 175));

}

.btn-qr2:focus, .btn-qr2.focus {
  box-shadow: none, 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.btn-qr2.disabled, .btn-qr2:disabled {
  color: #e49754;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.btn-qr2:not(:disabled):not(.disabled):active, .btn-qr2:not(:disabled):not(.disabled).active,
.show > .btn-qr2.dropdown-toggle {
  color: #c87020;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.btn-qr2:not(:disabled):not(.disabled):active:focus, .btn-qr2:not(:disabled):not(.disabled).active:focus,
.show > .btn-qr2.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.btn-your9 {
  color: #65a1c8;
  background-color: #ffffff;
  border-color: #eeeeee;
  background-image: linear-gradient(white, rgb(184, 184, 184));
  box-shadow: none;
}

.btn-your9:hover {
  color: #487fa4;
  background-color: #ffffff;
  border-color: #dbdbdb;
}

.btn-your9:focus, .btn-your9.focus {
  box-shadow: none, 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.btn-your9.disabled, .btn-your9:disabled {
  color: #65a1c8;
  background-color: #ffffff;
  border-color: #bbbbbb;
  background-image: linear-gradient(white, rgb(175, 175, 175));
}

.btn-your9:not(:disabled):not(.disabled):active, .btn-your9:not(:disabled):not(.disabled).active,
.show > .btn-your9.dropdown-toggle {
  color: #65a1c8;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.btn-your9:not(:disabled):not(.disabled):active:focus, .btn-your9:not(:disabled):not(.disabled).active:focus,
.show > .btn-qr2.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.btn-your3 {
  color:  #ffffff;
  background-image:  linear-gradient( #8acbf7,  #65a1c8);  
  border-color: #eeeeee;
  box-shadow: none;

}
.btn-qr3 {
  color:  #ffffff;
  background-image:  linear-gradient( #f7b479, #e49754);  
  border-color: #eeeeee;
  box-shadow: none;
}



.btn-your4 {
  color: #65a1c8;
  background-image:  linear-gradient( #ffffff,  #cccccc);  
  border-color: #eeeeee;
  box-shadow: none;
}
.btn-your4:hover {
  color: #138496;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.btn-your4:focus, .btn-your4.focus {
  box-shadow: none, 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.btn-your4.disabled, .btn-your4:disabled {
  color: #65a1c8;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.btn-your4:not(:disabled):not(.disabled):active, .btn-your4:not(:disabled):not(.disabled).active,
.show > .btn-your4.dropdown-toggle {
  color: #117a8b;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.btn-your4:not(:disabled):not(.disabled):active:focus, .btn-your4:not(:disabled):not(.disabled).active:focus,
.show > .btn-your4.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
}


.btn-qr4 {
  color: #e49754;
  background-image:  linear-gradient( #ffffff,  #cccccc);  
  border-color: #eeeeee;
  box-shadow: none;
}
.btn-qr4:hover {
  color: #ce7320;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.btn-qr4:focus, .btn-qr4.focus {
  box-shadow: none, 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.btn-qr4.disabled, .btn-qr4:disabled {
  color: #e49754;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.btn-qr4:not(:disabled):not(.disabled):active, .btn-qr4:not(:disabled):not(.disabled).active,
.show > .btn-qr4.dropdown-toggle {
  color: #c87020;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.btn-qr4:not(:disabled):not(.disabled):active:focus, .btn-qr4:not(:disabled):not(.disabled).active:focus,
.show > .btn-qr4.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
}





.btn-yourCancel {
  color:  #ffffff;
  background-image:  linear-gradient( #fa7f8b,  #dc3545);  
  border-color: #eeeeee;
  box-shadow: none;

}

.btn-yourSave {
  color:  #ffffff;
  background-image:  linear-gradient( #76f593,  #28a745);  
  border-color: #eeeeee;
  box-shadow: none;

}
 

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active, .sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
	color: #65a1c8;	
  background-color: #e49754; 
  border-color: #000000;   
}

.submenu-active {
  color: rgb(0, 0, 0) !important;
  background-color: #ffffff;
  border-radius: 3px;
}

.nav-link.active2{
  color: #ffffff !important;
 background-image: linear-gradient(#c3e4fa, #65a1c8); 
 /* background-color: linear-gradient(#ffffff, #e49754); /* #e49754;/* #65a1c8;  
  border-color: #9c1a1a;
  box-shadow : 0 0 0 0 #e49754;*/
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
   color: #000000;
  background-image: linear-gradient(#ffffff, #e49754); 
  /* background-color: linear-gradient(#ffffff, #e49754); /* #e49754;/* #65a1c8;  
   border-color: #9c1a1a;
   box-shadow : 0 0 0 0 #e49754;*/
}


.profile-user-img-your {
    border: 3px solid #65a1c8; 
    padding: 3px;
    width: 40px;
    height: 40px;
 
}
.profile-user-img-qr {
    border: 3px solid #e49754; 
    padding: 3px;
    width: 40px;
    height: 40px;
 
}

.card-qr:not(.card-outline) > .card-header {
  background-color: #c87020;
}
.card-qr:not(.card-outline) > .card-header,
.card-qr:not(.card-outline) > .card-header a {
  color: #ffffff;
}
.bg-qr .btn-tool,
.bg-gradient-qr .btn-tool,
.card-qr:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}
.bg-qr .btn-tool:hover,
.bg-gradient-qr .btn-tool:hover,
.card-qr:not(.card-outline) .btn-tool:hover {
  color: #ffffff;
}




 
.card-your:not(.card-outline) > .card-header {
  background-color: #65a1c8;
}
.card-your:not(.card-outline) > .card-header,
.card-your:not(.card-outline) > .card-header a {
  color: #ffffff;
}
.bg-your .btn-tool,
.bg-gradient-your .btn-tool,
.card-your:not(.card-outline) .btn-tool {
  color: rgba(255, 255, 255, 0.8);
}
.bg-your .btn-tool:hover,
.bg-gradient-your .btn-tool:hover,
.card-your:not(.card-outline) .btn-tool:hover {
  color: #ffffff;
}


.btn-qr_4 {
  color: #000000;
  background-image:  linear-gradient( #ffffff,  #ffffff);  
  border-color: #ce7320;
  box-shadow: none;
}
.btn-qr_4:hover {
  color: #ce7320;
  background-color: #ffffff;
  border-color: #ce7320;
}

.btn-qr_4:focus, .btn-qr_4.focus {
  box-shadow: none, 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.btn-qr_4.disabled, .btn-qr_4:disabled {
  color: #e49754;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.btn-qr_4:not(:disabled):not(.disabled):active, .btn-qr_4:not(:disabled):not(.disabled).active,
.show > .btn-qr_4.dropdown-toggle {
  color: #c87020;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.btn-qr_4:not(:disabled):not(.disabled):active:focus, .btn-qr_4:not(:disabled):not(.disabled).active:focus,
.show > .btn-qr_4.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(58, 176, 195, 0.5);
}

.img-btn {
  padding: 10px;
  border-radius: 50%;
  background-color: #ccc;
  border: none;
  color: #fff;
  font-size: 24px;
  cursor: pointer;
  width: 50px;
  height: 50px;
}
.img-btn:hover {
  background-color: #555;
}

.dropdown-item{
  color: #e49754;
}
.dropdown-item:hover {
  color: #c87020;
}

.dropdown-item:active {
  color: #c87020 ;
  background-color: white;
}

.select-color {
  background-image:  linear-gradient( #e2e2e2,  #ffffff);  
}

/* table { border: none; border-collapse: collapse; } */
/* table td { border-left: 2px solid #c87020; } 
 table td:first-child { border-left: none; } */