@import 'base-style2.css';
@import 'report-style.css';
@import 'automation-styles.css';
@import 'project-styles.css';
@import 'billing-styles.css';
@import 'whats-new-styles.css';

/************************
    Text
************************/
h1.divider,
h2.divider,
h3.divider,
h4.divider,
h5.divider {
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
}

/**********************
    CSS Tables 
**********************/
/* Login */
.table.login .cell {
    padding: 2px 5px;
    vertical-align: top;
}

.table.login input[type="submit"] {
    font-size: 14px;
}

.table.login input[type="text"],
.table.login input[type="password"] {
    font-size: 14px;
    width: 180px;
}

.table.login a {
    color: #3a8add;
    font-size: 11px;
}

/* Logged In */
.table.loggedin {
    margin-top: 15px;
}

    .table.loggedin a {
        color: inherit;
        font-size: 13px;
        text-decoration: none;
        padding: 5px 8px;
    }

        .table.loggedin a:hover {
            background: #dedede;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            border-radius: 2px;
        }

.disabled-input {
    color: #bab8b8;
}

/* Page header */
#report-title {
    position: relative;
    margin-bottom: 10px;
    min-height: 40px;
}

.report-title-border {
    border-bottom: 1px solid #dedede;
}

#report-title h2 {
    font-size: 1.2em;
    margin: 0;
    line-height: 100%;
    font-weight: bold;
}

#report-title h3 {
    font-size: .8em;
    margin: 0;
}

#report-title #report-options {
    display: flex;
    justify-content: flex-end;
}

    #report-title #report-options li {
        float: left;
        margin: 0;
    }

#report-title .label {
    margin-right: 5px;
}

#report-title .report-filter-button {
    float: left;
    width: 26px;
    height: 26px;
    background: #ecf1f4;
    border: 1px solid #dedede;
    margin-left: 10px;
    text-align: center;
    line-height: 26px;
    border-radius: 3px;
    background-image: url(../AppImages/report-option-sprite.png);
    background-repeat: no-repeat;
}

#report-title .filters {
    background-position: -2px -32px;
}

    #report-title .filters.active {
        background-position: -2px -182px;
    }

    #report-title .filters span,
    #report-title .help span,
    #report-title .export span,
    #report-title .export-2 span,
    #report-title .export-3 span,
    #report-title .admin span,
    #report-title .delete span,
    #report-title .print span,
    #report-title .pdf span,
    #report-title .quicklink span {
        display: none;
    }

#report-title .help-with-text {
    width: auto;
    padding: 0 5px;
    color: black;
    text-decoration: none;
    font-size: small;
    background-image: none;
    margin-top: -5px;
}

    #report-title .help-with-text:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    #report-title .help-with-text span {
        display: block;
    }

#report-title .help {
    background-position: -2px -62px;
}

    #report-title .help.active {
        background-position: -2px -212px;
    }

#report-title .export {
    background-position: -2px -92px;
}

#report-title .export-2 {
    background-position: -2px -392px;
}

#report-title .export-3 {
    background-position: -2px -421px;
}

#report-title .admin {
    background-position: -2px -122px;
}

#report-title .delete {
    background-position: -2px -302px;
}

#report-title .print {
    background-position: -2px -332px;
}

#report-title .pdf {
    background-position: -2px -362px;
}

#report-title .quicklink {
    background-position: -2px -420px;
}

    #report-title .filters:hover,
    #report-title .help:hover,
    #report-title .export:hover,
    #report-title .delete:hover,
    #report-title .print:hover,
    #report-title .pdf:hover,
    #report-title .quicklink:hover {
        box-shadow: 1px 1px 1px #dedede;
    }

#report-options .cell {
    padding: 5px 0;
}

.min-width-100px {
    min-width: 100px;
    margin: 0 auto;
    text-align: center;
}

