@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;
}