/* BLOCK DESIGN */
/**************************************************************************************/
/* block function */
.block {
    background-color:transparent;
    display:block;
}
    .block h2 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-weight: 800;
        font-size: 22px;
    }
    .block h3 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .block h4 {
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 16px;
    }
.block-instructions {
    /*background: linear-gradient(to left, #ffa51d, #ff713b);*/
    /*    background-color: rgb(255, 85, 94) !important;
    color: rgb(255, 238, 234) !important;*/
    /*    top: 70px;
    left: 0px;
    position: absolute;
    z-index: 10000;*/
    padding: 20px 20px 20px 20px;
    background-color: #EAEEFA;
    color: #2948A6;
    font-size:14px;
}
.block-instructions h3 {
    margin-top:-5px !important;
    font-weight:600;
    font-size: 16px;
}
.block-message {
    top: 70px;
    left: 0px;
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    z-index: 10000;
    width: calc(100%);
    display: none;
    padding: 50px;
    text-align: center;
}
.block-loading {
    width: calc(100%);
    position: absolute;
    top:65px;
    left:0;
    z-index: 10000;
    padding: 50px;
    text-align: center;
}
.block-error {
    padding: 25px;
    display: none;
    /*background: linear-gradient(to bottom right, #ff8902, #e52f70);*/
}
.block-error i {
    font-size:2.5em;
}
    .block-error h3 {
        padding:25px;
        font-size:16px;
        background-color: #fff !important;
        color: #cc0000 !important;
        /*max-width: 80% !important;*/
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius:5px !important;
    }
.block-content {
}
.block-footer {
    font-size: 12px !important;
    text-align: center;
}
.block-param {
    padding: 0 !important;
    margin: 0 !important;
}
.block-param-dashboard {
    widthxx: 1200px !important;
}

/* block paragraph */
.block-center {
    text-align: center;
}
.block-iBig {
    margin:15px;
    font-size:32px;
    text-align:center;
}

/* block color */
.block-blue {
    background-color: rgba(9, 32, 63, .95) !important;
    color: #fff !important;
}
.block-blue-md {
    background-color: rgb(50, 87, 201) !important;
    color: #fff !important;
}
.block-blue-g {
    background-color: rgba(216, 86, 22, .95);
    color: #fff !important;
    background: -webkit-linear-gradient(rgba(32, 41, 67, .95), rgba(31, 126, 140, .95));
}
.block-gray {
    background-color: rgb(99, 101, 106) !important;
    color: #fff !important;
}
.block-orange {
    background-color: #EE7625 !important;
    color: #fff !important;
}
.block-orange-dk {
    background-color: rgba(216, 86, 22, .95);
    color: #fff !important;
}
.block-orange-g {
    background-color: rgba(216, 86, 22, .95);
    color: #fff !important;
    /*background: -webkit-linear-gradient(rgba(216, 86, 22, .95), rgba(229, 47, 112, .95));*/
    background: -webkit-linear-gradient(rgba(255, 45, 41, .95), rgba(254, 129, 107, .95));
    background: -webkit-linear-gradient(rgba(229, 47, 112, .95), rgba(255, 137, 2, .95));
    /*background: -webkit-linear-gradient(#e52f70, #ff8902);*/
}
.block-coral {
    background-color: rgb(255, 85, 94) !important;
    color: rgb(142, 12, 0) !important;
}

    .block-coral h2 {
        color: rgb(142, 12, 0);
    }
.block-coral-t {
    background-color: rgba(255, 85, 94, .95) !important;
    color: rgb(142, 12, 0) !important;
}

    .block-coral-t h2 {
        color: rgb(142, 12, 0);
    }
.block-teal {
    background-color: #076e75 !important;
    color: #fff !important;
}
.block-teal-t {
    background-color: rgba(7, 110, 117, .95) !important;
    color: #fff !important;
}
.block-red {
    background-color: #cc0000 !important;
    color: #fff !important;
}
.block-green {
    background-color: #739240 !important;
    color: #fff !important;
}
.block-gradient-lt {
    background: rgb(192,192,192);
    background: linear-gradient(180deg, rgba(200,200,200,1) 0%, rgba(245,245,245,1) 45%, rgba(255,255,255,1) 100%);
}
/* block circle*/
.block-circle {
    font-weight:700;
}
.block-circle i {
    margin-right:5px;
}
.block-circle-sm {
    width: 135px !important;
    text-align: center !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    min-width: 40px !important;
    border-radius: 15px !important;
}
.block-circle-blue {
    background-color: #6bcfe4 !important;
    border: 1px solid #6bcfe4 !important;
    color: #ffffff !important;
}
.block-circle-orange {
    background-color: #fd7f04 !important;
    border: 1px solid #fd7f04 !important;
    color: #ffffff !important;
}
.block-circle-red {
    background-color: #d1212e !important;
    border: 1px solid #d1212e !important;
    color: #ffffff !important;
}
div.block-circle-green {
    background-color: #66B34E !important;
    border: 1px solid #66B34E !important;
    color: #ffffff !important;
}
/* block dimensions */
.block-whole {
    display: block !important;
}
    .block-whole::after {
        clear: both !important;
    }
.block-half {
    margin: 0 !important;
    padding: 0 !important;
    width: 50% !important;
}
.block-quarter {
    margin: 0 !important;
    padding: 0 !important;
    width: 25% !important;
}
.block-three-quarter {
    margin: 0 !important;
    padding: 0 !important;
    width: 75% !important;
}
.block-position-left {
    float: left !important;
}
.block-position-right {
    float: right !important;
}
.block-text-right {
    text-align:right !important;
}
.block-text-center {
    text-align: center !important;
}
.block-width-50 {
    width: 50px;
}
/* chart */
.block-widget-title {
    cursor: default;
    overflow: hidden;
    font-size: 13.5px;
    line-height: 16px !important;
    padding-top: 8px;
    padding-left: 10px;
    height: 50px;
    color: #505050;
    border-bottom: 1px solid #c0c0c0;
}

.block-maintenance {
    color: #fff;
    padding: 25px;
    display: none;
    background: transparent;
}

    .block-maintenance i {
        font-size: 2.5em;
    }

    .block-maintenance h3 {
        padding: 25px;
        font-size: 16px;
        background-color: #fff !important;
        /*max-width: 80% !important;*/
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 5px !important;
    }