@charset "utf-8";

.w90        { width:90%; }
.w80        { width:80%; }
.w70        { width:68%; }
.w60        { width:60%; }
.w50        { width:48%; }
.w40        { width:40%; }
.w35        { width:34%; }
.w30        { width:29%; }
.w20        { width:20%; }
.w15        { width:15%; }
.w12        { width:12%; }
.w10        { width:10%; }
.w8         { width:8%; }
.w5         { width:5%; }
.w2         { width:2%; }

.w500px     { width:500px; }
.w400px     { width:400px; }
.w350px     { width:350px; }
.w300px     { width:300px; }
.w250px     { width:250px; }
.w200px     { width:200px; }
.w150px     { width:150px; }
.w100px     { width:100px; }
.w50px     { width:50px; }
.w30px     { width:30px; }
.w25px     { width:25px; }
.w20px     { width:20px; }

.t-center   {text-align:    center !important;}
.t-right   {text-align:    right !important;}
.t-left   {text-align:    left !important;}
.f-left     {float: left !important;}
.f-right     {float: right !important;}

.push       {margin-right:20px !important;}

.t-smaller  {font-size:smaller;}

.t-buttonbox .btn-success   {margin-top: 40px; margin-bottom: 20px; }

/*** table column color *********/
.table>thead>tr>.success,.table>tbody>tr>.success,.table>tfoot>tr>.success,.table>thead>.success>td,.table>tbody>.success>td,.table>tfoot>.success>td,.table>thead>.success>th,.table>tbody>.success>th,.table>tfoot>.success>th
	{
	background-color: #dff0d8 !important;
}

.table>thead>tr>.warning,.table>tbody>tr>.warning,.table>tfoot>tr>.warning,.table>thead>.warning>td,.table>tbody>.warning>td,.table>tfoot>.warning>td,.table>thead>.warning>th,.table>tbody>.warning>th,.table>tfoot>.warning>th,.table>caption>.warning
	{
	background-color: #ffffc2 !important;
}

.table>thead>tr>.danger,.table>tbody>tr>.danger,.table>tfoot>tr>.danger,.table>thead>.danger>td,.table>tbody>.danger>td,.table>tfoot>.danger>td,.table>thead>.danger>th,.table>tbody>.danger>th,.table>tfoot>.danger>th
	{
	background-color: #f2dede !important;
}

.table>thead>tr>.cancel,.table>tbody>tr>.cancel,.table>tfoot>tr>.cancel,.table>thead>.cancel>td,.table>tbody>.cancel>td,.table>tfoot>.cancel>td,.table>thead>.cancel>th,.table>tbody>.cancel>th,.table>tfoot>.cancel>th,.table>caption>.cancel
    {
    background-color: #CCCCCC !important;
}

/*** inline form *********/
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}


.attentionBox {
	background-color: #F0F0FF;
	margin: 3px 10px;
	padding: 3px 10px;
	border-radius: 3px ;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px ;
}

.attentionBox h3{
	font-size: 15px;
    line-height: 25px;
    display: inline;
}

.attentionBox p{
	display: inline;
	padding:0 10px;
}

/*** error passage ***/
.err{
	color:red;
	font-size:large;
}

.dlv-today-icon{
	width: 50px;
}


/*********************************************************************************/


#kccoec .table th {  padding: 5px;}
#kccoec .table td {
	   padding: 10px 5px;
	   line-height: 25px;
}

.data-changed{
	color: tomato!important;
	font-size: x-large;
}


.table_dlvm {
	width:100%;
    border:solid 1px gray;
    font-size:medium;
}

.table_dlvm th{
}
/*********************************************************************************/

table .invisible_td{
	display: none;
}

.ui-datepicker { z-index: 200 !important; }

/*********************************************************************************/
.btncss_m2,
.btncss_m1{
	margin:15px 0;
    font-size:16px;
    font-family:Arial;
    font-weight:normal;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius:8px;
    padding:9px 18px;
    text-decoration:none;
}

.btncss_m1 {
    border:1px solid #83c41a;
    background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
    background:-ms-linear-gradient( top, #9dce2c 5%, #8cb82b 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #9dce2c), color-stop(100%, #8cb82b) );
    background-color:#9dce2c;
    color:#ffffff;
    display:inline-block;
    text-shadow:1px 1px 0px #689324;
    -webkit-box-shadow:inset 1px 1px 0px 0px #c1ed9c;
    -moz-box-shadow:inset 1px 1px 0px 0px #c1ed9c;
    box-shadow:inset 1px 1px 0px 0px #c1ed9c;
}.btncss_m1:hover {
    background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
    background:-ms-linear-gradient( top, #8cb82b 5%, #9dce2c 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #8cb82b), color-stop(100%, #9dce2c) );
    background-color:#8cb82b;
}.btncss_m1:active {
    position:relative;
    top:1px;
}


.btncss_m2 {
    border:1px solid #d83526;
    text-decoration:none;
    background:-moz-linear-gradient( center top, #fa665a 5%, #d34639 100% );
    background:-ms-linear-gradient( top, #fa665a 5%, #d34639 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa665a', endColorstr='#d34639');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fa665a), color-stop(100%, #d34639) );
    background-color:#fa665a;
    color:#ffffff;
    display:inline-block;
    text-shadow:1px 1px 0px #98231a;
    -webkit-box-shadow:inset 1px 1px 0px 0px #fab3ad;
    -moz-box-shadow:inset 1px 1px 0px 0px #fab3ad;
    box-shadow:inset 1px 1px 0px 0px #fab3ad;
}.btncss_m2:hover {
    background:-moz-linear-gradient( center top, #d34639 5%, #fa665a 100% );
    background:-ms-linear-gradient( top, #d34639 5%, #fa665a 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d34639', endColorstr='#fa665a');
    background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d34639), color-stop(100%, #fa665a) );
    background-color:#d34639;
}.btncss_m2:active {
    position:relative;
    top:1px;
}
.tr-cap{
	caption-side: top;
	text-align: right;
}
.h-3rem{
	height: 3rem;
}
.v-center{
	display: table-cell;
	vertical-align: middle;
}
.separate{
	border-collapse: separate;
	border-spacing: 0.5rem;
}