/*
	Copyright (C) 1999-2025 Empresa Limited - All Rights Reserved
	This resource is subject to the terms of WAM source code licensing.				
	A copy of this license can be found at:
		https://www.wam-leisure.co.uk/Licensing.aspx
		licensing@wam-leisure.co.uk
*/

/*
    brand styling
*/

#header {
    background: none !important;
    background-color: #000 !important;
    border-bottom: 1px solid #96bf33 !important;
}

#mmMainMenu_liHome, #mmMainMenu_liPPMSchedule {
    display: none;
}

#main .leftContainer {
    background: none;
    background-color: #96bf33;
}

#main .leftColumn .login .middle {
    background-color: #5c7e00;
}

#main .innerWrap .leftColumn .mainMenu ul li a, .mobileMainMenu ul li a {
    background-position: initial;
}

#main .innerWrap .leftColumn .mainMenu ul li {
    background-image: none;
    padding: 8px 14px 8px 8px;
    width: calc(100% - 18px) !important;
}

    #main .innerWrap .leftColumn .mainMenu ul li.active {
        background-color: #96bf33;
        border-radius: 8px;
        background-image: -webkit-linear-gradient(top, #add14b, #96bf33);
        background-image: -moz-linear-gradient(top, #add14b, #96bf33);
        background-image: -ms-linear-gradient(top, #add14b, #96bf33);
        background-image: -o-linear-gradient(top, #add14b, #96bf33);
        background-image: linear-gradient(to bottom, #add14b, #96bf33);
    }

    #main .innerWrap .leftColumn .mainMenu ul li:hover, #main .innerWrap .leftColumn .mainMenu ul li.active, .mobileMainMenu ul li:hover {
        outline: 1px dotted #96bf33;
        border-radius: 8px;
        cursor: pointer;
        color: #222;
    }

    #main .innerWrap .leftColumn .mainMenu ul li:hover a, #main .innerWrap .leftColumn .mainMenu ul li.active a, .mobileMainMenu ul li:hover a {
        color: #222;
    }

    #main .innerWrap .leftColumn .mainMenu ul li a, .mobileMainMenu ul li a {
        height: 22px;
    }

    #main .innerWrap .leftColumn .statistics .item{
        /*display: none;*/
        border-top:none;
    }
        #main .innerWrap .leftColumn .statistics .item p a { color: #96bf33; }

#header a.logo { 
    margin-top: 6px;
    min-height: 32px;
}

.mainLoginContainer .topRight, .mainLoginContainer .bottomLeft, .mainLoginContainer .rightColumn .pod {
    display: none !important;
}

h1, h2, h3, h4, h5 {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: bold;
}

h1 {
    font-weight: bold;
    color: #96bf33;
    font-size: 160%;
}

h4 {
    font-size: 120%;
}

h5 {
    font-size: 100%;
}

.pod .podTitle, .form .formSection .heading {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: bold;
    padding: 0 8px 6px;
}

.pod, .form, .form .formSection {
    border-radius: 8px;
}

