@media print {
	.no-print{ display: none !important; }
}

pre.armpre {
	
    white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
    white-space: -pre-wrap; /* Opera */
    white-space: -o-pre-wrap; /* Opera */
    white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word; /* IE 5.5+ */
	background-color: #ddd;
	padding: 5px;
	border: 6px solid #7f7f84;
}

.padding-none{
	padding:0px;
}
.padding-left-none{
	padding-left:0px;
}
.padding-right-none {
	padding-right:0px;
}

table.tablearm-formbw td.td-left { text-align: left; }
table.tablearm-formbw td.armtdleft { text-align: left; }
table.tablearm-formbw td.td-right { text-align: right; }
table.tablearm-formbw td.armtdright { text-align: right; }
.armcenter { margin: auto; text-align: center !important; }
.armleft { margin: auto; text-align: left !important; }
.armright { margin: auto; text-align: right !important; }
.armbottom { bottom: 0;right: 0; }
.ui-datepicker-close { display: none; }
.price{text-align:right;}

.armtdleft {text-align: left !important;}
.armtdright {text-align: right !important;}
.armtdrightbottom {text-align: right !important;vertical-align: bottom ;}

.armfonts100 {font-size: 100% !important;}

.table {
  margin: 0 auto !important;
  float: none !important;
  z-index: 1;
}

table tr>td{
	vertical-align: middle;
	text-align: center;
}

.btn-circle {
    border-radius: 20px;
}
.btndpk-event {
  background: #f00;
  border: 2px solid #f00 !important;
}

.scrollheight {
    overflow-y:scroll;
    height:500px;
}

.scroll-horizontal {
    overflow-y: auto !important;
}

.scrollheight200 {
    background-color: white;
	height:200px;
    overflow-y: auto !important;
}

.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background-color: white;
    cursor: inherit;
    display: block;
}

/*<div class="notice notice-warning"> <strong>Notice</strong> notice-warning </div>*/
.notice {
	padding: 5px;
	background-color: #fff;
	border-left: 6px solid #7f7f84;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
	box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
	padding: 10px;
	font-size: 80%;
}
.notice-lg {
	padding: 35px;
	font-size: large;
}
.notice-success {
	border-color: #80D651;
}
.notice-success>strong {
	color: #80D651;
}
.notice-primary {
	border-color: #428BCA;
}
.notice-primary>strong {
	color: #428BCA;
}
.notice-info {
	border-color: #45ABCD;
}
.notice-info>strong {
	color: #45ABCD;
}
.notice-warning {
	border-color: #FEAF20;
}
.notice-warning>strong {
	color: #FEAF20;
}
.notice-danger {
	border-color: #d73814;
}
.notice-danger>strong {
	color: #d73814;
}
/*<div class="msg msg-danger"> <span class="glyphicon glyphicon glyphicon-remove"></span> msg msg-danger</div>*/
.msg {
    background-color: #fefefe;
    color: #666666;
    font-weight: bold;
    font-size: small;
    padding: 12px;
    padding-left: 16px;
    border-top: solid 3px #CCCCCC;
    border-radius: 5px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
       -moz-box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
            box-shadow: 0 10px 10px -5px rgba(0,0,0,.08);
}
.msg-clear {
    border-color: #fefefe;
    -webkit-box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
       -moz-box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
            box-shadow: 0 7px 10px -5px rgba(0,0,0,.15);
}
.msg-info {
    border-color: #b8dbf2;
}
.msg-success {
    border-color: #cef2b8;
}
.msg-warning {
    border-color: rgba(255,165,0,.5);
}
.msg-danger {
    border-color: #ec8282;
}
.msg-primary {
    border-color: #9ca6f1;
}
.msg-magick {
    border-color: #e0b8f2;
}
.msg-info-text {
    color: #39b3d7;
}
.msg-success-text {
    color: #80d651;
}
.msg-warning-text {
    color: #db9e34;
}
.msg-danger-text {
    color: #c9302c;
}
.msg-primary-text {
    color: rgba(47,106,215,.9);
}
.msg-magick-text {
    color: #bb39d7;
}

/*//////////////////////////////////////////// สีแดง /////////////////////////////////////////////////// */
.btn-armorangel1 { 
  color: #ffffff; 
  background-color: #FF5E14; 
  border-color: #CC4100; 
} 
 
.btn-armorangel1:hover, 
.btn-armorangel1:focus, 
.btn-armorangel1:active, 
.btn-armorangel1.active, 
.open .dropdown-toggle.btn-armorangel1 { 
  color: #ffffff; 
  background-color: #B8582C; 
  border-color: #CC4100; 
} 
 
.btn-armorangel1:active, 
.btn-armorangel1.active, 
.open .dropdown-toggle.btn-armorangel1 { 
  background-image: none; 
}
 
.btn-armorangel1.disabled, 
.btn-armorangel1[disabled], 
fieldset[disabled] .btn-armorangel1, 
.btn-armorangel1.disabled:hover, 
.btn-armorangel1[disabled]:hover, 
fieldset[disabled] .btn-armorangel1:hover, 
.btn-armorangel1.disabled:focus, 
.btn-armorangel1[disabled]:focus, 
fieldset[disabled] .btn-armorangel1:focus, 
.btn-armorangel1.disabled:active, 
.btn-armorangel1[disabled]:active, 
fieldset[disabled] .btn-armorangel1:active, 
.btn-armorangel1.disabled.active, 
.btn-armorangel1[disabled].active, 
fieldset[disabled] .btn-armorangel1.active { 
  background-color: #FF5E14; 
  border-color: #CC4100; 
} 
 
.btn-armorangel1 .badge { 
  color: #FF5E14; 
  background-color: #ffffff; 
}

.btn-armorangel2 { 
  color: #ffffff; 
  background-color: #FF8D14; 
  border-color: #CC6900; 
} 
 
.btn-armorangel2:hover, 
.btn-armorangel2:focus, 
.btn-armorangel2:active, 
.btn-armorangel2.active, 
.open .dropdown-toggle.btn-armorangel2 { 
  color: #ffffff; 
  background-color: #B8792C; 
  border-color: #CC6900; 
} 
 
.btn-armorangel2:active, 
.btn-armorangel2.active, 
.open .dropdown-toggle.btn-armorangel2 { 
  background-image: none; 
} 
 
.btn-armorangel2.disabled, 
.btn-armorangel2[disabled], 
fieldset[disabled] .btn-armorangel2, 
.btn-armorangel2.disabled:hover, 
.btn-armorangel2[disabled]:hover, 
fieldset[disabled] .btn-armorangel2:hover, 
.btn-armorangel2.disabled:focus, 
.btn-armorangel2[disabled]:focus, 
fieldset[disabled] .btn-armorangel2:focus, 
.btn-armorangel2.disabled:active, 
.btn-armorangel2[disabled]:active, 
fieldset[disabled] .btn-armorangel2:active, 
.btn-armorangel2.disabled.active, 
.btn-armorangel2[disabled].active, 
fieldset[disabled] .btn-armorangel2.active { 
  background-color: #FF8D14; 
  border-color: #CC6900; 
} 
 
.btn-armorangel2 .badge { 
  color: #FF8D14; 
  background-color: #ffffff; 
}

.btn-armyellowl1 { 
  color: #ffffff; 
  background-color: #FFEB14; 
  border-color: #E3BE03; 
} 
 
.btn-armyellowl1:hover, 
.btn-armyellowl1:focus, 
.btn-armyellowl1:active, 
.btn-armyellowl1.active, 
.open .dropdown-toggle.btn-armyellowl1 { 
  color: #ffffff; 
  background-color: #B8952C; 
  border-color: #E3BE03; 
} 
 
.btn-armyellowl1:active, 
.btn-armyellowl1.active, 
.open .dropdown-toggle.btn-armyellowl1 { 
  background-image: none; 
} 
 
.btn-armyellowl1.disabled, 
.btn-armyellowl1[disabled], 
fieldset[disabled] .btn-armyellowl1, 
.btn-armyellowl1.disabled:hover, 
.btn-armyellowl1[disabled]:hover, 
fieldset[disabled] .btn-armyellowl1:hover, 
.btn-armyellowl1.disabled:focus, 
.btn-armyellowl1[disabled]:focus, 
fieldset[disabled] .btn-armyellowl1:focus, 
.btn-armyellowl1.disabled:active, 
.btn-armyellowl1[disabled]:active, 
fieldset[disabled] .btn-armyellowl1:active, 
.btn-armyellowl1.disabled.active, 
.btn-armyellowl1[disabled].active, 
fieldset[disabled] .btn-armyellowl1.active { 
  background-color: #FFEB14; 
  border-color: #E3BE03; 
} 
 
.btn-armyellowl1 .badge { 
  color: #FFEB14; 
  background-color: #ffffff; 
}

.btn-armyellowl2 { 
  color: #ffffff; 
  background-color: #EFFF14; 
  border-color: #DCE303; 
} 
 
.btn-armyellowl2:hover, 
.btn-armyellowl2:focus, 
.btn-armyellowl2:active, 
.btn-armyellowl2.active, 
.open .dropdown-toggle.btn-armyellowl2 { 
  color: #ffffff; 
  background-color: #B8AC2C; 
  border-color: #DCE303; 
} 
 
.btn-armyellowl2:active, 
.btn-armyellowl2.active, 
.open .dropdown-toggle.btn-armyellowl2 { 
  background-image: none; 
} 
 