/**********************
    HTML Tables
**********************/
#project-table {
    width: 100%;
    max-width: 920px;
}

    #project-table p {
        margin: 0;
        font-size: 14px;
    }

    #project-table thead td {
        padding: 10px 5px;
        font-size: 13px;
    }

    #project-table tbody td,
    #project-table tfoot td p {
        font-size: 14px;
    }

    #project-table tfoot tr {
        border-top: 1px solid #dedede;
    }

    #project-table .project-icon {
        width: 34px;
    }

    #project-table .project,
    #project-table .mav {
        vertical-align: top;
    }

    #project-table .project {
        overflow: hidden;
        min-width: 350px;
        max-width: 400px;
    }

    #project-table .created {
        width: 200px;
    }

    #project-table .domain {
        width: 200px;
    }

    #project-table .project-row, .multiline-height {
        height: 80px;
    }

    #project-table .cost-label {
        width: 125px;
        text-align: right;
    }

    #project-table .cost {
        width: 125px;
    }

    #project-table .hover-state td {
        background: #dde7f1;
    }

    #project-table .project-options {
        display: none;
        font-size: 11px;
        margin-top: 15px;
    }

    #project-table tr.project-options-text {
        display: none;
    }

        #project-table tr.project-options-text td {
            background: #dedede;
        }

        #project-table tr.project-options-text p {
            font-size: 12px;
            font-weight: bold;
        }

    #project-table .project-link {
        text-decoration: none;
        font-weight: bold;
        display: block;
        line-height: 20px;
    }

        #project-table .project-link:hover {
            text-decoration: underline;
        }

/* Report Filters */
#report-controls {
    border: 1px solid #dedede;
    margin-bottom: 50px;
}
/* Selection table */
.selection-table {
    height: 300px;
    overflow: auto;
}

/*********************
    Grid
*********************/
.grid-column.dashed-top {
    border-top: 1px dashed #dedede;
}

/********************
    Forms
********************/
#register-form {
    background: #fff;
    padding: 20px 10px;
    margin: 0;
    width: 260px;
    box-shadow: 0 0 3px rgba(0,0,0, .5);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0, .5);
    -moz-box-shadow: 0 0 3px 0, .5;
}

    #register-form label {
        margin-bottom: 5px;
        font-size: 14px;
        display: block;
    }

    #register-form input[type="text"],
    #register-form input[type="password"] {
        margin-bottom: 10px;
        width: 240px;
    }

.file-upload {
    border: 1px solid #dedede;
    padding: 4px;
    display: inline-block;
}

    .file-upload a,
    .file-upload span {
        font-size: 12px;
        padding: 5px;
        display: inline-block;
    }

    .file-upload a {
        background: #dedede;
        color: inherit;
        text-decoration: none;
        margin-left: 5px;
    }

.justify {
    display: block;
    float: left;
    padding-top: .5em;
    padding-right: .25em;
    width: 6em;
    text-align: left;
}

a.hover-pointer:hover {
    cursor: pointer;
}

