﻿/* Yale Vision Theme */

div#divLogo {
    text-indent: -5000px;
    background: url(../Images/Yale/Yale-Logo.png) no-repeat;
    width: 109px;
    height: 73px;
}


div#divNotification {
    border: 1px solid #e6aa21;
    font-size: 1.0rem;
    background: #ffffff;
    margin-left: 325px;
    padding: 5px 10px 5px 10px;
    color: #828282;
}

    div#divNotification span {
        font-weight: bold;
        background: transparent url(../Images/Yale/warning-icon-yale.png) 0px 5px no-repeat;
        padding-top: 5px;
        padding-left: 20px;
        padding-bottom: 15px;
        margin-bottom: 5px;
        background-size: 15px 15px;
        color: #000;
        font-size: 1.2rem;
    }


.titleSignin {
    background: transparent url(../Images/Yale/signin-icon-yale.png) 5px 50% no-repeat;
    margin-bottom: 1em;
}

.titleResetPassword {
    background: transparent url(../Images/Yale/password-icon-yale.png) 5px 50% no-repeat;
}

.titleTips {
    background: transparent url(../Images/Yale/tips-icon-yale.png) 5px 50% no-repeat;
}

.titleAnnouncements {
    background: transparent url(../Images/Yale/announcements-icon-yale.png) 5px 50% no-repeat;
    margin-bottom: 1em;
    word-wrap: break-word;
}

.titleDashboard {
    background: transparent url(../Images/Yale/dashboard-icon-yale-l.png) 5px 50% no-repeat;
}

.titleReports, .titleReportBuilder {
    background: transparent url(../Images/Yale/reports-icon-yale-l.png) 0 50% no-repeat;
}

.titleAdmin {
    background: transparent url(../Images/Yale/admin-icon-yale-l.png) 5px 50% no-repeat;
}

.titleAccountSettings {
    background: transparent url(../Images/Yale/accountsettings-icon-yale-l.png) 0px 50% no-repeat;
}

.titleTools {
    background: transparent url(../Images/Yale/tools-icon-yale-l.png) 0px 50% no-repeat;
}

.titleAnalytics {
    background: transparent url(../Images/Yale/reports-icon-yale-l.png) 0 50% no-repeat;
    border-color: #078de2;
}

a.backlink {
    border-bottom: 1px solid #ffe196;
    background: transparent url(../Images/Yale/backlink-icon-yale.gif) 0 50% no-repeat;
}

a:hover.backlink {
    border-color: #e6a912;
}

div#divHeader {
    background-color: #FFF;
    border-bottom: 5px solid #e6aa21;
}

/* Main Tabs
------------------------------- */

ul#ulNav a:hover, ul#ulNav a:active, ul#ulNav a.current {
    background-color: #e6aa21;
    text-shadow: 1px 1px 1px #b67b03;
}

ul#ulNav li#liDashboard a:link, ul#ulNav li#liDashboard a:visited {
    background: #404040 url(../Images/Yale/dashboard-icon-yale.png) 14px 50% no-repeat;
}

ul#ulNav li#liDashboard a:hover, ul#ulNav li#liDashboard a.current {
    background: #e6aa21 url(../Images/Yale/dashboard-icon-yale.png) 14px 50% no-repeat;
}

ul#ulNav li#liEnergy a:link, ul#ulNav li#liEnergy a:visited { background: #404040 url(../Images/icons/energy-icon-white.png) 14px 50% no-repeat; }
ul#ulNav li#liEnergy a:hover, ul#ulNav li#liEnergy a.current { background: #e6aa21 url(../Images/icons/energy-icon-white.png) 14px 50% no-repeat; }


ul#ulNav li#liReports a:link, ul#ulNav li#liReports a:visited {
    background: #404040 url(../Images/Yale/reports-icon-yale.png) 14px 50% no-repeat;
}

ul#ulNav li#liReports a:hover, ul#ulNav li#liReports a.current {
    background: #e6aa21 url(../Images/Yale/reports-icon-yale.png) 14px 50% no-repeat;
}

ul#ulNav li#liAnalytics a:link, ul#ulNav li#liAnalytics a:visited {
    background: #404040 url(../Images/Yale/reports-icon-yale.png) 14px 50% no-repeat;
}

ul#ulNav li#liAnalytics a:hover, ul#ulNav li#liAnalytics a.current {
    background: #e6aa21 url(../Images/Yale/reports-icon-yale.png) 14px 50% no-repeat;
}

ul#ulNav li#liFleetAnalytics a:link, ul#ulNav li#liFleetAnalytics a:visited {
    background: #404040 url(../Images/Yale/reports-icon-yale.png) 14px 50% no-repeat;
}

