.title {
    font-weight: bold;
}
td.left {
    text-align: left;
}
.btn-base {
    cursor: pointer;
    min-width: 80px;
    text-align: center;
}
.btn-base-flex {
    cursor: pointer;
    text-align: center;
}

.under-line-single {
    border-bottom: 1px solid #000;
}
.under-line-double {
    text-decoration: underline;
    border-bottom: 1px solid #000;
}

input[type=text]:disabled {
    background: #989898;
    color: #313131;
}
.text-right {
    text-align: right;
    margin-right: 2px;
}

.required {
    color: red;
    font-weight: bold;
    font-size: 10px;
}
.invalid{
    font-size: 10px;
}
.valid-sum{
    font-size: 10px;
}

/*.custom-title {
    background-color: #F37F2D; 
    border: 1px solid #F24F00;
    padding: 2px 0px 2px 4px;
    color: #fff; 
}*/


/*Gridview APS.NET*/
/*----------------------------------------------------------------*/
.aspnet-custom-grid {   
    width: 100%;
    background-color: #fff;/**/
    margin: 5px 0 10px 0;
    border: solid 1px #F24F00;/*#525252 */
    border-collapse:collapse;
}  
.aspnet-custom-grid td {   
    padding: 2px;
    border: solid 1px #F24F00;/*c1c1c1*/
    color: #717171;
}  
.aspnet-custom-grid th {   
    padding: 4px 2px;   
    color: #fff;   
    background: #F37F2D;  /*424242*/
    border-left: solid 1px #F24F00;   
    font-size: 0.9em;   
}    
.aspnet-custom-grid tbody>tr.row-item:hover {  
    background-color: #ffd086;
}
.aspnet-custom-grid .alt { background: #fcfcfc; }  
.aspnet-custom-grid .pager { background: #f3a62d;/*424242*/ }  
.aspnet-custom-grid .pager table { margin: 5px 0; }  
.aspnet-custom-grid .pager td {   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
.aspnet-custom-grid .pager a { color: #666; text-decoration: none; }  
.aspnet-custom-grid .pager a:hover { color: #000; text-decoration: none; }  

/*----------------------------------------------------------------*/
.aspnet-custom-grid-order {   
    width: 100%;
    background-color: #fff;
    margin: 5px 0 10px 0;
    border: solid 1px #26a8cb;
    border-collapse: collapse;
}  
.aspnet-custom-grid-order td {   
    padding: 2px;
    border: solid 1px #26a8cb;
    color: #26a8cb;
}  
.aspnet-custom-grid-order th {   
    padding: 4px 2px;   
    color: #26a8cb;   
    background: #94daeb; 
    border-left: solid 1px #26a8cb;   
    font-size: 0.9em;   
}    


/*BG form ******************************************/
/**/
.bg-formA-top {
    display: block;
    background-image: url(../images/bg/bg_order_top.png);
    background-repeat: no-repeat;
    height: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.bg-formA-middle {
    background-image: url(../images/bg/bg_order_middle.png);
    background-repeat: repeat-y;
    margin-top: 0px;
    margin-bottom: 0px;
}
.bg-formA-bottom {
    background-image: url(../images/bg/bg_order_bottom.png);
    background-repeat: no-repeat;
    height: 107px;
    margin-top: 0px;
}
.bg-formA-bottom-no {
    background-image: url(../images/bg/bg_order_bottom-no.png);
    background-repeat: no-repeat;
    height: 107px;
    margin-top: 0px;
}
/**/
.bg-formB-top {
    display: block;
    background-image: url(../images/bg/bg_receive_top.png);
    background-repeat: no-repeat;
    height: 55px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.bg-formB-middle {
    background-image: url(../images/bg/bg_receive_middle.png);
    background-repeat: repeat-y;
    margin-top: 0px;
    margin-bottom: 0px;
}
.bg-formB-bottom {
    background-image: url(../images/bg/bg_receive_bottom.png);
    background-repeat: no-repeat;
    height: 54px;
    margin-top: 0px;
}
.bg-formB-bottom-no {
    background-image: url(../images/bg/bg_receive_bottom-no.png);
    background-repeat: no-repeat;
    height: 54px;
    margin-top: 0px;
}
/**/
.bg-formC-top {
    display: block;
    background-image: url(../images/bg/bg_kart_top.png);
    background-repeat: no-repeat;
    height: 70px;
    margin-top: 0px;
    margin-bottom: 0px;
}
.bg-formC-middle {
    background-image: url(../images/bg/bg_kart_middle.png);
    background-repeat: repeat-y;
    margin-top: 0px;
    margin-bottom: 0px;
}
.bg-formC-bottom {
    background-image: url(../images/bg/bg_kart_bottom.png);
    background-repeat: no-repeat;
    height: 110px;
    margin-top: 0px;
}
.bg-formC-bottom-no {
    background-image: url(../images/bg/bg_kart_bottom-no.png);
    background-repeat: no-repeat;
    height: 110px;
    margin-top: 0px;
}
.bg-formC-bottom-back {
    background-image: url(../images/bg/bg_kart_bottom-back.png);
    background-repeat: no-repeat;
    height: 110px;
    margin-top: 0px;
}



/*Modal Popup ******************************************/
.modal-popup {
    background: #fff;
    filter:alpha(opacity = 70);
    opacity: 0.7;
    z-index: 9999 !important;
}
.modal-popup-announce {
    background: #fff;
    filter:alpha(opacity = 80);
    opacity: 0.7;
    z-index: 9999999 !important;
    border: 1px solid #F37F2D;
}
.modal-panel {
    background: #fff;
	border: 2px solid #F37F2D;
    padding: 4px 4px 4px 4px;
    /*z-index: 1000;*/
    /*height: 480px;
    overflow-y: scroll;*/
}
.modal-panel .modal-header span {
	font-family: "Phetsarath OT";
	font-size: 14px;
	color: #f78822;
    font-weight: bold;
}
.modal-panel .modal-content {
    display: block;
}
.modal-panel .cancel-popup {
	position: absolute;
	left: 50%;
	bottom: -52px;
	cursor: pointer;
	outline:none;
}

/*Modal Wait Popup ******************************************/
.modal-wait {
    background: #fff;
    filter:alpha(opacity = 70);
    opacity: 0.7;
    z-index: 9999999 !important;
}
.modal-wait-panel {
    background: #fff;
	border: 2px dotted #F37F2D;
    padding: 6px 6px 6px 6px;
    /*border-radius: 20px;
    -moz-border-radius: 6px;*/
}
.modal-wait-panel div {
    display: block;
}
.modal-wait-panel .box {
    margin: 4px 54px 4px 54px;
}
.modal-wait-panel .box .image {
    text-align: center;
}
.modal-wait-panel .box .text {
    text-align: center;
    color: #444444;
    font-size: 12px;
}






.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-outline-orange {
	color: #ffc107;
	background-color: transparent;
	background-image: none;
	border-color: #ffc107;
}
.btn-outline-orange:hover {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn-outline-orange:focus, .btn-outline-orange.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-outline-orange.disabled, .btn-outline-orange:disabled {
	color: #ffc107;
	background-color: transparent;
}
.btn-outline-orange:not(:disabled):not(.disabled):active, .btn-outline-orange:not(:disabled):not(.disabled).active,
.show > .btn-outline-orange.dropdown-toggle {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn-outline-orange:not(:disabled):not(.disabled):active:focus, .btn-outline-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-orange.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-primary {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}
.btn-primary:hover {
	color: #fff;
	background-color: #0069d9;
	border-color: #0062cc;
}
.btn-primary:focus, .btn-primary.focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #007bff;
	border-color: #007bff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #0062cc;
	border-color: #005cbf;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-orange {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn-orange:hover {
	color: #212529;
	background-color: #e0a800;
	border-color: #d39e00;
}
.btn-orange:focus, .btn-orange.focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}
.btn-orange.disabled, .btn-orange:disabled {
	color: #212529;
	background-color: #ffc107;
	border-color: #ffc107;
}
.btn-orange:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
	color: #212529;
	background-color: #d39e00;
	border-color: #c69500;
}
.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
	box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}