hr {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    border: 0;
    border-top: 1px solid #eeeeee;
}


.bg-orange-dk {
    background-color: #e67e22 !important;
    color: #fff;
}

.bg-orange {
    background-color: #f39c12 !important;
    color: #fff;
}

.bg-blue-lt {
    background-color: #3498db !important;
    color: #fff;
}

.bg-brown-lt {
    background-color: #d35400 !important;
    color: #fff;
}

.bg-maroon {
    background-color: #c0392b !important;
    color: #fff;
}

.bg-blue {
    background-color: #2980b9 !important;
    color: #fff;
}

.bg-violet-dk {
    background-color: #8e44ad !important;
    color: #fff;
}

.bg-purple {
    background-color: #8e44ad !important;
    color: #fff;
}

.bg-purple-lt {
    background-color: #9b59b6 !important;
    color: #fff;
}

.bg-green {
    background-color: #16a085 !important;
    color: #fff;
}

.bg-green-lt {
    background-color: #1abc9c !important;
    color: #fff;
}

.bg-leaf-green {
    background-color: #27ae60 !important;
    color: #fff;
}

.bg-leaf-green-lt {
    background-color: #2ecc71 !important;
    color: #fff;
}



.bg-red {
    background-color: #e74c3c !important;
    color: #fff;
}

.bg-red-dk {
    background-color: #c0392b !important;
    color: white;
}

.bg-red-lt {
    background-color: #ef5748 !important;
    color: white;
}

.bg-violet {
    background-color: #ca6ef0 !important;
    color: #fff;
}

.bg-violet-lt {
    background-color: #debeec;
    color: #fff;
}

.bg-blue-dk {
    background-color: #1b8fdb;
    color: #fff;
}

.bg-blue-lt {
    background-color: #8ecef9;
    color: #fff;
}

.bg-orange-lt {
    background-color: #f3cd9c !important;
    color: white;
}

.bg-green-dk {
    background-color: #32714c !important;
    color: white;
}



.bg-yellow-dk {
    background-color: #c8cc1b !important;
    color: black;
}

.bg-yellow-lt {
    background-color: #f3f5ad !important;
    color: black;
}

/*.bg-rose {
    background-color: #f50cf5 !important;
    color: white;
}

.bg-rose-dk {
    background-color: #bc37bc !important;
    color: white;
}

.bg-rose-lt {
    background-color: #f995f9 !important;
    color: white;
}*/

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

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

.bg-gray-lt {
    background-color: #bdc3c7;
}
.bg-black{
    background-color:#16202f;
}

.color-combo {
    width: 35px;
    height: 35px;
    display: inline-block;
    margin-right: 2.5px;
    position: relative;
    text-align: center;
    cursor: pointer;
    padding-left: 1px;
}

.rounded-cornor {
    border-radius: 10px;
}

.print-body {
    background: rgb(204,204,204);
}

page {
    background: white;
    display: block;
    margin: 0 auto;
    margin-bottom: 0.5cm;
    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
}

    page[size="A4"] {
        width: 21cm;
        height: 29.7cm;
    }

        page[size="A4"][layout="portrait"] {
            width: 29.7cm;
            height: 21cm;
        }

    page[size="A3"] {
        width: 29.7cm;
        height: 42cm;
    }

        page[size="A3"][layout="portrait"] {
            width: 42cm;
            height: 29.7cm;
        }

    page[size="A5"] {
        width: 14.8cm;
        height: 21cm;
    }

        page[size="A5"][layout="portrait"] {
            width: 21cm;
            height: 14.8cm;
        }