ul#ulNav li#liFleetAnalytics a:hover, ul#ulNav li#liFleetAnalytics a.current {
    background: #e6aa21 url(../Images/Yale/reports-icon-yale.png) 14px 50% no-repeat;
}


ul#ulNav li#liAdmin a:link, ul#ulNav li#liAdmin a:visited {
    background: #404040 url(../Images/Yale/admin-icon-yale.png) 18px 50% no-repeat;
}

ul#ulNav li#liAdmin a:hover, ul#ulNav li#liAdmin a.current {
    background: #e6aa21 url(../Images/Yale/admin-icon-yale.png) 18px 50% no-repeat;
}

ul#ulNav li#liTools a:link, ul#ulNav li#liTools a:visited {
    background: #404040 url(../Images/Yale/tools-icon-yale.png) 15px 50% no-repeat;
}

ul#ulNav li#liTools a:hover, ul#ulNav li#liTools a.current {
    background: #e6aa21 url(../Images/Yale/tools-icon-yale.png) 15px 50% no-repeat;
}

ul#ulNav li#liGPS a:link, ul#ulNav li#liGPS a:visited { background: #404040 url(../Images/Yale/gps-icon-yale.png) 15px 50% no-repeat; }
ul#ulNav li#liGPS a:hover, ul#ulNav li#liGPS a.current { background: #e6aa21 url(../Images/Yale/gps-icon-yale.png) 15px 50% no-repeat; }

ul#ulNav li#liVIP a:link, ul#ulNav li#liVIP a:visited { background: #404040 url(../Images/Yale/chat-icon-yale.png) 15px 50% no-repeat; }
ul#ulNav li#liVIP a:hover, ul#ulNav li#liVIP a.current { background: #e6aa21 url(../Images/Yale/chat-icon-yale.png) 15px 50% no-repeat; }

ul#ulNav li#liAIVA a:link, ul#ulNav li#liAIVA a:visited {
    background: #404040 url(../Images/Yale/pac-icon-yale.png) 15px 50% no-repeat;
}

ul#ulNav li#liAIVA a:hover, ul#ulNav li#liAIVA a.current {
    background: #e6aa21 url(../Images/Yale/pac-icon-yale.png) 15px 50% no-repeat;
}


/* Sub Tabs
------------------------------- */

ul#ulNavright li#liAccountSetting a {
    background: #404040 url(../Images/Yale/accountsettings-icon-yale.png) 14px 50% no-repeat;
}

ul#ulNavright a {
    background-color: #404040;
}

    ul#ulNavright a:hover, ul#ulNavright a:active, ul#ulNavright a.current {
        background-color: #e6aa21;
        text-shadow: 1px 1px 1px #b67b03;
        color: #FFF;
    }

ul#ulNavright li#liAccountSetting a:hover, ul#ulNavright li#liAccountSetting a.current {
    background: #e6aa21 url(../Images/Yale/accountsettings-icon-yale.png) 14px 50% no-repeat;
}

/* Sub Nav
------------------------------- */

ul.subnav {
    background-color: #dfdfdf;
    background-image: url(../Images/Yale/subnav-gradient-yale.png);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#dfdfdf));
    background-image: -webkit-linear-gradient(top, #FFFFFF, #dfdfdf);
    background-image: -moz-linear-gradient(top, #FFFFFF, #dfdfdf);
    background-image: -ms-linear-gradient(top, #FFFFFF, #dfdfdf);
    background-image: -o-linear-gradient(top, #FFFFFF, #dfdfdf);
}

    ul.subnav li a:hover, ul.subnav li.hover, body.FleetAnalysis a#hypFleetAnalysis,
    body.EventResponse a#hypEventResponse,
    body.WorkforceAnalysis a#hypWorkforceAnalysis,
    body.OperatorCompliance a#hypOperatorCompliance {
        background: #cecece;
    }

    /* LEVEL TWO */

    ul.subnav ul li {
        background: #cecece;
    }

        ul.subnav ul li a:hover {
            background-color: #f3cb69;
        }

/* Side Menu
------------------------------- */

ul#ulSidemenu {
    color: #b58a0a;
}

    ul#ulSidemenu a {
        color: #b58a0a;
    }

        ul#ulSidemenu a:hover {
            color: #8d6d0e;
        }

        ul#ulSidemenu a.current, ul#ulSidemenu li.ui-tabs-selected {
            color: #8d6d0e;
            background: transparent url(../Images/Yale/sidemenu-highlight-yale.png) 0 50% no-repeat;
        }

/* Forms
------------------------------- */