.btn-armyellowl2.disabled, 
.btn-armyellowl2[disabled], 
fieldset[disabled] .btn-armyellowl2, 
.btn-armyellowl2.disabled:hover, 
.btn-armyellowl2[disabled]:hover, 
fieldset[disabled] .btn-armyellowl2:hover, 
.btn-armyellowl2.disabled:focus, 
.btn-armyellowl2[disabled]:focus, 
fieldset[disabled] .btn-armyellowl2:focus, 
.btn-armyellowl2.disabled:active, 
.btn-armyellowl2[disabled]:active, 
fieldset[disabled] .btn-armyellowl2:active, 
.btn-armyellowl2.disabled.active, 
.btn-armyellowl2[disabled].active, 
fieldset[disabled] .btn-armyellowl2.active { 
  background-color: #EFFF14; 
  border-color: #DCE303; 
} 
 
.btn-armyellowl2 .badge { 
  color: #EFFF14; 
  background-color: #ffffff; 
}

.btn-armgreenl1 { 
  color: #ffffff; 
  background-color: #B5FF14; 
  border-color: #A7E303; 
} 
 
.btn-armgreenl1:hover, 
.btn-armgreenl1:focus, 
.btn-armgreenl1:active, 
.btn-armgreenl1.active, 
.open .dropdown-toggle.btn-armgreenl1 { 
  color: #ffffff; 
  background-color: #97B82C; 
  border-color: #A7E303; 
} 
 
.btn-armgreenl1:active, 
.btn-armgreenl1.active, 
.open .dropdown-toggle.btn-armgreenl1 { 
  background-image: none; 
} 
 
.btn-armgreenl1.disabled, 
.btn-armgreenl1[disabled], 
fieldset[disabled] .btn-armgreenl1, 
.btn-armgreenl1.disabled:hover, 
.btn-armgreenl1[disabled]:hover, 
fieldset[disabled] .btn-armgreenl1:hover, 
.btn-armgreenl1.disabled:focus, 
.btn-armgreenl1[disabled]:focus, 
fieldset[disabled] .btn-armgreenl1:focus, 
.btn-armgreenl1.disabled:active, 
.btn-armgreenl1[disabled]:active, 
fieldset[disabled] .btn-armgreenl1:active, 
.btn-armgreenl1.disabled.active, 
.btn-armgreenl1[disabled].active, 
fieldset[disabled] .btn-armgreenl1.active { 
  background-color: #B5FF14; 
  border-color: #A7E303; 
} 
 
.btn-armgreenl1 .badge { 
  color: #B5FF14; 
  background-color: #ffffff; 
}

.btn-armgreenl2 { 
  color: #ffffff; 
  background-color: #72FF14; 
  border-color: #5CE303; 
} 
 
.btn-armgreenl2:hover, 
.btn-armgreenl2:focus, 
.btn-armgreenl2:active, 
.btn-armgreenl2.active, 
.open .dropdown-toggle.btn-armgreenl2 { 
  color: #ffffff; 
  background-color: #64B82C; 
  border-color: #5CE303; 
} 
 
.btn-armgreenl2:active, 
.btn-armgreenl2.active, 
.open .dropdown-toggle.btn-armgreenl2 { 
  background-image: none; 
} 
 
.btn-armgreenl2.disabled, 
.btn-armgreenl2[disabled], 
fieldset[disabled] .btn-armgreenl2, 
.btn-armgreenl2.disabled:hover, 
.btn-armgreenl2[disabled]:hover, 
fieldset[disabled] .btn-armgreenl2:hover, 
.btn-armgreenl2.disabled:focus, 
.btn-armgreenl2[disabled]:focus, 
fieldset[disabled] .btn-armgreenl2:focus, 
.btn-armgreenl2.disabled:active, 
.btn-armgreenl2[disabled]:active, 
fieldset[disabled] .btn-armgreenl2:active, 
.btn-armgreenl2.disabled.active, 
.btn-armgreenl2[disabled].active, 
fieldset[disabled] .btn-armgreenl2.active { 
  background-color: #72FF14; 
  border-color: #5CE303; 
} 
 
.btn-armgreenl2 .badge { 
  color: #72FF14; 
  background-color: #ffffff; 
}

.btn-armgreenl3 { 
  color: #ffffff; 
  background-color: #28FF14; 
  border-color: #15E303; 
} 
 
.btn-armgreenl3:hover, 
.btn-armgreenl3:focus, 
.btn-armgreenl3:active, 
.btn-armgreenl3.active, 
.open .dropdown-toggle.btn-armgreenl3 { 
  color: #ffffff; 
  background-color: #33B82C; 
  border-color: #15E303; 
} 
 
.btn-armgreenl3:active, 
.btn-armgreenl3.active, 
.open .dropdown-toggle.btn-armgreenl3 { 
  background-image: none; 
} 
 
.btn-armgreenl3.disabled, 
.btn-armgreenl3[disabled], 
fieldset[disabled] .btn-armgreenl3, 
.btn-armgreenl3.disabled:hover, 
.btn-armgreenl3[disabled]:hover, 
fieldset[disabled] .btn-armgreenl3:hover, 
.btn-armgreenl3.disabled:focus, 
.btn-armgreenl3[disabled]:focus, 
fieldset[disabled] .btn-armgreenl3:focus, 
.btn-armgreenl3.disabled:active, 
.btn-armgreenl3[disabled]:active, 
fieldset[disabled] .btn-armgreenl3:active, 
.btn-armgreenl3.disabled.active, 
.btn-armgreenl3[disabled].active, 
fieldset[disabled] .btn-armgreenl3.active { 
  background-color: #28FF14; 
  border-color: #15E303; 
} 
 
.btn-armgreenl3 .badge { 
  color: #28FF14; 
  background-color: #ffffff; 
}

.btn-armgreenl4 { 
  color: #ffffff; 
  background-color: #14FF8D; 
  border-color: #03E36B; 
} 
 
.btn-armgreenl4:hover, 
.btn-armgreenl4:focus, 
.btn-armgreenl4:active, 
.btn-armgreenl4.active, 
.open .dropdown-toggle.btn-armgreenl4 { 
  color: #ffffff; 
  background-color: #2CB879; 
  border-color: #03E36B; 
} 
 
.btn-armgreenl4:active, 
.btn-armgreenl4.active, 
.open .dropdown-toggle.btn-armgreenl4 { 
  background-image: none; 
} 
 
.btn-armgreenl4.disabled, 
.btn-armgreenl4[disabled], 
fieldset[disabled] .btn-armgreenl4, 
.btn-armgreenl4.disabled:hover, 
.btn-armgreenl4[disabled]:hover, 
fieldset[disabled] .btn-armgreenl4:hover, 
.btn-armgreenl4.disabled:focus, 
.btn-armgreenl4[disabled]:focus, 
fieldset[disabled] .btn-armgreenl4:focus, 
.btn-armgreenl4.disabled:active, 
.btn-armgreenl4[disabled]:active, 
fieldset[disabled] .btn-armgreenl4:active, 
.btn-armgreenl4.disabled.active, 
.btn-armgreenl4[disabled].active, 
fieldset[disabled] .btn-armgreenl4.active { 
  background-color: #14FF8D; 
  border-color: #03E36B; 
} 
 
.btn-armgreenl4 .badge { 
  color: #14FF8D; 
  background-color: #ffffff; 
}

.btn-armbluel1 { 
  color: #ffffff; 
  background-color: #14FFD0; 
  border-color: #03E3A3; 
} 
 
.btn-armbluel1:hover, 
.btn-armbluel1:focus, 
.btn-armbluel1:active, 
.btn-armbluel1.active, 
.open .dropdown-toggle.btn-armbluel1 { 
  color: #ffffff; 
  background-color: #2CB8A1; 
  border-color: #03E3A3; 
} 
 
.btn-armbluel1:active, 
.btn-armbluel1.active, 
.open .dropdown-toggle.btn-armbluel1 { 
  background-image: none; 
} 
 
.btn-armbluel1.disabled, 
.btn-armbluel1[disabled], 
fieldset[disabled] .btn-armbluel1, 
.btn-armbluel1.disabled:hover, 
.btn-armbluel1[disabled]:hover, 
fieldset[disabled] .btn-armbluel1:hover, 
.btn-armbluel1.disabled:focus, 
.btn-armbluel1[disabled]:focus, 
fieldset[disabled] .btn-armbluel1:focus, 
.btn-armbluel1.disabled:active, 
.btn-armbluel1[disabled]:active, 
fieldset[disabled] .btn-armbluel1:active, 
.btn-armbluel1.disabled.active, 
.btn-armbluel1[disabled].active, 
fieldset[disabled] .btn-armbluel1.active { 
  background-color: #14FFD0; 
  border-color: #03E3A3; 
} 
 
.btn-armbluel1 .badge { 
  color: #14FFD0; 
  background-color: #ffffff; 
}

.btn-armbluel2 { 
  color: #ffffff; 
  background-color: #14F7FF; 
  border-color: #03E3D8; 
} 
 
.btn-armbluel2:hover, 
.btn-armbluel2:focus, 
.btn-armbluel2:active, 
.btn-armbluel2.active, 
.open .dropdown-toggle.btn-armbluel2 { 
  color: #ffffff; 
  background-color: #2CAFB8; 
  border-color: #03E3D8; 
} 
 
.btn-armbluel2:active, 
.btn-armbluel2.active, 
.open .dropdown-toggle.btn-armbluel2 { 
  background-image: none; 
} 
 
