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;
  box-shadow: none;
}

.btn-your2:hover {
  color: #138496;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.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);
}

.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, 176, 195, 0.5);
}

.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;*/ 
  background-image:  linear-gradient( #ffffff,  #cccccc);  
  border-color: #eeeeee;
  box-shadow: none;
}

.btn-qr2:hover {
  color: #ce7320;
  background-color: #ffffff;
  border-color: #eeeeee;
}

.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-qr3 {
  color:  #ffffff;
  background-image:  linear-gradient( #f7b479, #e49754);  
  border-color: #eeeeee;
  box-shadow: none;
}


.btn-your3 {
  color:  #ffffff;
  background-image:  linear-gradient( #cccccc,  #b8b8b8);  
  border-color: #eeeeee;
  box-shadow: none;

}

.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;   
}

.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;
}