@charset "utf-8";

/*-------------------------------------------------
	++ MAIN CONTENTS
-------------------------------------------------*/

/* TABLE */
.tasklist,
.settinglist {
	width:100%;
	}
.tasklist caption,
.settinglist caption {
	text-align:left;
	color:#666;
	font-size:132%;
	margin-bottom:10px;
	}
.tasklist.newtask {
	margin-top: 120px;
}
.tasklist tr {
	background-color:#FFF;
	}
.settinglist tr {
	background-color:#FFF;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
	}
.tasklist tr.holding {
	background-color:#EDF8FA;
	}
.tasklist.complete tr,
.settinglist.complete tr {
	background-color:#F7F7F7;
	}
.tasklist th,
.settinglist th {
	padding:20px 5px;
	background-color:#EDEEF2;
	color:#69757F;
	border-right:1px solid #FFF;
	font-weight:normal;
	font-size:93%;text-align:center;
	box-shadow:-1px 1px 0 0 #DDD inset;
	}
.settinglist th {width:250px;}
.tasklist th:first-child ,
.settinglist th:first-child {border-left:1px solid #DDD;}
.tasklist th:last-child ,
.settinglist th:last-child {border-right:0 solid #DDD;}

.tasklist td,
.settinglist td {
	padding:10px;
	vertical-align:middle;
	font-size:93%;
	border-bottom:1px solid #D6DDDD;
	text-align:center;
	}
.tasklist td:first-child ,
.settinglist td:first-child {border-left:1px solid #DDD;}
.tasklist td:last-child ,
.settinglist td:last-child {border-right:1px solid #DDD;}

.tasklist td.tl-work{text-align:left;}
.settinglist td{text-align:left;}

.nonCell {float:left;text-align:left;background-color:#FFF;}
.totalCell {
	float:right;
	text-align:right;
	background-color:#FFF;
	max-width:500px;
	border:1px solid #D9D9D9;
	border-bottom:1px solid #8C8C8C;
	border-radius:3px;
	padding:10px;
	}

.totalCell dl:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.totalCell dl {display: inline-block;}
* html .totalCell dl {height: 1%;}
.totalCell dl {display: block;}
.totalCell dl.agrAm {color:#000;font-weight:bold;}
.totalCell dl {display:block;clear:both;padding:3px;font-size:110%;}
.totalCell dl dt {display:inline-block;}
.totalCell dl dd {display:inline-block;}


/* SETTING */
.soDetail{display:block;height:24px;color:#FE5754;}
.settingList {width:100%;}
.settingList th {width:20%;font-weight:normal;padding:10px 5px;}
.settingList td {width:80%;padding:10px 5px;}

/*-------------------------------------------------
	++ BTN (A)
-------------------------------------------------*/
.btnYellow,
.btnGray,
.btnGreen,
.btnRed{
	display:inline-block;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	color:#FFF!IMPORTANT;
	padding:4px 8px;
	outline:none;
	}
.btnYellow{
	background:#DE5E3E;
	border:1px solid #7A331D;
	}
.btnGray{
	background:#E2E2E2;
	border:1px solid #CCCCCC;
	color: #666 !important;
	text-decoration: underline !important;
	}
.btnGreen{
	background:#58B957;
	border:1px solid #58B957;
	}
.btnRed{
	background:#FE5754;
	border:1px solid #FE5754;
	}

/*-------------------------------------------------
	++ FORM INPUT STYLE
-------------------------------------------------*/
input[type=text],
input[type=email],
input[type=number],
input[type=url],
input[type=password],
textarea,
select{
	outline:none;
	background-color:#FCFCFC;
	border: 1px solid #DCDCDC;
	padding:5px;
	margin:3px 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	height:40px;
	}
textarea{
	height:120px;
	}
select{
	border-bottom: 1px solid #8C8C8C;
	}
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus{
	background-color:#FFFFFF;
	border: 1px solid #666666;
	}
input[type=radio]{margin-right:3px;}
input.yellow,
input.gray,
input.green,
input.red{
	height:40px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	cursor:pointer;
	padding:0 10px;
	outline:none;
	}
input.yellow{
	background:#DE5E3E;
	border:1px solid #DE5E3E;
	border-bottom:1px solid #7A331D;
	color:#FFF;
	}
input.gray{
	background:#E2E2E2;
	border:1px solid #CCCCCC;
	}
input.green{
	background:#9DC75B;
	border:1px solid #9DC75B;
	border-bottom:1px solid #556E2E;
	color:#FFF;
	}
input.red{
	background:#FE5754;
	border:1px solid #FE5754;
	color:#FFF;
	}

input.yellow:hover,input.gray:hover,input.green:hover,input.red:hover{opacity:0.85;filter: alpha(opacity=85);}

.formBtn{
	text-align:center;
	margin:10px auto;
	}
.formBtnRight{
	display:block;
	float:right;
	margin:20px 40px 0 0;
	}
.formBtnLeft{
	display:block;
	float:left;
	margin-bottom:10px;
	}

.ipedt { background-color: transparent!IMPORTANT;border:none!IMPORTANT;}
.ipedt:focus { background-color: #FFF!IMPORTANT;border:1px solid #CCC!IMPORTANT;}

#langChange {
    width: 100px;
	color: #ccc;
	position: fixed;
	left: 0;
	bottom: 30px;
	text-align: center;
}
#langChange a {
	color: #ccc;
}

#langChange a.active {
	color: #fff;
	font-weight: bold;
}

.levelBonus {
	font-weight: bold;
	color: #BE7600;
}
.totalComp {
	font-weight: bold;
	color: #A20000
}

#evaluation {
	position: fixed;
	z-index: 10000;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    text-align: center;
}

#evaluation .evaluation_body {
	display: inline-block;
	margin: 10% auto 0;
    width: max-content;
    max-width: calc(100% - 102px);
    background-color: #fff;
    padding: 20px 50px;
    border: 1px solid #666;
}

#evaluation .evaluation_body h1 {
	font-weight: bold;
	font-size: 1.6em;
	padding: 10px 0 20px;
}

#evaluation .evaluation_body p {
	font-weight: bold;
	font-size: 1.6em;
	padding: 10px 0 20px;
}

@font-face {
	font-family: "Enkarz-icon";
	src: url("../../renew/fonts/Enkarz-icon.eot");
	src: url("../../renew/fonts/Enkarz-icon.eot?#iefix") format("embedded-opentype"), url("../../renew/fonts/Enkarz-icon.woff") format("woff"), url("../../renew/fonts/Enkarz-icon.woff2") format("woff2"), url("../../renew/fonts/Enkarz-icon.ttf") format("truetype"), url("../../renew/fonts/Enkarz-icon.svg") format("svg");
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: "Enkarz-icon" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-clock:before {
	content: "\e903";
}

.icon-contact:before {
	content: "\e904";
}

.icon-invoice:before {
	content: "\e906";
}

.mainMenu li {
	height: auto;
}
.menuIcon [class^="icon-"] {
	font-size: 40px;
}
.menuIcon img {
	padding: 0;
}