.btn-armbluel2.disabled, 
.btn-armbluel2[disabled], 
fieldset[disabled] .btn-armbluel2, 
.btn-armbluel2.disabled:hover, 
.btn-armbluel2[disabled]:hover, 
fieldset[disabled] .btn-armbluel2:hover, 
.btn-armbluel2.disabled:focus, 
.btn-armbluel2[disabled]:focus, 
fieldset[disabled] .btn-armbluel2:focus, 
.btn-armbluel2.disabled:active, 
.btn-armbluel2[disabled]:active, 
fieldset[disabled] .btn-armbluel2:active, 
.btn-armbluel2.disabled.active, 
.btn-armbluel2[disabled].active, 
fieldset[disabled] .btn-armbluel2.active { 
  background-color: #14F7FF; 
  border-color: #03E3D8; 
} 
 
.btn-armbluel2 .badge { 
  color: #14F7FF; 
  background-color: #ffffff; 
}

.btn-armbluel3 { 
  color: #ffffff; 
  background-color: #14B5FF; 
  border-color: #03AFE3; 
} 
 
.btn-armbluel3:hover, 
.btn-armbluel3:focus, 
.btn-armbluel3:active, 
.btn-armbluel3.active, 
.open .dropdown-toggle.btn-armbluel3 { 
  color: #ffffff; 
  background-color: #2C80B8; 
  border-color: #03AFE3; 
} 
 
.btn-armbluel3:active, 
.btn-armbluel3.active, 
.open .dropdown-toggle.btn-armbluel3 { 
  background-image: none; 
} 
 
.btn-armbluel3.disabled, 
.btn-armbluel3[disabled], 
fieldset[disabled] .btn-armbluel3, 
.btn-armbluel3.disabled:hover, 
.btn-armbluel3[disabled]:hover, 
fieldset[disabled] .btn-armbluel3:hover, 
.btn-armbluel3.disabled:focus, 
.btn-armbluel3[disabled]:focus, 
fieldset[disabled] .btn-armbluel3:focus, 
.btn-armbluel3.disabled:active, 
.btn-armbluel3[disabled]:active, 
fieldset[disabled] .btn-armbluel3:active, 
.btn-armbluel3.disabled.active, 
.btn-armbluel3[disabled].active, 
fieldset[disabled] .btn-armbluel3.active { 
  background-color: #14B5FF; 
  border-color: #03AFE3; 
} 
 
.btn-armbluel3 .badge { 
  color: #14B5FF; 
  background-color: #ffffff; 
}

.btn-armbluel4 { 
  color: #ffffff; 
  background-color: #1472FF; 
  border-color: #035CE3; 
} 
 
.btn-armbluel4:hover, 
.btn-armbluel4:focus, 
.btn-armbluel4:active, 
.btn-armbluel4.active, 
.open .dropdown-toggle.btn-armbluel4 { 
  color: #ffffff; 
  background-color: #2C5FB8; 
  border-color: #035CE3; 
} 
 
.btn-armbluel4:active, 
.btn-armbluel4.active, 
.open .dropdown-toggle.btn-armbluel4 { 
  background-image: none; 
} 
 
.btn-armbluel4.disabled, 
.btn-armbluel4[disabled], 
fieldset[disabled] .btn-armbluel4, 
.btn-armbluel4.disabled:hover, 
.btn-armbluel4[disabled]:hover, 
fieldset[disabled] .btn-armbluel4:hover, 
.btn-armbluel4.disabled:focus, 
.btn-armbluel4[disabled]:focus, 
fieldset[disabled] .btn-armbluel4:focus, 
.btn-armbluel4.disabled:active, 
.btn-armbluel4[disabled]:active, 
fieldset[disabled] .btn-armbluel4:active, 
.btn-armbluel4.disabled.active, 
.btn-armbluel4[disabled].active, 
fieldset[disabled] .btn-armbluel4.active { 
  background-color: #1472FF; 
  border-color: #035CE3; 
} 
 
.btn-armbluel4 .badge { 
  color: #1472FF; 
  background-color: #ffffff; 
}

.btn-armbluel5 { 
  color: #ffffff; 
  background-color: #1433FF; 
  border-color: #0321E3; 
} 
 
.btn-armbluel5:hover, 
.btn-armbluel5:focus, 
.btn-armbluel5:active, 
.btn-armbluel5.active, 
.open .dropdown-toggle.btn-armbluel5 { 
  color: #ffffff; 
  background-color: #2C38B8; 
  border-color: #0321E3; 
} 
 
.btn-armbluel5:active, 
.btn-armbluel5.active, 
.open .dropdown-toggle.btn-armbluel5 { 
  background-image: none; 
} 
 
.btn-armbluel5.disabled, 
.btn-armbluel5[disabled], 
fieldset[disabled] .btn-armbluel5, 
.btn-armbluel5.disabled:hover, 
.btn-armbluel5[disabled]:hover, 
fieldset[disabled] .btn-armbluel5:hover, 
.btn-armbluel5.disabled:focus, 
.btn-armbluel5[disabled]:focus, 
fieldset[disabled] .btn-armbluel5:focus, 
.btn-armbluel5.disabled:active, 
.btn-armbluel5[disabled]:active, 
fieldset[disabled] .btn-armbluel5:active, 
.btn-armbluel5.disabled.active, 
.btn-armbluel5[disabled].active, 
fieldset[disabled] .btn-armbluel5.active { 
  background-color: #1433FF; 
  border-color: #0321E3; 
} 
 
.btn-armbluel5 .badge { 
  color: #1433FF; 
  background-color: #ffffff; 
}

.btn-armbluel6 { 
  color: #ffffff; 
  background-color: #3714FF; 
  border-color: #2403E3; 
} 
 
.btn-armbluel6:hover, 
.btn-armbluel6:focus, 
.btn-armbluel6:active, 
.btn-armbluel6.active, 
.open .dropdown-toggle.btn-armbluel6 { 
  color: #ffffff; 
  background-color: #482CB8; 
  border-color: #2403E3; 
} 
 
.btn-armbluel6:active, 
.btn-armbluel6.active, 
.open .dropdown-toggle.btn-armbluel6 { 
  background-image: none; 
} 
 
.btn-armbluel6.disabled, 
.btn-armbluel6[disabled], 
fieldset[disabled] .btn-armbluel6, 
.btn-armbluel6.disabled:hover, 
.btn-armbluel6[disabled]:hover, 
fieldset[disabled] .btn-armbluel6:hover, 
.btn-armbluel6.disabled:focus, 
.btn-armbluel6[disabled]:focus, 
fieldset[disabled] .btn-armbluel6:focus, 
.btn-armbluel6.disabled:active, 
.btn-armbluel6[disabled]:active, 
fieldset[disabled] .btn-armbluel6:active, 
.btn-armbluel6.disabled.active, 
.btn-armbluel6[disabled].active, 
fieldset[disabled] .btn-armbluel6.active { 
  background-color: #3714FF; 
  border-color: #2403E3; 
} 
 
.btn-armbluel6 .badge { 
  color: #3714FF; 
  background-color: #ffffff; 
}

.btn-armpurplel1 { 
  color: #ffffff; 
  background-color: #7A14FF; 
  border-color: #4A03E3; 
} 
 
.btn-armpurplel1:hover, 
.btn-armpurplel1:focus, 
.btn-armpurplel1:active, 
.btn-armpurplel1.active, 
.open .dropdown-toggle.btn-armpurplel1 { 
  color: #ffffff; 
  background-color: #692CB8; 
  border-color: #4A03E3; 
} 
 
.btn-armpurplel1:active, 
.btn-armpurplel1.active, 
.open .dropdown-toggle.btn-armpurplel1 { 
  background-image: none; 
} 
 
.btn-armpurplel1.disabled, 
.btn-armpurplel1[disabled], 
fieldset[disabled] .btn-armpurplel1, 
.btn-armpurplel1.disabled:hover, 
.btn-armpurplel1[disabled]:hover, 
fieldset[disabled] .btn-armpurplel1:hover, 
.btn-armpurplel1.disabled:focus, 
.btn-armpurplel1[disabled]:focus, 
fieldset[disabled] .btn-armpurplel1:focus, 
.btn-armpurplel1.disabled:active, 
.btn-armpurplel1[disabled]:active, 
fieldset[disabled] .btn-armpurplel1:active, 
.btn-armpurplel1.disabled.active, 
.btn-armpurplel1[disabled].active, 
fieldset[disabled] .btn-armpurplel1.active { 
  background-color: #7A14FF; 
  border-color: #4A03E3; 
} 
 
.btn-armpurplel1 .badge { 
  color: #7A14FF; 
  background-color: #ffffff; 
}

.btn-armpurplel2 { 
  color: #ffffff; 
  background-color: #A914FF; 
  border-color: #8903E3; 
} 
 
.btn-armpurplel2:hover, 
.btn-armpurplel2:focus, 
.btn-armpurplel2:active, 
.btn-armpurplel2.active, 
.open .dropdown-toggle.btn-armpurplel2 { 
  color: #ffffff; 
  background-color: #802CB8; 
  border-color: #8903E3; 
} 
 
.btn-armpurplel2:active, 
.btn-armpurplel2.active, 
.open .dropdown-toggle.btn-armpurplel2 { 
  background-image: none; 
} 
 
