﻿.sm-box-20 { width:20%;}
.small-box {
    border-radius: 1px;
    position: relative;
    display: block;
    /*box-shadow: 0 1px 1px rgba(0,0,0,0.1);*/
    background-color:#fff;
}

.small-box>.inner {
    padding: 10px;
}

.small-box h3, .small-box p {
    z-index: 5;
}

.small-box h3 {
    font-size: 28px;
    font-weight: 400;
    margin: 5px;
    white-space: nowrap;
    padding: 0;
}

.small-box p {
    font-size: 15px;
}

.small-box .icon {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    position: absolute;
    top: -10px;
    right: 10px;
    z-index: 0;
    font-size: 60px;
    padding: 8px 5px 0 0;
    color: rgba(0,0,0,0.15);
}

.small-box>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255,255,255,0.8);
    display: block;
    z-index: 10;
    background: rgba(0,0,0,0.1);
    text-decoration: none;
}

.bg-aqua {
    /*background-color: #00c0ef !important;
    border:1px solid #00c0ef;*/
}
.bg-green{ background-color:rgba(0, 166, 90, 0.15);}
.bg-green>.small-box-footer {background-color: #00a65a !important;}
.bg-green>.inner>h3 {color: #00a65a;}
.bg-yellow{ background-color:rgba(243, 156, 18, 0.15);}
.bg-yellow>.small-box-footer {background-color: #f39c12 !important;}
.bg-yellow>.inner>h3 {color: #f39c12;}
.bg-red{ background-color:rgba(221, 75, 57, 0.15);}
.bg-red>.small-box-footer {background-color: #dd4b39 !important;}
.bg-red>.inner>h3 {color: #dd4b39;}
.bg-aqua{ background-color:rgba(0, 192, 239, 0.15);}
.bg-aqua>.small-box-footer {background-color: #00c0ef !important;}
.bg-aqua>.inner>h3 {color: #00c0ef;}
.bg-blue{ background-color:rgba(22, 136, 204, 0.15);}
.bg-blue>.small-box-footer {background-color: #1688cc !important;}
.bg-blue>.inner>h3 {color: #1688cc;}


.QLink {
    font-weight: 400;
    color: #555;
    padding: 5px 10px;
    font-size: 9pt
}

.dn { display:none;}

.box-icon {font-size: 13px; padding: 2.7px;}

.close, .collapse {color:#635e5e;}

table {
    background-color: transparent;
}
table>tbody>tr>th { font-weight:400; color: #000; background-color: #e8e7e7; padding: 1px 5px !important;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 0px 5px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #f4f4f4;
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.dash-icon>img { height:auto; width:53px; padding:5px 10px; }

.dash-icon>label { text-align:center; margin-left: auto; margin-right: auto; display: block; }