@charset "UTF-8";
/* CSS Document */

/* vietnamese */
@font-face {
    font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    src: local('Anton Regular'), local('Anton-Regular'), url('./fonts/anton/v12/1Ptgg87LROyAm3K8-C8QSw.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    src: local('Anton Regular'), local('Anton-Regular'), url('./fonts/anton/v12/1Ptgg87LROyAm3K9-C8QSw.woff2') format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Anton';
    font-style: normal;
    font-weight: 400;
    src: local('Anton Regular'), local('Anton-Regular'), url('./fonts/anton/v12/1Ptgg87LROyAm3Kz-C8.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*login*/
#login {height:100%;background:url(img/bg_blue.jpg) repeat-x left -80px;}
#login #container {background:url(img/login.png) no-repeat center 60px;height:101%;}
#login #container2 {padding:0;height:100%;}
#login #content {background:none;width:530px;margin:0 auto;padding:360px 0 0 0;}
#login table th,
#login table td {padding:5px 0;font-size:1.2em;}
#login table td {background:none;}
#login .login_name {color:#fff;}
#login input[type=text],
#login input[type=password] {padding:15px;width:290px;background:#eee;border-color:#ccc;}
#login input.loginCode {background:url(img/bg-code.png) no-repeat left center;border:none;}
#login input.loginId {background:url(img/bg-id.png) no-repeat left center;border:none;}
#login input.loginPass {background:url(img/bg-pass.png) no-repeat left center;border:none;}

#login input[type=text]:focus,
#login input[type=password]:focus {background:url(img/bg-login.png) no-repeat left center;}
#login input[type=text].noneBG,
#login input[type=password].noneBG {background-image:url(img/bg-login.png);}

#login_btn {width:160px;height:161px;background:url(img/logo_btn_blue.png) no-repeat left top;font-size:20px;font-weight:bold;text-align:center;margin-top:15px;border:none;color:#fff;}
#login_btn:hover {background:url(img/login_btn_on.png) no-repeat left top;color:#0d357b;}

/*login ロゴなし*/
#login_no_logo {height:100%;background:url(img/bg_blue.jpg) repeat-x left -80px;}
#login_no_logo #container {background:url(img/login_title_white.png) no-repeat center 245px;height:101%;}
#login_no_logo #container2 {padding:0;height:100%;}
#login_no_logo #content {background:none;width:530px;margin:0 auto;padding:360px 0 0 0;}
#login_no_logo table th,
#login_no_logo table td {padding:5px 0;font-size:1.2em;}
#login_no_logo table td {background:none;}
#login_no_logo .login_name {color:#fff;}
#login_no_logo input[type=text],
#login_no_logo input[type=password] {padding:15px;width:290px;background:#eee;border-color:#ccc;}
#login_no_logo input.loginCode {background:url(img/bg-code.png) no-repeat left center;border:none;}
#login_no_logo input.loginId {background:url(img/bg-id.png) no-repeat left center;border:none;}
#login_no_logo input.loginPass {background:url(img/bg-pass.png) no-repeat left center;border:none;}

#login_no_logo input[type=text]:focus,
#login_no_logo input[type=password]:focus {background:url(img/bg-login.png) no-repeat left center;}
#login_no_logo input[type=text].noneBG,
#login_no_logo input[type=password].noneBG {background-image:url(img/bg-login.png);}

#login_btn {width:160px;height:161px;background:url(img/logo_btn_blue.png) no-repeat left top;font-size:20px;font-weight:bold;text-align:center;margin-top:15px;border:none;color:#fff;}
#login_btn:hover {background:url(img/login_btn_on.png) no-repeat left top;color:#0d357b;}



/*Top*/
.timer {width:270px;border-left:solid 3px #aaa;padding-left:20px;margin-top:20px;}
#currentDateTime {font-size:22px;color:#666;font-weight:bold;}
#currentDateTime span {display:block;margin-top:5px;margin-left:-8px;}
#currentDateTime span font {display:inline-block;min-width:1.4em;font-family:'Anton',sans-serif;text-align:center;font-size:1.5em;}

.time_btn {width:400px;float:left;}
.time_btn .left_btn {float:left;}
.time_btn .right_btn {float:right;}
.time_btn .buttons {display:inline-block;margin-bottom:15px;font-size:1.3em;}
.time_btn .buttons input {padding:15px 35px;font-size:1.6em !important;}
.time_btn .times {text-align:center;font-size:1.8em;}

#enter_btn {height:65px;text-shadow:1px 1px 3px #666;border:none;border-radius:5px;box-shadow:1px 1px 3px #666;color:#fff;background-color:#FF7746;background:linear-gradient(to bottom, #FFAD90 0%, #FF7746 49%, #FF5E28 51%, #FF683E 100%);}
#leave_btn {height:65px;text-shadow:1px 1px 3px #666;border:none;border-radius:5px;box-shadow:1px 1px 3px #666;color:#fff;background-color:#00AB00;background:linear-gradient(to bottom, #00C800 0%, #00AB00 49%, #009A00 51%, #00A600 100%);}
#enter_btn:hover,
#leave_btn:hover {opacity:0.7;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)";}
#enter_btn.off {color:#DDDDDD;background-color:#999999;background:linear-gradient(to bottom, #CCCCCC 0%, #AAAAAA 49%, #999999 51%, #AAAAAA 100%);}
#leave_btn.off {color:#DDDDDD;background-color:#999999;background:linear-gradient(to bottom, #CCCCCC 0%, #AAAAAA 49%, #999999 51%, #AAAAAA 100%);}
#enter_btn.off:hover,
#leave_btn.off:hover:hover {opacity:1;}

#warning th,
#warning td {vertical-align:top;}

/*RecordMonthly*/
#monthlyTable th,
#monthlyTable td {padding:5px;}
#monthlyTable_fixedLeft th,
#monthlyTable_fixedLeft td {padding:5px;}

#navBottomContainer #navBottom {background:none;}
#navBottomContainer #navBottom ul {width:980px;margin:0 auto 0 20px;}

#lmt {font-size:1.2em;margin-bottom:20px;color:#1e58c2;font-weight:bold;line-height:1.5em;}
#lmt a {padding:5px;border:solid 1px #1e58c2;margin-left:10px;font-family:"Monospaced";}
#lmt a:first-child {margin-right:10px;margin-left:0;}
#lmt a:hover {background:#1e58c2;color:#fff;text-decoration:none;}

/*RecordDaily*/
.padded {float:right;}
.notApplicable {color:#ccc !important;}
a.holiday {color:blue !important;}
a.legalHoliday {color:red !important;}
#record {width:550px;}
.start_end {font-size:1.8em;}
.kubun {font-size:1.2em;}
td.workingDay, th.workingDay, a.workingDay {color:blue;}
#calendar {font-size:1.2em;}
#calendar a {text-decoration:none;color:#333;}
#calendar a:hover {color:#96C !important;}
#calendar th,
#calendar td {padding:10px;}
.waiting {background:#87ceeb;}
.approval {background:#c0c0c0;}

/*ApproveList*/
table.search_table .text_label:before,
table.search_table .text_label:after {top:0;}

/*GroupPlan*/
.tabHeader {background:#1e58c2;color:#fff;}
#stampBar {display:block;clear:both;left:0;width:1230px;z-index:500;padding:15px 0 5px;}
#stampBar input[type=radio] {z-index:1;}
input.decoratedButton {margin-top:0;}
#stampPanelBarContents table {font-size:12px;}
#shiftTable th {font-weight:bold;}
#shiftTable svg {font-weight:normal;}

/*Upload*/
#customMasterUpload input[type=file] {position:absolute;z-index:-1;left:-999px;}
#customMasterUpload label.file {background:#69F;color:#fff;border:solid 1px #666;border-radius:5px;width:70px;padding:3px;text-align:center;}
#customMasterUpload label.file:before,label.file:after {display:none !important;}
#customMasterUpload .fileUp {margin-left:1em;}

/*ApplyEdit*/
#calendarArea {padding-bottom:20px !important;}
#calendarArea #calendar {padding:10px;float:none;}
#calendarArea #calendar .center {font-size:16px;font-weight:bold;color:#1e58c2;margin-bottom:15px;}
#calendarArea #calendar .center span a {font-weight:normal;border:solid 1px #1e58c2;padding:5px;}
#calendarArea #calendar .center span a:hover {background:#1e58c2;color:#fff !important;}
.dialog {border:solid 5px #0c3171;top:20%;}