/************************
    Icons
************************/
i:not(.fa) {
    float: left;
    margin-right: 10px;
    background-image: url(../AppImages/ui-kit-sprite.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
}

i.check:not(.fa) {
    background-position: 0 -194px;
}

i.medium:not(.fa) {
    width: 24px;
    height: 24px;
    background-image: url(../AppImages/ui-icon-medium.png);
}

i.medium.past-release:not(.fa) {
    background-position: 0 -24px;
}

a.popup-link {
    width: 12px;
    height: 12px;
    background: url(../AppImages/popup-icon.png) no-repeat;
    float: right;
}

    a.popup-link.float-none {
        float: none;
        margin-left: 5px;
        display: inline-block;
    }

a.icon-link {
    text-decoration: none !important;
    color: gray;
}

a.binoculars-icon {
    margin-bottom: 5px;
    margin-right: 0px;
}

i.menu.sprocket:not(.fa) {
    float: left;
    width: 26px;
    height: 26px;
    background: #ecf1f4;
    border: 1px solid #dedede;
    margin: 0px;
    text-align: center;
    line-height: 26px;
    border-radius: 3px;
    background-image: url(../AppImages/report-option-sprite.png);
    background-repeat: no-repeat;
    background-position: -2px -272px;
    cursor: pointer;
}

i.action:not(.fa) {
    background-image: url(../AppImages/bp-action-sprite.png);
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    margin: 0px;
    display: inline-block;
}

i.boxlink {
    border: 1px;
    border-style: groove;
    border-color: lightgray;
    padding: 3px;
    margin-right: 8px;
    width: 14px;
    height: 14px;
    float: left;
    text-align: center;
    display: inherit !important;
    line-height: 14px !important;
}

i.action.align-middle:not(.fa) {
    vertical-align: middle;
}

i.action.x:not(.fa) {
    background-position: 0 -40px;
    float: none;
}

i.action.sprocket:not(.fa) {
    background-position: 0 -120px;
    float: none;
}

i.action.note:not(.fa) {
    background-position: 0 -160px;
    float: none;
}

i.sprite:not(.fa) {
    background-image: url(../AppImages/bp-icon-sprite.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 20px;
    display: block;
}

i.sprite.margin:not(.fa) {
    margin: 0px;
}

i.sprite.red-x:not(.fa) {
    background-position: 5px -335px;
    float: none;
}

i.sprite.tagsm:not(.fa) {
    width: 18px;
    height: 18px;
    background-image: url(../AppImages/icon-sprite.png); /*Redundant?*/
    background-position: -61px -70px;
    float: none;
    cursor: pointer;
}

i.sprite.white.plus:not(.fa) {
    background-image: url(../AppImages/button-sprite-white.png);
    background-position: -6px -6px;
    height: 12px;
    width: 12px;
}

i.white.plus.new-sprite:not(.fa) {
    background-image: url(../AppImages/button-sprite-white.png);
}

i.sprite.green-check:not(.fa) {
    background-position: 5px -5px;
    float: none;
}

i.sprite.exclamation-circle:not(.fa) {
    background-position: 0 -65px;
    width: 25px;
    float: none;
}

i.sprite.yellow-triangle:not(.fa) {
    background-position: 5px -95px;
    float: none;
}

i.sprite.configuration:not(.fa) {
    background-position: 0 -575px;
    width: 20px;
    float: none;
}

i.sprite.center:not(.fa) {
    margin-left: auto;
    margin-right: auto;
}

table.project-table td {
    vertical-align: middle;
}

    table.project-table td.no-pad {
        padding: 0px;
    }

a.action-button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #dedede;
    padding: 6px 10px;
    color: #4a4949;
    text-decoration: none;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    text-align: left;
}

    a.action-button:hover {
        background-color: #eee;
    }

    a.action-button.empty {
        background: none;
        color: #3a8add;
    }

        a.action-button.empty:hover {
            text-decoration: underline;
        }

    a.action-button.green {
        text-decoration: none;
        background-color: #00c83c;
        color: #ffffff;
    }

        a.action-button.green:hover {
            text-decoration: none;
            opacity: .6;
        }


    a.button i, a.action-button i {
        float: none;
        display: inline-block;
        width: 12px;
        height: 12px;
        background: url(../AppImages/button-sprite.png) no-repeat;
    }

        a.button i.bookmark {
            width: 16px;
            height: 16px;
            background: url(../AppImages/bookmark.png) no-repeat;
            margin-right: 10px;
            vertical-align: text-top;
        }

    a.button.white i, a.action-button.white i {
        background-image: url(../AppImages/button-sprite-white.png);
    }

    a.button.new i, a.action-button.new i {
        background-position: -6px -6px;
    }

    a.button.upload i, a.action-button.upload i {
        background-position: -6px -30px;
    }

    a.button.edit i, a.action-button.edit i {
        background-position: -6px -54px;
    }

a.button.email i {
    background-position: -6px -100px;
}

a.button.api i {
    background-position: -6px -126px;
}

a.button.info i {
    background-position: -6px -78px;
}

a.action-button.right {
    margin-left: 5px;
    float: right;
}

a.button {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: #3a8add;
    padding: 6px 10px;
    color: #FFFFFF;
    text-decoration: none;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    text-align: left;
}

    a.button:hover {
        opacity: .6;
    }

    a.button.grey {
        background-color: #dedede;
        color: #4a4949;
    }

        a.button.grey:hover {
            background-color: #eee;
        }

    a.button.right {
        margin-left: 5px;
    }

button.action-button {
    padding: 6px 10px;
    margin: 0;
    cursor: pointer;
    font-weight: normal;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    background-color: #00c83c;
    text-decoration: none;
    font-size: 14px;
}

button.cancel-button {
    padding: 6px 10px;
    margin: 0;
    cursor: pointer;
    font-weight: normal;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    background-color: #3a8add;
    text-decoration: none;
    font-size: 14px;
}

    button.action-button:hover, button.cancel-button:hover {
        opacity: .7;
    }

button.action-button:disabled {
    background: #dedede;
    color: #bab8b8;
    cursor: auto;
}

/**********************
    List elements
***********************/
ul.bullet {
    margin-bottom: 20px;
}

    ul.bullet li {
        list-style-type: disc;
        font-size: 12px;
        margin: 10px 20px;
        line-height: 18px;
    }

ul.dash {
    margin-bottom: 20px;
    margin-top: -8px
}

ul.alert-param {
    font-size: 12px;
    margin: 0;
}

    ul.alert-param li {
        font-size: inherit;
        margin: 5px 0;
    }

.popup-list {
    overflow: hidden;
    margin-top: 5px;
}

ul.list-box-options {
    overflow: auto;
    border: 1px solid #dedede;
    max-height: 150px
}

    ul.list-box-options li {
        margin: 5px;
        padding: 0;
        font-size: 14px;
    }

ul.error-list {
    margin: 0;
    padding: 0;
}

    ul.error-list li {
        margin: 10px 0;
        font-size: 14px;
    }

.custom-logo-display {
    max-width: 280px;
    height: auto;
    cursor: pointer;
    padding: 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

ul#ip-list li {
    font-size: 12px;
    margin: 10px;
}

a#email-button i {
    margin-right: 0px;
}

