/*  FUENTE PARA ICONOS */
@font-face {
font-family: 'datepickerfont';
src:  url('fonts/icomoon.eot?f1tamg');
src:  url('fonts/icomoon.eot?f1tamg#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?f1tamg') format('truetype'),
    url('fonts/icomoon.woff?f1tamg') format('woff'),
    url('fonts/icomoon.svg?f1tamg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'datepickerfont' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-bin:before {
    content: "\e9ac";
}
.icon-arrow-right2:before {
    content: "\ea3c";
}
.icon-arrow-left2:before {
    content: "\ea40";
}

/* (END)  FUENTE PARA ICONOS */

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.list-unstyled{
    list-style: none;
    box-shadow: 0 0 4px grey;
    padding: 1rem 1.5rem;
    margin: 0;
}

.table-condensed{
    padding: .5rem 1rem;
}

.dow,
.day{
    text-align: center;
}

.day{
    padding: .35rem;
    cursor: pointer;
}

.day.old{
    color: grey;
}

.datepicker-months thead,
.datepicker-years thead,
.datepicker-decades thead,
.datepicker-months tbody,
.datepicker-decades tbody,
.datepicker-years tbody{
    display: block;
}

.datepicker-months tbody tr td,
.datepicker-decades tbody tr td,
.datepicker-years tbody tr td{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: .25rem;
}

span.month,
span.year,
.datepicker-decades tbody span{
    display: block;
    padding: .5rem .75rem;
    text-align: center;
}
.datepicker-decades tbody span{
    min-width: 65px;
    text-align: center;
}

span.month:hover,
span.year:hover,
.datepicker-decades tbody span.decade:hover{
    background: #e9e9e9;
    cursor: pointer;
}

th.picker-switch{
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.picker-switch .glyphicon-trash,
th.prev span,
th.next span{
    /* font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    align-items: center;
    display: inline-flex;
    font-feature-settings: "liga";
    font-size: 24px;
    justify-content: center;
    line-height: 1;
    transition: .3s cubic-bezier(.25,.8,.5,1);
    vertical-align: text-bottom; */
    font-family: 'datepickerfont' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
}

.picker-switch .glyphicon-trash{
    color: #00677f;
    font-size: 1.2rem;
}

th.prev span::before{
    /* content: 'keyboard_arrow_left'; */
    content: "\ea40";
}

th.next span::before{
    /* content: 'keyboard_arrow_right'; */
    content: "\ea3c";
}

.picker-switch .glyphicon-trash::before{
    content: "\e9ac";
    /* content: 'delete'; */
}

.datepicker.datepicker tbody tr td {
    padding: .4rem 0.4rem;
    text-align: center !important;
    border: 1px solid #c9c9c9;
}

.datepicker.datepicker tbody tr:hover{
    background-color: transparent;
}

.datepicker.datepicker tbody tr td:hover{
    background-color: #dddddd;
}

.datepicker thead tr:first-child th {
    padding-bottom: 1rem;
}