.btn-armpurplel2.disabled, 
.btn-armpurplel2[disabled], 
fieldset[disabled] .btn-armpurplel2, 
.btn-armpurplel2.disabled:hover, 
.btn-armpurplel2[disabled]:hover, 
fieldset[disabled] .btn-armpurplel2:hover, 
.btn-armpurplel2.disabled:focus, 
.btn-armpurplel2[disabled]:focus, 
fieldset[disabled] .btn-armpurplel2:focus, 
.btn-armpurplel2.disabled:active, 
.btn-armpurplel2[disabled]:active, 
fieldset[disabled] .btn-armpurplel2:active, 
.btn-armpurplel2.disabled.active, 
.btn-armpurplel2[disabled].active, 
fieldset[disabled] .btn-armpurplel2.active { 
  background-color: #A914FF; 
  border-color: #8903E3; 
} 
 
.btn-armpurplel2 .badge { 
  color: #A914FF; 
  background-color: #ffffff; 
}

.btn-armpinkl1 { 
  color: #ffffff; 
  background-color: #E014FF; 
  border-color: #B603E3; 
} 
 
.btn-armpinkl1:hover, 
.btn-armpinkl1:focus, 
.btn-armpinkl1:active, 
.btn-armpinkl1.active, 
.open .dropdown-toggle.btn-armpinkl1 { 
  color: #ffffff; 
  background-color: #A12CB8; 
  border-color: #B603E3; 
} 
 
.btn-armpinkl1:active, 
.btn-armpinkl1.active, 
.open .dropdown-toggle.btn-armpinkl1 { 
  background-image: none; 
} 
 
.btn-armpinkl1.disabled, 
.btn-armpinkl1[disabled], 
fieldset[disabled] .btn-armpinkl1, 
.btn-armpinkl1.disabled:hover, 
.btn-armpinkl1[disabled]:hover, 
fieldset[disabled] .btn-armpinkl1:hover, 
.btn-armpinkl1.disabled:focus, 
.btn-armpinkl1[disabled]:focus, 
fieldset[disabled] .btn-armpinkl1:focus, 
.btn-armpinkl1.disabled:active, 
.btn-armpinkl1[disabled]:active, 
fieldset[disabled] .btn-armpinkl1:active, 
.btn-armpinkl1.disabled.active, 
.btn-armpinkl1[disabled].active, 
fieldset[disabled] .btn-armpinkl1.active { 
  background-color: #E014FF; 
  border-color: #B603E3; 
} 
 
.btn-armpinkl1 .badge { 
  color: #E014FF; 
  background-color: #ffffff; 
}

.btn-armpinkl2 { 
  color: #ffffff; 
  background-color: #FF14E4; 
  border-color: #E303D4; 
} 
 
.btn-armpinkl2:hover, 
.btn-armpinkl2:focus, 
.btn-armpinkl2:active, 
.btn-armpinkl2.active, 
.open .dropdown-toggle.btn-armpinkl2 { 
  color: #ffffff; 
  background-color: #B82CAF; 
  border-color: #E303D4; 
} 
 
.btn-armpinkl2:active, 
.btn-armpinkl2.active, 
.open .dropdown-toggle.btn-armpinkl2 { 
  background-image: none; 
} 
 
.btn-armpinkl2.disabled, 
.btn-armpinkl2[disabled], 
fieldset[disabled] .btn-armpinkl2, 
.btn-armpinkl2.disabled:hover, 
.btn-armpinkl2[disabled]:hover, 
fieldset[disabled] .btn-armpinkl2:hover, 
.btn-armpinkl2.disabled:focus, 
.btn-armpinkl2[disabled]:focus, 
fieldset[disabled] .btn-armpinkl2:focus, 
.btn-armpinkl2.disabled:active, 
.btn-armpinkl2[disabled]:active, 
fieldset[disabled] .btn-armpinkl2:active, 
.btn-armpinkl2.disabled.active, 
.btn-armpinkl2[disabled].active, 
fieldset[disabled] .btn-armpinkl2.active { 
  background-color: #FF14E4; 
  border-color: #E303D4; 
} 
 
.btn-armpinkl2 .badge { 
  color: #FF14E4; 
  background-color: #ffffff; 
}

.btn-armpinkl3 { 
  color: #ffffff; 
  background-color: #FF14AD; 
  border-color: #E3039C; 
} 
 
.btn-armpinkl3:hover, 
.btn-armpinkl3:focus, 
.btn-armpinkl3:active, 
.btn-armpinkl3.active, 
.open .dropdown-toggle.btn-armpinkl3 { 
  color: #ffffff; 
  background-color: #B82C87; 
  border-color: #E3039C; 
} 
 
.btn-armpinkl3:active, 
.btn-armpinkl3.active, 
.open .dropdown-toggle.btn-armpinkl3 { 
  background-image: none; 
} 
 
.btn-armpinkl3.disabled, 
.btn-armpinkl3[disabled], 
fieldset[disabled] .btn-armpinkl3, 
.btn-armpinkl3.disabled:hover, 
.btn-armpinkl3[disabled]:hover, 
fieldset[disabled] .btn-armpinkl3:hover, 
.btn-armpinkl3.disabled:focus, 
.btn-armpinkl3[disabled]:focus, 
fieldset[disabled] .btn-armpinkl3:focus, 
.btn-armpinkl3.disabled:active, 
.btn-armpinkl3[disabled]:active, 
fieldset[disabled] .btn-armpinkl3:active, 
.btn-armpinkl3.disabled.active, 
.btn-armpinkl3[disabled].active, 
fieldset[disabled] .btn-armpinkl3.active { 
  background-color: #FF14AD; 
  border-color: #E3039C; 
} 
 
.btn-armpinkl3 .badge { 
  color: #FF14AD; 
  background-color: #ffffff; 
}

.btn-armredl1 { 
  color: #ffffff; 
  background-color: #FF1414; 
  border-color: #E30303; 
} 
 
.btn-armredl1:hover, 
.btn-armredl1:focus, 
.btn-armredl1:active, 
.btn-armredl1.active, 
.open .dropdown-toggle.btn-armredl1 { 
  color: #ffffff; 
  background-color: #B82C2C; 
  border-color: #E30303; 
} 
 
.btn-armredl1:active, 
.btn-armredl1.active, 
.open .dropdown-toggle.btn-armredl1 { 
  background-image: none; 
} 
 
.btn-armredl1.disabled, 
.btn-armredl1[disabled], 
fieldset[disabled] .btn-armredl1, 
.btn-armredl1.disabled:hover, 
.btn-armredl1[disabled]:hover, 
fieldset[disabled] .btn-armredl1:hover, 
.btn-armredl1.disabled:focus, 
.btn-armredl1[disabled]:focus, 
fieldset[disabled] .btn-armredl1:focus, 
.btn-armredl1.disabled:active, 
.btn-armredl1[disabled]:active, 
fieldset[disabled] .btn-armredl1:active, 
.btn-armredl1.disabled.active, 
.btn-armredl1[disabled].active, 
fieldset[disabled] .btn-armredl1.active { 
  background-color: #FF1414; 
  border-color: #E30303; 
} 
 
.btn-armredl1 .badge { 
  color: #FF1414; 
  background-color: #ffffff; 
}

.btn-armredl2 { 
  color: #ffffff; 
  background-color: #FF146A; 
  border-color: #E3035C; 
} 
 
.btn-armredl2:hover, 
.btn-armredl2:focus, 
.btn-armredl2:active, 
.btn-armredl2.active, 
.open .dropdown-toggle.btn-armredl2 { 
  color: #ffffff; 
  background-color: #B82C5F; 
  border-color: #E3035C; 
} 
 
.btn-armredl2:active, 
.btn-armredl2.active, 
.open .dropdown-toggle.btn-armredl2 { 
  background-image: none; 
} 
 
.btn-armredl2.disabled, 
.btn-armredl2[disabled], 
fieldset[disabled] .btn-armredl2, 
.btn-armredl2.disabled:hover, 
.btn-armredl2[disabled]:hover, 
fieldset[disabled] .btn-armredl2:hover, 
.btn-armredl2.disabled:focus, 
.btn-armredl2[disabled]:focus, 
fieldset[disabled] .btn-armredl2:focus, 
.btn-armredl2.disabled:active, 
.btn-armredl2[disabled]:active, 
fieldset[disabled] .btn-armredl2:active, 
.btn-armredl2.disabled.active, 
.btn-armredl2[disabled].active, 
fieldset[disabled] .btn-armredl2.active { 
  background-color: #FF146A; 
  border-color: #E3035C; 
} 
 
.btn-armredl2 .badge { 
  color: #FF146A; 
  background-color: #ffffff; 
}

/*//////////////////////////////////////////// สีเขียว /////////////////////////////////////////////////// */
.btn-armgreen1 { 
  color: #ffffff; 
  background-color: #74DB1F; 
  border-color: #52B302; 
} 
 
.btn-armgreen1:hover, 
.btn-armgreen1:focus, 
.btn-armgreen1:active, 
.btn-armgreen1.active, 
.open .dropdown-toggle.btn-armgreen1 { 
  color: #ffffff; 
  background-color: #437A24; 
  border-color: #52B302; 
} 
 
.btn-armgreen1:active, 
.btn-armgreen1.active, 
.open .dropdown-toggle.btn-armgreen1 { 
  background-image: none; 
} 
 
