/*
3CX
.bg-dark {
    background-color: #363535;
    color: #b5b5b5;
}
.bg-darkform {
    background-color: #2d2d2d;
    color: #b5b5b5;
}
.btn-primary {
    color: #fff;
    background-color: #0096d1;
    border-color: #0096d1;
}
#centerdiv {
    background: #363535;
}
legend {
    color: #b5b5b5;
    background-color: #b5b5b5;
    border-radius: 5px;
}
fieldset {
    color: #b5b5b5;
    background-color: #2d2d2d;
    border: none !important;
}
botton {
    border: 0 solid rgba(181, 181, 181, 0.125);
    box-shadow: 0 1px 0 rgb(181, 181, 181 / 20%) inset, 0 1px 2px rgb(181, 181, 181 / 5%);
}
*/ 
div.row .col-lg-1,
div.row .col-lg-2,
div.row .col-lg-3,
div.row .col-lg-4,
div.row .col-lg-5,
div.row .col-lg-6,
div.row .col-lg-7,
div.row .col-lg-8,
div.row .col-lg-9,
div.row .col-lg-10,
div.row .col-lg-11,
div.row .col-lg-12,
div.row .col-md-1,
div.row .col-md-2,
div.row .col-md-3,
div.row .col-md-4,
div.row .col-md-5,
div.row .col-md-6,
div.row .col-md-7,
div.row .col-md-8,
div.row .col-md-9,
div.row .col-md-10,
div.row .col-md-11,
div.row .col-md-12,
div.row .col-sm-1,
div.row .col-sm-2,
div.row .col-sm-3,
div.row .col-sm-4,
div.row .col-sm-5,
div.row .col-sm-6,
div.row .col-sm-7,
div.row .col-sm-8,
div.row .col-sm-9,
div.row .col-sm-10,
div.row .col-sm-11,
div.row .col-sm-12,
div.row .column {
    padding-right: 8px;
    padding-left: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%
}

@media only screen and (min-width:1024px) {
    div.row .col-lg-1,
    div.row .col-lg-2,
    div.row .col-lg-3,
    div.row .col-lg-4,
    div.row .col-lg-5,
    div.row .col-lg-6,
    div.row .col-lg-7,
    div.row .col-lg-8,
    div.row .col-lg-9,
    div.row .col-lg-10,
    div.row .col-lg-11,
    div.row .col-lg-12,
    div.row .col-md-1,
    div.row .col-md-2,
    div.row .col-md-3,
    div.row .col-md-4,
    div.row .col-md-5,
    div.row .col-md-6,
    div.row .col-md-7,
    div.row .col-md-8,
    div.row .col-md-9,
    div.row .col-md-10,
    div.row .col-md-11,
    div.row .col-md-12,
    div.row .col-sm-1,
    div.row .col-sm-2,
    div.row .col-sm-3,
    div.row .col-sm-4,
    div.row .col-sm-5,
    div.row .col-sm-6,
    div.row .col-sm-7,
    div.row .col-sm-8,
    div.row .col-sm-9,
    div.row .col-sm-10,
    div.row .col-sm-11,
    div.row .col-sm-12,
    div.row .column {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:1440px) {
    div.row .col-lg-1,
    div.row .col-lg-2,
    div.row .col-lg-3,
    div.row .col-lg-4,
    div.row .col-lg-5,
    div.row .col-lg-6,
    div.row .col-lg-7,
    div.row .col-lg-8,
    div.row .col-lg-9,
    div.row .col-lg-10,
    div.row .col-lg-11,
    div.row .col-lg-12,
    div.row .col-md-1,
    div.row .col-md-2,
    div.row .col-md-3,
    div.row .col-md-4,
    div.row .col-md-5,
    div.row .col-md-6,
    div.row .col-md-7,
    div.row .col-md-8,
    div.row .col-md-9,
    div.row .col-md-10,
    div.row .col-md-11,
    div.row .col-md-12,
    div.row .col-sm-1,
    div.row .col-sm-2,
    div.row .col-sm-3,
    div.row .col-sm-4,
    div.row .col-sm-5,
    div.row .col-sm-6,
    div.row .col-sm-7,
    div.row .col-sm-8,
    div.row .col-sm-9,
    div.row .col-sm-10,
    div.row .col-sm-11,
    div.row .col-sm-12,
    div.row .column {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media only screen and (min-width:768px) {
    .toolclient3cx {
        display: none !important;
    }
    div.row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    div.row .col-lg-12,
    div.row .col-md-12,
    div.row .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
    div.row .col-lg-11,
    div.row .col-md-11,
    div.row .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }
    div.row .col-lg-10,
    div.row .col-md-10,
    div.row .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }
    div.row .col-lg-9,
    div.row .col-md-9,
    div.row .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    div.row .col-lg-8,
    div.row .col-md-8,
    div.row .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%
    }
    div.row .col-lg-7,
    div.row .col-md-7,
    div.row .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }
    div.row .col-lg-6,
    div.row .col-md-6,
    div.row .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    div.row .col-lg-5,
    div.row .col-md-5,
    div.row .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%
    }
    div.row .col-lg-4,
    div.row .col-md-4,
    div.row .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%
    } 
    div.row .col-lg-2,
    div.row .col-md-2,
    div.row .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }
    div.row .col-lg-1,
    div.row .col-md-1,
    div.row .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }
}


.bg-primary {
    background-color: #007bff !important
}

a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
    background-color: #0062cc !important
}

.bg-secondary {
    background-color: #6c757d !important
}

a.bg-secondary:focus,
a.bg-secondary:hover,
button.bg-secondary:focus,
button.bg-secondary:hover {
    background-color: #545b62 !important
}

.bg-success {
    background-color: #28a745 !important
}

a.bg-success:focus,
a.bg-success:hover,
button.bg-success:focus,
button.bg-success:hover {
    background-color: #1e7e34 !important
}

.bg-info {
    background-color: #17a2b8 !important
}

a.bg-info:focus,
a.bg-info:hover,
button.bg-info:focus,
button.bg-info:hover {
    background-color: #117a8b !important
}

.bg-warning {
    background-color: #ffc107 !important
}

a.bg-warning:focus,
a.bg-warning:hover,
button.bg-warning:focus,
button.bg-warning:hover {
    background-color: #d39e00 !important
}

.bg-danger {
    background-color: #dc3545 !important
}

a.bg-danger:focus,
a.bg-danger:hover,
button.bg-danger:focus,
button.bg-danger:hover {
    background-color: #bd2130 !important
}

.bg-light {
    background-color: #f8f9fa !important
}

a.bg-light:focus,
a.bg-light:hover,
button.bg-light:focus,
button.bg-light:hover {
    background-color: #dae0e5 !important
}

.bg-dark {
    background-color: #343a40 !important
}

a.bg-dark:focus,
a.bg-dark:hover,
button.bg-dark:focus,
button.bg-dark:hover {
    background-color: #1d2124 !important
}

.bg-white {
    background-color: #fff !important
}

.bg-transparent {
    background-color: transparent !important
}

.bg-info, .bg-info>a {
    color: #fff!important;
}

.small-box {
    border-radius: .25rem;
    box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
    display: block;
    margin-bottom: 20px;
    position: relative
}

.small-box > .inner {
    padding: 10px 10px 3px 10px;
}

.small-box>.small-box-footer {
    background-color: rgba(0, 0, 0, .1);
    color: rgba(255, 255, 255, .8);
    display: block;
    padding: 3px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    /*z-index: 10;*/
}

.small-box>.small-box-footer:hover {
    background-color: rgba(0, 0, 0, .15);
    color: #fff
}

.small-box h3 {
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0 0 10px;
    padding: 0;
    white-space: nowrap
}

@media (min-width:992px) {
    .col-lg-2 .small-box h3,
    .col-md-2 .small-box h3,
    .col-xl-2 .small-box h3 {
        font-size: 1.6rem
    }
    .col-lg-3 .small-box h3,
    .col-md-3 .small-box h3,
    .col-xl-3 .small-box h3 {
        font-size: 1.6rem
    }
}

@media (min-width:1200px) {
    .col-lg-2 .small-box h3,
    .col-md-2 .small-box h3,
    .col-xl-2 .small-box h3 {
        font-size: 2.2rem
    }
    .col-lg-3 .small-box h3,
    .col-md-3 .small-box h3,
    .col-xl-3 .small-box h3 {
        font-size: 2.2rem
    }
}

.small-box p {
    font-size: 1rem
}

.small-box p>small {
    color: #f8f9fa;
    display: block;
    font-size: .9rem;
    margin-top: 5px
}

.small-box h3,
.small-box p {
    z-index: 5
}

.small-box .icon {
    color: rgba(0, 0, 0, .15);
    z-index: 0
}

.small-box .icon>i {
    font-size: 80px;
    position: absolute;
    right: 25px;
    top: 25px;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}

.small-box .icon>i.fa,
.small-box .icon>i.fab,
.small-box .icon>i.fad,
.small-box .icon>i.fal,
.small-box .icon>i.far,
.small-box .icon>i.fas,
.small-box .icon>i.ion {
    font-size: 60px;
    top: 30px;
    right: 60px;
}

.small-box .icon svg {
    font-size: 60px;
    position: absolute;
    top: 30px;
    right: 60px;
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear
}

.small-box:hover {
    text-decoration: none
}

.small-box:hover .icon>i,
.small-box:hover .icon>i.fa,
.small-box:hover .icon>i.fab,
.small-box:hover .icon>i.fad,
.small-box:hover .icon>i.fal,
.small-box:hover .icon>i.far,
.small-box:hover .icon>i.fas,
.small-box:hover .icon>i.ion {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.small-box:hover .icon>svg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.info-box {
    box-shadow: 0 0 1px rgba(0, 0, 0, .125), 0 1px 3px rgba(0, 0, 0, .2);
    border-radius: .25rem;
    background-color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0.4rem;
    min-height: 50px;
    padding: .5rem;
    position: relative;
    width: 100%;
    height: 54px !important;
    min-height: 54px !important;
}

.info-box .progress {
    background-color: rgba(0, 0, 0, .125);
    height: 2px;
    margin: 5px 0
}

.info-box .progress .progress-bar {
    background-color: #fff
}

.info-box .info-box-icon {
    border-radius: .25rem;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.875rem;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    width: 70px !important;
}

.info-box .info-box-icon>img {
    max-width: 100%
}

.info-box .info-box-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.8;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 10px
}

