.circle-tile {
    margin-bottom: 15px;
    text-align: center;
}

.circle-tile-heading {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto -40px;
    border: 3px solid rgba(255,255,255,0.3);
    border-radius: 100%;
    color: #fff;
    transition: all ease-in-out .3s;
}

/* -- Background Helper Classes */

/* Use these to cuztomize the background color of a div. These are used along with tiles, or any other div you want to customize. */

 .dark-blue {
    background-color: #428bca;
}

.green {
    background-color: #16a085;
}

.blue {
    background-color: #d95043;
}

.orange {
    background-color: #f39c12;
}

.red {
    background-color: #e74c3c;
}

.purple {
    background-color: #8e44ad;
}

.dark-gray {
    background-color: #7f8c8d;
}

.gray {
    background-color: #95a5a6;
}

.light-gray {
    background-color: #bdc3c7;
}

.yellow {
    background-color: #f1c40f;
}

.green:hover {
    background-color: #233254;
    transition: background-color 0.5s ease;
    border: 4px dotted #16a085;
}

.orange:hover {
    background-color: #233254;
    transition: background-color 0.5s ease;
    border: 4px dotted #f39c12;
}

.blue:hover {
    background-color: #233254;
    transition: background-color 0.5s ease;
    border: 4px dotted #d95043;
}
.dark-blue:hover {
    background-color: #233254;
    transition: background-color 0.5s ease;
    border: 4px dotted #428bca;
}

/* -- Text Color Helper Classes */

 .text-dark-blue {
    color: #34495e;
}

.text-green {
    color: #16a085;
}

.text-blue {
    color: #2980b9;
}

.text-orange {
    color: #f39c12;
}

.text-red {
    color: #e74c3c;
}

.text-purple {
    color: #8e44ad;
}

.text-faded {
    color: rgba(255,255,255,0.7);
}



.circle-tile-heading .fa {
    line-height: 80px;
}

.circle-tile-content {
    padding-top: 50px;
    border: 4px dotted #eee;
}
.circle-tile-description {
    text-transform: uppercase;
}

.text-faded {
    color: rgba(255,255,255,0.7);
}

.circle-tile-number {
    padding: 5px 0 15px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
}

.circle-tile-footer {
    display: block;
    padding: 5px;
    color: rgba(255,255,255,0.5);
    background-color: rgba(0,0,0,0.1);
    transition: all ease-in-out .3s;
}

.circle-tile-footer:hover {
    text-decoration: none;
    color: rgba(255,255,255,0.5);
    background-color: rgba(0,0,0,0.2);
}


/* Panel css*/

.panel-body>.form-group:last-child, .panel-footer>.form-group:last-child {
    margin-bottom: 0;
}

