

.video-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 ºñÀ² */
  height: 0;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}









/* table */
.table thead th, .table tbody td {
	text-align: center;
	vertical-align: middle;
}


.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > thead > tr > td.danger,
.table > thead > tr > th.danger {
    background-color: #fff6f6;
}
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover {
    background-color: #fdd;
}

/* button */
.searchbox .searchbox__btn {
    right: 10px;
}

/* width */
.wp100 {width: 100% !important;}
.w20 {width: 20px !important;}
.w40 {width: 40px !important;}
.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w120 {width: 120px !important;}
.w140 {width: 140px !important;}
.w150 {width: 150px !important;}
.w160 {width: 160px !important;}
.w180 {width: 180px !important;}
.w200 {width: 200px !important;}
.w300 {width: 300px !important;}
.w400 {width: 400px !important;}
.w500 {width: 500px !important;}
.w600 {width: 600px !important;}
.w800 {width: 800px !important;}
.w1000 {width: 1000px !important;}

/* height */
.h100 {height: 100px !important;}
.h200 {height: 200px !important;}
.h300 {height: 300px !important;}
.h400 {height: 400px !important;}
.h600 {height: 600px !important;}
.h800 {height: 800px !important;}

/* align */
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right !important;
}

.form-inline .form-control {
	display: inline-block;
    width: auto;
    vertical-align: middle;
}

.form-control {
	color: #333 !important;
}

.form-inline .form-select {
	display: inline-block;
    width: auto;
}

.text-danger-imp {
	color: red !important;
}