.email-button {
    padding-top: 0px;
    padding-bottom: 0px;
}

ol li {
    list-style-type: decimal;
    margin: 10px 10px 10px 20px;
    font-size: inherit;
    line-height: 16px;
}

.list-panel ol > li, ol > li > ol > li {
    list-style-type: lower-alpha;
}

ol li p {
    font-size: inherit;
    margin: 5px 0;
}

.tab-panel ol li p label {
    font-size: inherit;
    margin: 0;
    display: inline-block;
}

.tab-panel ol li .textbox {
    display: inline-block;
    width: 300px;
}

.list-box-check-all {
    font-size: 13px;
    float: left;
    color: #3a8add;
    border-bottom: rgba(58, 138, 221, 0.3);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 10px;
}

.list-box-search {
    border-style: none !important;
}

.list-box-search-control {
    margin: 10px 0 10px 0;
    border: 1px solid #dedede;
    padding-left: 5px;
}

.list-box-search-right {
    float: right;
}

/************************************
    * Gridster Styler
************************************/
.gridster .container {
    margin-left: 0;
}

.mb20 {
    margin-bottom: 20px;
}

/************************************
    * Clearfix
************************************/
.clearfix {
    height: 0;
    line-height: 0;
    clear: both;
}

/************************************
    * Tablesorter Styles
************************************/
table.tablesorter thead tr.tablesorter-headerRow th.show-arrow {
    background-position: center left;
    padding-left: 20px;
}

table.tablesorter thead th.tablesorter-header .tablesorter-header-inner {
    margin: 3px 0px 0px 5px;
    padding-top: 0px;
}

/* rows hidden by filtering (needed for child rows) */
.tablesorter .filtered {
    display: none;
}

/* ajax error row */
.tablesorter .tablesorter-errorRow td {
    text-align: center;
    cursor: pointer;
    background-color: #e6bf99;
}

.tablesorter thead .disabled {
    display: none
}

table.tablesorter tbody tr.normal-row td {
    background: #fff;
    color: #000;
}

table.tablesorter tbody tr.alt-row td {
    background: #eee;
    color: #000;
}

    table.tablesorter tbody tr.normal-row td.padding-cell-table,
    table.tablesorter tbody tr.alt-row td.padding-cell-table {
        padding-left: 13px;
    }

/*****************/
/*   RightSizing */
/*****************/

td span.score {
    border: 1px solid black;
    width: 100%;
    display: block;
    text-align: center;
}

