/*Document List*/
.DocumentsRepeater{ display:inline-block; opacity:0; transition:opacity 0.5s; width:100%; height:auto; overflow-x:hidden; }
.DocumentsRepeater.fadein{ opacity:1; }
.DocumentsRepeater .folders{ width: 105%; }
@media screen and (max-width:1250px) { .DocumentsRepeater .folders{ width: 103.333%; } }
@media screen and (max-width:700px){ .DocumentsRepeater .folders{ width: 102%; } }
@media screen and (max-width:500px){ .DocumentsRepeater .folders{ width: 100%; } }
.document_margins{ display:inline-block; min-height: 55px; padding-left: 0px; width: 20%; padding-right: 5%; float:left; line-height: 1.2em; vertical-align: top; }
@media screen and (max-width:1250px){ .document_margins{ width: 30%; padding-right:3.333%; }}
@media screen and (max-width:700px){ .document_margins{ width: 48%; padding-right:2%; }}
@media screen and (max-width:500px){ .document_margins{ width: 100%; padding-right:0px; }}
.docFolder .document_margins{ display:none; }
.docFolder.ShowChildren .document_margins{ display:inline-block; }
.docFolder.AnimateChildren .document_margins { animation-name:animatefolderopening; animation-duration:0.5s; }
@keyframes animatefolderopening{ 0%{ opacity:0; height:0px; margin:0px; overflow:hidden; } 49%{ opacity:0; height:40px; margin:0px; overflow:hidden; } 50%{ opacity:0; height:auto; } 100%{ height:auto; opacity:1; }}
.docFolder.AnimateChildren .document_margins.FirstThree{ animation-name:none; }
.document_margins.FirstThree { display:inline-block; }
@media screen and (min-width:501px){ .docFolder .document_margins.FirstSix  { display:inline-block; } }
@media screen and (min-width:501px){ .docFolder.AnimateChildren .document_margins.FirstSix{ animation-name:none; } }
@media screen and (min-width:701px){ .docFolder .document_margins.FirstNine { display:inline-block; } }
@media screen and (min-width:701px){ .docFolder.AnimateChildren .document_margins.FirstNine{ animation-name:none; } }
@media screen and (min-width:1251px){ .docFolder .document_margins.FirstTwelve { display:inline-block; } }
@media screen and (min-width:1251px){ .docFolder.AnimateChildren .document_margins.FirstTwelve{ animation-name:none; } }
.document_margins a{ color: #5f5f5f; text-decoration: none; display: inline-block; background-size: 12px; background-repeat: no-repeat; margin-bottom: 15px; padding-left: 20px; background-position: top left; background-image: url('/App_Themes/coj3/images/acps/PageIcon.png');  }
.document_margins a:hover{ text-decoration:underline; }
.clickable_icon { display:none; }
.ShowMoreButton { display: none; width:100%; text-decoration:none; margin-right: auto; }
.MoreThanTwelve .ShowMoreButton { display:inline-block; }
@media screen and (max-width:1250px) { .MoreThanSix .ShowMoreButton { display:inline-block; }}
@media screen and (max-width:700px) { .MoreThanSix .ShowMoreButton { display:inline-block; }}
@media screen and (max-width:500px) { .MoreThanThree .ShowMoreButton { display:inline-block; }}
.ShowMoreButton:hover{ text-decoration:underline; }
.MoreThanTwelve .ShowMoreButton{ display:inline-block; }
.ShowMoreButton .more { font-size: 16px; line-height:1.1em; display: none; padding: 8px 15px; padding-top: 9px; padding-left: 35px; background-size: 11px 17px; background-position: 11px 9px; background-color: #403e3d; color: White; background-image: url(/App_Themes/coj3/images/acps/SubNavArrowLeft.png); background-repeat: no-repeat; }
.ShowMoreButton:hover .more { text-decoration:underline; }
.ShowMoreButton .less { font-size: 16px; line-height:1.1em; display: none; padding: 8px 15px; padding-top: 9px; padding-left: 35px; background-size: 17px 10px; background-position: 10px 12px; background-color: #403e3d; color: White; background-image: url(/App_Themes/coj3/images/acps/SubNavArrowUp.png); background-repeat: no-repeat; }
.ShowMoreButton:hover .less { text-decoration:underline; }
.ShowMoreButton.MoreNotLess .more{ display:inline-block; } 
.ShowMoreButton.LessNotMore .less{ display:inline-block; } 
/*Doc folder styles*/
.document_column .list_repeater .folders{ display:inline-block; width:100%; position:relative; padding-bottom: 0px; margin-bottom: 15px; border-bottom: solid 2px #dceaff; }
.document_column .list_repeater .folders.noBottomBorder{ border-bottom:0px; }
.list_repeater { display:inline-block; width:100%; }
.docFolder { width: 100%; display: inline-block; vertical-align: top; position: relative;  }
@media screen and (max-width:780px){ .docFolder{ width:100%; padding-right:0px; }}
.docFolder .folderTitle{ padding-bottom: 15px; display: block; font-family: sans-serif; font-size: 25px; font-weight: bold; margin-top: 30px; margin-bottom: 15px; color: #eb0046; line-height: 1em; }
@media screen and (max-width: 515px){ .docFolder .folderTitle{ font-size: 4.87vw; } }
@media screen and (max-width: 410px){ .docFolder .folderTitle{ font-size: 20px; } }