/*    calender    */
.well {
    background: #FFF;
    padding: 10px 10px 10px 15px;
}

.calender {
    width: 100%;
}

.header-table {
    width: 100%;
}

.cal-head-btn {
    background: none;
    border: none;
    padding: 5px 5px;
    font-weight: 100;
    cursor: pointer;
    font-weight: 500;
    border-radius: 4px;
    transition: all 0.6s ease;
}

    .cal-head-btn:hover {
        background: #F1F1F1;
    }

    .cal-head-btn.disable {
        cursor: default;
        background: none;
    }

.cal-year-btn {
    background: none;
    border: none;
    padding: 4px 10px;
    /*font-weight: 100;*/
    cursor: pointer;
    transition: all 0.6s ease; 
    border-radius: 4px;
    background: #F1F1F1;
}

    .cal-year-btn:hover {
        background: #F1F1F1;
    }

    .cal-year-btn.active, .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
        background: #1e656d;
        color: #FFF !important;
    }

.text-info {
    /*color: #FFFFFF !important;*/
    color: #000 !important;
}

.cal-year-btn.active .text-info {
    color: #FFF !important;
}
.cal-small-text-center{
    font-size: 13px !important;
}
.cal-small-text-center small {
    color: #666;
    width: 100%;
    text-align: center;
    float: left;
    font-weight: 600;
}

.cal-day-head {
    border: 1px solid #EEE;
}

.cal-day-btn {
    /*border-radius: 50%;*/
    height: 35px;
    width: 35px;
    padding: 0px 1px;
    /*border: 2px solid #FFF;*/
    border: 0;
    /*background: #F1F1F1;*/
    background: #fafafa;
    cursor: pointer;
}

    .cal-day-btn:hover {
        background: rgb(9 178 180 / 10%);
        color: #000;
         border: 1px solid #1E656D;
        transition: all 0.6s cubic-bezier(.68,-0.55,.27,1.55);
    }
    .cal-day-btn.active{
        background:rgb(30 101 109 / 20%);
        border: 1px solid #1E656D;
    }
    .cal-day-btn.active .text-info {
        color: #1E656D !important;
        font-weight:600;
    }
    .calender .primary-btn.active{
        color: #000 !important;
        background: rgb(30 101 109 / 30%);
    }
    .btn{
        border-radius: 0;
    }

.primary-btn {
    /*background: #056E45;*/
    background: #9687e8;
    color: #FFF;
}

.text-muted {
    color: #aaa !important;
}

.pendingemergencyschedule .cal-day-btn {
    background: #e81d21;
    color: #FFF;
}

.completedemergencyschedule .cal-day-btn {
    background: #f7bbbb;
}

.pendingplannedschedule .cal-day-btn {
    background: #4cb050;
    color: #FFF;
}


    .pendingplannedschedule .cal-day-btn.day-muted {
        background: #F1F1F1;
        color: #ccc;
    }

    .pendingplannedschedule .cal-day-btn.active {
        background: #056E45;
        color: #fff;
    }

.completedplannedschedule .cal-day-btn {
    background: #c9e7cb;
}


.pendingplannedschedule.pendingemergencyschedule .cal-day-btn {
    position: relative;
    background: #4cb050;
    color: #FFF;
}

.pendingplannedschedule.completedemergencyschedule .cal-day-btn {
    position: relative;
    background: #c9e7cb;
    color: #000;
}

    .pendingplannedschedule.pendingemergencyschedule .cal-day-btn:after, .pendingplannedschedule.completedemergencyschedule .cal-day-btn:after {
        position: absolute;
        content: "";
        background: #ec1b23;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        top: 2px;
        right: 2px;
    }

    .pendingplannedschedule.completedemergencyschedule .cal-day-btn:after {
        background: #f7bbbb;
    }

    
