﻿.uib-daypicker:focus,
.uib-daypicker table:focus,
.uib-monthpicker:focus,
.uib-monthpicker table:focus,
.uib-yearpicker:focus,
.uib-yearpicker table:focus{
    box-shadow: none;
    outline: 0;
}

.uib-daypicker table thead,
.uib-monthpicker table thead,
.uib-yearpicker table thead{
    background-color: #e1e1e1;
}

.dropdown-menu{
    border-color: #cccccc;
    border-radius: 0;
    padding-top: 0;
    margin-top: 10px !important;
}

.uib-title.btn{
    background-color: transparent;
    border: none;
    border-radius: 0;
    font-family: "Allianz Sans", sans-serif;
    font-size: 1.1em;
}

    .uib-title.btn:hover,
    .uib-title.btn:active,
    .uib-title.btn:focus,
    .uib-title.btn:hover:active,
    .uib-title.btn:hover:focus,
    .uib-title.btn:active:focus{
        background-color: transparent;
        border: none;
        color: #222222;
    }

.uib-daypicker table > thead > tr:last-child{
    border-top: 1px solid #cccccc;
    font-size: 1.2em;
}

    .uib-daypicker table > thead > tr:last-child th{
        padding-bottom: 5px;
        padding-top: 5px;
    }

.uib-left,
.uib-right{
    background-color: #e1e1e1;
    margin-bottom: 10px;
    margin-top: 5px;
    width: 40px;
}

    .uib-left:focus,
    .uib-right:focus{
        background-color: transparent !important;
    }

    .uib-left{
        margin-left: 10px;
    }

    .uib-right{
        margin-right: 10px;
    }

.uib-day .btn,
.uib-month .btn,
.uib-year .btn{
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-size: 1em;
}

.uib-day .btn:focus,
.uib-month .btn:focus,
.uib-year .btn:focus{
    box-shadow: none;
    outline: 0;
}

.uib-day .btn{
    margin-bottom: 2px;
    margin-top: 2px;
    transition: none;
    width: 40px;
}

    .uib-day .btn:hover,
    .uib-month .btn:hover,
    .uib-year .btn:hover{
        border: none;
    }

    .uib-day .btn[disabled],
    .uib-month .btn[disabled],
    .uib-year .btn[disabled]{
        opacity: .35;
    }

        .uib-day .btn[disabled]:hover,
        .uib-day .btn[disabled]:active,
        .uib-day .btn[disabled]:focus,
        .uib-day .btn[disabled]:hover:active,
        .uib-day .btn[disabled]:hover:focus,
        .uib-day .btn[disabled]:active:focus,
        .uib-month .btn[disabled]:hover,
        .uib-month .btn[disabled]:active,
        .uib-month .btn[disabled]:focus,
        .uib-month .btn[disabled]:hover:active,
        .uib-month .btn[disabled]:hover:focus,
        .uib-month .btn[disabled]:active:focus,
        .uib-year .btn[disabled]:hover,
        .uib-year .btn[disabled]:active,
        .uib-year .btn[disabled]:focus,
        .uib-year .btn[disabled]:hover:active,
        .uib-year .btn[disabled]:hover:focus,
        .uib-year .btn[disabled]:active:focus{
            background-color: transparent;
            color: #333333;
        }

        .uib-day.selected .btn,
        .uib-month.selected .btn,
        .uib-year.selected .btn,
        .uib-day.selected .btn:hover:focus,
        .uib-month.selected .btn:hover:focus,
        .uib-year.selected .btn:hover:focus,
        .uib-day .btn:focus,
        .uib-month .btn:focus,
        .uib-year .btn:focus,
        .uib-day .btn-info,
        .uib-month .btn-info,
        .uib-year .btn-info,
        .uib-day .btn-info:hover,
        .uib-month .btn-info:hover,
        .uib-year .btn-info:hover{
            background-image: none;
            background-color: #009cda;
            border-color: transparent;
            color: #ffffff;
        }

            .uib-day.selected .btn .text-info,
            .uib-month.selected .btn .text-info,
            .uib-year.selected .btn .text-info,
            .uib-day .btn-info .text-info,
            .uib-month .btn-info .text-info,
            .uib-year .btn-info .text-info,
            .uib-day .btn-info .text-info:hover,
            .uib-month .btn-info .text-info,
            .uib-year .btn-info .text-info,
            .uib-day.selected .text-muted,
            .uib-month.selected .text-muted,
            .uib-year.selected .text-muted{
                background-color: transparent;
                color: #ffffff;
            }

.uib-day .text-info,
.uib-month .text-info,
.uib-year .text-info{
    color: #222222;
}

    .uib-day .text-info:hover,
    .uib-month .text-info:hover,
    .uib-year .text-info:hover{
        color: #005192;
    }

.uib-datepicker-current{
    display: none;
}

.uib-button-bar{
    border-top: 1px solid #cccccc;
}

.uib-clear,
.uib-close{
    background-color: transparent;
    color: #005192;
    height: auto !important;
}

    .uib-clear:hover,
    .uib-clear:active,
    .uib-clear:focus,
    .uib-clear:active:focus,
    .uib-clear:active:hover,
    .uib-clear:hover:focus,
    .uib-close:hover,
    .uib-close:active,
    .uib-close:focus,
    .uib-close:active:focus,
    .uib-close:active:hover,
    .uib-close:hover:focus{
        background-color: transparent;
        color: #005192;
        text-decoration: underline;
    }

.dropdown-menu{
  margin-bottom: 20px !important;
  min-width: max-content;
  top: 15px !important;
  width: 290px;
}

.periodo-data .calendario-aberto ~ div.ng-valid-date-disabled{
  position: relative;
  height: 430px;
}

.uib-datepicker table{
  width: 100%;
}

.uib-day .btn{
  width: 14.285%;
}

.uib-button-bar:after {
  content: " ";
  display: table;
  clear: both;
}

@media screen and (min-width: 768px){
  .dropdown-menu{
    margin-bottom: 0;
    min-width: auto;
    top: 100% !important;
    width: auto !important;
  }

  .periodo-data .calendario-aberto ~ div.ng-valid-date-disabled{
    height: auto;
    position: static;
  }

  .uib-datepicker table{
    width: auto;
  }

  .uib-day .btn{
    width: 40px;
  }

  .uib-button-bar:after{
    display: none;
  }
}

@media screen and (min-width: 360px){
  .dropdown-menu{
    width: 330px;
  }
}

@media screen and (min-width: 375px){
  .dropdown-menu{
    width: 345px;
  }
}

@media screen and (min-width: 425px){
  .dropdown-menu{
    width: 395px;
  }
}