﻿#divPublicFolders div.filterDateLabel 
{
    
    font-size: smaller;
}

#divPublicFolders .show_hide {
    display:none;
}

#divPublicFolders .filterHeading 
{
    font-weight: bold;
    text-transform:uppercase;
    color: #555555;
    padding-top: 15px;
    color: rgb(75, 189, 151);

}

#divPublicFolders .filterTable 
{
    
    border-style: none;
}

#divPublicFolders .filterTable td.tdLeft
{
    border-style:none;
    width: 350px;
}

#divPublicFolders .filterTable td.tdRight
{
    width: 200px;
    border-style:none; 
}

#divPublicFolders .filterTable td.topParagraph
{
    border-style:none; 
    vertical-align: top;
    padding-left:10px;
    padding-right:20px;
    padding-top:0px;
    padding-bottom:0px;
    color: #555555;
}
#divPublicFolders .filterTable td.tdCenterAlign
{
    border-style: none; 
    text-align: center; 
    vertical-align: bottom;
    padding: 0px;
}

#divPublicFolders .filterTable td.tdLeftAlign
{
    border-style: none; 
    text-align: left; 
    vertical-align: bottom;
    padding: 0px;
}

#divPublicFolders .filterTable td.tdRightAlign
{
   border-style: none; 
   text-align: right; 
   vertical-align: bottom;
    padding: 0px;
}

#divPublicFolders .filterTable td.tdCenterAlign
{
   border-style: none; 
   text-align: center; 
   vertical-align: bottom;
}

#divPublicFolders .filterTable #divAccountSettingsLink
{
    display:none; 
    position:absolute; 
    border-style: solid;
    border-color: rgb(190, 185, 185); 
    border-width: 1px;
    background-color: white;
    z-index: 9999; 
    padding: 5px;
   
}

#divPublicFolders p.subHeader
{
    text-align:center;
    color: #555555;
}


#divPublicFolders #divLoader 
{
    height: 350px; 
    vertical-align: middle;
    text-align: center;    
}

#divPublicFolders #tabs #tabs-search td.noBorder {
    border-style: none;
}

#tabs-map
{
    padding: 1px;
    margin: 0px;
}

#tabs-map td.mapOuterTable ,
#tabs-map table.mapOuterTable
{
    border-style: none;
    width: 100%; 
    height: 450px;
}


#tabs .messageRow
{
    border-style: none;
    text-align: center; 
    height:15px;
    padding-bottom:0px;
    padding-top:4px;
    margin-bottom:0px;
    color: gray
}

#map 
{
    width: 100%;
    height: 450px; 
    margin-top: 5px;
}

#map_canvas 
{
    width: 100%;
    height: 450px;
}

#tabs-details
{
    padding: 1px;
    margin: 0px;
    padding: 4px;
}

#divPublicFolders .lblRestoreFilterDefaults 
{
    text-decoration: none;    
}

#divPublicFolders .lbl_folderFilter 
{
    text-decoration: none;
    color: #2E2E2E;
    font-size: smaller;
}

#divPublicFolders .lbl_typeCatFilter 
{
    text-decoration: none;
    color: #2E2E2E;
    font-size: smaller;
}

#divPublicFolders .lbl_areaFilter 
{
    text-decoration: none;
    color: #2E2E2E;
    font-size: smaller;
}


#SpecificSearchTable 
{
    width: 500px;
}

#SpecificSearchTable th
{
    background-color:#F8F8F8;
    color: #004574;
}

#SpecificSearchTable .topSearch
{
    border-style: none;
    padding-top: 4px;
    padding-bottom: 6px;
    
}


#divFolderView .folderViewTable td.invisible 
{
	border-style: none;
	
}

#divFolderView .folderViewTable td.invisibleNew 
{
	border-style: none;
	background-color: #FFFFF0;
    font-weight: bold;
	
}

#divFolderView .folderViewInvisible
{
    border-style: none;
    border-width: 0px;
    padding: 1px;

}

#divFolderView .folderViewInvisibleL
{
    text-align:left;
    border-style: none;
    border-width: 0px;
    padding-top: 5px;
    padding-bottom: 10px;
}

#divFolderView .folderViewInvisibleR
{
    text-align:right;
    border-style: none;
    border-width: 0px;
    padding-top: 5px;
    padding-bottom: 10px;
}

