@charset "UTF-8";

/* 日報領域 */
#property-timecard                                                      { min-height: 100%; }
/* 日付ヘッダ */
#property-timecard .timecards                                           { margin: 90px 0 120px 0; padding: 10px 25px; }
#property-timecard .timecards .date-header                              { width: 70%; margin: 10px auto; padding: 0; line-height: 25px; font-size: 16px; text-align: center; color: #ffffff; background-color: #34495e; }
#property-timecard .timecards .date-header                              { border-radius: 5px; }
/* 日報 */
#property-timecard .timecards .diary                                    { position: relative; margin: 2px 0; padding: 10px 60px 10px 20px; text-align: left; white-space: nowrap; background-color: #ffffff; }
#property-timecard .timecards .diary .corporatename                     { padding: 5px 0; font-size: 14px; line-height: 18px; color: #444444; white-space: nowrap; }
#property-timecard .timecards .diary .detail                            { display: flex; margin: 2px 0; }
#property-timecard .timecards .diary .detail .type                      { flex: 0 0 50px; margin: 0 20px 0 0; padding: 3px 10px; font-size: 14px; line-height: 14px; color: #ffffff; }
#property-timecard .timecards .diary .detail.enter .type                { background-color: #2980b9; }
#property-timecard .timecards .diary .detail.exit  .type                { background-color: #e95e4f; }
#property-timecard .timecards .diary .detail .time                      { flex: 0 0 60px; line-height: 20px; font-size: 14px; font-family: monospace; }
#property-timecard .timecards .diary .detail.enter .time                { color: #2980b9; }
#property-timecard .timecards .diary .detail.exit  .time                { color: #e95e4f; }
#property-timecard .timecards .diary .detail .note                      { flex: 1 1 auto; font-size: 12px; line-height: 20px; color: #444444; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#property-timecard .timecards .diary .icon                              { position: absolute; width: 40px; height: 40px; top: 15px; right: 10px; font-size: 30px; text-align: right; }
#property-timecard .timecards .diary .icon i                            { line-height: 40px; vertical-align: top; cursor: pointer; }
#property-timecard .timecards .diary .docs                              { white-space: normal;}
#property-timecard .timecards .diary .docs img                          { display: inline-block; margin: 10px 10px 0 0; cursor: pointer; }
#property-timecard .timecards .diary .docs img                          { box-shadow: 0px 2px 5px 0px rgba(128,128,128,1.0); -moz-box-shadow: 0px 2px 5px 0px rgba(128,128,128,1.0); -ms-box-shadow: 0px 2px 5px 0px rgba(128,128,128,1.0); }

/* さらに表示 */
#property-timecard .timecards .more                                     { position: relative; margin: 30px 10px 0 10px; border: 2px solid #cccccc; padding: 10px 0; font-size: 16px; line-height: 16px; color: #34495e; background-color: #ffffff; text-align: center; cursor: pointer; }
#property-timecard .timecards .more                                     { border-radius: 7px; letter-spacing: 5px; }
#property-timecard .timecards .more i                                   { position: absolute; left: 30px; line-height: 16px; }
/* ボタン領域 */
#property-timecard .button-area                                         { position: fixed; right: 0; bottom: 90px; left: 0; border: none;  padding: 0; text-align: center; }
#property-timecard .button-area button                                  { display: inline-block;  width: 35%; margin: 0 20px; border: none; padding: 0; line-height: 44px; color: #ffffff; }
#property-timecard .button-area button                                  { border-radius: 7px; }
#property-timecard .button-area button                                  { box-shadow: 0px 2px 5px 0px rgba(128,128,128,1.0); -moz-box-shadow: 0px 2px 5px 0px rgba(128,128,128,1.0); -ms-box-shadow: 0px 2px 5px 0px rgba(128,128,128,1.0); }
#property-timecard .button-area button.enter                            { background-color: #2980b9; }
#property-timecard .button-area button.enter                            { background: -moz-linear-gradient(top,#4ba2db 0%,#2980b9); background: -webkit-gradient(linear, left top, left bottom, from(#4ba2db), to(#2980b9)); }
#property-timecard .button-area button.exit                             { background-color: #e95e4f; }
#property-timecard .button-area button.exit                             { background: -moz-linear-gradient(top,#fb7f6f 0%,#e95e4f); background: -webkit-gradient(linear, left top, left bottom, from(#fb7f6f), to(#e95e4f)); }