.info-box .info-box-number {
    display: block;
    margin-top: .25rem;
    font-weight: 700
}

.info-box .info-box-text,
.info-box .progress-description {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.info-box .info-box .bg-gradient-primary,
.info-box .info-box .bg-primary {
    color: #fff
}

.info-box .info-box .bg-gradient-primary .progress-bar,
.info-box .info-box .bg-primary .progress-bar {
    background-color: #fff
}

.info-box .info-box .bg-gradient-secondary,
.info-box .info-box .bg-secondary {
    color: #fff
}

.info-box .info-box .bg-gradient-secondary .progress-bar,
.info-box .info-box .bg-secondary .progress-bar {
    background-color: #fff
}

.info-box .info-box .bg-gradient-success,
.info-box .info-box .bg-success {
    color: #fff
}

.info-box .info-box .bg-gradient-success .progress-bar,
.info-box .info-box .bg-success .progress-bar {
    background-color: #fff
}

.info-box .info-box .bg-gradient-info,
.info-box .info-box .bg-info {
    color: #fff
}

.info-box .info-box .bg-gradient-info .progress-bar,
.info-box .info-box .bg-info .progress-bar {
    background-color: #fff
}

.info-box .info-box .bg-gradient-warning,
.info-box .info-box .bg-warning {
    color: #1f2d3d
}

.info-box .info-box .bg-gradient-warning .progress-bar,
.info-box .info-box .bg-warning .progress-bar {
    background-color: #1f2d3d
}

.info-box .info-box .bg-danger,
.info-box .info-box .bg-gradient-danger {
    color: #fff
}

.info-box .info-box .bg-danger .progress-bar,
.info-box .info-box .bg-gradient-danger .progress-bar {
    background-color: #fff
}

.info-box .info-box .bg-gradient-light,
.info-box .info-box .bg-light {
    color: #1f2d3d
}

.info-box .info-box .bg-gradient-light .progress-bar,
.info-box .info-box .bg-light .progress-bar {
    background-color: #1f2d3d
}

.info-box .info-box .bg-dark,
.info-box .info-box .bg-gradient-dark {
    color: #fff
}

.info-box .info-box .bg-dark .progress-bar,
.info-box .info-box .bg-gradient-dark .progress-bar {
    background-color: #fff
}

.info-box .info-box-more {
    display: block
}







.small-box {
    padding-top: 5px;
    border-radius: 0.25rem;
    display: block;
    margin-bottom: 20px;
    color: #FFFFFF; 
    position: relative; }
.small-box > .inner {
    padding: 10px 10px 3px 10px;
    color: #fcfcfc; }
.small-box > .small-box-footer {
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.8);
    display: block;
    padding: 3px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    /*z-index: 10;*/ }
.small-box > .small-box-footer:hover {
    background: rgba(0, 0, 0, 0.15);
    color: #FFFFFF; }
.small-box h3 {
    font-size: 2.2rem !important;
    font-weight: bold;
    margin: 0 0 10px 0;
    padding: 0;
    white-space: nowrap; }
@media (min-width: 992px) {
    .col-xl-2 .small-box h3,
    .col-lg-2 .small-box h3,
    .col-md-2 .small-box h3 {
        font-size: 1.6rem; }
    .col-xl-3 .small-box h3,
    .col-lg-3 .small-box h3,
    .col-md-3 .small-box h3 {
        font-size: 1.6rem; } }
@media (min-width: 1200px) {
    .col-xl-2 .small-box h3,
    .col-lg-2 .small-box h3,
    .col-md-2 .small-box h3 {
        font-size: 2.2rem; }
    .col-xl-3 .small-box h3,
    .col-lg-3 .small-box h3,
    .col-md-3 .small-box h3 {
        font-size: 2.2rem; } }
.small-box p {
    font-size: 1.35rem;
    color: #fcfcfc;
    padding-top: 10px;
    padding-bottom: 5px;
}
.small-box p > span {
    font-size: 0.92rem;
    color: #fcfcfc;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
}
.small-box p > small {
    color: #F8F9FA;
    display: block;
    font-size: 0.9rem;
    margin-top: 5px; }
.small-box h3,
.small-box p {
    z-index: 5; }
.small-box .icon {
    color: rgba(0, 0, 0, 0.15);
    z-index: 0; }
.small-box .icon > i {
    font-size: 90px;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: all 0.3s linear; }
.small-box .icon > i.fa, .small-box .icon > i.fas, .small-box .icon > i.far, .small-box .icon > i.fab, .small-box .icon > i.glyphicon, .small-box .icon > i.ion {
    font-size: 65px;
    top: 35px;
    right: 65px; }
.small-box:hover {
    text-decoration: none; }
.small-box:hover .icon > i {
    font-size: 95px; }
.small-box:hover .icon > i.fa, .small-box:hover .icon > i.fas, .small-box:hover .icon > i.far, .small-box:hover .icon > i.fab, .small-box:hover .icon > i.glyphicon, .small-box:hover .icon > i.ion {
    font-size: 70px; }


.card-primary:not(.card-outline) > .card-header {
    background-color: #007BFF; }
.card-primary:not(.card-outline) > .card-header,
.card-primary:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-primary:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-primary.card-outline {
    border-top: 3px solid #007BFF; }

.card-primary.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-primary.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #007BFF; }

.bg-primary .btn-tool,
.bg-gradient-primary .btn-tool,
.card-primary:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-primary .btn-tool:hover,
.bg-gradient-primary .btn-tool:hover,
.card-primary:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-primary .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-primary .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.second:hover {
    background: #0067d6;
    color: #FFFFFF; }

.card.bg-primary .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-primary .bootstrap-datetimepicker-widget table td.active,
.card.bg-primary .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-primary .bootstrap-datetimepicker-widget table td.active:hover {
    background: #3395ff;
    color: #FFFFFF; }

.card-secondary:not(.card-outline) > .card-header {
    background-color: #6C757D; }
.card-secondary:not(.card-outline) > .card-header,
.card-secondary:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-secondary:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-secondary.card-outline {
    border-top: 3px solid #6C757D; }

.card-secondary.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-secondary.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #6C757D; }

.bg-secondary .btn-tool,
.bg-gradient-secondary .btn-tool,
.card-secondary:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-secondary .btn-tool:hover,
.bg-gradient-secondary .btn-tool:hover,
.card-secondary:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-secondary .bootstrap-datetimepicker-widget .table td,
.card.bg-secondary .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.second:hover {
    background: #596167;
    color: #FFFFFF; }

.card.bg-secondary .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-secondary .bootstrap-datetimepicker-widget table td.active,
.card.bg-secondary .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-secondary .bootstrap-datetimepicker-widget table td.active:hover {
    background: #868e96;
    color: #FFFFFF; }

.card-success:not(.card-outline) > .card-header {
    background-color: #28A745; }
.card-success:not(.card-outline) > .card-header,
.card-success:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-success:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-success.card-outline {
    border-top: 3px solid #28A745; }

.card-success.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-success.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #28A745; }

.bg-success .btn-tool,
.bg-gradient-success .btn-tool,
.card-success:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-success .btn-tool:hover,
.bg-gradient-success .btn-tool:hover,
.card-success:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-success .bootstrap-datetimepicker-widget .table td,
.card.bg-success .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-success .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-success .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-success .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.second:hover {
    background: #208637;
    color: #FFFFFF; }

.card.bg-success .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-success .bootstrap-datetimepicker-widget table td.active,
.card.bg-success .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-success .bootstrap-datetimepicker-widget table td.active:hover {
    background: #34ce57;
    color: #FFFFFF; }

.card-info:not(.card-outline) > .card-header {
    background-color: #17A2B8; }
.card-info:not(.card-outline) > .card-header,
.card-info:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-info:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-info.card-outline {
    border-top: 3px solid #17A2B8; }

.card-info.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-info.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #17A2B8; }

.bg-info .btn-tool,
.bg-gradient-info .btn-tool,
.card-info:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-info .btn-tool:hover,
.bg-gradient-info .btn-tool:hover,
.card-info:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-info .bootstrap-datetimepicker-widget .table td,
.card.bg-info .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-info .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-info .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-info .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.second:hover {
    background: #128294;
    color: #FFFFFF; }

.card.bg-info .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-info .bootstrap-datetimepicker-widget table td.active,
.card.bg-info .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-info .bootstrap-datetimepicker-widget table td.active:hover {
    background: #1fc8e3;
    color: #FFFFFF; }

.card-warning:not(.card-outline) > .card-header {
    background-color: #FFC107; }
.card-warning:not(.card-outline) > .card-header,
.card-warning:not(.card-outline) > .card-header a {
    color: #212529; }
.card-warning:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-warning.card-outline {
    border-top: 3px solid #FFC107; }

.card-warning.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-warning.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #FFC107; }

.bg-warning .btn-tool,
.bg-gradient-warning .btn-tool,
.card-warning:not(.card-outline) .btn-tool {
    color: rgba(33, 37, 41, 0.8); }
.bg-warning .btn-tool:hover,
.bg-gradient-warning .btn-tool:hover,
.card-warning:not(.card-outline) .btn-tool:hover {
    color: #212529; }

.card.bg-warning .bootstrap-datetimepicker-widget .table td,
.card.bg-warning .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-warning .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.second:hover {
    background: #dda600;
    color: #212529; }

.card.bg-warning .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #212529; }

.card.bg-warning .bootstrap-datetimepicker-widget table td.active,
.card.bg-warning .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-warning .bootstrap-datetimepicker-widget table td.active:hover {
    background: #ffce3a;
    color: #212529; }

.card-danger:not(.card-outline) > .card-header {
    background-color: #DC3545; }
.card-danger:not(.card-outline) > .card-header,
.card-danger:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-danger:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-danger.card-outline {
    border-top: 3px solid #DC3545; }

.card-danger.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-danger.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #DC3545; }

.bg-danger .btn-tool,
.bg-gradient-danger .btn-tool,
.card-danger:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-danger .btn-tool:hover,
.bg-gradient-danger .btn-tool:hover,
.card-danger:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-danger .bootstrap-datetimepicker-widget .table td,
.card.bg-danger .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-danger .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.second:hover {
    background: #c62232;
    color: #FFFFFF; }

.card.bg-danger .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-danger .bootstrap-datetimepicker-widget table td.active,
.card.bg-danger .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-danger .bootstrap-datetimepicker-widget table td.active:hover {
    background: #e4606d;
    color: #FFFFFF; }

.card-light:not(.card-outline) > .card-header {
    background-color: #F8F9FA; }
.card-light:not(.card-outline) > .card-header,
.card-light:not(.card-outline) > .card-header a {
    color: #212529; }
.card-light:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-light.card-outline {
    border-top: 3px solid #F8F9FA; }

.card-light.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-light.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #F8F9FA; }

.bg-light .btn-tool,
.bg-gradient-light .btn-tool,
.card-light:not(.card-outline) .btn-tool {
    color: rgba(33, 37, 41, 0.8); }
.bg-light .btn-tool:hover,
.bg-gradient-light .btn-tool:hover,
.card-light:not(.card-outline) .btn-tool:hover {
    color: #212529; }

.card.bg-light .bootstrap-datetimepicker-widget .table td,
.card.bg-light .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-light .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-light .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-light .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.second:hover {
    background: #e0e5e9;
    color: #212529; }

.card.bg-light .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #212529; }

.card.bg-light .bootstrap-datetimepicker-widget table td.active,
.card.bg-light .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-light .bootstrap-datetimepicker-widget table td.active:hover {
    background: white;
    color: #212529; }

.card-dark:not(.card-outline) > .card-header {
    background-color: #343A40; }
.card-dark:not(.card-outline) > .card-header,
.card-dark:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-dark:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-dark.card-outline {
    border-top: 3px solid #343A40; }

.card-dark.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-dark.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #343A40; }

.bg-dark .btn-tool,
.bg-gradient-dark .btn-tool,
.card-dark:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-dark .btn-tool:hover,
.bg-gradient-dark .btn-tool:hover,
.card-dark:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-dark .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-dark .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.second:hover {
    background: #222629;
    color: #FFFFFF; }

.card.bg-dark .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-dark .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-dark .bootstrap-datetimepicker-widget table td.active:hover {
    background: #4b545c;
    color: #FFFFFF; }

.card-lightblue:not(.card-outline) > .card-header {
    background-color: #3C8DBC; }
.card-lightblue:not(.card-outline) > .card-header,
.card-lightblue:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-lightblue:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-lightblue.card-outline {
    border-top: 3px solid #3C8DBC; }

.card-lightblue.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-lightblue.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #3C8DBC; }

.bg-lightblue .btn-tool,
.bg-gradient-lightblue .btn-tool,
.card-lightblue:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-lightblue .btn-tool:hover,
.bg-gradient-lightblue .btn-tool:hover,
.card-lightblue:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-lightblue .bootstrap-datetimepicker-widget .table td,
.card.bg-lightblue .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.second:hover {
    background: #32769d;
    color: #FFFFFF; }

.card.bg-lightblue .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active,
.card.bg-lightblue .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-lightblue .bootstrap-datetimepicker-widget table td.active:hover {
    background: #5fa4cc;
    color: #FFFFFF; }

.card-navy:not(.card-outline) > .card-header {
    background-color: #001F3F; }
.card-navy:not(.card-outline) > .card-header,
.card-navy:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-navy:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-navy.card-outline {
    border-top: 3px solid #001F3F; }

.card-navy.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-navy.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #001F3F; }

.bg-navy .btn-tool,
.bg-gradient-navy .btn-tool,
.card-navy:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-navy .btn-tool:hover,
.bg-gradient-navy .btn-tool:hover,
.card-navy:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-navy .bootstrap-datetimepicker-widget .table td,
.card.bg-navy .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-navy .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.second:hover {
    background: #000b16;
    color: #FFFFFF; }

.card.bg-navy .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-navy .bootstrap-datetimepicker-widget table td.active,
.card.bg-navy .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-navy .bootstrap-datetimepicker-widget table td.active:hover {
    background: #003872;
    color: #FFFFFF; }

.card-olive:not(.card-outline) > .card-header {
    background-color: #3D9970; }
.card-olive:not(.card-outline) > .card-header,
.card-olive:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-olive:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-olive.card-outline {
    border-top: 3px solid #3D9970; }

.card-olive.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-olive.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #3D9970; }

.bg-olive .btn-tool,
.bg-gradient-olive .btn-tool,
.card-olive:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-olive .btn-tool:hover,
.bg-gradient-olive .btn-tool:hover,
.card-olive:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-olive .bootstrap-datetimepicker-widget .table td,
.card.bg-olive .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-olive .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.second:hover {
    background: #317c5b;
    color: #FFFFFF; }

.card.bg-olive .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-olive .bootstrap-datetimepicker-widget table td.active,
.card.bg-olive .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-olive .bootstrap-datetimepicker-widget table td.active:hover {
    background: #50b98a;
    color: #FFFFFF; }

.card-lime:not(.card-outline) > .card-header {
    background-color: #01FF70; }
.card-lime:not(.card-outline) > .card-header,
.card-lime:not(.card-outline) > .card-header a {
    color: #212529; }
.card-lime:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-lime.card-outline {
    border-top: 3px solid #01FF70; }

.card-lime.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-lime.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #01FF70; }

.bg-lime .btn-tool,
.bg-gradient-lime .btn-tool,
.card-lime:not(.card-outline) .btn-tool {
    color: rgba(33, 37, 41, 0.8); }
.bg-lime .btn-tool:hover,
.bg-gradient-lime .btn-tool:hover,
.card-lime:not(.card-outline) .btn-tool:hover {
    color: #212529; }

.card.bg-lime .bootstrap-datetimepicker-widget .table td,
.card.bg-lime .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-lime .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.second:hover {
    background: #00d75e;
    color: #212529; }

.card.bg-lime .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #212529; }

.card.bg-lime .bootstrap-datetimepicker-widget table td.active,
.card.bg-lime .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-lime .bootstrap-datetimepicker-widget table td.active:hover {
    background: #34ff8d;
    color: #212529; }

.card-fuchsia:not(.card-outline) > .card-header {
    background-color: #F012BE; }
.card-fuchsia:not(.card-outline) > .card-header,
.card-fuchsia:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-fuchsia:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-fuchsia.card-outline {
    border-top: 3px solid #F012BE; }

.card-fuchsia.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-fuchsia.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #F012BE; }

.bg-fuchsia .btn-tool,
.bg-gradient-fuchsia .btn-tool,
.card-fuchsia:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-fuchsia .btn-tool:hover,
.bg-gradient-fuchsia .btn-tool:hover,
.card-fuchsia:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-fuchsia .bootstrap-datetimepicker-widget .table td,
.card.bg-fuchsia .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.second:hover {
    background: #cc0da1;
    color: #FFFFFF; }

.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active,
.card.bg-fuchsia .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-fuchsia .bootstrap-datetimepicker-widget table td.active:hover {
    background: #f342cb;
    color: #FFFFFF; }

.card-maroon:not(.card-outline) > .card-header {
    background-color: #D81B60; }
.card-maroon:not(.card-outline) > .card-header,
.card-maroon:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-maroon:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-maroon.card-outline {
    border-top: 3px solid #D81B60; }

.card-maroon.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-maroon.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #D81B60; }

.bg-maroon .btn-tool,
.bg-gradient-maroon .btn-tool,
.card-maroon:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-maroon .btn-tool:hover,
.bg-gradient-maroon .btn-tool:hover,
.card-maroon:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-maroon .bootstrap-datetimepicker-widget .table td,
.card.bg-maroon .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.second:hover {
    background: #b41650;
    color: #FFFFFF; }

.card.bg-maroon .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-maroon .bootstrap-datetimepicker-widget table td.active,
.card.bg-maroon .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-maroon .bootstrap-datetimepicker-widget table td.active:hover {
    background: #e73f7c;
    color: #FFFFFF; }

.card-blue:not(.card-outline) > .card-header {
    background-color: #007BFF; }
.card-blue:not(.card-outline) > .card-header,
.card-blue:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-blue:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-blue.card-outline {
    border-top: 3px solid #007BFF; }

.card-blue.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-blue.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #007BFF; }

.bg-blue .btn-tool,
.bg-gradient-blue .btn-tool,
.card-blue:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-blue .btn-tool:hover,
.bg-gradient-blue .btn-tool:hover,
.card-blue:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-blue .bootstrap-datetimepicker-widget .table td,
.card.bg-blue .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-blue .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.second:hover {
    background: #0067d6;
    color: #FFFFFF; }

.card.bg-blue .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-blue .bootstrap-datetimepicker-widget table td.active,
.card.bg-blue .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-blue .bootstrap-datetimepicker-widget table td.active:hover {
    background: #3395ff;
    color: #FFFFFF; }

.card-indigo:not(.card-outline) > .card-header {
    background-color: #6610F2; }
.card-indigo:not(.card-outline) > .card-header,
.card-indigo:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-indigo:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-indigo.card-outline {
    border-top: 3px solid #6610F2; }

.card-indigo.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-indigo.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #6610F2; }

.bg-indigo .btn-tool,
.bg-gradient-indigo .btn-tool,
.card-indigo:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-indigo .btn-tool:hover,
.bg-gradient-indigo .btn-tool:hover,
.card-indigo:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-indigo .bootstrap-datetimepicker-widget .table td,
.card.bg-indigo .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.second:hover {
    background: #550bce;
    color: #FFFFFF; }

.card.bg-indigo .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-indigo .bootstrap-datetimepicker-widget table td.active,
.card.bg-indigo .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-indigo .bootstrap-datetimepicker-widget table td.active:hover {
    background: #8540f5;
    color: #FFFFFF; }

.card-purple:not(.card-outline) > .card-header {
    background-color: #6F42C1; }
.card-purple:not(.card-outline) > .card-header,
.card-purple:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-purple:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-purple.card-outline {
    border-top: 3px solid #6F42C1; }

.card-purple.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-purple.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #6F42C1; }

.bg-purple .btn-tool,
.bg-gradient-purple .btn-tool,
.card-purple:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-purple .btn-tool:hover,
.bg-gradient-purple .btn-tool:hover,
.card-purple:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-purple .bootstrap-datetimepicker-widget .table td,
.card.bg-purple .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-purple .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.second:hover {
    background: #5d36a4;
    color: #FFFFFF; }

.card.bg-purple .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-purple .bootstrap-datetimepicker-widget table td.active,
.card.bg-purple .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-purple .bootstrap-datetimepicker-widget table td.active:hover {
    background: #8c68ce;
    color: #FFFFFF; }

.card-pink:not(.card-outline) > .card-header {
    background-color: #E83E8C; }
.card-pink:not(.card-outline) > .card-header,
.card-pink:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-pink:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-pink.card-outline {
    border-top: 3px solid #E83E8C; }

.card-pink.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-pink.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #E83E8C; }

.bg-pink .btn-tool,
.bg-gradient-pink .btn-tool,
.card-pink:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-pink .btn-tool:hover,
.bg-gradient-pink .btn-tool:hover,
.card-pink:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-pink .bootstrap-datetimepicker-widget .table td,
.card.bg-pink .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-pink .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.second:hover {
    background: #e21b76;
    color: #FFFFFF; }

.card.bg-pink .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-pink .bootstrap-datetimepicker-widget table td.active,
.card.bg-pink .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-pink .bootstrap-datetimepicker-widget table td.active:hover {
    background: #ed6ca7;
    color: #FFFFFF; }

.card-red:not(.card-outline) > .card-header {
    background-color: #DC3545; }
.card-red:not(.card-outline) > .card-header,
.card-red:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-red:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-red.card-outline {
    border-top: 3px solid #DC3545; }

.card-red.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-red.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #DC3545; }

.bg-red .btn-tool,
.bg-gradient-red .btn-tool,
.card-red:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-red .btn-tool:hover,
.bg-gradient-red .btn-tool:hover,
.card-red:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-red .bootstrap-datetimepicker-widget .table td,
.card.bg-red .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-red .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-red .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-red .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.second:hover {
    background: #c62232;
    color: #FFFFFF; }

.card.bg-red .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-red .bootstrap-datetimepicker-widget table td.active,
.card.bg-red .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-red .bootstrap-datetimepicker-widget table td.active:hover {
    background: #e4606d;
    color: #FFFFFF; }

.card-orange:not(.card-outline) > .card-header {
    background-color: #FD7E14; }
.card-orange:not(.card-outline) > .card-header,
.card-orange:not(.card-outline) > .card-header a {
    color: #212529; }
.card-orange:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-orange.card-outline {
    border-top: 3px solid #FD7E14; }

.card-orange.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-orange.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #FD7E14; }

.bg-orange .btn-tool,
.bg-gradient-orange .btn-tool,
.card-orange:not(.card-outline) .btn-tool {
    color: rgba(33, 37, 41, 0.8); }
.bg-orange .btn-tool:hover,
.bg-gradient-orange .btn-tool:hover,
.card-orange:not(.card-outline) .btn-tool:hover {
    color: #212529; }

.card.bg-orange .bootstrap-datetimepicker-widget .table td,
.card.bg-orange .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-orange .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.second:hover {
    background: #e66a02;
    color: #212529; }

.card.bg-orange .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #212529; }

.card.bg-orange .bootstrap-datetimepicker-widget table td.active,
.card.bg-orange .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-orange .bootstrap-datetimepicker-widget table td.active:hover {
    background: #fd9a47;
    color: #212529; }

.card-yellow:not(.card-outline) > .card-header {
    background-color: #FFC107; }
.card-yellow:not(.card-outline) > .card-header,
.card-yellow:not(.card-outline) > .card-header a {
    color: #212529; }
.card-yellow:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-yellow.card-outline {
    border-top: 3px solid #FFC107; }

.card-yellow.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-yellow.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #FFC107; }

.bg-yellow .btn-tool,
.bg-gradient-yellow .btn-tool,
.card-yellow:not(.card-outline) .btn-tool {
    color: rgba(33, 37, 41, 0.8); }
.bg-yellow .btn-tool:hover,
.bg-gradient-yellow .btn-tool:hover,
.card-yellow:not(.card-outline) .btn-tool:hover {
    color: #212529; }

.card.bg-yellow .bootstrap-datetimepicker-widget .table td,
.card.bg-yellow .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.second:hover {
    background: #dda600;
    color: #212529; }

.card.bg-yellow .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #212529; }

.card.bg-yellow .bootstrap-datetimepicker-widget table td.active,
.card.bg-yellow .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-yellow .bootstrap-datetimepicker-widget table td.active:hover {
    background: #ffce3a;
    color: #212529; }

.card-green:not(.card-outline) > .card-header {
    background-color: #28A745; }
.card-green:not(.card-outline) > .card-header,
.card-green:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-green:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-green.card-outline {
    border-top: 3px solid #28A745; }

.card-green.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-green.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #28A745; }

.bg-green .btn-tool,
.bg-gradient-green .btn-tool,
.card-green:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-green .btn-tool:hover,
.bg-gradient-green .btn-tool:hover,
.card-green:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-green .bootstrap-datetimepicker-widget .table td,
.card.bg-green .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-green .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-green .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-green .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.second:hover {
    background: #208637;
    color: #FFFFFF; }

.card.bg-green .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-green .bootstrap-datetimepicker-widget table td.active,
.card.bg-green .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-green .bootstrap-datetimepicker-widget table td.active:hover {
    background: #34ce57;
    color: #FFFFFF; }

.card-teal:not(.card-outline) > .card-header {
    background-color: #20C997; }
.card-teal:not(.card-outline) > .card-header,
.card-teal:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-teal:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-teal.card-outline {
    border-top: 3px solid #20C997; }

.card-teal.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-teal.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #20C997; }

.bg-teal .btn-tool,
.bg-gradient-teal .btn-tool,
.card-teal:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-teal .btn-tool:hover,
.bg-gradient-teal .btn-tool:hover,
.card-teal:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-teal .bootstrap-datetimepicker-widget .table td,
.card.bg-teal .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-teal .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.second:hover {
    background: #1aa67d;
    color: #FFFFFF; }

.card.bg-teal .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-teal .bootstrap-datetimepicker-widget table td.active,
.card.bg-teal .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-teal .bootstrap-datetimepicker-widget table td.active:hover {
    background: #3ce0af;
    color: #FFFFFF; }

.card-cyan:not(.card-outline) > .card-header {
    background-color: #17A2B8; }
.card-cyan:not(.card-outline) > .card-header,
.card-cyan:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-cyan:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-cyan.card-outline {
    border-top: 3px solid #17A2B8; }

.card-cyan.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-cyan.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #17A2B8; }

.bg-cyan .btn-tool,
.bg-gradient-cyan .btn-tool,
.card-cyan:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-cyan .btn-tool:hover,
.bg-gradient-cyan .btn-tool:hover,
.card-cyan:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-cyan .bootstrap-datetimepicker-widget .table td,
.card.bg-cyan .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.second:hover {
    background: #128294;
    color: #FFFFFF; }

.card.bg-cyan .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-cyan .bootstrap-datetimepicker-widget table td.active,
.card.bg-cyan .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-cyan .bootstrap-datetimepicker-widget table td.active:hover {
    background: #1fc8e3;
    color: #FFFFFF; }

.card-white:not(.card-outline) > .card-header {
    background-color: #FFFFFF; }
.card-white:not(.card-outline) > .card-header,
.card-white:not(.card-outline) > .card-header a {
    color: #212529; }
.card-white:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-white.card-outline {
    border-top: 3px solid #FFFFFF; }

.card-white.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-white.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #FFFFFF; }

.bg-white .btn-tool,
.bg-gradient-white .btn-tool,
.card-white:not(.card-outline) .btn-tool {
    color: rgba(33, 37, 41, 0.8); }
.bg-white .btn-tool:hover,
.bg-gradient-white .btn-tool:hover,
.card-white:not(.card-outline) .btn-tool:hover {
    color: #212529; }

.card.bg-white .bootstrap-datetimepicker-widget .table td,
.card.bg-white .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-white .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-white .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-white .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.second:hover {
    background: #ebebeb;
    color: #212529; }

.card.bg-white .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #212529; }

.card.bg-white .bootstrap-datetimepicker-widget table td.active,
.card.bg-white .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-white .bootstrap-datetimepicker-widget table td.active:hover {
    background: white;
    color: #212529; }

.card-gray:not(.card-outline) > .card-header {
    background-color: #6C757D; }
.card-gray:not(.card-outline) > .card-header,
.card-gray:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-gray:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-gray.card-outline {
    border-top: 3px solid #6C757D; }

.card-gray.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-gray.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #6C757D; }

.bg-gray .btn-tool,
.bg-gradient-gray .btn-tool,
.card-gray:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-gray .btn-tool:hover,
.bg-gradient-gray .btn-tool:hover,
.card-gray:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-gray .bootstrap-datetimepicker-widget .table td,
.card.bg-gray .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gray .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.second:hover {
    background: #596167;
    color: #FFFFFF; }

.card.bg-gray .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-gray .bootstrap-datetimepicker-widget table td.active,
.card.bg-gray .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-gray .bootstrap-datetimepicker-widget table td.active:hover {
    background: #868e96;
    color: #FFFFFF; }

.card-gray-dark:not(.card-outline) > .card-header {
    background-color: #343A40; }
.card-gray-dark:not(.card-outline) > .card-header,
.card-gray-dark:not(.card-outline) > .card-header a {
    color: #FFFFFF; }
.card-gray-dark:not(.card-outline) > .card-header a.active {
    color: #212529; }

.card-gray-dark.card-outline {
    border-top: 3px solid #343A40; }

.card-gray-dark.card-outline-tabs > .card-header a:hover {
    border-top: 3px solid #DEE2E6; }

.card-gray-dark.card-outline-tabs > .card-header a.active {
    border-top: 3px solid #343A40; }

.bg-gray-dark .btn-tool,
.bg-gradient-gray-dark .btn-tool,
.card-gray-dark:not(.card-outline) .btn-tool {
    color: rgba(255, 255, 255, 0.8); }
.bg-gray-dark .btn-tool:hover,
.bg-gradient-gray-dark .btn-tool:hover,
.card-gray-dark:not(.card-outline) .btn-tool:hover {
    color: #FFFFFF; }

.card.bg-gray-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gray-dark .bootstrap-datetimepicker-widget .table th,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table td,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget .table th {
    border: none; }

.card.bg-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.second:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.day:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.hour:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.minute:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.second:hover {
    background: #222629;
    color: #FFFFFF; }

.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.today::before,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.today::before {
    border-bottom-color: #FFFFFF; }

.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gray-dark .bootstrap-datetimepicker-widget table td.active:hover,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active,
.card.bg-gradient-gray-dark .bootstrap-datetimepicker-widget table td.active:hover {
    background: #4b545c;
    color: #FFFFFF; }

.card {
    margin-bottom: 1rem; }
.card.bg-dark .card-header {
    border-color: #383f45; }
.card.bg-dark,
.card.bg-dark .card-body {
    color: #FFFFFF; }
.card.maximized-card {
    height: 100% !important;
    left: 0;
    max-height: 100% !important;
    max-width: 100% !important;
    position: fixed;
    top: 0;
    width: 100% !important;
    z-index: 9999; }
.card.maximized-card.was-collapsed .card-body {
    display: block !important; }
.card.maximized-card [data-widget='collapse'] {
    display: none; }
.card.maximized-card .card-header,
.card.maximized-card .card-footer {
    border-radius: 0 !important; }
.card.collapsed-card .card-body,
.card.collapsed-card .card-footer {
    display: none; }
.card .nav.flex-column > li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    margin: 0; }
.card .nav.flex-column > li:last-of-type {
    border-bottom: 0; }
.card.height-control .card-body {
    max-height: 300px;
    overflow: auto; }
.card .border-right {
    border-right: 1px solid rgba(0, 0, 0, 0.125); }
.card .border-left {
    border-left: 1px solid rgba(0, 0, 0, 0.125); }
.card.card-tabs:not(.card-outline) > .card-header {
    border-bottom: 0; }
.card.card-tabs:not(.card-outline) > .card-header .nav-item:first-child .nav-link {
    margin-left: -1px; }
.card.card-tabs.card-outline .nav-item {
    border-bottom: 0; }
.card.card-tabs.card-outline .nav-item:first-child .nav-link {
    border-left: 0;
    margin-left: 0; }
.card.card-tabs .card-tools {
    margin: .3rem .5rem; }
.card.card-tabs:not(.expanding-card).collapsed-card .card-header {
    border-bottom: 0; }
.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
    border-bottom: 0; }
.card.card-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
    margin-bottom: 0; }
.card.card-tabs.expanding-card .card-header .nav-tabs .nav-item {
    margin-bottom: -1px; }
.card.card-outline-tabs {
    border-top: 0; }
.card.card-outline-tabs .card-header .nav-item:first-child .nav-link {
    border-left: 0;
    margin-left: 0; }
.card.card-outline-tabs .card-header a {
    border-top: 3px solid transparent; }
.card.card-outline-tabs .card-header a:hover {
    border-top: 3px solid #DEE2E6; }
.card.card-outline-tabs .card-header a.active:hover {
    margin-top: 0; }
.card.card-outline-tabs .card-tools {
    margin: .5rem .5rem .3rem; }
.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header {
    border-bottom: 0; }
.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs {
    border-bottom: 0; }
.card.card-outline-tabs:not(.expanding-card).collapsed-card .card-header .nav-tabs .nav-item {
    margin-bottom: 0; }
.card.card-outline-tabs.expanding-card .card-header .nav-tabs .nav-item {
    margin-bottom: -1px; }

html.maximized-card {
    overflow: hidden; }

.card-header::after,
.card-body::after,
.card-footer::after {
    display: block;
    clear: both;
    content: ""; }

.card-header {
    background-color: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    padding: 0.75rem 1.25rem;
    position: relative;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
.collapsed-card .card-header {
    border-bottom: 0; }
.card-header > .card-tools {
    float: right;
    margin-right: -0.625rem; }
.card-header > .card-tools .input-group,
.card-header > .card-tools .nav,
.card-header > .card-tools .pagination {
    margin-bottom: -0.3rem;
    margin-top: -0.3rem; }
.card-header > .card-tools [data-toggle='tooltip'] {
    position: relative; }

.card-title {
    float: left;
    font-size: 1.1rem;
    font-weight: 400;
    margin: 0; }

.card-text {
    clear: both; }

.btn-tool {
    background: transparent;
    color: #ADB5BD;
    font-size: 0.76563rem;
    margin: -0.75rem 0;
    padding: .25rem .5rem; }
.btn-group.show .btn-tool, .btn-tool:hover {
    color: #495057; }
.show .btn-tool, .btn-tool:focus {
    box-shadow: none !important; }

.text-sm .card-title {
    font-size: 1rem; }

.text-sm .nav-link {
    padding: 0.4rem 0.8rem; }

.card-body > .table {
    margin-bottom: 0; }
.card-body > .table > thead > tr > th,
.card-body > .table > thead > tr > td {
    border-top-width: 0; }

.card-body .fc {
    margin-top: 5px; }

.card-body .full-width-chart {
    margin: -19px; }

.card-body.p-0 .full-width-chart {
    margin: -9px; }

.chart-legend {
    padding-left: 0;
    list-style: none;
    margin: 10px 0; }
@media (max-width: 576px) {
    .chart-legend > li {
        float: left;
        margin-right: 10px; } }

.card-comments {
    background: #F8F9FA; }
.card-comments .card-comment {
    border-bottom: 1px solid #E9ECEF;
    padding: 8px 0; }
.card-comments .card-comment::after {
    display: block;
    clear: both;
    content: ""; }
.card-comments .card-comment:last-of-type {
    border-bottom: 0; }
.card-comments .card-comment:first-of-type {
    padding-top: 0; }
.card-comments .card-comment img {
    height: 1.875rem;
    width: 1.875rem;
    float: left; }
.card-comments .comment-text {
    color: #78838e;
    margin-left: 40px; }
.card-comments .username {
    color: #495057;
    display: block;
    font-weight: 600; }
.card-comments .text-muted {
    font-size: 12px;
    font-weight: 400; }

.todo-list {
    list-style: none;
    margin: 0;
    overflow: auto;
    padding: 0; }
.todo-list > li {
    border-radius: 2px;
    background: #F8F9FA;
    border-left: 2px solid #E9ECEF;
    color: #495057;
    margin-bottom: 2px;
    padding: 10px; }
.todo-list > li:last-of-type {
    margin-bottom: 0; }
.todo-list > li > input[type='checkbox'] {
    margin: 0 10px 0 5px; }
.todo-list > li .text {
    display: inline-block;
    font-weight: 600;
    margin-left: 5px; }
.todo-list > li .badge {
    font-size: .7rem;
    margin-left: 10px; }
.todo-list > li .tools {
    color: #DC3545;
    display: none;
    float: right; }
.todo-list > li .tools > .fa,
.todo-list > li .tools > .fas,
.todo-list > li .tools > .far,
.todo-list > li .tools > .fab,
.todo-list > li .tools > .glyphicon,
.todo-list > li .tools > .ion {
    cursor: pointer;
    margin-right: 5px; }
.todo-list > li:hover .tools {
    display: inline-block; }
.todo-list > li.done {
    color: #697582; }
.todo-list > li.done .text {
    font-weight: 500;
    text-decoration: line-through; }
.todo-list > li.done .badge {
    background: #ADB5BD !important; }
.todo-list .primary {
    border-left-color: #007BFF; }
.todo-list .secondary {
    border-left-color: #6C757D; }
.todo-list .success {
    border-left-color: #28A745; }
.todo-list .info {
    border-left-color: #17A2B8; }
.todo-list .warning {
    border-left-color: #FFC107; }
.todo-list .danger {
    border-left-color: #DC3545; }
.todo-list .light {
    border-left-color: #F8F9FA; }
.todo-list .dark {
    border-left-color: #343A40; }
.todo-list .lightblue {
    border-left-color: #3C8DBC; }
.todo-list .navy {
    border-left-color: #001F3F; }
.todo-list .olive {
    border-left-color: #3D9970; }
.todo-list .lime {
    border-left-color: #01FF70; }
.todo-list .fuchsia {
    border-left-color: #F012BE; }
.todo-list .maroon {
    border-left-color: #D81B60; }
.todo-list .blue {
    border-left-color: #007BFF; }
.todo-list .indigo {
    border-left-color: #6610F2; }
.todo-list .purple {
    border-left-color: #6F42C1; }
.todo-list .pink {
    border-left-color: #E83E8C; }
.todo-list .red {
    border-left-color: #DC3545; }
.todo-list .orange {
    border-left-color: #FD7E14; }
.todo-list .yellow {
    border-left-color: #FFC107; }
.todo-list .green {
    border-left-color: #28A745; }
.todo-list .teal {
    border-left-color: #20C997; }
.todo-list .cyan {
    border-left-color: #17A2B8; }
.todo-list .white {
    border-left-color: #FFFFFF; }
.todo-list .gray {
    border-left-color: #6C757D; }
.todo-list .gray-dark {
    border-left-color: #343A40; }
.todo-list .handle {
    cursor: move;
    display: inline-block;
    margin: 0 5px; }

.card-input {
    max-width: 200px; }

.card-default .nav-item:first-child .nav-link {
    border-left: 0; }

.info-box .progress {
    background-color: rgba(0, 0, 0, 0.125);
    height: 2px;
    margin: 5px 0; }
.info-box .progress .progress-bar {
    background-color: #FFFFFF; }
.info-box .info-box-icon {
    border-radius: 0.25rem;
    align-items: center;
    display: flex;
    font-size: 2.875rem;
    justify-content: center;
    text-align: center;
    width: 70px !important; }
.info-box .info-box-icon > img {
    max-width: 100%; }
.info-box .info-box-content {
    flex: 1;
    padding: 5px 10px; }
.info-box .info-box-number {
    display: block;
    font-weight: 700; }
.info-box .progress-description,
.info-box .info-box-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
.info-box .info-box .bg-primary,
.info-box .info-box .bg-gradient-primary {
    color: #FFFFFF; }
.info-box .info-box .bg-primary .progress-bar,
.info-box .info-box .bg-gradient-primary .progress-bar {
    background-color: #FFFFFF; }
.info-box .info-box .bg-secondary,
.info-box .info-box .bg-gradient-secondary {
    color: #FFFFFF; }
.info-box .info-box .bg-secondary .progress-bar,
.info-box .info-box .bg-gradient-secondary .progress-bar {
    background-color: #FFFFFF; }
.info-box .info-box .bg-success,
.info-box .info-box .bg-gradient-success {
    color: #FFFFFF; }
.info-box .info-box .bg-success .progress-bar,
.info-box .info-box .bg-gradient-success .progress-bar {
    background-color: #FFFFFF; }
.info-box .info-box .bg-info,
.info-box .info-box .bg-gradient-info {
    color: #FFFFFF; }
.info-box .info-box .bg-info .progress-bar,
.info-box .info-box .bg-gradient-info .progress-bar {
    background-color: #FFFFFF; }
.info-box .info-box .bg-warning,
.info-box .info-box .bg-gradient-warning {
    color: #212529; }
.info-box .info-box .bg-warning .progress-bar,
.info-box .info-box .bg-gradient-warning .progress-bar {
    background-color: #212529; }
.info-box .info-box .bg-danger,
.info-box .info-box .bg-gradient-danger {
    color: #FFFFFF; }
.info-box .info-box .bg-danger .progress-bar,
.info-box .info-box .bg-gradient-danger .progress-bar {
    background-color: #FFFFFF; }
.info-box .info-box .bg-light,
.info-box .info-box .bg-gradient-light {
    color: #212529; }
.info-box .info-box .bg-light .progress-bar,
.info-box .info-box .bg-gradient-light .progress-bar {
    background-color: #212529; }
.info-box .info-box .bg-dark,
.info-box .info-box .bg-gradient-dark {
    color: #FFFFFF; }
.info-box .info-box .bg-dark .progress-bar,
.info-box .info-box .bg-gradient-dark .progress-bar {
    background-color: #FFFFFF; }
.info-box .info-box-more {
    display: block; }
.info-box .progress-description {
    margin: 0; }
@media (min-width: 768px) {
    .col-xl-2 .info-box .progress-description,
    .col-lg-2 .info-box .progress-description,
    .col-md-2 .info-box .progress-description {
        display: none; }
    .col-xl-3 .info-box .progress-description,
    .col-lg-3 .info-box .progress-description,
    .col-md-3 .info-box .progress-description {
        display: none; } }
@media (min-width: 992px) {
    .col-xl-2 .info-box .progress-description,
    .col-lg-2 .info-box .progress-description,
    .col-md-2 .info-box .progress-description {
        font-size: 0.75rem;
        display: block; }
    .col-xl-3 .info-box .progress-description,
    .col-lg-3 .info-box .progress-description,
    .col-md-3 .info-box .progress-description {
        font-size: 0.75rem;
        display: block; } }
@media (min-width: 1200px) {
    .col-xl-2 .info-box .progress-description,
    .col-lg-2 .info-box .progress-description,
    .col-md-2 .info-box .progress-description {
        font-size: 1rem;
        display: block; }
    .col-xl-3 .info-box .progress-description,
    .col-lg-3 .info-box .progress-description,
    .col-md-3 .info-box .progress-description {
        font-size: 1rem;
        display: block; } }

.timeline {
    margin: 0 0 45px;
    padding: 0;
    position: relative; }
.timeline::before {
    border-radius: 0.25rem;
    background: #DEE2E6;
    bottom: 0;
    content: '';
    left: 31px;
    margin: 0;
    position: absolute;
    top: 0;
    width: 4px; }
.timeline > div {
    margin-bottom: 15px;
    margin-right: 10px;
    position: relative; }
.timeline > div::before, .timeline > div::after {
    content: "";
    display: table; }
.timeline > div > .timeline-item {
    border-radius: 0.25rem;
    background: #FFFFFF;
    color: #495057;
    margin-left: 60px;
    margin-right: 15px;
    margin-top: 0;
    padding: 0;
    position: relative; }
.timeline > div > .timeline-item > .time {
    color: #999;
    float: right;
    font-size: 12px;
    padding: 10px; }
.timeline > div > .timeline-item > .timeline-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    color: #495057;
    font-size: 16px;
    line-height: 1.1;
    margin: 0;
    padding: 10px; }
.timeline > div > .timeline-item > .timeline-header > a {
    font-weight: 600; }
.timeline > div > .timeline-item > .timeline-body,
.timeline > div > .timeline-item > .timeline-footer {
    padding: 10px; }
.timeline > div > .timeline-item > .timeline-body > img {
    margin: 10px; }
.timeline > div > .timeline-item > .timeline-body > dl, .timeline > div > .timeline-item > .timeline-body ol, .timeline > div > .timeline-item > .timeline-body ul {
    margin: 0; }
.timeline > div > .timeline-item > .timeline-footer > a {
    color: #FFFFFF; }
.timeline > div > .fa,
.timeline > div > .fas,
.timeline > div > .far,
.timeline > div > .fab,
.timeline > div > .glyphicon,
.timeline > div > .ion {
    background: #ADB5BD;
    border-radius: 50%;
    font-size: 15px;
    height: 30px;
    left: 18px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px; }
.timeline > .time-label > span {
    border-radius: 4px;
    background-color: #FFFFFF;
    display: inline-block;
    font-weight: 600;
    padding: 5px; }

.timeline-inverse > div > .timeline-item {
    background: #F8F9FA;
    border: 1px solid #DEE2E6; }
.timeline-inverse > div > .timeline-item > .timeline-header {
    border-bottom-color: #DEE2E6; }

.btn.disabled, .btn:disabled {
    cursor: not-allowed; }



.card {
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    margin-bottom: 1rem;
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0 solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 0 solid rgba(0,0,0,.125);
}
.card-header {
    background-color: transparent;
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: .75rem 1.25rem;
    position: relative;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.card-header:first-child {
    border-radius: calc(.25rem - 0) calc(.25rem - 0) 0 0;
}
.content-wrapper>.content {
    padding: 0 .5rem;
}
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;
    margin-right: auto;
    margin-left: auto;
}
.table tr>td .progress {
    margin: 0;
}
.progress-xs {
    height: 7px;
}
.progress {
    box-shadow: none;
    border-radius: 1px;
}
.progress {
    display: -ms-flexbox;
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: .75rem;
    background-color: #e9ecef;
    border-radius: .25rem;
    box-shadow: inset 0 0.1rem 0.1rem rgb(0 0 0 / 10%);
    margin-bottom: 5px !important;
    height: 20px !important;    
}
.progress-bar {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    transition: width 2s !important;  
}
.relatendimento-bar, .relatendimento-bar [class="progress-bar"]{
    background-color: #780E59 !important;
    transition: width 2s !important;
}
.relativas-bar, .relativas-bar [class="progress-bar"]{
    background-color: #005E23 !important;
    transition: width 2s !important;
}
.relreceptivas-bar, .relreceptivas-bar [class="progress-bar"]{
    background-color: #106FD8 !important;
    transition: width 2s !important;
}
.relperdas-bar, .relperdas-bar [class="progress-bar"]{
    background-color: #981D16 !important;
    transition: width 2s !important;    
}
html {
    background-image: url('../phpimages/header.png');
    background-repeat: repeat-x;
}
.ewLinkButton, .ewLinkButton a {
    color: #d1d4d3;
    background-color: #396EB1;
}
body, html {
    height: max-content !important;
    width: -webkit-fill-available !important;
    max-width: -webkit-fill-available !important;
}
.ewLayout {
    height: max-content !important;
    position: absolute;
    top: 0;
}
.ewContentTable {
    height: max-content !important;
    margin-top: 3px !important;
}
.ewPreviewRowLinks {
    margin-top: 10px;
    margin-bottom: 15px;
}
.span12 {
    width: 97.7vw !important;
}
.row-fluid .spanhome {
    width: 11.32456789% !important;
}

/*.cardrow > div:first-of-type { padding-left: 30px; }*/

@media (min-width: 1201px) {
    .row-fluid .spanhome {
        width: 11.32456789% !important;
    }
    .ewTitle, legend, ul.dashboard-list.metro li {
        font-size: 14px;
    }
}
@media (max-width: 1200px) {
    .row-fluid .spanhome {
        width: 11.4932456789% !important;
    }
}
@media (max-width: 1100px) {
    .row-fluid .spanhome {
        width: 23.89912457% !important; 
    }
    .quick-button.metro i {
        font-size: 36px; 
    }
}
@media (max-width: 1040px) {
    .row-fluid .spanhome {
        width: 23.83432457% !important;
    }
    .quick-button.metro i {
        font-size: 36px; 
    }
/*    
    .box-content {
        padding-left: 15px;
    }
*/
}
@media (min-width: 1150px) {
    .row-fluid .span6 {
        width: 54.3456789%;
        margin-left: 10px;
    }
}
@media (max-width: 910px) {
    .row-fluid .spanhome {
        width: 23.673432457% !important;
    }
}
@media (max-width: 840px) {
    .row-fluid .spanhome {
        width: 23.6954325% !important;
    }
}
@media (max-width: 820px) {
    .row-fluid .spanhome {
        width: 23.56954325% !important;
    }
}
@media (max-width: 768px) {
    .row-fluid .spanhome {
        width: 23.456954325% !important;
    }
    .quick-button.metro i {
        margin: 10px 43%;
    }
}
@media (max-width: 700px) {
    .row-fluid .spanhome {
        width: 47.54954% !important;
    }
}
@media (max-width: 460px) {
    .row-fluid .spanhome {
        width: 100% !important;
    }
    ul.dashboard-list.metro li {
        padding: 2px 0px !important;
    }
}
body, html {
    margin: 0px;
    border: 0px;
    padding: 0px;
}
.yuimenubar li, .yuimenubaritem li {
    line-height: 25px;
    z-index: 20;
}
.ewMenuRow {
    width: 100%;
}
.sticky-wrapper {
    height: 24px !important;
}
.imgHome16 {
    height: 20px;
    width: 20px;
    margin: 2px 4px;        
} 
.ewListOptionBody > span {
    padding-left: 2px;
    padding-right: 2px;
}
.docs {
    margin: 2px auto;
    width: 100vw;
}
/*
@media (min-width: 768px) and (max-width: 1200px ){
    .cardrow > div:first-of-type { padding-left: 20px; }
    .row > div:first-of-type { padding-left: 20px; }
}
@media (max-width: 768px ){
    .cardrow > div { padding-right: 8px; padding-left: 8px; width: 100% !important; }
    .row .col-6 > div { padding-right: 8px; padding-left: 8px; width: 50% !important; }
    
}
table.display tr.even.gradeY {
    background-color: #ffd749 !important; 
}
tr.odd {
    background-color: #FCFCFC !important; 
}
tr.even {
    background-color: #F0F0F0 !important; 
}
*/

.info-box .info-box-content {
    font-size: 14px !important;
    font-weight: bold;
}
.info-box .info-box-number {
    font-size: 22px !important;
    font-weight: bold;
    margin-top: 0px !important;
    padding: 0px 0px 0px 0px !important;
    line-height: 0.9 !important;
}
@media only screen and (max-width: 1000px) {
    .span61 {
        margin-left: 5px !important;
        margin-right: 5px !important;
    } 
    .row-fluid [class*="span"]:first-child {
        margin-left: 0px !important;
    }
    .row-fluid [class*="span61"]:first-child {
        margin-left: 5px !important;
    }
}
@media only screen and (min-width: 1000px) {
    .info-box .info-box-icon {        
        font-size: 2.875rem;
        width: 70px !important;
    } 
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {    
    div.rowflex .col-sm-6 {
        padding-left: 7px !important;
        padding-right: 7px !important;
        flex-basis: 23.3% !important;
        max-width: 23.3% !important;
    }
    .info-box .info-box-icon {
        border-radius: 0.25rem;
        align-items: center;
        display: flex;
        font-size: 1.875rem;
        justify-content: center;
        width: 45px !important;
    }
}
@media only screen and (max-width: 980px) {
    .row, .amcharts, .amcharts-main-div, .row-fluidchart, .row-fluid .span61 {
        width: 99% !important;
        max-width: 930px !important;
    }
    .rowflex > div:first-of-type {
        padding-left: 20px !important;
    }
    div.row .col-md-3 {
        flex-basis: 23%;
        max-width: 23%;
    }
    .painel7 {
        flex-basis: 25% !important;
        max-width: 25% !important;
    }
}
@media only screen and (min-width: 930px) {
    div.rowflex .col-sm-6 {
        padding-left: 20px;
        padding-right: 17px;
    }
    .info-box .info-box-icon {        
        font-size: 2.875rem;
        width: 70px !important;
    }
    .rowflex > div:first-of-type {
        padding-left: 30px !important;
    }
}
@media only screen and (max-width: 900px) {
    .row, .amcharts, .amcharts-main-div, .row-fluidchart, .row-fluid .span61 {
        width: 99% !important;
        max-width: 870px !important;
    }
}
@media only screen and (max-width: 800px) {
    .row, .amcharts, .amcharts-main-div, .row-fluidchart, .row-fluid .span61 {
        width: 99% !important;
        max-width: 770px !important;
    }
}
@media (min-width: 550px) and (max-width: 800px) {
    .col-md-3, .col-sm-6, div.row .col-sm-6, div.rowflex .col-sm-6, div.rowflex .col-md-3, div.row .col-md-3 {
        padding-left: 5px !important;
        padding-right: 20px !important;
        flex-basis: 49% !important;
        max-width: 49.9% !important;
        width: 49.5% !important;
        display: -webkit-inline-box;
    }
    .info-box .info-box-icon {
        border-radius: 0.25rem;
        align-items: center;
        display: flex;
        font-size: 2.875rem;
        justify-content: center;
        width: 70px !important;
    }
}
@media only screen and (max-width: 768px) {
    .row, .amcharts, .amcharts-main-div, .row-fluidchart, .row-fluid .span61 {
        width: 99% !important;
        max-width: 738px !important;
    }
    div.row .col-lg-6, div.row .col-md-6, div.row .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 48%;
        max-width: 768px;
    }
}
@media only screen and (min-width: 768px) {     
    .row-fluid > .painel7 {
        padding-top: 5px;
        padding-left: 5px;

        .painel7 {
            flex-basis: 23.6789% !important;
            max-width: 23.6789% !important;
            padding-left: 4px;
            padding-right: 4px;
        }
    }
} 
@media only screen and (max-width: 750px) {
    .row, .amcharts, .amcharts-main-div, .row-fluidchart, .row-fluid .span61 {
        width: 99% !important;
        max-width: 720px !important;
    }
}
@media only screen and (max-width: 700px) {
    .row, .amcharts, .amcharts-main-div, .row-fluidchart, .row-fluid .span61 {
        width: 99% !important;
        max-width: 670px !important;
    }
}
@media only screen and (max-width: 650px) {
    .row, .amcharts, .amcharts-main-div, .row-fluidchart, .row-fluid .span61 {
        width: 99% !important;
        max-width: 620px !important;
    } 
}
.info-box-icon [class^="icon-"], .info-box-icon [class*=" icon-"] {
    width: 70px !important;
    color: #FFFFFF;
}
.jGrowl {
    position: fixed !important;
    bottom: 0px;
}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
    opacity: 0.9;
}
.info-box .info-box-callin {
    width: 16px !important;
    position: relative;
    right: 0px;
    color: #2D89EF;
    font-size: 25px !important;
}
.info-box .info-box-callout {
    width: 16px !important;
    position: relative;
    right: 0px;
    color: #009136;
    font-size: 25px !important;
} 
@media (min-width: 810px) {
    .painel7 {
        flex-basis: 24% !important;
        max-width: 24% !important;
    }
}
@media (max-width: 810px) {
    .painel7 {
        flex-basis: 50% !important;
        max-width: 50% !important;
        margin: 0px 0px -10px 0px !important;
    }
} 
@media (max-width: 669px) {     
    .quick-button.metro, .quick-button.spanhome { 
        width: 46.55% !important;
        margin-right: 15px;
    }
} 
@media (max-width: 510px) { 
    .painel7 {
        flex-basis: 95% !important;
        max-width: 95% !important;
    }
    .quick-button.metro, .quick-button.spanhome { 
        width: 46.55% !important;
        margin-right: 15px;
    }
}
@media (max-width: 840px) {
    .row-fluid .spanhome {
        width: 23.56954325% !important;
    }
}
@media (max-width: 650px) {
    .row-fluid .spanhome {
        width: 48.1234567% !important;
        margin-right: 10px;
    }
}
@media (max-width: 590px) {
    .row-fluid .spanhome {
        width: 47.16789123457% !important;
        margin-right: 10px;
    }
}
ul.dashboard-list.metro li i {
    margin: -5px 9px -4px 0px;
}
.box {
    margin-bottom: 15px !important;
}
.amcharts-export-menu li > a:hover {
    color: #FFFFFF;
}
@media (min-width: 1040px) {
    ul.dashboard-list.metro li i {
        /*margin: -7px 9px -4px 0px;*/
        margin: -5px 9px -3px 0px;
    }
}
.ewContentColumn, .ewContentTable {
    width: 99.4%;
}
.logo {
    float:left !important; border: 0 !important; position:relative !important; left: 10px !important; max-height: 44px !important; width: 181px !important; top: 8px !important;
}

@media (max-width: 1054px) {
    #kanban {
        display: block;
    }
    .ewContentColumn, .ewContentTable {
        width: 99%;
    }
    .ewContentColumn, .ewContentTable {
        padding: 4px 0px 2px 5px !important;
    }
}
fieldset {
    padding: 0.3em 0.3em;
    margin: 8px auto;
    -webkit-box-shadow: 2px 2px 2px #cccccc !important;
    -moz-box-shadow: 2px 2px 2px #cccccc !important;
    -ms-box-shadow: 2px 2px 2px #cccccc !important;
    box-shadow: 2px 2px 2px #cccccc !important;
}
legend {
    margin: 0px 10px;
    text-align: start;
}
@media (min-width: 1200px) {
    .row-fluid [class*="span"]:first-child {
        margin-left: 3px;
    }
}
.toolbardiv i {
    position: relative;
    box-sizing: border-box;
    left: 0;
    padding: 10px 14px 10px 10px;
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 0px;
    font-size: 30px;
    line-height: 0.7;
    text-align: center;
    /*
    background-color: #396EB1;
    background-color: rgba(57, 110, 177, 0.7);
    */
    border-radius: 6px;
    -webkit-transition: all ease 0.25s;
    transition: all ease 0.25s;
}
.toolbardiv h5 {
    margin: 0 0 3px;
}
.buttonlinksearch {
    padding: 0px 1px 2px 1px !important;
}
.yuimenuitem, .yuimenubaritem, .yuimenubaritemlabel, .yuimenuitemlabel {
    cursor: pointer !important;
}
.box-header {
    height: 16px;
}
.ewFooterText {
    width: available;
    height: 22px;
    background-color: #F0F0F0;
    padding: 5px;
}
.ewContentTable, .ewContentColumn {
    margin-top: 5px;
}
.row-fluid {
    margin-top: 3px;
    margin-left: 3px;
} 
@media screen and (min-width: 1000px)  {
    .box-centerflex, .centerflex {
        width: 100%;
        height: 100%;
        background-color: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
    } 
    /*
    .centerflex a:last-of-type {
        background-color: lightgreen;
        border: 2px solid green;
        padding: 10px;
        margin: 10px 0;
    }
    */
}
@media only screen and (min-width: 500px) and (max-width: 1000px) {    
    .quick-button.metro, .quick-button.spanhome {
        width: 23.531%;
        margin-left: 0px; 
        margin-right: 7px;
    }
}
@media screen and (min-width: 500px) and (max-width: 800px) {
    .painel6 {
        width: 46.0567891% !important;
        display: inline-grid !important;
        margin-left: 5px !important;
        margin-right: 15px !important;
        margin-bottom: 5px !important;
    }
    .small-box {    
        margin-top: 5px;
        margin-bottom: 5px;
    }
}
@media (min-width: 1100px) {
    .painel6 {
        width: 24% !important; 
        padding-right: 7px !important; 
        padding-left: 7px !important;
    }
    .painel6:first-child {
        padding-left: 0; 
    }
}
@media screen and (max-width: 705px) {
    .painel6 {
        width: 45.598765% !important;  
    }
} 
@media screen and (max-width: 670px) {
    .painel6 {
        width: 45.598765% !important; 
    }
}
@media screen and (max-width: 570px) {
    .painel6 {
        width: 44.5% !important; 
    }
}
@media screen and (max-width: 550px) {
    .painel6 {
        width: 43.45765% !important;
        display: inline-block;
        margin: 0px 20px 8px 0px;
        padding: 2px;
    }
    .toollogados, .toolconfig, .labelUser, #toolfiltro, #toolkanban, .toolfiltro, .toolkanban {
        display: none !important;
    }
    .toolclient3cx {
        display: inline !important;
    }
    #toolbar {
        margin-right: 0px !important;
    }
    .info-box .info-box-icon {
        width: 60px !important;
    }
}
@media screen and (max-width: 300px) {
    .painel6 {
        width: 98.598765% !important;  
    }
    .row-fluid {
        margin: 0px 0px 0px 3px !important;
    }
    pre {
        margin: 2px !important;
        padding: 3px !important;
    }
    .info-box {
        padding: 2px !important;
        margin: 1px 1px 1px 4px !important;
    } 
    .spanpausa {
        display: inline-block !important;
        margin: 5px  !important;
    }
    div.row .col-lg-6, div.row .col-md-6, div.row .col-sm-6 {
        width: 87.138vw !important;  
    }    
} 
.modalfiltro:before {
    content: '';
    display: inline-block; 
    vertical-align: middle;
}
#myModal {
    vertical-align: middle;
}
.modal {
    left: 44%;
} 
@media (min-width: 800px) {
    .painel6 {
        margin-left: 7px; 
        width: 21.345% !important; 
        padding-right: 7px !important; 
        padding-left: 10px !important;
    }
    .painel6:first-child {
        margin-left: 10px; 
    }
}
@media (min-width: 899px) {
    .painel6 {
        margin-left: 6px; 
        width: 21.81819345% !important; 
        padding-right: 7px !important; 
        padding-left: 10px !important;
    } 
}
@media (min-width: 900px) {
    .painel6 {
        margin-left: 7px; 
        width: 22.01234525% !important;
        padding-right: 7px !important; 
        padding-left: 7px !important;
    }
    .painel6:first-child {
        margin-left: 10px; 
    }
}
@media (min-width: 1100px) {
    .painel6 {
        margin-left: 7px; 
        width: 22.515% !important; 
        padding-right: 7px !important; 
        padding-left: 7px !important;
    }
    .painel6:first-child {
        margin-left: 10px; 
    }
}
@media (min-width: 1200px) {
    #monitor_content {
        margin: 7px 2px 5px 12px;
    }
    .painel6 {
        margin-left: 7px; 
        width: 22.9% !important; 
        padding-right: 7px !important; 
        padding-left: 7px !important;
    }
    .painel6:first-child {
        margin-left: 10px; 
    }
}
@media (max-width: 600px) { 
    #loginsupervisor, #divsistema {
        display: none;
    }
}
.font14 {
    font-size: 14px !important;
}
.ewWarningMessage, .ewSuccessMessage {
    padding-left: 5px;
    padding-right: 5px;
}
.statuscor {
    border: none !important;
    background-image: none !important;
    max-width: 20px !important;
    max-height: 20px !important;;
    min-width: 20px !important;;
    min-height: 20px !important;
}    
.paddedheader {
    margin-top: 10px;
}
.quick-button.metro i {
    font-size: 46px !important;
    margin: 10px auto !important;
}
li [class^="icon-"], .nav li [class^="icon-"], li [class*=" icon-"], .nav li [class*=" icon-"] {
    display: inline-block;
    width: 1.65em;
    text-align: center;
}
ul.dashboard-list.metro li {
    padding: 5px 0px 3px 0px !important;
} 
#loadinglabel {
    width: 50vw !important;
    min-width: 400px;
    margin: 10px auto;
    text-align: center; 
    background-color: rgb(232, 232, 232); 
    padding: 7px; 
    -moz-border-radius: 7px 7px 7px 7px; 
    border-radius:7px 7px 7px 7px;
}
.btn-primary, .btn, #btnsubmit, .buttoninput, .buttonlink, input[type="submit"], .buttonlink a, .buttonlink a:active, .buttonlink a:visited,
.ewGridAgenda, .ewGridLink, .ewGridVer, .ewLinkAdd, .ewLinkBack, .ewLinkBack a, .ewLinkButton, .ewLinkButton a, .ewLinkButtonCRM, .ewLinkButtonCRM a, .ewLinkButtonLTZ, .ewLinkButtonLTZ a, .ewLinkCopy, .ewLinkDelete, .ewLinkEdit, .ewLinkHome, .ewLinkHome a, .ewLinkView {
    color: #fcfcfc !important;
    border-radius: 4px !important;
    background-color: #0096D1 !important;
}
#linkagentes:hover, .buttons-html5:hover, .dt-button:hover, .btn-primary:hover, button:hover, .btn:hover, #btnsubmit:hover, .buttoninput:hover, .buttoninput a:hover, .buttonlink:hover, input[type="submit"]:hover, .buttonlink a:hover,
.ewGridAgenda:hover, .ewGridLink:hover, .ewGridVer:hover, .ewLinkAdd:hover, .ewLinkBack:hover, .ewLinkBack a:hover, .ewLinkButton:hover, .ewLinkButton a:hover, .ewLinkButtonCRM:hover, .ewLinkButtonCRM a:hover, .ewLinkButtonLTZ:hover, .ewLinkButtonLTZ a:hover, .ewLinkCopy:hover, .ewLinkDelete:hover, .ewLinkEdit:hover, .ewLinkHome:hover, .ewLinkHome a:hover, .ewLinkView:hover{
    color: #FFFFFF !important;
    background-color: #00719E !important;
}
.btn:focus {
    outline: 1px solid #1d7c1d !important;;
    outline: 2px auto -webkit-focus-ring-color;
    outline-offset: -1px;
}
.ewHeaderRow, #toolbar, .yuimenubaritemlabel, .yuimenubarnav, .yuimenubarnav a, .yuimenubarnav ul, .yuimenuitem a, .yuimenuitemlabel {
    color: #B5B5B5 !important;
    background-color: #363535 !important;
}
.yuimenubarnav a, .yuimenubarnav ul, .yuimenuitem a {
    background-color: #363535; 
}
.box-header {
    color: #E6EBED;
}
.yuimenubaritemlabel:hover, .yuimenubarnav a:hover, .yuimenuitem a:hover, .yuimenuitemlabel:hover {
    color: #E6EBED !important;
    background-color: #0096d1 !important;
}
.toolbar {
    display: flex;
}
.toolbardiv {
    width: 42px !important;
    box-sizing: border-box;
}
.toolbardiv i {
    line-height: 1;
    top: 3px !important;
    padding: 7px 7px 7px 7px;
    text-decoration: none;
    color: #B5B5B5 !important;
    width: 42px !important;
}
.toolbardiv i:hover {
    text-decoration: none;
    color: #E6EBED !important;;
    background-color: #0096d1 !important;
    transition: transform .3s linear;
    border-radius: 5px;
    width: 42px !important;
    height: 42px !important;
}
.toolbox {
    width: 46px;
    min-width: 46px;
    align-items: center;
    text-align: center;
}
.yui-skin-sam .yui-navset .yui-nav .selected a, .yui-skin-sam .yui-navset .yui-nav .selected a:focus, .yui-skin-sam .yui-navset .yui-nav .selected a:hover {
    background: #5F6A72 url(../phpimages/darkglass.png);
    color: #E6EBED;
}
ewSuccessMessage, .ewAlertMessage, .ewWarningMessage, .ewErrorMessage {
    font-weight: bold !important;
}
fieldset {
    width: 97.3vw;
    margin-bottom: 15px;
    margin-left: 3px;
}
.divcenter {
    margin: 10px auto;
    align-items: center !important;
    text-align: center;
}
.box {
    padding: 1px;
}
.box-header {
	border-radius: 3px;
}
.dataTable th {
    text-align: left;
}

@media only screen and (max-width:1280px) {
    fieldset {
        width: 96.6vw;
    }
    .row-fluid, .docs {
        width: 97.8vw !important;
    }
}
@media (min-width: 1000px) {
    ul.dashboard-list.metro li {
       padding: 3px 0px 3px 0px !important
    }
}