.panel {
    margin-bottom: 26px;
    border: none;
    -webkit-box-shadow: 0 3px 0 rgba(9, 9, 9, .03);
    box-shadow: 0 3px 0 rgba(9, 9, 9, .03);
}
.panel.collapsed .panel-heading {
    border-bottom: none;
}
.panel>.panel-body:first-child {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
}
.panel>.panel-body:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
}
.panel-clean {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-heading {
    position: relative;
}
.panel-heading .panel-title+p {
    margin-top: 10px;
}
.panel-heading p:last-of-type {
    margin-bottom: 0;
}
.panel-options {
    position: absolute;
    top: 10px;
    right: 15px;
}
.panel-options a {
    color: inherit;
}
.panel-lg .panel-body, .panel-lg .panel-footer, .panel-lg .panel-heading {
    padding: 20px;
}
.panel-lg .panel-options {
    top: 20px;
    right: 20px;
}
.panel-sm .panel-body {
    padding: 10px;
}
.panel-sm .panel-footer, .panel-sm .panel-heading {
    padding: 7px 10px;
}
.panel-sm .panel-options {
    top: 7px;
    right: 10px;
}
h1.panel-title, h2.panel-title, h3.panel-title {
    font-size: 18px;
}
.panel-group .panel {
    border-radius: 0;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.panel-group .panel:first-child {
    border-radius: 4px 4px 0 0;
}
.panel-group .panel:last-child {
    border-radius: 0 0 4px 4px;
    border-bottom: 0;
}
.panel-group .panel+.panel {
    margin-top: 0;
}
.panel-group .panel .panel-heading {
    border-radius: 0;
    padding: 0;
}
.panel-group .panel .panel-heading .panel-title {
    margin-top: 0;
}
.panel-group .panel .panel-heading a {
    display: block;
    padding: 15px;
    text-decoration: none;
}
.panel-group .panel .panel-heading a.collapsed {
    background: #f0f1f2;
    color: #555;
}
.panel-group .panel .panel-heading a.collapsed:active, .panel-group .panel .panel-heading a.collapsed:hover {
    color: #000;
    background: #f6f7f8;
}
.panel-default {
    border-color: #ddd;
}
.panel-default>.panel-heading, .panel-default>form>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-default>.panel-heading .panel-title+p, .panel-default>form>.panel-heading .panel-title+p {
    color: #666;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body, .panel-default>form>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}
.panel-default>.panel-footer, .panel-default>form>.panel-footer {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-default>.panel-footer+.panel-collapse>.panel-body, .panel-default>form>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd;
}
.panel-default .panel-body+.panel-body {
    border-top: 1px solid #ddd;
}
.panel-default.panel-full {
    background-color: #f5f5f5;
}
.panel-default.panel-full>.panel-body, .panel-default.panel-full>form>.panel-body {
    border-color: #ddd;
    color: #46484a;
}
.panel-primary {
    border-color: #357ebd;
}
.panel-primary>.panel-heading, .panel-primary>form>.panel-heading {
    color: #fff;
    background-color: #357ebd;
    border-color: #357ebd;
}
.panel-primary>.panel-heading .panel-title+p, .panel-primary>form>.panel-heading .panel-title+p {
    color: #fff;
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body, .panel-primary>form>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #357ebd;
}
.panel-primary>.panel-footer, .panel-primary>form>.panel-footer {
    color: #fff;
    background-color: #357ebd;
    border-color: #357ebd;
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body, .panel-primary>form>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #357ebd;
}
.panel-primary .panel-body+.panel-body {
    border-top: 1px solid #ddd;
}
.panel-primary.panel-full {
    background-color: #357ebd;
}
.panel-primary.panel-full>.panel-body, .panel-primary.panel-full>form>.panel-body {
    border-color: #357ebd;
    color: inherit;
}
.panel-success {
    border-color: #22ad5c;
}
.panel-success>.panel-heading, .panel-success>form>.panel-heading {
    color: #fff;
    background-color: #26c281;
    border-color: #22ad5c;
}
.panel-success>.panel-heading .panel-title+p, .panel-success>form>.panel-heading .panel-title+p {
    color: #fff;
}
.panel-success>.panel-heading+.panel-collapse>.panel-body, .panel-success>form>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #22ad5c;
}
.panel-success>.panel-footer, .panel-success>form>.panel-footer {
    color: #fff;
    background-color: #26c281;
    border-color: #22ad5c;
}
.panel-success>.panel-footer+.panel-collapse>.panel-body, .panel-success>form>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #22ad5c;
}
.panel-success .panel-body+.panel-body {
    border-top: 1px solid #ddd;
}
.panel-success.panel-full {
    background-color: #26c281;
}
.panel-success.panel-full>.panel-body, .panel-success.panel-full>form>.panel-body {
    border-color: #22ad5c;
    color: inherit;
}
.panel-info {
    border-color: #23b1c8;
}
.panel-info>.panel-heading, .panel-info>form>.panel-heading {
    color: #fff;
    background-color: #34a8db;
    border-color: #23b1c8;
}
.panel-info>.panel-heading .panel-title+p, .panel-info>form>.panel-heading .panel-title+p {
    color: #fff;
}
.panel-info>.panel-heading+.panel-collapse>.panel-body, .panel-info>form>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #23b1c8;
}
.panel-info>.panel-footer, .panel-info>form>.panel-footer {
    color: #fff;
    background-color: #34a8db;
    border-color: #23b1c8;
}
.panel-info>.panel-footer+.panel-collapse>.panel-body, .panel-info>form>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #23b1c8;
}
.panel-info .panel-body+.panel-body {
    border-top: 1px solid #ddd;
}
.panel-info.panel-full {
    background-color: #34a8db;
}
.panel-info.panel-full>.panel-body, .panel-info.panel-full>form>.panel-body {
    border-color: #23b1c8;
    color: inherit;
}
.panel-warning {
    border-color: #f3c027;
}
.panel-warning>.panel-heading, .panel-warning>form>.panel-heading {
    color: #fff;
    background-color: #f4d03f;
    border-color: #f3c027;
}
.panel-warning>.panel-heading .panel-title+p, .panel-warning>form>.panel-heading .panel-title+p {
    color: #fff;
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body, .panel-warning>form>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #f3c027;
}
.panel-warning>.panel-footer, .panel-warning>form>.panel-footer {
    color: #fff;
    background-color: #f4d03f;
    border-color: #f3c027;
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body, .panel-warning>form>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #f3c027;
}
.panel-warning .panel-body+.panel-body {
    border-top: 1px solid #ddd;
}
.panel-warning.panel-full {
    background-color: #f4d03f;
}
.panel-warning.panel-full>.panel-body, .panel-warning.panel-full>form>.panel-body {
    border-color: #f3c027;
    color: inherit;
}
.panel-danger {
    border-color: #d52e3b;
}
.panel-danger>.panel-heading, .panel-danger>form>.panel-heading {
    color: #fff;
    background-color: #d95043;
    border-color: #d52e3b;
}
.panel-danger>.panel-heading .panel-title+p, .panel-danger>form>.panel-heading .panel-title+p {
    color: #fff;
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body, .panel-danger>form>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d52e3b;
}
.panel-danger>.panel-footer, .panel-danger>form>.panel-footer {
    color: #fff;
    background-color: #d95043;
    border-color: #d52e3b;
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body, .panel-danger>form>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d52e3b;
}
.panel-danger .panel-body+.panel-body {
    border-top: 1px solid #ddd;
}
.panel-danger.panel-full {
    background-color: #d95043;
}
.panel-danger.panel-full>.panel-body, .panel-danger.panel-full>form>.panel-body {
    border-color: #d52e3b;
    color: inherit;
}
.panel-gray {
    border-color: #d5d5d5;
}
.panel-gray>.panel-heading, .panel-gray>form>.panel-heading {
    color: #000;
    background-color: #d5d5d5;
    border-color: #e6e8ea;
}
.panel-gray>.panel-heading .panel-title+p, .panel-gray>form>.panel-heading .panel-title+p {
    color: #333;
}
.panel-gray>.panel-heading+.panel-collapse>.panel-body, .panel-gray>form>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #d5d5d5;
}
.panel-gray>.panel-footer, .panel-gray>form>.panel-footer {
    color: #000;
    background-color: #d5d5d5;
    border-color: #e6e8ea;
}
.panel-gray>.panel-footer+.panel-collapse>.panel-body, .panel-gray>form>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #d5d5d5;
}
.panel-gray .panel-body+.panel-body {
    border-top: 1px solid #ddd;
}
.panel-gray.panel-full {
    background-color: #d5d5d5;
}
.panel-gray.panel-full>.panel-body, .panel-gray.panel-full>form>.panel-body {
    border-color: #e6e8ea;
    color: #46484a;
}
.panel-light {
    border-color: #ddd;
}
.panel-light>.panel-heading, .panel-light>form>.panel-heading {
    color: #222;
    background-color: #fff;
    border-color: #ddd;
}
.panel-light>.panel-heading .panel-title+p, .panel-light>form>.panel-heading .panel-title+p {
    color: #555;
}
.panel-light>.panel-heading+.panel-collapse>.panel-body, .panel-light>form>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}
.panel-light>.panel-footer, .panel-light>form>.panel-footer {
    color: #222;
    background-color: #fff;
    border-color: #ddd;
}
.panel-light>.panel-footer+.panel-collapse>.panel-body, .panel-light>form>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #ddd;
}
.panel-light .panel-body+.panel-body {
    border-top: 1px solid #ddd;
}
.panel-light.panel-full {
    background-color: #fff;
}
.panel-light.panel-full>.panel-body, .panel-light.panel-full>form>.panel-body {
    border-color: #ddd;
    color: #46484a;
}
.panel-inverse {
    border-color: #3c5b82;
}
.panel-inverse>.panel-heading, .panel-inverse>form>.panel-heading {
    color: #fff;
    background-color: #1c2a3c;
    border-color: #3c5b82;
}
.panel-inverse>.panel-heading .panel-title+p, .panel-inverse>form>.panel-heading .panel-title+p {
    color: #fff;
}
.panel-inverse>.panel-heading+.panel-collapse>.panel-body, .panel-inverse>form>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #3c5b82;
}
.panel-inverse>.panel-footer, .panel-inverse>form>.panel-footer {
    color: #fff;
    background-color: #1c2a3c;
    border-color: #3c5b82;
}
.panel-inverse>.panel-footer+.panel-collapse>.panel-body, .panel-inverse>form>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #3c5b82;
}
.panel-inverse .panel-body+.panel-body {
    border-top: 1px solid #ddd;
}
.panel-inverse.panel-full {
    background-color: #1c2a3c;
}
.panel-inverse.panel-full>.panel-body, .panel-inverse.panel-full>form>.panel-body {
    border-color: #3c5b82;
    color: #89a;
}
.panel-black {
    border-color: #344763;
}
.panel-black>.panel-heading, .panel-black>form>.panel-heading {
    color: #fff;
    background-color: #111720;
    border-color: #344763;
}
.panel-black>.panel-heading .panel-title+p, .panel-black>form>.panel-heading .panel-title+p {
    color: #fff;
}
.panel-black>.panel-heading+.panel-collapse>.panel-body, .panel-black>form>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #344763;
}
.panel-black>.panel-footer, .panel-black>form>.panel-footer {
    color: #fff;
    background-color: #111720;
    border-color: #344763;
}
.panel-black>.panel-footer+.panel-collapse>.panel-body, .panel-black>form>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #344763;
}
.panel-black .panel-body+.panel-body {
    border-top: 1px solid #ddd;
}
.panel-black.panel-full {
    background-color: #111720;
}
.panel-black.panel-full>.panel-body, .panel-black.panel-full>form>.panel-body {
    border-color: #344763;
    color: #778899;
}
.panel-body-default {
    color: #46484a;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-body-primary {
    color: inherit;
    background-color: #428bca;
    /* border-color: #357ebd; */
}
.panel-body-success {
    color: inherit;
    background-color: #16a085;
    /* border-color: #22ad5c; */
}
.panel-body-info {
    color: inherit;
    background-color: #34a8db;
    border-color: #23b1c8;
}
.panel-body-warning {
    color: inherit;
    background-color: #f4d03f;
    border-color: #f3c027;
}
.panel-body-danger {
    color: inherit;
    background-color: #d95043;
    border-color: #d52e3b;
}
.panel-body-gray {
    color: #46484a;
    background-color: #d5d5d5;
    border-color: #d5d5d5;
}
.panel-body-light {
    color: #46484a;
    background-color: #fff;
    border-color: #ddd;
}
.panel-body-inverse {
    color: #89a;
    background-color: #f39c12;
    /* border-color: #3c5b82; */
}
.panel-body-black {
    color: #778899;
    background-color: #111720;
    border-color: #344763;
}
.panel-metric .panel-body {
    padding: 0;
}
.panel-metric .metric-content {
    position: relative;
    min-height: 135px;
}
.panel-metric .metric-content .metric-icon {
    padding-top: 40px;
}
.panel-metric .metric-content .metric-icon .value {
    line-height: 50px;
}
.panel-metric .metric-content .icon, .panel-metric .metric-content .trend, .panel-metric .metric-content .value, .panel-metric .metric-content header {
    z-index: 1;
    position: absolute;
}
.panel-metric .metric-content .value {
    top: 0;
    left: 0;
    margin: 25px 0 0 20px;
    color: #357ebd;
    font-weight: 700;
    font-size: 36px;
    line-height: 1em;
}
.panel-metric .metric-content .icon, .panel-metric .metric-content .trend {
    top: 0;
    right: 0;
    margin: 25px 15px 0 0;
}
.panel-metric .metric-content .icon {
    color: #357ebd;
}
.panel-metric .metric-content .icon .fa {
    font-size: 60px;
    line-height: 50px;
}
.panel-metric .metric-content .trend {
    text-align: center;
}
.panel-metric .metric-content .trend>p {
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
    margin: 0 0 2px;
}
.panel-metric .metric-content .trend>p .fa {
    margin-right: -3px;
    margin-top: -5px;
    font-size: .8em;
    vertical-align: middle;
}
.panel-metric .metric-content .trend strong {
    text-transform: uppercase;
    line-height: 1em;
    color: #888;
    font-weight: 600;
}
.panel-metric .metric-content .chart {
    height: 135px;
}
.panel-metric .metric-content header {
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}
.panel-metric .metric-content header h1, .panel-metric .metric-content header h2, .panel-metric .metric-content header h3, .panel-metric .metric-content header h4, .panel-metric .metric-content header h5, .panel-metric .metric-content header h6 {
    margin: 0;
    padding: 2px 0 12px;
}
.panel-metric-sm .metric-content {
    min-height: 110px;
}
.panel-metric-sm .metric-content .metric-icon {
    padding-top: 20px;
}
.panel-metric-sm .metric-content .metric-icon .value {
    line-height: 36px;
}
.panel-metric-sm .metric-content .value {
    font-size: 26px;
}
.panel-metric-sm .metric-content .icon .fa {
    font-size: 48px;
    line-height: 36px;
}
.panel-metric-sm .metric-content .trend>p {
    font-size: 16px;
}
.panel-metric-sm .metric-content .trend>p .fa {
    margin-top: -3px;
}
.panel-metric-sm .metric-content .trend strong {
    font-size: .8em;
}
.panel-metric-sm .metric-content .chart {
    height: 110px;
}
.panel-default.panel-full.panel-metric .icon, .panel-default.panel-full.panel-metric .value, .panel-metric .panel-body-default .icon, .panel-metric .panel-body-default .value {
    color: #46484a;
}
.panel-default.panel-full.panel-metric .trend strong, .panel-metric .panel-body-default .trend strong {
    color: #787b7e;
}
.panel-default.panel-full.panel-metric header, .panel-metric .panel-body-default header {
    color: #46484a;
}
.panel-metric .panel-body-primary .icon, .panel-metric .panel-body-primary .value, .panel-primary.panel-full.panel-metric .icon, .panel-primary.panel-full.panel-metric .value {
    color: #fff;
}
.panel-metric .panel-body-primary .trend strong, .panel-primary.panel-full.panel-metric .trend strong {
    color: #e6e6e6;
}
.panel-metric .panel-body-primary header, .panel-metric .panel-body-success .icon, .panel-metric .panel-body-success .value, .panel-primary.panel-full.panel-metric header, .panel-success.panel-full.panel-metric .icon, .panel-success.panel-full.panel-metric .value {
    color: #fff;
}
.panel-metric .panel-body-success .trend strong, .panel-success.panel-full.panel-metric .trend strong {
    color: #e6e6e6;
}
.panel-info.panel-full.panel-metric .icon, .panel-info.panel-full.panel-metric .value, .panel-metric .panel-body-info .icon, .panel-metric .panel-body-info .value, .panel-metric .panel-body-success header, .panel-success.panel-full.panel-metric header {
    color: #fff;
}
.panel-info.panel-full.panel-metric .trend strong, .panel-metric .panel-body-info .trend strong {
    color: #e6e6e6;
}
.panel-info.panel-full.panel-metric header, .panel-metric .panel-body-info header, .panel-metric .panel-body-warning .icon, .panel-metric .panel-body-warning .value, .panel-warning.panel-full.panel-metric .icon, .panel-warning.panel-full.panel-metric .value {
    color: #fff;
}
.panel-metric .panel-body-warning .trend strong, .panel-warning.panel-full.panel-metric .trend strong {
    color: #e6e6e6;
}
.panel-danger.panel-full.panel-metric .icon, .panel-danger.panel-full.panel-metric .value, .panel-metric .panel-body-danger .icon, .panel-metric .panel-body-danger .value, .panel-metric .panel-body-warning header, .panel-warning.panel-full.panel-metric header {
    color: #fff;
}
.panel-danger.panel-full.panel-metric .trend strong, .panel-metric .panel-body-danger .trend strong {
    color: #e6e6e6;
}
.panel-danger.panel-full.panel-metric header, .panel-inverse.panel-full.panel-metric .icon, .panel-inverse.panel-full.panel-metric .value, .panel-metric .panel-body-danger header, .panel-metric .panel-body-inverse .icon, .panel-metric .panel-body-inverse .value {
    color: #fff;
}
.panel-inverse.panel-full.panel-metric .trend strong, .panel-metric .panel-body-inverse .trend strong {
    color: #e6e6e6;
}
.panel-black.panel-full.panel-metric .icon, .panel-black.panel-full.panel-metric .value, .panel-inverse.panel-full.panel-metric header, .panel-metric .panel-body-black .icon, .panel-metric .panel-body-black .value, .panel-metric .panel-body-inverse header {
    color: #fff;
}
.panel-black.panel-full.panel-metric .trend strong, .panel-metric .panel-body-black .trend strong {
    color: #e6e6e6;
}
.panel-black.panel-full.panel-metric header, .panel-metric .panel-body-black header {
    color: #fff;
}
.panel-light.panel-full.panel-metric .icon, .panel-light.panel-full.panel-metric .value, .panel-metric .panel-body-light .icon, .panel-metric .panel-body-light .value {
    color: #46484a;
}
.panel-light.panel-full.panel-metric .trend strong, .panel-metric .panel-body-light .trend strong {
    color: #787b7e;
}
.panel-gray.panel-full.panel-metric .icon, .panel-gray.panel-full.panel-metric .value, .panel-light.panel-full.panel-metric header, .panel-metric .panel-body-gray .icon, .panel-metric .panel-body-gray .value, .panel-metric .panel-body-light header {
    color: #46484a;
}
.panel-gray.panel-full.panel-metric .trend strong, .panel-metric .panel-body-gray .trend strong {
    color: #787b7e;
}
.panel-gray.panel-full.panel-metric header, .panel-metric .panel-body-gray header {
    color: #46484a;
}
/* Panel css*/

