/* here you can put your own css to customize and override the theme */
.modal-header
{
    background-color: #f89b1c;
}

.modal-title
{
    color: White;
}
a.excel
{
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    width: 14px;
    margin-bottom: 2px;
    background-image: url(../img/portlet-excel-icon-white.png);
}
.wrap-column{    
    overflow:hidden;
}

.date-fixed-column{
    width: 150px !important;
}

.method-fixed-column{
    width: 150px !important;
}

.report-sales-summary {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 6px;
    display: inline;
}

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

.no-text {text-indent: -9999px;}

.overflow-column {overflow: hidden;}

.whatsapp-icon {
    background: url(../../assets/svg/whatsapp.svg) 2px 2px no-repeat;
    background-size: 14px;
    width: 16px;
    height: 16px;
    float: right;
    margin-left: 4px;
}

.fa-eye{
    position: absolute;
    top: 0%;
    right: 88%;
    cursor: pointer;
    color: lightgray;
}
.fa-eye-slash{
    position: absolute;
    top: 3%;
    right: 88%;
    cursor: pointer;
    color: lightgray;
}

@media screen and (max-width: 480px) {

    .fa-eye{
        right: 84%;
    }
    .fa-eye-slash{
        right: 84%;
    }
}

@media screen and (max-width: 800px) {

    .report-sales-summary {    
        display: none !important;
    }
}