/*--------------- Calender -------------------------*/
.uib-daypicker .calender tbody tr td{
    /*border-top: 1px solid #9687e8;*/
}
.uib-daypicker .cal-day-btn{
    width: 30px;
    height: 25px;
}
.uib-daypicker .calender tbody tr td .header-table tbody tr th{
    background: #ccc;
    padding: 0;
}
.uib-monthpicker .calender thead tr td table.header-table tbody tr th{
    background:#ccc;
    padding: 1px;
}
.uib-yearpicker .calender thead tr td table.header-table tbody tr th{
    background: #ccc;
    padding: 1px;
}
.uib-yearpicker .calender thead tr td table.header-table tbody tr th button{
    color: #000;
}
.uib-daypicker .calender tbody tr th.cal-small-text-center{
    background: #fff;
}
.uib-daypicker .calender tbody tr th.cal-small-text-center small{
    color: #999;
}
.uib-datepicker-popup.dropdown-menu {
     /*border: 1px solid #1E656D;*/
     padding: 0 0 10px 0;
     box-shadow: 0 0 2px #1E656D;
}
.uib-daypicker .calender tbody tr:nth-child(odd) {
    background: #fff;   
}
.uib-daypicker .calender tbody tr td{
    border: 0;
    padding: 1px;
}
.uib-datepicker-popup li span{
    width: 100%;
}
.uib-datepicker-popup li span button{
    width:33.333%;
}
.datepickerMode .uib-daypicker table{
    /*padding:10px;*/
}

.btn-group.pull-left{
    float:left;
    width:66.6664%;
}
.btn-group.pull-left .btn{
    float:left;
    width:50% !important;
    
}
.btn-success.pull-right{
    float:left;
    width:33.3334%;
    
}

.datepickerMode .uib-daypicker table tr th{
    width: 100%;
}
.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group, .btn-group-vertical .btn + .btn, .btn-group-vertical .btn + .btn-group, .btn-group-vertical .btn-group + .btn, .btn-group-vertical .btn-group + .btn-group {
    margin-left:0;
}

.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-not-empty.ng-valid-date-disabled ul li button{
    border-radius:0;
}
.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-empty.ng-valid-date-disabled ul li button{
    border-radius: 0;
    font-size: 13px;
}
.ng-pristine.ng-untouched.ng-valid.ng-scope.ng-empty.ng-valid-date-disabled ul{
}
.form-control search-control{height: calc(1.5em + 1rem);}
.uib-daypicker .cal-day-btn[disabled="disabled"] {
    pointer-events:none;  
}


.uib-datepicker-popup.dropdown-menu{
    padding: 0 0 5px 0;
}
.uib-button-bar {
    padding: 5px 9px 2px !important;
}
.uib-button-bar .btn-sm{
    padding: 2px 10px !important;
    outline: none !important;
}
.uib-button-bar .btn-sm:focus{
    box-shadow: none !important;
}
.datepickerMode .uib-monthpicker .calender thead tr td{
    padding: 1px;
}
.datepickerMode .uib-monthpicker .calender thead tr td .header-table tbody tr th button.cal-head-btn{
    padding: 1px !important;
}

.uib-monthpicker .calender tbody tr td {
    padding: 1px;
}
.uib-yearpicker .calender tbody tr td{
    padding: 1px;
}
/*.uib-yearpicker .calender thead tr td{
    padding: 5px;
}*/


.calender .primary-btn {
    padding: 0 !important;
}

.uib-daypicker {
    outline: none !important;
}
.uib-monthpicker {
    outline: none !important;
}
.uib-yearpicker {
    outline: none !important;
}
.uib-daypicker table tbody tr td button{
    font-size: 13px !important;
    transition: none !important;
    -webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}
.uib-monthpicker table thead tr td{
    padding: 0 !important;
}
.uib-monthpicker table tbody tr td button{
    font-size: 13px !important;
}
.uib-yearpicker table thead tr td{
    padding: 0 !important;
}
.uib-yearpicker table tbody tr td button{
    font-size: 13px !important;
}
.header-table tbody tr th button{
    font-size: 13px !important;
}
.uib-button-bar button{
    font-size: 13px !important;
}
.uib-button-bar .uib-datepicker-current{
    background: #1e656d !important;
    border: 1px solid #1e656d;
}
.uib-button-bar .uib-datepicker-current:hover{
    background: #00293C !important;
    border: 1px solid #00293C;
}