.td-lt-1 {
	font-size: 15px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	width: 150px;
}

.td-detail {

	text-align: left;
	vertical-align: top;
	padding: 0;

}

.td-lt-2 {
	font-size: 15px;
	text-align: left;
	vertical-align: top;
	padding-right: 4px;
}

.td-lt-3 {
	font-size: 15px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	width: 300px;
}

.no {
	width: 50px;
	text-align: center;
}

/* table left  */
.tb-sz-l {
	text-align: left;
}

.tb-sz-l-xs {
	width: 50px;
	text-align: left;
}

.tb-sz-l-sm {
	width: 100px;
	text-align: left;
}

.tb-sz-l-md {
	width: 150px;
	text-align: left;
}

.tb-sz-l-lg {
	width: 200px;
	text-align: left;
}

.tb-sz-l-xl {
	width: 250px;
	text-align: left;
}

.tb-sz-l-30l {
	width: 300px;
	text-align: left;
}

.tb-sz-l-35l {
	width: 350px;
	text-align: left;
}

.tb-sz-l-40l {
	width: 400px;
	text-align: left;
}

.tb-sz-l-45l {
	width: 450px;
	text-align: left;
}

.tb-sz-l-50l {
	width: 500px;
	text-align: left;
}


/* table center */
.tb-sz-c {
	text-align: center;
}

.tb-sz-c-xs {
	width: 50px;
	text-align: center;
}

.tb-sz-c-sm {
	width: 100px;
	text-align: center;
}

.tb-sz-c-md {
	width: 150px;
	text-align: center;
}

.tb-sz-c-lg {
	width: 200px;
	text-align: center;
}

.tb-sz-c-xl {
	width: 250px;
	text-align: center;
}

.tb-sz-c-30l {
	width: 300px;
	text-align: center;
}

.tb-sz-c-35l {
	width: 350px;
	text-align: center;
}

.tb-sz-c-40l {
	width: 400px;
	text-align: center;
}

.tb-sz-c-45l {
	width: 450px;
	text-align: center;
}

.tb-sz-c-50l {
	width: 500px;
	text-align: center;
}


/* table right */
.tb-sz-r {
	text-align: right;
}

.tb-sz-r-xs {
	width: 50px;
	text-align: right;
}

.tb-sz-r-sm {
	width: 100px;
	text-align: right;
}

.tb-sz-r-md {
	width: 150px;
	text-align: right;
}

.tb-sz-r-lg {
	width: 200px;
	text-align: right;
}

.tb-sz-r-xl {
	width: 250px;
	text-align: right;
}

.tb-sz-r-30l {
	width: 300px;
	text-align: right;
}

.tb-sz-r-35l {
	width: 350px;
	text-align: right;
}

.tb-sz-r-40l {
	width: 400px;
	text-align: right;
}

.tb-sz-r-45l {
	width: 450px;
	text-align: right;
}

.tb-sz-r-50l {
	width: 500px;
	text-align: right;
}


#li-tab-1 {
	/* width: 100px; */
	text-align: center;
	/* padding-left: 0px;
	margin-left: 0px;
	margin-right: 0px; */
}

#link-tab-1 {
	/* width: 100px; */
	/* text-align: center; */
	/* padding-left: px; */
	padding-top: 6px;
	/* padding-right: 0px; */
	/* padding-bottom: 0px; */
	font-size: 1.3rem;
}


.info-order{
			background: #ff9049;
				width:100%;
				height:117px;
				color:white;
				font-weight:bold;
				text-align:center;
				font-family: Calbri;
				margin-bottom: 10px;
				box-shadow: 0px 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
				border-radius:0.25rem; ;
				width:100%;
				height:117px;
				color:white;
				font-weight:bold;
				text-align:center;
				font-family: Calbri;
				margin-bottom: 10px;
				box-shadow: 0px 5px 10px 2px rgba(88, 103, 221, 0.19) !important;
				border-radius:0.25rem;
	
}

.info-order-deadline{
	padding-right:0px; padding-left:0px;     background: #ff9049;
	width:100%;
	height:117px;
	color:white;
	font-weight:bold;
	text-align:center;
	font-family: Calbri;
	margin-bottom: 10px;
	box-shadow: 0px 1px 2px 0px rgba(88, 103, 221, 0.19) !important;
	border-radius:0.25rem;
}

