/* Wrapper for page content to push down footer */
#wrap { min-height: 100%; height: auto !important; height: 100%; }

/* Set the fixed height of the footer here */
#push,
#footer { height: 105px; background-color: #0057a8; }

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; }
}

.breadcrumb a { color: #0057a8; }
#refreshButton { color: gray; }
.refreshButton { color: gray; }
#box-header { color: #0057a8; }

.contextMenu { width: 150px; background-color: blue; padding: 5px; color: white; font-weight: bold; }
    .contextMenu a { color: white; font-weight: bold; }

/*{ vertical-align: bottom; text-decoration: none; cursor: pointer; color: white; font-weight: bold; }*/
contextMenu:hover { color: #0057a8; font-weight: bold; }
.contextMenu div { width: 139px; color: white; font-weight: bold; }
    .contextMenu div span { color: white; font-weight: bold; }
.navbar .nav > li.active > a, .navbar .nav > li.active > a:hover, .navbar .nav > li.active > a:focus { color: blue; font-weight: bold; font-size: 20px; }
.navbar .nav > li > a, .navbar .nav > li > a:hover, .navbar .nav > li > a:focus { color: Gray; font-weight: bold; font-size: 20px; }

.navbar-default { background-color: #0057a8 !important; border-color: #0057a8 !important;}

#userProfileMenu { color: #ffffff !important;}

.companyLogo { background: url('/Styling/logo-personalbox2.png') no-repeat 0 0; width: 228px; height: 32px; margin: 0px; }

#invalidLinkContainer { left: 42%; top: 30%; }
/* used to position the link preview in the middle of the screen (based on image width and height */
.invalid-link { background: url('/Images/invalid-link.png') no-repeat 0 0; width: 300px; height: 186px; margin: 0px; }
/* invalid link image */

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary { color: #ffffff; background-color: #0057a8; border-color: black; }


.btn-primary { color: #ffffff; background-color: #0057a8 !important; border-color: black; background-image: none !important; }
    .btn-primary:hover { color: #0057a8; background-color: #0057a8 !important; background-image: none !important; border-color: black; }


.label-primary { background-color: blue; }

    .label-primary[href]:hover,
    .label-primary[href]:focus { background-color: darkgreen; }


<!-- Link for clients-- > .footerColumn { width: 160px; padding-right: 5px; }
.footerColumn .first { padding: 0px; text-align: right; text-wrap: normal; word-break: normal; padding-right: 5px; min-height: 50px; min-width: 60px; vertical-align: middle; margin-top: 7px; }
.footerColumn a { height: 100%; width: 100%; color: white; text-decoration: none; cursor: pointer; }

    .footerColumn a span { text-wrap: normal; word-break: normal; width: 50px; display: table-cell; vertical-align: middle; line-height: normal; padding: 0px; padding-left: 45px; padding-right: 5px; }

android { background: url('../Images/clientIcons/android.png') no-repeat 0px 0px; background-size: 115px 40px; }
winclient { background: url('../Images/clientIcons/windows.png') no-repeat 0px 0px; background-size: 154px 40px; }
#winphone { background: url('../Images/clientIcons/windowsPhone.png') no-repeat 0px 0px; background-size: 115px 40px; }
#iphone { background: url('../Images/clientIcons/Appstore.png') no-repeat 0px 0px; background-size: 115px 40px; }
osx { background: url('../Images/clientIcons/osx.png') no-repeat 0px 0px; background-size: 115px 40px; }

#oldBrowserBody { background-color: #f8f8f8; }
#contentContainer { position: fixed; top: 26%; left: 32%; background-color: #5cb2f5; padding: 50px; }
    #contentContainer div { text-align: center; color: #fcfcfc; font-size: 28px; font-family: Lato; font-style: normal; }
        #contentContainer div a { color: #fcfcfc; text-decoration: none; cursor: pointer; padding-top: 20px; }
        #contentContainer div hr { color: #fcfcfc; width: 100%; }

.selectedFolder { background-color: silver !important; /* Selected Item background */ }
.rootDirectory { background-color: #eee !important; /* Root Item background */ }
UL.jqueryFileTree A { color: #333 !important; /* Text color */ }
    UL.jqueryFileTree A:hover { background: #BDF !important; /* Item background color on hover #BDF(light blue) by default */ }

/*-------------------------------Deleted files background color-------------------------------*/
.table-striped tbody > .deleted > td, .table-striped tbody > .deleted > th,
.deleted { background-color: #FFEDED !important; }
/*-------------------------------Deleted files background color-------------------------------*/
.fht-table thead { background-color: rgb(238, 238, 238); }