﻿.bc1 {
    background-color: rgba(0,133,120,0.75);
    color: #fff;
    display: block;
    padding: 6px;
    border-radius: 6px;
    font-weight: bold;
    text-align: center;
}

.select2-container {
    width: 100% !important;
}

    .select2-container .select2-selection--single {
        height: 34px;
        border: 1px solid #ced4da;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 4px;
}

body {
    overflow-x: hidden;
}

.select2-container--default .select2-results > .select2-results__options {
    max-height: 165px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #96598a;
    color: #fff;
}
/*datepicker*/
.datepicker {
    padding: 16px 25px;
    border-radius: 2px;
    font-size: 12px
}

    .datepicker:after {
        border-bottom-color: #fafafa
    }

    .datepicker thead tr .datepicker-switch {
        color: #6f7b8a;
        font-size: 13px
    }

    .datepicker thead tr .next, .datepicker thead tr .prev {
        color: #18AACC;
        content: '';
        font-size: 0
    }

        .datepicker thead tr .next:before, .datepicker thead tr .prev:before {
            color: #6d5cae;
            font-family: fontawesome;
            font-size: 10px
        }

        .datepicker thead tr .prev:before {
            content: "\f053"
        }

        .datepicker thead tr .next:before {
            content: "\f054"
        }

    .datepicker thead tr .dow, .ui-datepicker-calendar thead tr th {
        font-family: montserrat;
        color: #18AACC !important;
        text-transform: uppercase;
        font-size: 11px
    }

.ui-datepicker {
    z-index: 999 !important;
}

.ui-datepicker-calendar tr td a {
    text-align: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 4px !important;
    border: 0 !important;
    line-height: 26px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none !important;
    background: none !important;
}

.ui-datepicker td span, .ui-datepicker td a {
    text-align: center !important;
    font-size: 13px;
}

.ui-widget.ui-widget-content {
    width: auto !important;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}
/*.ui-datepicker-month, .ui-datepicker-year{*/
color: #6f7b8a;
}

.ui-widget-header {
    border: none !important;
    background: none !important;
}

.ui-datepicker-calendar tr td:hover {
    background: #eee !important;
    border-radius: 5px;
    cursor: pointer;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {
    opacity: 1 !important;
    color: #999 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active {
    background: #18aacc !important;
    font-weight: bold !important;
    color: #fff !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #ffdb99 !important;
    color: #333 !important;
}


.datepicker thead tr th {
    width: 31px;
    height: 29px
}

.datepicker tbody tr .odd {
    color: #d0d3d8
}

.datepicker table tr td {
    width: 31px;
    height: 29px
}

    .datepicker table tr td.old, .datepicker table tr td.new {
        color: #e6e6e6
    }

    .datepicker table tr td.day:hover {
        background: #f0f0f0
    }

    .datepicker table tr td.active {
        background-color: #6d5cae !important
    }

        .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover {
            background-image: none;
            text-shadow: none;
            font-weight: 600
        }

    .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
        background-color: #18AACC;
        background-image: none;
        color: #fff
    }

    .datepicker table tr td span {
        border-radius: 4px;
        width: 42px;
        height: 42px;
        line-height: 42px
    }

        .datepicker table tr td span.active {
            background-color: #18AACC !important
        }

            .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover {
                background-image: none;
                border: 0;
                text-shadow: none
            }

.datepicker.dropdown-menu {
    border-color: #e6e6e6;
    color: #626262
}

.datepicker.datepicker-dropdown.datepicker-orient-bottom:before {
    border-color: #e6e6e6
}

.datepicker-inline {
    width: auto
}

.table tfoot a {
    border: solid thin #ccc;
    padding: 2px 5px;
    border-radius: 6px;
}

.maxwidth70 {
    max-width: 70px;
}

.maxheight36 {
    max-height: 36px;
}

.table td {
    padding: 2px;
    vertical-align: middle;
}

.mb2 {
    margin-bottom: 2px;
}

.iconsetcal {
    right: 22px;
}

.mr8 {
    margin-right: 8px;
}

.innerPage .col-md-3 {
    margin-bottom: 8px;
}

    .innerPage .col-md-3 label {
        display: block;
    }

.innerTD {
    background: #ccc;
}

.innerPage {
    margin: 10px;
    position: relative;
    background: #fff;
    padding: 10px;
}

.closeBTN {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 17px;
    z-index: 99;
    cursor: pointer;
}

.scroller {
    background: #fff !important;
    width: 100%;
    padding: 8px 0px;
}

.statGenWork {
    background: #fff0e4 !important;
}

.statPIDExpired {
    background: #efefef !important;
}

.statCallForword {
    background: #bce8ca !important;
}

.statClosedToken {
    background: #daeffd !important;
}

.lblDataSet {
    /*width: 16px;
    height: 15px;
    margin-left: 7px;*/
    margin-right: 5px;
    padding: 1px 8px;
    border: solid thin #5d5d5d;
    margin-bottom: 2px;
    margin-top: 4px;
}

.fixedFooter {
    position: fixed;
    width: 100%;
    background: #fff;
    right: 0px;
    left: 0px;
    bottom: 0px;
    z-index: 999;
    padding: 5px 10px;
    border-top: solid thin #ccc;
}
