/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 12 Mar, 2015, 4:08:41 PM
    Author     : Akash Saikia
*/
/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.datepicker {
    top: 0;
    left: 0;
    margin-top: -3px;
    margin-left: 0px;
    width: 277px;
    background-color: #244E70;
    font-family: 'PT Sans', Helvetica, Arial, sans-serif;
    padding: 0px !important;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0px;
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    /*.dow {
              border-top: 1px solid #ddd !important;
      }*/
}


.today
{
    background-color: #96D5F8 !important;
}
.dropdown-menu{
    margin-top:0px;   
}
.datepicker-days {
    /*  padding-left: 3px;
      padding-right: 3px;*/
    /*padding-bottom: 3px;*/
}
.table-condensed >thead tr{
    background-color: #91A0AD;
    color:#000;
}

.table-condensed{
    background-color:#91A0AD;
}

.datepicker-days .table-condensed tbody,
.datepicker-months .table-condensed tbody,
.datepicker-years .table-condensed tbody {
    background-color: white;
}
.datepicker .dow {
    color: #544C4C;
    font-size: 14px;
    font-family: 'lato-bold', Helvetica, Arial, sans-serif;
    font-weight: normal;
}
.datepicker .datepicker-switch {
    color: #544C4C;
    font-family: 'lato-bold', Helvetica, Arial, sans-serif;
    font-weight: normal;
}
.datepicker:before {
    /*        content: '';
                  display: inline-block;
                  border-left:   7px solid transparent;
                  border-right:  7px solid transparent;
                  border-bottom: 7px solid #ccc;
                  border-bottom-color: rgba(0,0,0,.2);
                  position: absolute;
                  top: -7px;
                  left: 6px;*/
}
.datepicker:after {
    /*        content: '';
                  display: inline-block;
                  border-left:   6px solid transparent;
                  border-right:  6px solid transparent;
                  border-bottom: 6px solid @white;
                  position: absolute;
                  top: -6px;
                  left: 7px;*/
}
.datepicker > div {
    display: none;
}
.datepicker table {
    width: 100%;
    margin: 0;
}
.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 38px;
    /*.rounded(4px);*/
}
.datepicker td.day {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    color: #6a747a;
    font-size: 16px;
    font-family: 'lato-bold', Helvetica, Arial, sans-serif;
    border-bottom: 2px solid #FFF;
    border-right: 2px solid #FFF;
    border-radius: 0px;
    border-left: 2px solid #FFF;
    padding: 0;
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    background-image: none;
    background-color: #E7EFF3;
}
.datepicker td.day:hover:not(.disabled) {
    background: #BED8E7;
    cursor: pointer;
}
.datepicker td.day.disabled,
.datepicker td .month.disabled {
    color: #c3c3c3;
    font-family: 'lato-bold', Helvetica, Arial, sans-serif;
}
.datepicker td.old,
.datepicker td.new {
    color: #c3c3c3;
}
.datepicker td.active,
.datepicker td.active:hover {
    background-color: #96d5f8;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span {
    display: block;
    width: 47px;
    height: 47px;
    line-height: 47px;
    float: left;
    margin: 2px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.datepicker td span:hover:not(.disabled) {
    background: #96d5f8;
}
.datepicker td span.active {
    background-color: #96d5f8;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.old {
    color: #c3c3c3;
}
.datepicker th.switch {
    width: 145px;
}
.datepicker th.next,
.datepicker th.prev {
    font-size: 16px;
    padding-top: 10px;
}
.datepicker th .prev-icon,
.datepicker th .next-icon {
    display: block;
    width: 13px;
    height: 17px;
}
.datepicker th .prev-icon {
    background-image: url(../icons.png);
    background-position: -71px -151px;
    margin: auto;
    width: 10px;
    height: 17px;
}
.datepicker th .next-icon {
    background-image: url(../icons.png);
    background-position: -81px -151px;
    margin: auto;
    width: 10px;
    height: 17px;
}
.datepicker thead tr:first-child th {
    cursor: pointer;
    padding:8px 0px;
}
.datepicker thead tr:first-child th:hover {
    color: white;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}
.datepicker td.range.day{
    background-color: #B9DFF4;
}