:root{
    --widthTable: calc(100% - 100px);
    --textColor: #75777a;
}
#toplevel_page_mybugs .wp-menu-name { margin-top:-20px }
#toplevel_page_mybugs .wp-menu-name span { line-height:16px; width:16px; height:16px; color:transparent; display:block; margin:0px 0px 5px 45px }
#adminmenu .madbugskermit-counter { border-radius: 10px; background: #f70000; color:#FFF !important; font-size:10px;  text-align: center; }
#wp-toolbar .madbugskermit-counter { background: url(../img/bug.png) no-repeat 0px -2px; padding-left: 24px }
/* Los menus estan en el SC */

#bugsKermitPopup .sc-popup-layer { width:480px; height:auto; margin:-300px -240px }
#bugsKermitPopup .sc-popup-layer h4.title { margin-bottom:10px }
#bugsKermitPopup .sc-popup-layer .sc-popup-message { min-height:200px; height:auto; padding-bottom:20px }

#bugsKermitListPopup .sc-popup-layer { width:520px; height:520px; margin:-280px -240px }
#bugsKermitListPopup .sc-popup-layer .sc-popup-message { height:400px }
#bugsKermitListPopup .sc-popup-layer .sc-popup-buttons { margin-top:20px }

#bugsKermitListPopup #bugList { height:480px; }
#bugsKermitListPopup #bugList h3 { width:100%px;padding:5px 0px;background:#eee;border:0px; border-radius:0px; margin:0px 0px 1px 0px !important; color:#333; font-weight: bold }
#bugsKermitListPopup #bugList h4 { width:98%;padding:5px 1% !important; background:#e0e0e0;border:0px; border-radius:0px; margin:0px 0px 1px 0px !important; color:#333; font-weight: bold }
#bugsKermitListPopup #bugList .bugDesc { width:480px;padding:10px; background:#F7F7F7;border:0px } 
#bugsKermitListPopup #bugList dt { float:left; width:90px; margin:2px 0px 3px 0px; font-weight:bold; text-align:right }
#bugsKermitListPopup #bugList dd { float:left; width:380px; margin:2px 0px 3px 10px; text-align:left; max-height:50px; overflow:auto }

#bugsKermitRecordPopup .sc-popup-layer { height:640px; width:800px; }
#bugsKermitRecordPopup #errorRecordForm { text-align: left; height:calc(100% - 5px); position:relative }
#bugsKermitRecordPopup #errorRecordForm .header { color: #2f2a2a; text-transform: uppercase; margin-bottom:5px }
#bugsKermitRecordPopup #errorRecordForm .header span { color: var(--textColor); text-transform: capitalize; }
#bugsKermitRecordPopup #errorRecordForm > p:nth-child(1),
#bugsKermitRecordPopup #errorRecordForm > p:nth-child(3) { width:60%; display:inline-block; margin-bottom:5px; height:20px }
#bugsKermitRecordPopup #errorRecordForm > p:nth-child(2),
    #bugsKermitRecordPopup #errorRecordForm > p:nth-child(4) { display:inline-block; margin-bottom:10px height:20px; float:right }
