@charset "UTF-8";


#document-detail                                                               { margin: 98px 10px 10px; padding: 10px 10px 80px; background-color: #ffffff; }
/* #document-detail                                                               { border-radius: 5px; } */
/* #document-detail                                                               { box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); -ms-box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); } */
#document-detail table                                                         { width: 100%; margin: 0; border: none; border-collapse: collapse; }
#document-detail table tbody tr th,
#document-detail table tbody tr td                                             { border: none; padding: 10px 0; font-size: 14px; line-height: 16px; text-align: left;  color: #555555; white-space: nowrap; vertical-align: top; }
#document-detail table tbody tr th                                             { width: 1%; padding-right: 20px; font-size: 16px; }
#document-detail table tbody tr td                                             { position: relative; width: auto; white-space: normal; word-break: break-all; }
#document-detail table tbody tr td img                                         { display: block; width: 90%; max-width: 400px; margin: 0 auto; border: 0; }
#document-detail table tbody tr td span                                        { display: block; margin: 0; padding: 0; font-size: 16px; white-space: normal; word-break: break-all; }
#document-detail table tbody tr td span.fa-chevron-left                        { position: absolute; width: 50px; height: 50px; top: 0; bottom: 0; left:  0; margin: auto; color: #ffffff; background-color: #34495e; font-size: 30px; line-height: 50px; text-align: center; border-radius: 25px; cursor: pointer; }
#document-detail table tbody tr td span.fa-chevron-right                       { position: absolute; width: 50px; height: 50px; top: 0; bottom: 0; right: 0; margin: auto; color: #ffffff; background-color: #34495e; font-size: 30px; line-height: 50px; text-align: center; border-radius: 25px; cursor: pointer; }
#document-detail table tbody tr td span.inactive                               { background-color: #f8f9fa; cursor: initial; }
#document-detail table tbody tr td span input                                  { display: block; width: 100%; border: 1px solid #aaaaaa; background-color: #fffff8; font-size: 16px; }
#document-detail table tbody tr td span textarea                               { display: block; width: 100%; height: 150px; line-height: 20px; border: 1px solid #aaaaaa; background-color: #fffff8; font-size: 16px; resize: none; }

#document-detail-button-area                                                   { position: fixed; right: 0; bottom: 100px; left: 0; border: none;  padding: 10px 20px; text-align: center; }
#document-detail-button-area button                                            { display: inline-block;  width: 35%; margin: 0 20px; border: none; padding: 0; line-height: 39px; color: #ffffff; }
#document-detail-button-area button                                            { border-radius: 7px; }
#document-detail-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); }
#document-detail-button-area button.cancel                                     { background-color: #e2b13c; }
#document-detail-button-area button.cancel                                     { background: -moz-linear-gradient(top,#fbd478 0%,#e2b13c); background: -webkit-gradient(linear, left top, left bottom, from(#fbd478), to(#e2b13c)); }
#document-detail-button-area button.submit                                     { background-color: #043f6e; }
#document-detail-button-area button.submit                                     { background: -moz-linear-gradient(top,#445a6e 0%,#043f6e); background: -webkit-gradient(linear, left top, left bottom, from(#445a6e), to(#043f6e)); }

#app.upmove #document-detail-button-area                                       { animation: UpAnime   0.5s forwards; }
#app.downmove #document-detail-button-area                                     { animation: DownAnime 0.5s forwards; }


#property-document-detail-menu                                                 { display: block; position: fixed; top: 88px; right: 0; border: none; padding: 5px; background-color: #fffff8; opacity: 0; }
#property-document-detail-menu                                                 { transition: opacity 0.3s ease 0s; pointer-events: none; }
#property-document-detail-menu                                                 { box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); -ms-box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); }
#property-document-detail-menu.on                                              { opacity: 1; pointer-events: auto; }
#property-document-detail-menu span                                            { display: block; padding: 0 15px; font-size: 16px; line-height: 60px; color: #34495e; cursor: pointer; }
#property-document-detail-menu span.fa-trash                                   { color: #cc0000; }
#property-document-detail-menu hr                                              { display: block; border-color: #34495e; }
#property-document-detail-menu span:hover                                      { background-color: #f8f8ff; }