.btn-armgreen1.disabled, 
.btn-armgreen1[disabled], 
fieldset[disabled] .btn-armgreen1, 
.btn-armgreen1.disabled:hover, 
.btn-armgreen1[disabled]:hover, 
fieldset[disabled] .btn-armgreen1:hover, 
.btn-armgreen1.disabled:focus, 
.btn-armgreen1[disabled]:focus, 
fieldset[disabled] .btn-armgreen1:focus, 
.btn-armgreen1.disabled:active, 
.btn-armgreen1[disabled]:active, 
fieldset[disabled] .btn-armgreen1:active, 
.btn-armgreen1.disabled.active, 
.btn-armgreen1[disabled].active, 
fieldset[disabled] .btn-armgreen1.active { 
  background-color: #74DB1F; 
  border-color: #52B302; 
} 
 
.btn-armgreen1 .badge { 
  color: #74DB1F; 
  background-color: #ffffff; 
}
/*//////////////////////////////////////////// สีม่วง /////////////////////////////////////////////////// */
.btn-armpurple1 { 
  color: #ffffff; 
  background-color: #611BBD; 
  border-color: #130269; 
} 
 
.btn-armpurple1:hover, 
.btn-armpurple1:focus, 
.btn-armpurple1:active, 
.btn-armpurple1.active, 
.open .dropdown-toggle.btn-armpurple1 { 
  color: #ffffff; 
  background-color: #49247A; 
  border-color: #130269; 
} 
 
.btn-armpurple1:active, 
.btn-armpurple1.active, 
.open .dropdown-toggle.btn-armpurple1 { 
  background-image: none; 
} 
 
.btn-armpurple1.disabled, 
.btn-armpurple1[disabled], 
fieldset[disabled] .btn-armpurple1, 
.btn-armpurple1.disabled:hover, 
.btn-armpurple1[disabled]:hover, 
fieldset[disabled] .btn-armpurple1:hover, 
.btn-armpurple1.disabled:focus, 
.btn-armpurple1[disabled]:focus, 
fieldset[disabled] .btn-armpurple1:focus, 
.btn-armpurple1.disabled:active, 
.btn-armpurple1[disabled]:active, 
fieldset[disabled] .btn-armpurple1:active, 
.btn-armpurple1.disabled.active, 
.btn-armpurple1[disabled].active, 
fieldset[disabled] .btn-armpurple1.active { 
  background-color: #611BBD; 
  border-color: #130269; 
} 
 
.btn-armpurple1 .badge { 
  color: #611BBD; 
  background-color: #ffffff; 
}

/*//////////////////////////////////////////// สีชมพู /////////////////////////////////////////////////// */
.btn-armpink1 { 
  color: #FFFFFF; 
  background-color: #EB2ADE; 
  border-color: #CC04CC; 
} 
 
.btn-armpink1:hover, 
.btn-armpink1:focus, 
.btn-armpink1:active, 
.btn-armpink1.active, 
.open .dropdown-toggle.btn-armpink1 { 
  color: #FFFFFF; 
  background-color: #CC3DCC; 
  border-color: #CC04CC; 
} 
 
.btn-armpink1:active, 
.btn-armpink1.active, 
.open .dropdown-toggle.btn-armpink1 { 
  background-image: none; 
} 
 
.btn-armpink1.disabled, 
.btn-armpink1[disabled], 
fieldset[disabled] .btn-armpink1, 
.btn-armpink1.disabled:hover, 
.btn-armpink1[disabled]:hover, 
fieldset[disabled] .btn-armpink1:hover, 
.btn-armpink1.disabled:focus, 
.btn-armpink1[disabled]:focus, 
fieldset[disabled] .btn-armpink1:focus, 
.btn-armpink1.disabled:active, 
.btn-armpink1[disabled]:active, 
fieldset[disabled] .btn-armpink1:active, 
.btn-armpink1.disabled.active, 
.btn-armpink1[disabled].active, 
fieldset[disabled] .btn-armpink1.active { 
  background-color: #EB2ADE; 
  border-color: #CC04CC; 
} 
 
.btn-armpink1 .badge { 
  color: #EB2ADE; 
  background-color: #FFFFFF; 
}

.btn-armblueb1 { 
  color: #FFFFFF; 
  background-color: #0700CF; 
  border-color: #201BBD; 
  } 
 
.btn-armblueb1:hover, 
.btn-armblueb1:focus, 
.btn-armblueb1:active, 
.btn-armblueb1.active, 
.open .dropdown-toggle.btn-armblueb1 { 
  color: #FFFFFF; 
  background-color: #05009C; 
  border-color: #201BBD; 
} 
 
.btn-armblueb1:active, 
.btn-armblueb1.active, 
.open .dropdown-toggle.btn-armblueb1 { 
  background-image: none; 
} 
 
.btn-armblueb1.disabled, 
.btn-armblueb1[disabled], 
fieldset[disabled] .btn-armblueb1, 
.btn-armblueb1.disabled:hover, 
.btn-armblueb1[disabled]:hover, 
fieldset[disabled] .btn-armblueb1:hover, 
.btn-armblueb1.disabled:focus, 
.btn-armblueb1[disabled]:focus, 
fieldset[disabled] .btn-armblueb1:focus, 
.btn-armblueb1.disabled:active, 
.btn-armblueb1[disabled]:active, 
fieldset[disabled] .btn-armblueb1:active, 
.btn-armblueb1.disabled.active, 
.btn-armblueb1[disabled].active, 
fieldset[disabled] .btn-armblueb1.active { 
  background-color: #0700CF; 
  border-color: #201BBD; 
} 
 
.btn-armblueb1 .badge { 
  color: #0700CF; 
  background-color: #FFFFFF; 
}

.btn-armblueb2 { 
  color: #FFFFFF; 
  background-color: #2692BD; 
  border-color: #0087BD; 
} 
 
.btn-armblueb2:hover, 
.btn-armblueb2:focus, 
.btn-armblueb2:active, 
.btn-armblueb2.active, 
.open .dropdown-toggle.btn-armblueb2 { 
  color: #FFFFFF; 
  background-color: #076A91; 
  border-color: #0087BD; 
} 
 
.btn-armblueb2:active, 
.btn-armblueb2.active, 
.open .dropdown-toggle.btn-armblueb2 { 
  background-image: none; 
} 
 
.btn-armblueb2.disabled, 
.btn-armblueb2[disabled], 
fieldset[disabled] .btn-armblueb2, 
.btn-armblueb2.disabled:hover, 
.btn-armblueb2[disabled]:hover, 
fieldset[disabled] .btn-armblueb2:hover, 
.btn-armblueb2.disabled:focus, 
.btn-armblueb2[disabled]:focus, 
fieldset[disabled] .btn-armblueb2:focus, 
.btn-armblueb2.disabled:active, 
.btn-armblueb2[disabled]:active, 
fieldset[disabled] .btn-armblueb2:active, 
.btn-armblueb2.disabled.active, 
.btn-armblueb2[disabled].active, 
fieldset[disabled] .btn-armblueb2.active { 
  background-color: #2692BD; 
  border-color: #0087BD; 
} 
 
.btn-armblueb2 .badge { 
  color: #2692BD; 
  background-color: #FFFFFF; 
}

.btn-armorangeb1 { 
  color: #FFFFFF; 
  background-color: #F58A42; 
  border-color: #DE610D; 
} 
 
.btn-armorangeb1:hover, 
.btn-armorangeb1:focus, 
.btn-armorangeb1:active, 
.btn-armorangeb1.active, 
.open .dropdown-toggle.btn-armorangeb1 { 
  color: #FFFFFF; 
  background-color: #DE610D; 
  border-color: #DE610D; 
} 
 
.btn-armorangeb1:active, 
.btn-armorangeb1.active, 
.open .dropdown-toggle.btn-armorangeb1 { 
  background-image: none; 
} 
 
.btn-armorangeb1.disabled, 
.btn-armorangeb1[disabled], 
fieldset[disabled] .btn-armorangeb1, 
.btn-armorangeb1.disabled:hover, 
.btn-armorangeb1[disabled]:hover, 
fieldset[disabled] .btn-armorangeb1:hover, 
.btn-armorangeb1.disabled:focus, 
.btn-armorangeb1[disabled]:focus, 
fieldset[disabled] .btn-armorangeb1:focus, 
.btn-armorangeb1.disabled:active, 
.btn-armorangeb1[disabled]:active, 
fieldset[disabled] .btn-armorangeb1:active, 
.btn-armorangeb1.disabled.active, 
.btn-armorangeb1[disabled].active, 
fieldset[disabled] .btn-armorangeb1.active { 
  background-color: #F58A42; 
  border-color: #DE610D; 
} 
 
.btn-armorangeb1 .badge { 
  color: #F58A42; 
  background-color: #FFFFFF; 
}

.btn-armpinkb1 { 
  color: #FFFFFF; 
  background-color: #E861CD; 
  border-color: #BD1B9D; 
} 
 
.btn-armpinkb1:hover, 
.btn-armpinkb1:focus, 
.btn-armpinkb1:active, 
.btn-armpinkb1.active, 
.open .dropdown-toggle.btn-armpinkb1 { 
  color: #FFFFFF; 
  background-color: #BD1B9D; 
  border-color: #BD1B9D; 
} 
 
.btn-armpinkb1:active, 
.btn-armpinkb1.active, 
.open .dropdown-toggle.btn-armpinkb1 { 
  background-image: none; 
} 
 
