@charset "UTF-8";


#property-folder-list                                                { margin: 90px 0 0; padding: 10px 10px; background-color: #ffffff; }
/*
#property-folder-list                                                { border-radius: 5px; }
#property-folder-list                                                { 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-folder-list .folder                                        { position: relative; margin: 0 0 5px; padding: 0; border: none; background-color: #b2d2e6; white-space: nowrap; overflow-x: auto; cursor: pointer; }
#property-folder-list .folder:last-child                             { margin: 0; }
#property-folder-list .folder .innerframe                            { position: relative; margin: 0; padding: 0; border: none; overflow: hidden; box-sizing: border-box; background-color: inherit; }
#property-folder-list .folder .innerframe                            { box-shadow:0px 0px 5px 5px rgba(0,0,0,0.3); -moz-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.3); -webkit-box-shadow:0px 0px 5px 5px rgba(0,0,0,0.3); }
#property-folder-list .folder span                                   { display: inline-block; margin: 20px 10px; line-height: 30px; vertical-align: top; }
#property-folder-list .folder .icon                                  { position: relative; width: 40px; height: 30px; color: #aaccff; }
#property-folder-list .folder .icon                                  { background-image: url('../../img/ContractorMyPage/iconfolder/folder-blue.png'); background-position: top left; background-repeat: no-repeat; }
#property-folder-list .folder .icon.hasfile                          { background-image: url('../../img/ContractorMyPage/iconfolder/folder-red.png'); background-position: top left; background-repeat: no-repeat; }
#property-folder-list .folder .icon span.unreads                     { position: absolute; top: -30px; right: -20px; padding: 0 8px; font-size: 16px; color:#ffffff; background-color: #ff4444;  height:30px; width:30px; border-radius:50%; line-height:30px; text-align:center;}
#property-folder-list > .folder.open > .container > .icon            { background-position: bottom left; }
#property-folder-list .folder .icon .count                           { position: absolute; right: -2px; bottom: -2px; margin: auto; padding: 0 5px; line-height: 18px; font-size: 12px; font-weight: bold; color: #ffffff; background-color: #4444ff; }
#property-folder-list .folder .icon .count                           { border-radius: 10px; }
#property-folder-list .folder .name                                  { font-size: 16px; white-space: nowrap; width: auto; overflow: hidden; text-overflow: ellipsis; /* max-width: calc(100% - 70px); */ }
#property-folder-list .folder .nums                                  { font-size: 16px; white-space: nowrap; }
#property-folder-list .folder .toggle                                { position: absolute; top:  0px; right:  0px; width: 40px; padding: 0; font-size: 20px; line-height: 30px; text-align: center; vertical-align: middle; }

#property-folder-list .folder .folder                                { display: none; margin: 0; background-color: #d0e3f0; border-top: 1px solid #ffffff; overflow: hidden; box-sizing: border-box; }
#property-folder-list .folder.open .folder                           { display: block; }
#property-folder-list .folder .folder span                           { margin: 10px 10px; }
#property-folder-list .folder .folder span.line                      { position: relative; width: 40px; color: #000000; font-size: 20px; text-align: center; }
#property-folder-list .folder .folder .icon span.unreads             { position: absolute; top: -18px; right: -20px; padding: 0 8px; font-size: 16px; color:#ffffff; background-color: #ff4444;  height:30px; width:30px; border-radius:50%; line-height:30px; text-align:center;}

#property-folder-list .folder .folderadd                             { position: absolute; top:  0px; right:  0px; width: 40px; height: 30px; margin: 20px 10px; color: #212529; text-align: center; line-height: 30px; font-size: 20px; }
#property-folder-list .folder .folderadd i.fa-plus                   { position: absolute; top: 10px; left:  14px; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 14px; }
#property-folder-list .folder .folderadd i.fa-plus                   { text-shadow: 1px 1px 0 #b2d2e6, -1px 1px 0 #b2d2e6, 1px -1px 0 #b2d2e6, -1px -1px 0 #b2d2e6; }
#property-folder-list .folder .folderedit                            { position: absolute; top:  0px; right: 60px; width: 40px; height: 30px; margin: 10px 10px; color: #212529; text-align: center; line-height: 30px; font-size: 20px; }
#property-folder-list .folder .folderremove                          { position: absolute; top:  0px; right:  0px; width: 40px; height: 30px; margin: 10px 10px; color: #cc4444; text-align: center; line-height: 30px; font-size: 20px; }