fieldset.formColour {
    background-color: #fff7e3;
    margin-bottom: 2em;
}

    fieldset.formColour h3, div.hover h3 {
        background-color: #e7ab18;
        color: #FFF;
        font-weight: bold;
    }

input[type="submit"], input[type="button"], button {
    background-color: #e5a713;
    border-radius:0px;
    color:#000;
/*    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E6A912), to(#CA9209), color-stop(.6,#E6A912));
    background-image: -moz-linear-gradient(19% 75% 90deg,#CA9209, #E6A912, #E6A912 100%);
    text-shadow: 0 1px 1px rgba(137, 99, 5, 0.90);
    -webkit-box-shadow: 0 1px 2px rgba(105, 76, 5, 0.5);
    -moz-box-shadow: 0 1px 2px rgba(105, 76, 5, 0.5);
    box-shadow: 0 1px 2px rgba(105, 76, 5, 0.5);*/
}

input[type="submit"][disabled],
input[type="submit"][disabled="disabled"], 
input[type="button"][disabled],
input[type="button"][disabled="disabled"] {
    background-color: #F6DFA6;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F6DFA6), to(#D8C79C), color-stop(.6,#F6DFA6));
    background-image: -moz-linear-gradient(19% 75% 90deg,#D8C79C, #F6DFA6, #F6DFA6 100%);
}

fieldset.warning {
    background: transparent url(../Images/Yale/warning-icon-yale.png) 0 20px no-repeat;
}

/* Tables 
------------------------------- */

table tfoot td {
    background-color: #ffe6aa;
}

    table tfoot td a.current, table tfoot td a:hover {
        background-color: #e7ac1a;
    }

/* DataTable */

/*table.dataTable tr.odd td.sorting_1 { background-color: #ffe6a7 !important; }
table.dataTable tr.even td.sorting_1 { background-color: #fff5dd !important; }

.paging_full_numbers a.paginate_active {
	background-color: #E6A912 !important; 
}*/

table.display tr.even.row_selected td {
    background-color: #ffeec6;
    color: #000;
}

table.display tr.odd.row_selected td {
    background-color: #ffeec6;
    color: #000;
}

table tbody tr.odd.row_selected td {
    background-color: #ffeec6;
    color: #000;
}

table tbody tr.even.row_selected td {
    background-color: #ffeec6;
    color: #000;
}

/*------- sneha*/
table.display tr.even.row_selectedSneha td {
    background-color: #FF0000;
    color: #000;
}

table.display tr.odd.row_selectedSneha td {
    background-color: #FF0000;
    color: #000;
}

table tbody tr.odd.row_selectedSneha td {
    background-color: #FF0000;
    color: #000;
}

table tbody tr.even.row_selectedSneha td {
    background-color: #FF0000;
    color: #000;
}
/*------- sneha*/

.dataTables_scrollHead table th.sorting_asc, .dataTables_scrollHead table th.sorting_desc {
    background-color: #FFF5DD;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.dataTables_paginate a:hover {
    background-color: #FFF5DD;
}

.paging_full_numbers a.paginate_active {
    background-color: #FFF5DD;
}


/* Dashboard
------------------------------- */

div.hover fieldset {
    border: 1px solid #e7ab18;
}

#secondary ul li a:hover, #secondary ul li a:active {
    color: #e7ab18;
}

#secondary ul li.current a {
    background: transparent url(../Images/Dashboard/dashboard-bullet.png) 0 50% no-repeat;
    color: #e7ab18;
    font-weight: bold;
}

p.aDashboard a:hover, p.aDashboard a:active {
    color: #e7ab18;
}

/* Modal
------------------------------- */

.modalWrapper {
    background-color: #fef7e8;
}

ul.modalTabs li a {
    background: url(../Images/Yale/modal-tabs-yale-new.png) no-repeat;
}

#pFirstStep a {
    color: #e6a912;
    text-decoration: underline;
}

#pUtilizationDisclaimer {
    background-color: #e6a912;
}

/* JQuery DatePicker
------------------------------- */

.ui-widget-header {
    background: #e6a912 url(../Images/Yale/ui-bg_highlight-soft_75_e6a912_1x100.png) 50% 50% repeat-x;
}

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #fcefa1;
        background: #fbf9ee url(../Images/Yale/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    }

#ui-datepicker-div {
    display: none;
}

/* Checklist
------------------------------- */

.connectedSortable a:hover, .connectedSortable a:active {
    background-color: #FFD97A;
    border: 1px solid #E6A912;
}

.connectedSortableSelected a {
    background-color: bisque;
    color: red;
}

/* Dashboard
------------------------------- */

