/*============================================================*\
    My Report Module CSS
\*============================================================*/

.report .headerContainer {
    width: calc(100% - 540px);
    left: 303px;
}

.report .header .top-header .bell-icon {
    /*bottom: 25px;*/
}

.report .trasparent-container {
    /*width: 33%; IES*/
    margin-top: 20px;
    text-align: center;
}

.report .white-row {
    /*padding: 10px 10px 10px 5px;*/
    /*margin-top: 20px;*/
    background-color: #fffffc;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

    .report .white-row .triangle {
        position: absolute;
        top: -20px;
        left: 0px;
        width: 0;
        height: 0;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #fffffc;
        margin-left: 46%;
    }

    /*.report .white-row .triangle.variable-column {
            margin-left: 16%;
        }

        .report .white-row .triangle.filter-column {
            margin-left: 49%;
        }

        .report .white-row .triangle.group-column {
            margin-left: 82%;
        }

        .report .white-row .triangle.set-chart {
            margin-left: 48%;
        }*/

    .report .white-row .help-text {
        display: inline-block;
    }

        .report .white-row .help-text div {
            margin: 30px 50px;
        }

.report .chart-white-row {
    padding: 10px 10px 10px 5px;
    margin-top: 20px;
    width: 100%;
    background-color: #fffffc;
    text-align: center;
}

.report .chart-actions .action {
    float: right;
    margin-left: 10px;
}

.report .fk-dropdownbox, .report .fk-multiselectbox {
    padding-top: 12px;
}

.report .report-chart {
    margin: 0 0 10px 0;
}

    .report .report-chart .col-md-2 {
        width: 20%;
    }

.save-report-modal .centered {
    width: 350px;
}

.save-report-modal .fk-row .column-content {
    margin-top: 20px;
    padding-right: 9px;
    text-align: right;
}

    .save-report-modal .fk-row .column-content:nth-child(3) {
        padding: 5px 10px 0 0;
    }

.save-report-modal,
.close-report-modal {
    height: 100%;
}

    .save-report-modal .modal-body,
    .close-report-modal .modal-body {
        padding: 0px;
    }

    .save-report-modal .fk-row .column-content input,
    .close-report-modal .fk-row .column-content input {
        background-color: transparent;
        border: 1px solid #4d4d4d;
        text-transform: uppercase;
        width: 100px;
        height: 25px;
    }

        .save-report-modal .fk-row .column-content input:hover,
        .close-report-modal .fk-row .column-content input:hover {
            background-color: #ffff01;
            border-color: #ffff01;
        }

    .save-report-modal .fk-textbox .box-head,
    .save-report-modal .fk-textbox .box-content input,
    .close-report-modal .fk-row:first-child .column-content {
        font-size: 14px;
        line-height: 16px;
    }

    .save-report-modal .pin-home .fk-checkbox,
    .save-report-modal .pin-home span {
        margin-top: 33px;
        margin-left: 9px;
        color: #999;
        float: left;
    }

    .close-report-modal .centered {
        width: 500px;
    }

    .close-report-modal .fk-row .column-content {
        text-align: center;
    }

    .close-report-modal .fk-row:first-child .column-content {
        margin-bottom: 30px;
    }

.save-report-modal .chart-item {
    width: 50%;
}

    .save-report-modal .chart-name {
        text-align: center;
    }