#PermLink
{
    display:none; 
    border-style: solid;
    border-color: black; 
    border-width: 1px;
    background-color: white;
    padding: 5px;
}

#divFolderView .PermanentLinkTable
{
    border-style: none;
    border-width: 0px;
    padding: 1px;
}

#divFolderView .PermanentLinkTableL
{
    text-align:left;
    border-style: none;
    border-width: 0px;
    padding: 1px;
}

#divFolderView .PermanentLinkTableR
{
    vertical-align: top;
    text-align:right;
    border-style: none;
    border-width: 0px;
    padding: 1px;
}

#divFolderView .folderViewTableTDLeft
{
    width: 130px;
}

#divFolderView .folderViewTableTDLeftNew
{
    width: 130px;
    background-color: #FFFFF0;
    font-weight: bold;
}

#divFolderView .folderViewTableTDRight
{
    width: 400px;
}

#divFolderView .folderViewTableTDRightNew
{
    width: 400px;
    background-color: #FFFFF0;
    font-weight: bold;
}

#divFolderView .folderViewTableTDRightHighlight
{
    width: 400px;
    background-color: #FFFFF0;
}

#divFolderView .folderViewTableTDFull
{
    width: 530px;
}

#SpecificSearchTable .regSearch
{
    border-style:none; 
    padding-top: 7px; 
    padding-bottom: 7px
}


#divFolderView .regItem
{
    font-weight: normal;
}

#divFolderView .folderViewTable .newItem
{
    background-color: #FFFFF0;
    font-weight: bold;
}








.ui-tabs .ui-tabs-hide {
    position: absolute !important;
    left: -10000px !important;
    display:block !important;
}

.ui-datepicker { z-index: 10001 !important; } 


.form-group label
{
    font-weight:bold;
}

a.rollover {
    display: block;
    width: 31px;
    height: 31px;
    text-decoration: none;
    background: url("/content/images/gears_both.png");
}

a.rollover:hover {
	background-position: 31px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	

#lblShowFilters .text {
    display: none;
}

.standard-table a {
    text-decoration: underline;
    color: #004475;
}
@media screen and (min-width: 768px) {
    label.checkbox input[type="checkbox"] {
        margin-top: 10px;
    }    
}

.filter-box .row {
    padding-left: 30px;
}


.form-group .selectboxit-container span {
    line-height: 53px;
}

.form-group .selectboxit .selectboxit-arrow-container {
    height: 53px;
}

.btn-wide
{
    display: block;
    width: 100%;
    color: white;
}

.btn-success {
    background-color: #7fc342;
    border-color: #4bbd97;
}


.btn-warning {
    background-color: #0068b3;
    border-color: #004475;
}

#lblShowFilters.btn-success .lbl-success,
#lblShowFilters.btn-warning .lbl-warning {
    display: block;
}


.row {
    display: flex;
    flex-wrap: wrap;
}

/* 1 column on mobile */
.col-xs-12 {
    width: 100%; 
}

/* Medium screens (desktop/tablet) */
@media (min-width: 768px) { 
    .col-md-6 {
        width: 50%;
    }
}



/* Tabs */

/* Basic styling for tab headers */
#tabs .tabHeader {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}

    #tabs .tabHeader li {
        flex-grow: 1;
        padding: 10px 15px;
        background: #dddddd;
        cursor: pointer;
        border: 1px solid #aaa;
        border-bottom: none;
        text-align: center; /* Center the text within each tab */
    }



        #tabs .tabHeader li.active {
            background: #004475;
            font-weight: bold;
            border-top: 2px solid #007bff;
        }

/* Style for tab links */
    #tabs .tabHeader a {
        text-decoration: none;
        color: #333;
        display: block;
        width: 100%;
    }

    #tabs .tabHeader li.active a {
        text-decoration: none;
        color: white;
        display: block;
        width: 100%;
    }

/* Hide all tab content initially */
#tabs > div {
    display: none;
    padding: 10px;
    border: 1px solid #aaa;
    background: #fff;
}

#tabs > #tabs-map
{
    padding: 0;
}

/* Ensure the active tab content is shown */
#tabs > div.active {
    display: block;
}