td span.score-0 {
    background: linear-gradient(90deg, #f19191 9%, white 9%);
}

td span.score-1 {
    background: linear-gradient(90deg, #f19191 18%, white 18%);
}

td span.score-2 {
    background: linear-gradient(90deg, #f19191 27%, white 27%);
}

td span.score-3 {
    background: linear-gradient(90deg, #f6d99a 36%, white 36%);
}

td span.score-4 {
    background: linear-gradient(90deg, #9ec289 45%, white 45%);
}

td span.score-5 {
    background: linear-gradient(90deg, #9ec289 54%, white 54%);
}

td span.score-6 {
    background: linear-gradient(90deg, #9ec289 63%, white 63%);
}

td span.score-7 {
    background: linear-gradient(90deg, #f6d99a 72%, white 72%);
}

td span.score-8 {
    background: linear-gradient(90deg, #f19191 81%, white 81%);
}

td span.score-9 {
    background: linear-gradient(90deg, #f19191 90%, white 90%);
}

td span.score-10 {
    background: linear-gradient(90deg, #f19191 100%, white 100%);
}

a#atlwdg-trigger.atlwdg-trigger.atlwdg-SUBTLE { /*Pretty sure this is for the JIRA Feedback button and also pretty sure it's deprecated*/
    bottom: 55px;
    right: 31px;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
}


/*****************/
/*   Remediation */
/*****************/

.remediation-text {
    width: 600px
}

.remediation-interact {
    width: 600px
}

/***************************/
/*   New Page Header Icons */
/***************************/
#report-title .new-icon, #report-title .new-icon:hover, .new-icon, .new-icon:hover {
    border: none;
    box-shadow: none;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 2px;
}

    #report-title .new-icon.export, .new-icon.export {
        background: url('../AppImages/SVGImages/export_grey.svg');
    }

    #report-title .new-icon.pdf, .new-icon.pdf {
        background: url('../AppImages/SVGImages/export_pdf.svg');
    }

    #report-title .new-icon.quicklink, .new-icon.quicklink {
        background: url('../AppImages/SVGImages/bookmark.svg');
    }

    #report-title .new-icon.filters, .new-icon.filters {
        background: url('../AppImages/SVGImages/expand.svg');
        height: 22px;
        width: 22px;
    }

        #report-title .new-icon.filters.active, .new-icon.filters.active {
            background: url('../AppImages/SVGImages/collapse.svg');
        }

    #report-title .new-icon.delete, .new-icon.delete {
        background: url('../AppImages/SVGImages/Trash_Icon_07.svg');
    }

    #report-title .new-icon.export:hover, .new-icon.export:hover {
        background: url('../AppImages/SVGImages/export_hover.svg');
    }

    #report-title .new-icon.pdf:hover, .new-icon.pdf:hover {
        background: url('../AppImages/SVGImages/export_pdf_hover.svg');
    }

    #report-title .new-icon.quicklink:hover, .new-icon.quicklink:hover {
        background: url('../AppImages/SVGImages/bookmark_hover.svg');
    }

    #report-title .new-icon.quicklink.bookmarked, .new-icon.quicklink.bookmarked {
        background: url('../AppImages/SVGImages/bookmark_active.svg');
    }

    #report-title .new-icon.filters:hover, .new-icon.filters:hover {
        background: url('../AppImages/SVGImages/expand_hover.svg');
    }

    #report-title .new-icon.filters.active:hover, .new-icon.filters.active:hover {
        background: url('../AppImages/SVGImages/collapse_hover.svg');
    }

    #report-title .new-icon.delete:hover, .new-icon.delete:hover {
        background: url('../AppImages/SVGImages/trash_hover.svg');
    }

    #report-title .new-icon.export-2, .new-icon.export-2 {
        background: url('../AppImages//SVGImages/export_detail.svg');
    }

        #report-title .new-icon.export-2:hover, .new-icon.export-2:hover {
            background: url('../AppImages//SVGImages/export_detail_hover.svg');
        }

    #report-title .new-icon.admin, .new-icon.admin {
        background: url('../AppImages//SVGImages/gear.svg');
    }

        #report-title .new-icon.admin:hover, .new-icon.admin:hover {
            background: url('../AppImages//SVGImages/gear_hover.svg');
        }

    .new-icon span {
        display: none;
    }

#history-dropdown {
    padding-right: 10px;
}

.field-validation-error {
    color: red;
}

#support_floating_button {
    position: fixed;
    bottom: 1%;
    right: 2%;
    background-color: white;
    padding: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #b8b8b8;
    -webkit-box-shadow: 2px 2px 5px #b8b8b8;
    -moz-box-shadow: 2px 2px 5px #b8b8b8;
    box-shadow: 2px 2px 5px #b8b8b8;
}

    #support_floating_button a {
        text-decoration: none;
        font-size: 14px;
    }

    #support_floating_button img {
        height: 15px;
        width: 15px;
    }