.dash h3, div.ui-accordion h4.ui-accordion-header {
    color: #FFF;
    background-color: #707070;
    font-weight: bold;
    background-image: url(../Images/Yale/dash-gradient-off-yale.png);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#707070), to(#171717));
    background-image: -webkit-linear-gradient(top, #707070, #171717);
    background-image: -moz-linear-gradient(top, #707070, #171717);
    background-image: -ms-linear-gradient(top, #707070, #171717);
    background-image: -o-linear-gradient(top, #707070, #171717);
}

fieldset.formColour h3, div.hover h3, div.ui-accordion h4.ui-state-active, div.ui-accordion h4.ui-state-hover {
    color: #FFF;
    text-shadow: 1px 1px 1px #b67b03;
    background-color: #daa021;
    background-image: url(../Images/Yale/dash-gradient-on-yale.png);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5c523), to(#daa021));
    background-image: -webkit-linear-gradient(top, #f5c523, #daa021);
    background-image: -moz-linear-gradient(top, #f5c523, #daa021);
    background-image: -ms-linear-gradient(top, #f5c523, #daa021);
    background-image: -o-linear-gradient(top, #f5c523, #daa021);
}

h2 {
    color: #696969;
}



/* Activation Form
------------------------------- */
img.helpIcon {
    position: absolute;
    width: 0px; /*trick Chome to make it think there is nothing so it doesnt give us a border and then pad the size instead*/
    height: 0px;
    padding: 17px 15px 0px 5px;
    margin-left: 5px;
    background-image: url('../Images/Yale/question-icon-yale.png');
    background-size: 15px 15px;
    background-repeat: no-repeat;
    cursor: help;
    display: inline;
}

/*Cookie banner*/


.cc-custom-window{ 
    /*background:#000;*/
    background:#202020;
    position:static; 
   display: block;
}
.cc-custom-window .cc-message{
    display:table-cell;
    vertical-align:middle;
    margin-bottom:0;

     
 }

.cc-custom-window .cc-message .cc-message-span {
    padding: 5.75px 0;
    
}
.cc-custom-window .cc-compliance{
    position:relative;
    text-align:right;
    display:table-cell;
    
    float:right;
    
    
}


.cc-custom-window .cc-w-inner{
    display:table;
    width:100%;
    margin:0 auto;
    background:#202020;
    position:relative;
    height: 50px;
    
}

.cc-b-inner{
    text-align:center;
    display:inline-block;    
    
}
.cc-custom-window .cc-message{
    font-size:0.9em;
    color: white;
   
}
.cc-custom-window .cc-btn.cc-dismiss,.cc-custom-window .cc-btn.cc-deny{
    border:none;
    color:#fff;
    padding:5.75px 11.5px;
    white-space:normal;    
    display:inline-block;
  
    
}

.cc-custom-window.cc-banner .cc-btn.cc-dismiss, .cc-custom-window.cc-floating .cc-btn.cc-dismiss{
    min-width: 0;    
    /*text-transform:capitalize;*/
    color:#202020;
    background: #202020;
    min-width:132px;
    -webkit-transition: opacity 0.7s; 
    transition: opacity 0.7s;
    opacity:0.9;
    height: 50px;
    text-align:center;
    vertical-align:top;
    line-height:50px;
}

.cc-custom-window.cc-banner .cc-btn.cc-dismiss:hover, .cc-custom-window.cc-floating .cc-btn.cc-dismiss:hover {
    text-decoration:underline;
    -webkit-transition: opacity 0.7s; 
    transition: opacity 0.7s;
    opacity:1;
    
}

.cc-custom-window .cc-dismiss:hover{
    color:#fff;
}

.cc-custom-window.cc-window.cc-floating{
    max-width:none;
    
}
@media only screen and (max-width: 991px) {
    .cc-custom-window .cc-message, .cc-custom-window .cc-compliance {
        width: 100%;
        min-width: 0;
        float:left;
       
        
    }
    .cc-custom-window .cc-compliance{
        text-align:center;
       
    }
}
@media only screen and (max-width: 767px) {
    .cc-custom-window .cc-btn.cc-deny, .cc-custom-window.cc-floating .cc-btn.cc-deny{
        padding-bottom:18px;
        width: 100%;
    }
}
.cc-link:link, .cc-link:active, .cc-link:visited {
    color: #f5d947;
    text-decoration:none;
    
}

.cc-link:hover {
    color: #f5d947; 
}

.cc-link {
    opacity:1;
    padding:5.75px 0;
    color: #f5d947; 
}

.cc-revoke.cc-top.cc-animate {
    display:none;
}