.btn-armpinkb1.disabled, 
.btn-armpinkb1[disabled], 
fieldset[disabled] .btn-armpinkb1, 
.btn-armpinkb1.disabled:hover, 
.btn-armpinkb1[disabled]:hover, 
fieldset[disabled] .btn-armpinkb1:hover, 
.btn-armpinkb1.disabled:focus, 
.btn-armpinkb1[disabled]:focus, 
fieldset[disabled] .btn-armpinkb1:focus, 
.btn-armpinkb1.disabled:active, 
.btn-armpinkb1[disabled]:active, 
fieldset[disabled] .btn-armpinkb1:active, 
.btn-armpinkb1.disabled.active, 
.btn-armpinkb1[disabled].active, 
fieldset[disabled] .btn-armpinkb1.active { 
  background-color: #E861CD; 
  border-color: #BD1B9D; 
} 
 
.btn-armpinkb1 .badge { 
  color: #E861CD; 
  background-color: #FFFFFF; 
}

.btn-armpurpleb1 { 
  color: #FFFFFF; 
  background-color: #8242D6; 
  border-color: #611BBD; 
} 
 
.btn-armpurpleb1:hover, 
.btn-armpurpleb1:focus, 
.btn-armpurpleb1:active, 
.btn-armpurpleb1.active, 
.open .dropdown-toggle.btn-armpurpleb1 { 
  color: #FFFFFF; 
  background-color: #611BBD; 
  border-color: #611BBD; 
} 
 
.btn-armpurpleb1:active, 
.btn-armpurpleb1.active, 
.open .dropdown-toggle.btn-armpurpleb1 { 
  background-image: none; 
} 
 
.btn-armpurpleb1.disabled, 
.btn-armpurpleb1[disabled], 
fieldset[disabled] .btn-armpurpleb1, 
.btn-armpurpleb1.disabled:hover, 
.btn-armpurpleb1[disabled]:hover, 
fieldset[disabled] .btn-armpurpleb1:hover, 
.btn-armpurpleb1.disabled:focus, 
.btn-armpurpleb1[disabled]:focus, 
fieldset[disabled] .btn-armpurpleb1:focus, 
.btn-armpurpleb1.disabled:active, 
.btn-armpurpleb1[disabled]:active, 
fieldset[disabled] .btn-armpurpleb1:active, 
.btn-armpurpleb1.disabled.active, 
.btn-armpurpleb1[disabled].active, 
fieldset[disabled] .btn-armpurpleb1.active { 
  background-color: #8242D6; 
  border-color: #611BBD; 
} 
 
.btn-armpurpleb1 .badge { 
  color: #8242D6; 
  background-color: #FFFFFF; 
}

/*//////////////////////////////////////////// สีเขียว /////////////////////////////////////////////////// */
.bg-armgreen1 {
    background-color: #81F7BE;
}
.bg-gray {
	border-color: #FF0000; 
}

/*//////////////////////////////////////////// สีชมพู /////////////////////////////////////////////////// */


