﻿div.gm-style-iw
    {
        overflow: hidden !important;
        width:auto !important;
        
    }
    
h1 {
    margin-top: 0px;
}

#map {
    width: 100%;
    height: 350px;
}

#logo, #logo a {
    float: left;
    width: 146px;
    /*margin-left: 8px;*/
}

.highlight-red {
    background-color: #f6a1a1;
    padding: 2px 4px;
}

.highlight-yellow {
    background-color: #fcfbb4;
    padding: 2px 4px;
}

.highlight-green {
    background-color: #c0f2bc;
    padding: 2px 4px;
}

.highlight-blue {
    background-color: #ceebf8;
    padding: 2px 4px;
}

.widget > div.map_wrapper {
    margin: 0px;
    padding: 0px;
}

/*.tooltip {
    display:none;
    background:url(../white_arrow_big.png);
    height:163px;
    padding:40px 30px 10px 30px;
    width:310px;
    font-size:11px;
    color:#6F6F6F;
    text-align: left;
}*/
.tooltip 
{
    position: relative;
    max-width: 250px;
    padding: 10px;
    min-width: 250px;
    background: rgba(255, 255, 255, 1);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 4px #A0A0A0;
    border: 1px solid #BBB6B6;
}

.tooltip:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 110px;
}
.notificationLeft {
    position: absolute;
    left: -7px;
    top: -7px;
    padding: 1px;
    line-height: 18px;
    min-width: 17px;
    width: auto;
    height: 17px;
    border-radius: 3px;
    text-align: center;
    text-shadow: 0 1px rgba(0, 0, 0, 0.25);
    font-family: Arial, sans-serif;
    color: white;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0,1);
    background: #fa623f;
    border-color: #fa5a35;
    background-image: -webkit-linear-gradient(top, #fc9f8a, #fa623f);
    background-image: -moz-linear-gradient(top, #fc9f8a, #fa623f);
    background-image: -o-linear-gradient(top, #fc9f8a, #fa623f);
    background-image: linear-gradient(to bottom, #fc9f8a, #fa623f);
}
.dashboard{
    border-top: 3px solid #ffcc00 !important;
    /*border-top-left-radius:0px !important; border-top-right-radius:0px !important;*/
}

.myDashboard {
    border-top: 3px solid #00dcbe !important;
    border-bottom: 1px solid #00dcbe !important;
    border-left: 1px solid #00dcbe !important;
    border-right: 1px solid #00dcbe !important;
    /*border-top-left-radius:0px !important; border-top-right-radius:0px !important;*/
}
.jobs a {
    border-top: 3px solid #E9573F !important;
}
.requests {
        border-top:3px solid #5293b4 !important;
    }

}
.variation{
    border-top: 3px solid #669966 !important;

}
.costsales{
        border-top: 3px solid #ff6600 !important;
}
.reports{
    border-top: 3px solid #003366 !important;
    /*border-top-left-radius: 0px !important;f
    border-top-right-radius: 0px !important;*/
}

.fleet{
    border-top: 3px solid #ad4a4a !important;
    /*border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;*/
}

.users{
        border-top: 3px solid #868686 !important;
}

.fleetasset {
    border-top: 3px solid #d87474 !important;
}
.notification {
    position:absolute;
    right:-7px;
    top:-7px;
    padding: 1px;
    line-height:18px;
    min-width:17px;
    width: auto;
    height:17px;
    border-radius:3px;
    text-align: center;
    
    text-shadow: 0 1px rgba(0, 0, 0, 0.25);
    
    font-family: Arial, sans-serif;
  color: white;
  
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0,1);
    
    background: #fa623f;
  border-color: #fa5a35;
  background-image: -webkit-linear-gradient(top, #fc9f8a, #fa623f);
  background-image: -moz-linear-gradient(top, #fc9f8a, #fa623f);
  background-image: -o-linear-gradient(top, #fc9f8a, #fa623f);
  background-image: linear-gradient(to bottom, #fc9f8a, #fa623f);
}


.calendarIcon {
    background-image: url('images/icons/dark/calendar.png');
    background-position: right center;
    background-repeat:no-repeat;
    /*padding-right: 10px;*/
}

.gm-control-active {
    overflow: visible !important;
}

    .gm-control-active > img {
        pointer-events: visible !important;
        padding-left:40px !important;
    }