#bugsKermitRecordPopup #errorRecordForm > div:nth-child(5) { position:absolute; width:100px; height:calc(100% - 60px - 20px - 2px); padding:10px 15px; border:1px solid var(--bordercolor); right:0px; }
#bugsKermitRecordPopup #errorRecordForm > div:nth-child(5) > p { text-align:center; height:40px; }
#bugsKermitRecordPopup #errorRecordForm > div:nth-child(5) > ul { height:calc(100% - 40px); overflow:auto } 
#bugsKermitRecordPopup #errorRecordForm > div:nth-child(6) { width:calc(100% - 2px - 5px - 30px - 100px - 10px); display:inline-block; height:calc(100% - 60px); }
#bugsKermitRecordPopup #errorRecordForm > div:nth-child(6) > div:nth-child(1) { width:calc(100% - 30px); height: 120px; padding:10px 15px; border:1px solid var(--bordercolor); border-radius: 4px; margin-bottom:10px }
#bugsKermitRecordPopup #errorRecordForm > div:nth-child(6) > div > textarea { width:100%; background:transparent; border:0px; box-shadow: none; padding:0px; height:calc(100% - 25px); font-size:13px; color:var(--textColor) }
#bugsKermitRecordPopup #errorRecordForm > div:nth-child(6) > div:nth-child(2) { width:calc(100% - 30px); height: calc(100% - 120px - 20px - 20px - 10px - 4px); padding:10px 15px; border:1px solid var(--bordercolor); border-radius: 4px;  }
#bugsKermitRecordPopup #errorRecordForm > div:nth-child(6) > div:nth-child(2) > div.solution { position:relative; height:calc(100% - 25px - 25px); overflow:auto }
#bugsKermitRecordPopup #errorRecordForm > div:nth-child(6) > div:nth-child(2) > div.solution > * { margin-bottom:10px  }
#bugsKermitRecordPopup #errorRecordForm > div:nth-child(6) > div:nth-child(2) > div.solution textarea { width:100%; height:100px; font-size:13px }
#bugsKermitRecordPopup #errorRecordForm > div:nth-child(6) > div:nth-child(2) > div.solution > .kermit-chat-row { padding:5px 0px; border-top:1px solid var(--bordercolor); margin:0px }
#bugsKermitRecordPopup #errorRecordForm > div:nth-child(6) > div:nth-child(2) > div.solution > .kermit-chat-row > span { margin-bottom:5px }
#bugsKermitRecordPopup #errorRecordForm > div:nth-child(6) > div:nth-child(2) > div.solution > .kermit-chat-row > span > span:nth-child(1) { font-size:13px; color: #5f5f5f; margin-bottom:3px }

#bugsKermitRecordPopup #errorRecordForm.no-screenshots > div:nth-child(5) { display:none }
#bugsKermitRecordPopup #errorRecordForm.no-screenshots > div:nth-child(6) { width:calc(100% - 2px); }

#bugList #bkUpdateList { position:absolute; right:10px; top: 10px }
#bugList .sc-tab-content-wrapper { height: calc(100% - 81px); width: 100%; overflow:hidden }
#bugList .sc-tab-content-wrapper > * { margin:0px 50px }

#bugList .sc-page-content .sc-tab-content-wrapper > p:nth-child(1) { margin-top:10px; height:20px; width:calc(var(--widthTable) - 5px); padding-right:5px; text-align: right }
#bugList:not(.bk-admin-list) .sc-page-content .sc-tab-content-wrapper > p:nth-child(1) { visibility: hidden }
#bugList .sc-page-content .sc-tab-content-wrapper #bugItemList { width:var(--widthTable);margin-bottom:30px; border-top:0px; max-height:calc(100% - 10px - 20px - 30px - 1px); overflow: auto;}
#bugList .sc-page-content .sc-tab-content-wrapper #bugItemList li { cursor:pointer; }
#bugList .sc-page-content .sc-tab-content-wrapper #bugItemList li.sc-tab-content:hover { opacity: 0.5; filter:alpha(opacity = 50); }
#bugList .sc-page-content .sc-tab-content-wrapper #bugItemList li:nth-child(1) { position:sticky; cursor:default; z-index: 1; top: 0px; }
#bugList .sc-page-content .sc-tab-content-wrapper ul.sc-table > li > .sc-row-header { width:180px }
#bugList .sc-page-content .sc-tab-content-wrapper ul.sc-table > li > span:nth-child(3) { width:calc(100% - 231px - 140px - 40px - 12px); padding:0px 20px }
#bugList .sc-page-content .sc-tab-content-wrapper ul.sc-table > li > span:nth-child(5) { width:100px; padding:0px 20px }

#bugList .sc-page-content .sc-tab-content-wrapper ul.sc-table > li.no-bugs-warning { height:auto }
#bugList .sc-page-content .sc-tab-content-wrapper ul.sc-table > li.no-bugs-warning > span { width:calc(100% - 20px); padding:20px; text-align: center }