#tablearm-green {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablearm-green table{text-align:center;}
#tablearm-green th{font-size:13px;font-weight:bold;background-color:#2BA942;color:#fff;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #555;}
#tablearm-green td{background-color:#E6FFEB;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #555;}
#tablearm-green tr:nth-child(even) td{background-color:#CFFFD9;color:#000;}
#tablearm-green tr:hover td{background-color:#9FFFB2;color:#000;}
.tablearm-green-hl {background-color:#9FFFB2 !important;color:#000; }

#tablearm-green-noline {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablearm-green-noline table{text-align:center;}
#tablearm-green-noline th{font-size:13px;font-weight:bold;background-color:#53F070;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #ddd;}
#tablearm-green-noline td{background-color:#C0FFCD;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #ddd;}
#tablearm-green-noline tr:nth-child(even) td{background-color:#98FDAC;color:#000;}
#tablearm-green-noline tr:hover td{background-color:#30FF50;color:#000;}
.tablearm-green-noline-hl {background-color:#30FF50 !important;color:#000; }

#tablearm-green-noline2 {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablearm-green-noline2 table{text-align:center;}
#tablearm-green-noline2 th{font-size:13px;font-weight:bold;background-color:#04B45F;color:#fff;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #ddd;}
#tablearm-green-noline2 td{background-color:#D0FFDA;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #ddd;}
#tablearm-green-noline2 tr:nth-child(even) td{background-color:#B5FFC4;color:#000;}
#tablearm-green-noline2 tr:hover td{background-color:#77FF8C;color:#000;}
.tablearm-green-noline2-hl {background-color:#77FF8C !important;color:#000; }


#tablearm-pink {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablearm-pink table{text-align:center;}
#tablearm-pink th{font-size:13px;font-weight:bold;background-color:#FF64AA;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #555;}
#tablearm-pink td{background-color:#FFC0E4;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #555;}
#tablearm-pink tr:nth-child(even) td{background-color:#FF9FCE;color:#000;}
#tablearm-pink tr:hover td{background-color:#FF5AA7;color:#000;}
.tablearm-pink-hl {background-color:#FF5AA7 !important;color:#000; }

#tablearm-pink-noline {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablearm-pink-noline table{text-align:center;}
#tablearm-pink-noline th{font-size:13px;font-weight:bold;background-color:#FF64AA;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #ddd;}
#tablearm-pink-noline td{background-color:#FFC0E4;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #ddd;}
#tablearm-pink-noline tr:nth-child(even) td{background-color:#FF9FCE;color:#000;}
#tablearm-pink-noline tr:hover td{background-color:#FF5AA7;color:#000;}
.tablearm-green-noline-hl {background-color:#FF5AA7 !important;color:#000; }

#tablearm-yellow {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablearm-yellow table{text-align:center;}
#tablearm-yellow th{font-size:13px;font-weight:bold;background-color:#FFE364;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #555;}
#tablearm-yellow td{background-color:#FFF7C0;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #555;}
#tablearm-yellow tr:nth-child(even) td{background-color:#FFF19F;color:#000;}
#tablearm-yellow tr:hover td{background-color:#FFE75A;color:#000;}
.tablearm-yellow-hl {background-color:#FFE75A !important;color:#000; }

#tablearm-yellow-noline {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablearm-yellow-noline table{text-align:center;}
#tablearm-yellow-noline th{font-size:13px;font-weight:bold;background-color:#FFEA8A;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #fff;}
#tablearm-yellow-noline td{background-color:#FFF9CC;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #ddd;color:#000;}
#tablearm-yellow-noline tr:nth-child(even) td{background-color:#FFF6BC;color:#000;}
#tablearm-yellow-noline tr:hover td{background-color:#FFEB72;color:#000;}
.tablearm-yellow-noline-hl {background-color:#FFEB72 !important;color:#000; }

#tablearm-blue {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablearm-blue table{text-align:center;}
#tablearm-blue th{font-size:13px;font-weight:bold;background-color:#64ADFF;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #555;}
#tablearm-blue td{background-color:#B7DBFF;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #555;}
#tablearm-blue tr:nth-child(even) td{background-color:#9FD1FF;color:#000;}
#tablearm-blue tr:hover td{background-color:#3D9FFF;color:#fff;}
#tablearm-blue tr:hover td a{background-color:#3D9FFF;color:#fff;}
.tablearm-blue-hl {background-color:#3D9FFF !important;color:#fff; }

#tablearm-blue-noline {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablearm-blue-noline table{text-align:center;}
#tablearm-blue-noline th{font-size:13px;font-weight:bold;background-color:#64ADFF;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #ddd;}
#tablearm-blue-noline td{background-color:#B7DBFF;color:#000;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #ddd;}
#tablearm-blue-noline tr:nth-child(even) td{background-color:#9FD1FF;color:#000;}
#tablearm-blue-noline tr:hover td{background-color:#3D9FFF;color:#000;}
.tablearm-blue-noline-hl {background-color:#3D9FFF !important;color:#000; }

#tablearm-blue-noline2 {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablearm-blue-noline2 table{text-align:center;}
#tablearm-blue-noline2 th{font-size:13px;font-weight:bold;background-color:#4495F2;color:#fff;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #fff;}
#tablearm-blue-noline2 td{background-color:#F2FAFF;color:#000;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #fff;}
#tablearm-blue-noline2 tr:nth-child(even) td{background-color:#E1F1FF;color:#000;}
#tablearm-blue-noline2 tr:hover td{background-color:#AED7FF;color:#000;}
.tablearm-blue-noline2-hl {background-color:#AED7FF !important;color:#000; }

table.tablearm-blue-noline3 {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
table.tablearm-blue-noline3 table{text-align:center;}
table.tablearm-blue-noline3 th{font-size:13px;font-weight:bold;background-color:#4495F2;color:#fff;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #bbb;}
table.tablearm-blue-noline3 td {background-color:#F2FAFF;color:#000;padding:4px;text-align: center;border: 1px solid #ddd;}
table.tablearm-blue-noline3 tr:nth-child(even) td{background-color:#fff;color:#000;vertical-align: middle;}
table.tablearm-blue-noline3 tr:nth-child(odd) td{vertical-align: middle;}
table.tablearm-blue-noline3 tr:hover td{background-color:#D2EBFF;color:#000;vertical-align: middle;}
table.tablearm-blue-noline3-hl {background-color:#DEF0FF !important;color:#000; }

#tablearm-blue-noline-nohover {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;text-align:left;border-collapse:collapse;}
#tablearm-blue-noline-nohover table{text-align:center;}
#tablearm-blue-noline-nohover th{font-size:13px;font-weight:bold;background-color:#4495F2;color:#fff;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #fff;}
#tablearm-blue-noline-nohover td{background-color:#D0E8FF;color:#000;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #fff;}

#tablearm-blue1 {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablearm-blue1 table{text-align:center;}
#tablearm-blue1 th{font-size:13px;font-weight:bold;background-color:#FF8064;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #555;}
#tablearm-blue1 td{background-color:#FFC4B8;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #555;}
#tablearm-blue1 tr:nth-child(even) td{background-color:#FFB09F;color:#000;}
#tablearm-blue1 tr:hover td{background-color:#FF613D;color:#000;}
.tablearm-blue-hl {background-color:#FF613D !important;color:#000; }

/*font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;*/
#tablearm-formbw {font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablearm-formbw table{text-align:center;}
#tablearm-formbw th{font-size:13px;font-weight:bold;background-color:#1C1C1C;color:#fff;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #fff;}
#tablearm-formbw td{background-color:#D5D5D5;color:#000;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #fff;}
#tablearm-formbw tr:nth-child(even) td{background-color:#E1E1E1;color:#000;}
#tablearm-formbw tr:hover td{background-color:#EDEDED;color:#000;}

.tablearm-formbw {font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
.tablearm-formbw table{text-align:center;}
.tablearm-formbw th{font-size:13px;font-weight:bold;background-color:#1C1C1C;color:#fff;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #fff;}
.tablearm-formbw td{background-color:#F1F1F1;color:#000;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #fff;}
.tablearm-formbw tr:nth-child(even) td{background-color:#F7F7F7;color:#000;}
.tablearm-formbw tr:hover td{background-color:#EDEDED;color:#000;}
.tablearm-formbw-hl {background-color:#30FF50 !important;color:#000; }

#tablearm-formbb {font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablearm-formbb table{text-align:center;}
#tablearm-formbb th{font-size:13px;font-weight:bold;background-color:#3E5266;color:#fff;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #fff;}
#tablearm-formbb td{background-color:#FCFCFC;color:#000;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #fff;}
#tablearm-formbb tr:nth-child(even) td{background-color:#F5F5F5;;color:#000;}
#tablearm-formbb tr:hover td{background-color:#EDEDED;color:#000;}

.tablearm-formgreen {font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
.tablearm-formgreen table{text-align:center;}
.tablearm-formgreen th{font-size:13px;font-weight:bold;background-color:#1BB57A;color:#fff;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #fff;}
.tablearm-formgreen td{background-color:#D5D5D5;color:#000;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #fff;}
.tablearm-formgreen tr:nth-child(even) td{background-color:#E1E1E1;color:#000;}
.tablearm-formgreen tr:hover td{background-color:#EDEDED;color:#000;}

.tablearm-green {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
.tablearm-green table{text-align:center;}
.tablearm-green th{font-size:13px;font-weight:bold;background-color:#53F070;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #555;}
.tablearm-green td{background-color:#C0FFCD;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #555;}
.tablearm-green tr:nth-child(even) td{background-color:#98FDAC;color:#000;}
.tablearm-green tr:hover td{background-color:#30FF50;color:#000;}

.tablearm-green-noline {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
.tablearm-green-noline table{text-align:center;}
.tablearm-green-noline th{font-size:13px;font-weight:bold;background-color:#53F070;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #555;}
.tablearm-green-noline td{background-color:#C0FFCD;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #555;}
.tablearm-green-noline tr:nth-child(even) td{background-color:#98FDAC;color:#000;}
.tablearm-green-noline tr:hover td{background-color:#30FF50;color:#000;}


.tablearm-pink {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
.tablearm-pink table{text-align:center;}
.tablearm-pink th{font-size:13px;font-weight:bold;background-color:#FF64AA;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #555;}
.tablearm-pink td{background-color:#FFC0E4;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #555;}
.tablearm-pink tr:nth-child(even) td{background-color:#FF9FCE;color:#000;}
.tablearm-pink tr:hover td{background-color:#FF5AA7;color:#000;}

.tablearm-pink-noline {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
.tablearm-pink-noline table{text-align:center;}
.tablearm-pink-noline th{font-size:13px;font-weight:bold;background-color:#FF64AA;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #555;}
.tablearm-pink-noline td{background-color:#FFC0E4;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #555;}
.tablearm-pink-noline tr:nth-child(even) td{background-color:#FF9FCE;color:#000;}
.tablearm-pink-noline tr:hover td{background-color:#FF5AA7;color:#000;}

.tablearm-yellow {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
.tablearm-yellow table{text-align:center;}
.tablearm-yellow th{font-size:13px;font-weight:bold;background-color:#FFE364;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #555;}
.tablearm-yellow td{background-color:#FFF7C0;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #555;}
.tablearm-yellow tr:nth-child(even) td{background-color:#FFF19F;color:#000;}
.tablearm-yellow tr:hover td{background-color:#FFE75A;color:#000;}

.tablearm-yellow-noline {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
.tablearm-yellow-noline table{text-align:center;}
.tablearm-yellow-noline th{font-size:13px;font-weight:bold;background-color:#FFE364;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #ddd;}
.tablearm-yellow-noline td{background-color:#FFF7C0;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #ddd;}
.tablearm-yellow-noline tr:nth-child(even) td{background-color:#FFF19F;color:#000;}
.tablearm-yellow-noline tr:hover td{background-color:#FFE75A;color:#000;}

.tablearm-blue {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
.tablearm-blue table{text-align:center;}
.tablearm-blue th{font-size:13px;font-weight:bold;background-color:#64ADFF;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #555;}
.tablearm-blue td{background-color:#B7DBFF;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #555;}
.tablearm-blue tr:nth-child(even) td{background-color:#9FD1FF;color:#000;}
.tablearm-blue tr:hover td{background-color:#3D9FFF;color:#fff;}
.tablearm-blue tr:hover td a{background-color:#3D9FFF;color:#fff;}

.tablearm-blue-noline {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
.tablearm-blue-noline table{text-align:center;}
.tablearm-blue-noline th{font-size:13px;font-weight:bold;background-color:#64ADFF;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #ddd;}
.tablearm-blue-noline td{background-color:#B7DBFF;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #ddd;}
.tablearm-blue-noline tr:nth-child(even) td{background-color:#9FD1FF;color:#000;}
.tablearm-blue-noline tr:hover td{background-color:#3D9FFF;color:#000;}

.tablearm-bluewhite-noline {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
.tablearm-bluewhite-noline table{text-align:center;}
.tablearm-bluewhite-noline th{font-size:13px;font-weight:bold;background-color:#2A6FD6;color:#fff;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #ddd;}
.tablearm-bluewhite-noline td{background-color:#F7FCFF;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #ddd;word-break: break-all;}
.tablearm-bluewhite-noline tr:nth-child(even) td{background-color:#EDF6FF;color:#000;}
.tablearm-bluewhite-noline tr:hover td{background-color:#C0FF7C;color:#000;word-break: break-all;}


.tablearm-blue1 {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
.tablearm-blue1 table{text-align:center;}
.tablearm-blue1 th{font-size:13px;font-weight:bold;background-color:#FF8064;color:#000;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #555;}
.tablearm-blue1 td{background-color:#FFC4B8;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #555;}
.tablearm-blue1 tr:nth-child(even) td{background-color:#FFB09F;color:#000;}
.tablearm-blue1 tr:hover td{background-color:#FF613D;color:#000;}

/*/////////////////// table report ////////////////////////*/
.tablereport table{text-align:center;font-size:12px;border-collapse:collapse;}
.tablereport th{font-size:13px;font-weight:bold;color:#fff;padding:6px;vertical-align: middle;text-align: center;}
.tablereport td{color:#000;padding:4px;vertical-align: middle;text-align: center;}

#tablereport-blue {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablereport-blue table{text-align:center;}
#tablereport-blue th{font-size:13px;font-weight:bold;background-color:#0080FF;color:#fff;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #81BEF7;}
#tablereport-blue td{background-color:#C0E0FF;color:#000;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #81BEF7;}
#tablereport-blue tr:nth-child(even) td{background-color:#fff;color:#000;}

#tablereport-green {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablereport-green table{text-align:center;}
#tablereport-green th{font-size:13px;font-weight:bold;background-color:#6DB21D;color:#fff;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #CFEB92;}
#tablereport-green td{background-color:#F9FFEB;color:#000;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #CFEB92;}
#tablereport-green tr:nth-child(even) td{background-color:#fff;color:#000;}

#tablereport-pink {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;width:100%;text-align:left;border-collapse:collapse;}
#tablereport-pink table{text-align:center;}
#tablereport-pink th{font-size:13px;font-weight:bold;background-color:#FF5FB0;color:#fff;padding:6px;vertical-align: middle;text-align: center;border: 1px solid #FFB7DB;}
#tablereport-pink td{background-color:#FFEDF6;color:#000;padding:4px;vertical-align: middle;text-align: center;border: 1px solid #FFB7DB;}
#tablereport-pink tr:nth-child(even) td{background-color:#fff;color:#000;}
/*
#tablereport-blue tr:hover td{background-color:#3D9FFF;color:#fff;}
#tablereport-blue tr:hover td a{background-color:#3D9FFF;color:#fff;}*/
/*//////////////////////////////////////////// สีชมพู /////////////////////////////////////////////////// */

#armtooltip {width:100%;}
#armtooltip th{padding:1px;vertical-align:middle;text-align:center;font-weight:bold;}
#armtooltip td{padding:1px;vertical-align:middle;text-align:center;}

.armtooltip {width:100%;}
.armtooltip th{padding:1px;vertical-align:middle;text-align:center;font-weight:bold;background-color:#3472CF;color:#FFF;border: 1px solid #0E49E0;}
.armtooltip td{padding:1px;vertical-align:middle;text-align:center;background-color:#FFF;color:#000;border: 1px solid #0E49E0;}

.armtooltipstered  {width:100%;}
.armtooltipstered th{padding:1px;vertical-align:middle;text-align:center;font-weight:bold;background-color:#3472CF;color:#FFF;border: 1px solid #2A6FD6;}
.armtooltipstered td{padding:1px;vertical-align:middle;text-align:center;background-color:#FFF;color:#000;border: 1px solid #2A6FD6;}


.panel-heading { font-size: 13.5px; }
.panel-armpink1 {  border-color: #FF41DA; }
.panel-armpink1 > .panel-heading { color: #fff;  background-color: #FF83EB;}
.panel-armpink1 > .panel-body { color: #000; background-color: #FFD3F9;}

.panel-armblue1 {  border-color: #3975FF; }
.panel-armblue1 > .panel-heading { color: #fff;  background-color: #58ACFA;}
.panel-armblue1 > .panel-body { color: #000; background-color: #C6DDFF;}

.panel-formb {  border-top-color: #58ACFA; }
.panel-formb > .panel-heading { color: #fff; border-color: #58ACFA; background-color: #58ACFA; font-weight:bold;}
.panel-formb > .panel-body { color: #000; background-color: #FAFAFA;}

.panel-formg {  border-top-color: #4ADA81; }
.panel-formg > .panel-heading { color: #fff; border-color: #4ADA81; background-color: #4ADA81; font-weight:bold;}
.panel-formg > .panel-body { color: #000; background-color: #FAFAFA;}

/* maroon สีแดงเข็ม เลือดหมู*/
.panel-maroon {  border-color: #800000; }
.panel-maroon > .panel-heading { color: #fff; border-color: #800000; background-color: #800000; font-weight:bold;}
.panel-maroon > .panel-body { color: #000; background-color: #FAFAFA;}

.panel-armorange1 {  border-color: #FFBD2D; }
.panel-armorange1 > .panel-heading { color: #fff;  background-color: #FFCA54;}
.panel-armorange1 > .panel-body { color: #000; background-color: #FFECC8;}

.panel-armgreen1 {  border-color: #00C649; }
.panel-armgreen1 > .panel-heading { color: #fff;  background-color: #4ADA81; font-weight:bold;}
.panel-armgreen1 > .panel-body { color: #000; background-color: #C8FFDD;}

.panel-armyellow1 {  border-color: #FFF92E; }
.panel-armyellow1 > .panel-heading { color: #fff;  background-color: #EAE863;}
.panel-armyellow1 > .panel-body { color: #000; background-color: #FFFFC8;}


input[type="text"]:disabled {
    background-color: #eeeeee;
	cursor: not-allowed;
    opacity: 1;
}

.form-group.required .control-label:after {
  content:" *";
  color:red;
}
.form-group.required .control-label {
  padding-right: 7px;
}

.control-label.required:after{
  content:" *";
  color:red;
}


/*input[readonly] ,input[readonly="readonly"] ,input[readonly=""] {
    background-color: #eeeeee;
	cursor: not-allowed;
    opacity: 1;
}*/

div.navbar-arm ul.navbar-nav a { color: #fff; border-style: solid; border-width: 0 0 2px 0; border-color: #222222;}
div.navbar-arm ul.navbar-nav li.open a { border-color: #baff3b; }
div.navbar-arm ul.navbar-nav a:hover,
div.navbar-arm ul.navbar-nav a:focus { border-color: #baff3b;background-color: #000;}

/*

div.navbar-arm ul.navbar-nav:after {content: ''; display: block; margin: auto; height: 2px; width: 0px; background-color: transparent; transition: width .4s ease, background-color .4s ease;}

div.navbar-arm ul.navbar-nav:hover:after { width: 100%; border-bottom:solid #00C0F3 2px;}


/*
width .4s ease, background-color .4s ease
div.navbar-arm ul.navbar-nav:hover,
div.navbar-arm ul.navbar-nav:focus { 
border-color: #ddd;background-color: #000;transition:width .4s ease, background-color .4s ease; }*/



div.navbar-arm ul.dropdown-menu > li > a {color:#000;border-width:0 0 0 0;}
div.navbar-arm ul.dropdown-menu > li.active > a {background-color:#428bca;color:#fff;border-width:0 0 0 0;}
div.navbar-arm ul.dropdown-menu > li.active > a:focus,
div.navbar-arm ul.dropdown-menu > li.active > a:hover {background-color:#428bca;color:#fff;border-width: 0 0 0 0;}
div.navbar-arm ul.dropdown-menu > li > a:hover { background-color:#ddd; color:#000; }

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
}

.hr-warning{  background-image: -webkit-linear-gradient(left, rgba(210,105,30,.8), rgba(210,105,30,.6), rgba(0,0,0,0));}
.hr-success{  background-image: -webkit-linear-gradient(left, rgba(15,157,88,.8), rgba(15, 157, 88,.6), rgba(0,0,0,0));}
.hr-primary{  background-image: -webkit-linear-gradient(left, rgba(66,133,244,.8), rgba(66, 133, 244,.6), rgba(0,0,0,0));}
.hr-danger{  background-image: -webkit-linear-gradient(left, rgba(244,67,54,.8), rgba(244,67,54,.6), rgba(0,0,0,0));}


.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th {
    border: none;
}

.ui-autocomplete-loading {
	background: white url('../armjs/img/loading-ui.gif') right center no-repeat;
}
.armauto-select[readonly] {
	background-color: #D8FFF5;
	border-color: #4DD9B1;
	padding-right: 22px;

}

.armauto-icon {
	font-size:14px;
	float: right;
	margin-right: 6px;
	margin-top: -22px;
	position: relative;
	z-index: 1;
	color: #FF2E2E;
	cursor:pointer;
}

/*### กระพริบ */
.blink {
    animation-duration: 0.50s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0.1;
    }
}


.text-red {
	color : #FF0000;
}

.text-orange {
	color : #FF8000;
}

.text-yellow {
	color : #FFFF00;
}

.text-green {
	color : #00FF00;
}

.text-blue {
	color : #0000FF;
}

.text-bluesky {
	color : #0080FF;
}

.text-pink {
	color : #FF0080;
}

.label-primary, .badge-primary {
	background-color: #2A6FD6;
	border-color: #2A6FD6;
}

.label-danger, .badge-danger {
    background-color: #da4453;
    border-color: #da4453;
}

.label-success, .badge-success {
    background-color: #8cc152;
    border-color: #8cc152;
}

.update-nag{
  display: inline-block;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  height: 40px;
  -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
  margin-bottom: 10px;
}

.update-nag:hover{
    cursor: pointer;
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.4);
  box-shadow: 0 1px 1px 0 rgba(0,0,0,.3);
}

.update-nag > .update-split{
  background: #337ab7;
  width: 33px;
  float: left;
  color: #fff!important;
  height: 100%;
  text-align: center;
}

.update-nag > .update-split > .glyphicon{
  position:relative;
  top: calc(50% - 9px)!important; /* 50% - 3/4 of icon height */
}
.update-nag > .update-split.update-success{
  background: #5cb85c!important;
}

.update-nag > .update-split.update-danger{
  background: #d9534f!important;
}

.update-nag > .update-split.update-info{
  background: #5bc0de!important;
}

.update-nag > .update-text{
  line-height: 19px;
  padding-top: 11px;
  padding-left: 45px;
  padding-right: 20px;
}

.arm_total,.arm_total[readonly],.arm_total[disabled]{
	text-align:right;
	background-color:#696969;
	color:#82FAFF;
	font-weight:bold;
}

.armviewimg {
   /* margin: 10px 10px 10px 10px; */
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; /* Safari */
}

.armviewimg:hover {
	position: relative;
	cursor: pointer;
	-webkit-transform: scale(2, 2);
    -ms-transform: scale(2, 2);
    transform: scale(2, 2);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s; /* Safari */
    box-shadow: 10px 10px 5px #888888;
    z-index: 1049;
}

.navbar-brand {
    padding: 15px 5px;
}
.dataTables_info ,.dataTables_length {
	width: 250px;
}

/* table.table_list_car > tbody > tr > th { padding:0px;font-size:10.5px; } */
table.table_list_car > thead > tr > th { padding:0px;font-size:10.5px;background-color:#0E7754;color:#fff;text-align: center; }
table.table_list_car > tbody > tr > th { padding:0px;font-size:10.5px;background-color:#0E7754;color:#fff;text-align: center; }
table.table_list_car tr:nth-child(1n) td { padding:0px;background-color:#fff;text-align: center; }
table.table_list_car tr:nth-child(2n) td { padding:0px;background-color:#fff;text-align: center; }
table#table_list_car > tbody > tr > th { padding:0px;font-size:10.5px;background-color:#0E7754;color:#fff; }
table#table_list_car > thead > tr > th { padding:0px;font-size:10.5px;background-color:#0E7754;color:#fff; }
table#table_list_car tr:nth-child(1n) td { padding:0px;background-color:#fff; }
table#table_list_car tr:nth-child(2n) td { padding:0px;background-color:#fff; }

.scroll_jspanel {
    overflow:scroll;
    height:600px;
}


.signature_ {
	border: 2px solid #CD0000;
    /* overflow:scroll; */
	
	
}
.jSignature:after {
	
	border: 2px solid #CD0000;
    /* overflow:scroll; */
    /* height:60px; */
	
}