/*overwrite & new rules*/

.p-0 {
    padding: 0!important
}

.p-5 {
    padding: 5px!important
}

.p-10 {
    padding: 10px!important
}

.m-0 {
    margin: 0!important
}

.m-5 {
    margin: 5px!important
}

.m-10 {
    margin: 10px!important
}

.mp-0 {
    padding: 0!important;
    margin: 0!important
}

.tx-success {
    color: #23BF08;
}

.tx-danger {
    color: #DC3545;
}

.tx-good {
    color: #1caf9a;
}

.tx-bad {
    color: #e83e8c;
}

.tx-neutral {
    color: #17A2B8;
}

h2 .smaller {
    font-size: 19px;
    font-weight: 300;
}

h3 .smaller {
    font-size: 17px;
    font-weight: 300;
}

h4 .smaller {
    font-size: 15px;
    font-weight: 300;
}

.tx-14 {
    font-size: 14px;
}

.tx-inverse {
    color: #343a40;
}

.tx-medium {
    font-weight: 500;
}

.d-block {
    display: block !important;
}

.tx-right {
    text-align: right;
}

.valign-middle {
    vertical-align: middle;
}

.tx-center {
    text-align: center;
}

.tx-gray-600 {
    color: #6c757d;
}

.tx-24 {
    font-size: 24px;
}

.mg-r-5 {
    margin-right: 5px;
}

.wd-36 {
    width: 36px;
}

.rounded-circle {
    border-radius: 50% !important;
}


/*cards*/

.dashcard,
.dashcard-2 {
    box-shadow: 0px 1px 3px 0px rgb;
    min-height: 140px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 3px;
    box-sizing: border-box;
    font-family: "Fira Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    color: #868ba1;
    text-align: left;
}

.dashcard__header {
    border-radius: calc(3px - 1px) calc(3px - 1px) 0 0;
    align-items: center !important;
    justify-content: space-between !important;
    display: flex !important;
    padding: 12px 20px;
    margin-bottom: 0;
}

.dashcard__header_normal {
    border-radius: calc(3px - 1px) calc(3px - 1px) 0 0;
    align-items: center !important;
    justify-content: space-between !important;
    display: block !important;
    padding: 12px 20px;
    margin-bottom: 0;
}

.dashcard__header.border,
.dashcard__header_normal.border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.dashcard__footer {
    border-radius: 0 0 calc(3px - 1px) calc(3px - 1px);
    font-size: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding: 15px 20px;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.dashcard__header_title {
    font-size: 12px;
    margin-bottom: 0px;
    color: #212529;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 1.2;
    text-transform: uppercase;
}

.dashcard__header_right_title {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.5;
    color: #868ba1;
    text-align: left;
}

.dashcard__body {
    align-items: center !important;
    justify-content: space-between !important;
    flex: 1 1 auto;
    padding: 20px;
}


/*.dashcard__widget1{}*/

.dashcard__widget1_title {
    color: #343a40;
    font-weight: 500;
    margin-bottom: 0px;
    font-size: 22px;
    line-height: 1.2;
}

.dashcard__widget1_figures {
    margin-bottom: 0;
    margin-top: 0;
}

.dashcard__chart {}

.dashcard__widget_table {}

.dashcard-2 .dashcard__header {
    padding: 5px 10px;
}

.dashcard-2 .dashcard__body {
    padding: 5px 10px;
}

.dashcard-2 .dashcard__footer {
    padding: 5px 10px
}

.table {
    border-collapse: separate;
    border-spacing: 0;
    background-color: transparent;
    border-color: grey;
    margin-top: 0!important;
    margin-bottom: 0!important;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table thead>tr>th,
.table tfoot>tr>th {
    border-top: 0!important;
    border-bottom: 0!important;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    color: #343a40;
    letter-spacing: 0.5px;
}

.table th.valign-middle,
.table td.valign-middle {
    vertical-align: middle;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table th,
.table td {
    padding: 12px;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

.wd-10p {
    width: 10%;
}

img {
    vertical-align: middle;
    border-style: none;
}

.wd-55 {
    width: 55px;
}


/*square */

.mg-r-5 {
    margin-right: 5px;
}

.square-10 {
    display: inline-block;
    width: 10px;
    height: 10px;
}

.bg-chart-primary {
    background-color: #17A2B8 !important
}

.bg-chart-empty {
    background-color: #dee2e6 !important
}

.background-text-container {
    position: relative;
}

.background-text {
    position: absolute;
    top: -10px;
    left: 15px;
    bottom: 0;
    right: 0;
    z-index: 1;
    overflow: hidden;
    color: #d6d6d6;
    font-size: 60px;
    font-weight: bold;
}

.lines-3{min-height:70px;}


.dashcard-quickstats{}
.dashcard-quickstats .dashcard__icon_container{padding: 6px 6px 0px 20px;}
.dashcard-quickstats .dashcard__stats_container{padding: 6px;}
.dashcard-quickstats .dashcard__stats_container .dashcard_stat_title{font-size: 12px;margin-top: 5px;text-transform: uppercase;}
.dashcard-quickstats .dashcard__stats_container .dashcard_stat_data{font-size: 40px; font-weight: bold; margin-top: 10px;}
.dashcard-quickstats .dashcard_container.color-1{background-color: #17A2B8 !important;color: white;}
.dashcard-quickstats .dashcard_container.color-2{background-color: #6f42c1 !important;color: white;}
.dashcard-quickstats .dashcard_container.color-3{background-color: #1caf4d !important;color: white;}
.dashcard-quickstats .dashcard_container.color-4{background-color: #0866c6 !important;color: white;}
.dashcard-quickstats .dashcard_container.color-5{background-color: #DC3545 !important;color: white;}
.dashcard-quickstats .dashcard_container.color-6{background-color: #dc3591 !important;color: white;}
.dashcard-quickstats .dashcard_container .dashcard_draw{
    height: 50px;
    color: grey;
    transform: translateY(1px);
}
.dashcard-quickstats .dashcard_container .dashcard_draw.up50{margin-top: -50px;}