.panel {
 border:1px solid #eee;
 box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.1);
}

.np {
  padding: 0 !important;
}

.nm{
  margin: 0 !important;
}

.inline {
  display: inline;
}

.nb {
  border: none !important;
}

.pad-5 {
  padding: 5px !important;
}

.pad-10 {
  padding: 10px !important;
}

.pad-15 {
  padding: 15px !important;
}

.pad-20 {
  padding: 20px !important;
}

.ph-5 {
  padding: 0 5px !important;
}

.ph-10 {
  padding: 0 10px !important;
}

.ph-15 {
  padding: 0 15px !important;
}

.ph-20 {
  padding: 0 20px !important;
}

.pv-10 {
  padding: 10px 0 !important;
}

.pv-15 {
  padding: 15px 0 !important;
}

.pv-20 {
  padding: 20px 0 !important;
}

.pv-30 {
  padding: 30px 0 !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.mb-5 {
  margin-bottom:5px !important;
}

.mb-10 {
  margin-bottom:10px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-20 {
  margin-bottom:20px !important;
}

.mr-5 {
  margin-right:5px !important;
}

.mr-10 {
  margin-right:10px !important;
}

.mr-15 {
  margin-right:15px !important;
}

.mr-20 {
  margin-right:20px !important;
}

.height-45 {
  height: 45px !important;
}

.height-60 {
  height: 60px !important;
}

.height-70 {
  height: 70px !important;
}

.height-230 {
  height: 230px !important;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.text-light {
  color: rgba(255, 255, 255, 0.6);
}

a.text-light:hover {
  color: rgba(255, 255, 255, 0.8);
}

.center {
  text-align: center;
}

.text-bold {
  font-weight: bold;
}

.text-small {
  font-size: 12px !important;
}

.text-large {
  font-size: 16px !important;
}

.text-azure {
  color: #00bdcc;
}

.text-orange {
  color: #f58a5c;
}

.text-green {
  color: #f39c12;
}

.text-blue {
  color: #428bca;
}

.text-pink {
  color: #dd5a82;
}

.text-purple {
  color: #dd5a82;
}

.text-bricky {
  color: #894550;
}

.text-yellow {
  color: #d95043;
}

.text-red {
  color: #16a085;
}

.text-white {
  color: #ffffff;
}

.text-left {
  text-align: left;
}

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

blockquote {
    margin-left: 50px;
    color: #a1a1a1;
    font-style: italic;
}

blockquote p {
    line-height: 30px;
    padding-bottom: 0 !important;
}

.panel-toolbar {
    margin: -4px -5px;
}

.panel-heading .nav {
    border: medium none;
    font-size: 12px;
    margin: -6px 0px 2px;
}

.panel {
    background-color: #233254;
}

.progress-bar-danger {
    background-color: #16a085;
}

.progress-bar-success {
    background-color: #f39c12;
}

.progress-bar-warning {
    background-color: #d95043;
}


/*css hovar*/
/* Bounce To Right */
.hvr-bounce-to-right {
  /* display: inline-block; */
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #ffffff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}