.button {
    background: #96bf33;
    color: #000 !important;
    font-weight: bold;
    border: 1px solid #96bf33;
    border-radius: 10px;
    transition: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    min-width: 60px;
    background-image: -webkit-linear-gradient(top, #add14b, #96bf33);
    background-image: -moz-linear-gradient(top, #add14b, #96bf33);
    background-image: -ms-linear-gradient(top, #add14b, #96bf33);
    background-image: -o-linear-gradient(top, #add14b, #96bf33);
    background-image: linear-gradient(to bottom, #add14b, #96bf33);
    padding-left: 9px;
    padding-right: 9px;
    margin: 2px;
}
    .button:hover {
        background: #add14b;
        color: #000;
        outline: 1px dotted #000;
        background-image: -webkit-linear-gradient(top, #96bf33, #add14b);
        background-image: -moz-linear-gradient(top, #96bf33, #add14b);
        background-image: -ms-linear-gradient(top, #96bf33, #add14b);
        background-image: -o-linear-gradient(top, #96bf33, #add14b);
        background-image: linear-gradient(to bottom, #96bf33, #add14b);
    }

    .button.buttonIcon {
        background-image: url(../Admin/Images/Icons/?icon-default.png);
        background-repeat: no-repeat !important;
        background-position: left 8px center !important;
        padding-left: 36px;
        padding-right: 18px;
    }

        .button.buttonIcon.buttonIconActive { background-image: url(../Admin/Images/Icons/?icon-active.png); }
        .button.buttonIcon.buttonIconAdd { background-image: url(../Admin/Images/Icons/?icon-add.png); }
        .button.buttonIcon.buttonIconArchive { background-image: url(../Admin/Images/Icons/?icon-archive.png); }
        .button.buttonIcon.buttonIconAssets { background-image: url(../Admin/Images/Icons/?icon-assets.png); }
        .button.buttonIcon.buttonIconAssign { background-image: url(../Admin/Images/Icons/?icon-assign.png); }
        .button.buttonIcon.buttonIconAttachment { background-image: url(../Admin/Images/Icons/?icon-attachment.png); }
        .button.buttonIcon.buttonIconAttachments { background-image: url(../Admin/Images/Icons/?icon-attachments.png); }
        .button.buttonIcon.buttonIconCalendar { background-image: url(../Admin/Images/Icons/?icon-calendarx.png); }
        .button.buttonIcon.buttonIconCancel { background-image: url(../Admin/Images/Icons/?icon-cancel.png); }
        .button.buttonIcon.buttonIconCompleted { background-image: url(../Admin/Images/Icons/?icon-completed.png); }
        .button.buttonIcon.buttonIconCross { background-image: url(../Admin/Images/Icons/?icon-cross.png); }
        .button.buttonIcon.buttonIconDelayed { background-image: url(../Admin/Images/Icons/?icon-delayed.png); }
        .button.buttonIcon.buttonIconDelete { background-image: url(../Admin/Images/Icons/?icon-delete.png); }
        .button.buttonIcon.buttonIconEdit { background-image: url(../Admin/Images/Icons/?icon-edit.png); }
        .button.buttonIcon.buttonIconEmail { background-image: url(../Admin/Images/Icons/?icon-email.png); }
        .button.buttonIcon.buttonIconEscalated { background-image: url(../Admin/Images/Icons/?icon-escalated.png); }
        .button.buttonIcon.buttonIconExtract { background-image: url(../Admin/Images/Icons/?icon-export.png); }
        .button.buttonIcon.buttonIconExport { background-image: url(../Admin/Images/Icons/?icon-export.png); }
        .button.buttonIcon.buttonIconExportCsv { background-image: url(../Admin/Images/Icons/?icon-exportcsv.png); }
        .button.buttonIcon.buttonIconFilter { background-image: url(../Admin/Images/Icons/?icon-filter.png); }
        .button.buttonIcon.buttonIconHistory { background-image: url(../Admin/Images/Icons/?icon-history.png); }
        .button.buttonIcon.buttonIconImport { background-image: url(../Admin/Images/Icons/?icon-import.png); }
        .button.buttonIcon.buttonIconImportCsv { background-image: url(../Admin/Images/Icons/?icon-importcsv.png); }
        .button.buttonIcon.buttonIconLoadStatistics { background-image: url(../Admin/Images/Icons/?icon-statistics.png); }
        .button.buttonIcon.buttonIconLookup { background-image: url(../Admin/Images/Icons/?icon-lookup.png); }
        .button.buttonIcon.buttonIconMap { background-image: url(../Admin/Images/Icons/?icon-map.png); }
        .button.buttonIcon.buttonIconNew { background-image: url(../Admin/Images/Icons/?icon-new.png); }
        .button.buttonIcon.buttonIconNote { background-image: url(../Admin/Images/Icons/?icon-note.png); }
        .button.buttonIcon.buttonIconPrint { background-image: url(../Admin/Images/Icons/?icon-print.png); }
        .button.buttonIcon.buttonIconQualifications { background-image: url(../Admin/Images/Icons/?icon-qualifications.png); }
        .button.buttonIcon.buttonIconReport { background-image: url(../Admin/Images/Icons/?icon-reporting.png); }
        .button.buttonIcon.buttonIconReportExcel { background-image: url(../Admin/Images/Icons/?icon-export.png); }
        .button.buttonIcon.buttonIconReportCsv { background-image: url(../Admin/Images/Icons/?icon-exportcsv.png); }
        .button.buttonIcon.buttonIconReset { background-image: url(../Admin/Images/Icons/?icon-reset.png); }
        .button.buttonIcon.buttonIconSave { background-image: url(../Admin/Images/Icons/?icon-save.png); }
        .button.buttonIcon.buttonIconSearch { background-image: url(../Admin/Images/Icons/?icon-search.png); }
        .button.buttonIcon.buttonIconTick { background-image: url(../Admin/Images/Icons/?icon-tick.png); }
        .button.buttonIcon.buttonIconToday { background-image: url(../Admin/Images/Icons/?icon-today.png); }
        .button.buttonIcon.buttonIconUnArchive { background-image: url(../Admin/Images/Icons/?icon-unarchive.png); }
        .button.buttonIcon.buttonIconUndo { background-image: url(../Admin/Images/Icons/?icon-undo.png); }
        .button.buttonIcon.buttonIconUpload { background-image: url(../Admin/Images/Icons/?icon-upload.png); }
        .button.buttonIcon.buttonIconView { background-image: url(../Admin/Images/Icons/?icon-view.png); }

.buttonDefault { margin: 2px; }
.buttonGreen { border: 2px solid #008000; margin: 2px; }
.buttonPurple { border: 2px solid #00a18e; margin: 2px; }
.buttonRed { border: 2px solid #ff0000; margin: 2px; }
.buttonGrey { background: #b7b7b7 url(../Images/CSS/?button-background-grey.png) repeat-x scroll 0 bottom; border: 2px solid #b7b7b7; margin: 2px; }

.heading .button {
    margin: 2px 0 0 8px;
}
.icon {
    height: 22px;
    width: 22px;
}

a img, .icon {
    padding: 2px;
    min-width: 20px;
}

a:hover:not(.nohover) img:not(.nohover), input.icon:hover:not(.nohover), table.clickableRows tr td a img:hover:not(.nohover), table tr td a.icon:hover:not(.nohover) {
    outline: 1px dotted #96bf33;
    -moz-opacity: 1.0;
    -khtml-opacity: 1.0;
    opacity: 1.0 !important;
    transform: scale(1.0) !important;
    padding: 2px;
    background-color: #d4e6a4;
}

a.icon:hover:not(.nohover) img:not(.nohover), a:hover:not(.nohover) img.icon:not(.nohover), input.icon:hover:not(.nohover), table.clickableRows tr td a img.icon:hover:not(.nohover), table tr td a.icon:hover:not(.nohover) {
    border-radius: 20px;
}

#header .icon {
    padding: 0px;
}
    #header .icon:hover, #header .icon img:hover {
        outline: 2px solid #fff;
        border-radius: 8px;
        background-color: #000;
        transition: none;
    }

.heading .icon.right {
    margin-right: 8px !important;
}

#header .right .loggedInUser a {
    margin-left: 8px;
}

#header #liuLoggedInUser_hlMyDetails {
    margin-right: 40px;
}

#header #liuLoggedInUser_lbLogOut {
    margin-left: 40px;
}

#header .right .loggedInUser a.icon .notifications {
    background-color: #96bf33;
}
#header .right .loggedInUser a.icon:hover .notifications, #liuLoggedInUser_hlNotifications {
    outline: none !important;
    transition: none !important;
}

#header .right .loggedInUser a.icon .notifications { top: -36px; right: -12px; }

.pod .podToolbar .toolbarIcon:hover, .icon:hover {
    opacity: 1.0;
    transform: scale(1.0);
}

.pod .podSummaryItem a.itemIcon:hover {
    transform: scale(1.0);
}

.icon-active {
    transform: scale(1.0);
    opacity: 1.0;
    outline: 1px solid #96bf33;
    padding: 2px;
    border-radius: 20px;
    height: 24px;
    width: 24px;
    margin: 4px;
}

    .icon-active img {
        padding: 1px !important;
    }

textarea, input.textbox, select {
    border: 1px solid #96bf33 !important;
}

table th, #ListViewColumnHeader {
    background-image: none;
    background-color: #96bf33;
    color: #000;
    font-size: 100%;
    font-weight: bold;
    border: 1px solid #d7d7d7;
}

    table th a, #ListViewColumnHeader, #ListViewColumnHeader a, #ListViewColumnHeader .ListViewColumn {
        color: #000;
    }

        table th a:hover {
            color: #efefef;
        }

table.clickableRows td {
    vertical-align: middle;
}

.filter {
        border-radius: 10px;
    }

.BiggerUI #main .innerWrap .leftColumn {
    padding-left: 8px;
}

.externalLink {
    top: -6px !important;
}

.ui-widget-header {
    border: 1px solid #96bf33;
    background: none;
    background-color: #96bf33;
}

.ui-state-default {
    color: #000 !important;
}

.icon-yearview, .icon-monthview, .icon-3dayview, .icon-ppmview, .icon-ppmtechnicians, .icon-addPPM, .icon-viewPPM {
    width: 22px;
}

.PPMStatus-DateRange {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: bold;
}

.PPMStatus-Summary {
    border-radius: 8px;
}

.PPMMonthView .cell .item.lastDay {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.PPMMonthView .cell .item.firstDay {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.roundTab {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.icon-asset-quarantined { background-image: url(../Admin/Images/Icons/?icon-asset-quarantined.png); }