.circle {
    width: 13px;
    height: 13px;
    border-radius: 100%;
    display: inline-block;
    cursor: pointer;
}


.circle-bottom {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-top-left-radius: 30px;
    color: #fff;
    padding-left: 4px;
    padding-top: 2px;
}

.card-header {
    background-color: #FFF !important;
}

code {
    word-wrap: break-word;
}

.card-body-desing {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.5rem;
}

.card-body-desing {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
}

.media {
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.media, .progress-barra {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.media-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.media-body > h3 {
    font-size: 17px;
    margin: 0;
}

.primary {
    color: #00B5B8 !important;
}

.align-self-center {
    -webkit-align-self: center !important;
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.font-large-2 {
    font-size: 3rem !important;
}

.float-right {
    float: right !important;
}

.progress:last-child {
    /*margin-bottom: 1rem;*/
}

.mt-1, .my-1 {
    margin-top: 1rem !important;
}

.mb-0, .my-0 {
    margin-bottom: 0 !important;
}

.progress {
    display: flex;
    height: 1rem;
    font-size: .75rem;
    background-color: #EEE !important;
    border-radius: .25rem;
}

.pagination, .progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.collapsing, .modal-open, .progress, .progress-barra, .toast {
    overflow: hidden;
}

.bg-primary-op {
    background-color: #00B5B8 !important;
}

.progress-barra {
    display: flex;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #FFF !important;
    text-align: center;
    background-color: #00B5B8 !important;
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}

.media, .progress-barra {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}

.list-group, .progress-barra {
    -webkit-box-orient: vertical;
}

.collapsing, .modal-open, .progress, .progress-barra, .toast {
    overflow: hidden;
}

.badge, .dropdown-header, .dropdown-item, .dropdown-toggle, .input-group-text, .navbar-brand, .progress-barra {
    white-space: nowrap;
}


.jc-bs3-container {
    background: none;
    border: none;
}

.jc-bs3-container {
    background-color: unset !important;
    border: unset !important;
}

.jconfirm-box {
    width: 450px;
}

.jconfirm-buttons > button {
    background-color: #14aaf5 !important;
    border: 0 !important;
    outline: 0 !important;
    padding: 4px 15px !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    text-align: center !important;
    display: inline-block !important;
    color: white !important;
    border-radius: 3px !important;
    transition: all ease .3s !important;
    cursor: pointer !important;
}

.jconfirm-content-pane {
    color: #fff !important;
}

.jc-bs3-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.jconfirm-holder {
    padding: 0 !important;
}