.check-order{
	background-color:#0d1a8433;
	/* color:#efcccc; */
}
.link-order{
	color:white;
	
}
.center{
		text-align: center;
	
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.middle{
	vertical-align: middle;
}
.center-middle {
	text-align: center;
	vertical-align: middle;
}


.tb-dml{
	display: block; 
	min-height: 300px; 
	overflow-x: auto; 
	text-align: center;

	
}

.tb-dml-head{
	background: #225f9e;
	color: white
}

.middle{
	vertical-align: middle;
}

.table thead th {
    vertical-align: middle;
    padding: .5rem;
    /*border-bottom: 2px solid #f4f5f8;*/
}
.table tbody td {
    vertical-align: middle;
    padding: .5rem;
    /*border-bottom: 2px solid #f4f5f8;*/
}
/*.table th, .table td {
    padding: .75rem;
    vertical-align: middle;
    border-top: 1px solid #f4f5f8;
}*/

.canvasjs-chart-credit{
	display :none;
}


.modal-header{
	height: 3rem
}
 
/*@media screen and (min-width: 601px) {
  div.table-responsive {
    font-size: 13px;
  }
}*/

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
/*@media screen and (max-width: 600px) {
  div.table-responsive {
    font-size: 10px;
  }*/

  
@media screen and (min-width: 601px) {
  div.quote {
    font-size: 16px;
  }
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  div.quote {
    font-size: 14px;
  }
}


.value-dml-blue{
	font-size: 14px;

	color:#175a9c
}


.value-dml-blue-strong{
	font-size: 14px;
	font-weight: bold; 
	color:#175a9c
}
.value-dml-orange{
	font-size: 14px;
	font-weight: bold; 
	color:#ed6c01
}

.col-btn-spc{
	margin : 10px 10px 10px 10px;
}

.btn-spc{
	height: 85px; 
	width: 180px;
	white-space:normal;
	border-radius: 10px;
}


 @media screen and (max-width: 600px) {
.btn-spc {
    height: 60px; 
	width: 130px;
	padding: 0px 3px 0px 3px;
	font-size: 14px;
	text-align: center;
  }
}

@media screen and (max-width: 600px) {
 .col-btn-spc{
 	margin : 7px 7px 7px 7px;
 }
}


@media screen and (max-width: 1000px) {
.col-dml-res {
  	margin-left: 50px;
  }
}


@media screen and (max-width: 500px) {
.col-dml-res {
  	margin-left: 0px;
  }
}



@media screen and (max-width: 550px) {
.col-dml-res {
  	margin-left: 0px;
  }
}


@media screen and (max-width: 450px) {
.col-dml-res {
  	margin-left: 10px;
  }
}


@media screen and (max-width: 430px) {
.col-dml-res {
  	margin-left: 10px;
  }
}


@media screen and (max-width: 430px) {
  .btn-spc {
    height: 70px; 
	width: 150px;
	padding: 0px 3px 0px 3px;
	font-size: 14px;
	text-align: center;
  }
}


@media screen and (max-width: 420px) {
.col-dml-res {
  	margin-left: 10px;
  }
}


@media screen and (max-width: 420px) {
  .btn-spc {
    height: 70px; 
	width: 140px;
	padding: 0px 3px 0px 3px;
	font-size: 14px;
	text-align: center;
  }
}


@media screen and (max-width: 400px) {
.col-dml-res {
  	margin-left: 0px;
  }
}


@media screen and (max-width: 400px) {
  .btn-spc {
    height: 60px; 
	width: 130px;
	padding: 0px 3px 0px 3px;
	font-size: 14px;
	text-align: center;
  }
}

/*@media screen and (max-width: 300px) {
     .m-header-search .m-header-search__form {
    display: none;
  }
}*/


@media screen and (max-width: 1000px) {
     .m-header-search .m-header-search__wrapper {
    	
  
    text-align: right;
    background-color: #f0f1f6;
    border-radius: 30px;
    width : 100%;
    height: 30px;

  }
}

.m-badge-dml {
    background: #eaeaea;
    color: #444;
    font-size: 0.7rem;
    line-height: 16px;
    min-height: 13px;
    min-width: 16px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    padding: 0px 2px;
    border-radius: 3px;
    font-weight: bold;
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
/*@media screen and (max-width: 600px) {
 .btn-spc {
    font-size: 12px;
  }
}*/

.col-dml{
	/* flex: 0 0 12%; */
	max-width:12%;
	padding-left: 10px;
	padding-right: 10px;
}
.col-dml-btn{
	max-width:5.5%;
	padding-left: 10px;
	padding-right: 10px;
}

.col-sd{
	position: relative;
	display:block; 
	margin-top:5px ;
	width: 30px; 
	text-align:center;
}

@media (max-width: 768px) {
	.col-dml{
		/* flex: 0 0 12%; */
		position: relative;
		width: 50%;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		max-width:100%;
	}
	.col-dml-btn{
		position: relative;
		width: 50%;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		max-width:100%;

	}
	.col-sd{
		display: none;
	}
}

.img-dml{
	border-radius:8px ;border-style:solid; border-width:1px; border-color:#e0e0e0;
}