.add-note a {color: #000 !important; background-color: #fff !important;}

.bug-marker * {font-family: 'courier new'; letter-spacing: 0; line-height: 15px}

.bug-marker {position: absolute; left: 0; top: 0; width: 32px; height: 32px; background: transparent url(../images/bugs-alert.png) 0 0 / 100% no-repeat; z-index: 214748; cursor: pointer;}
.bug-marker.type-question {background-image: url(../images/bugs-question-mark.png)}
.bug-marker.type-global {background-image: url(../images/bugs-problem.png)}
.bug-marker .pos {position: absolute; bottom: -30px; left: 50%; font-size: 12px; white-space: nowrap; transform: translateX(-50%); padding: 5px; background-color: rgba(255, 255, 255, 0.8); color: #000;}
.bug-marker .delete {position: absolute; top: -20px; left: -20px; background: transparent url(../images/close.png) 0 0 no-repeat; width: 20px; height: 20px; background-size: 20px 20px;}
.bug-marker .note-block {width: 300px; min-height: 100px; left: calc(100% + 20px); background-color: rgba(0, 0, 0, 0.8); padding: 10px; border-radius: 5px; border: 1px solid #fff; position: absolute; opacity: 0; transition: 0.5s all; transform: rotateY(90deg); transform-origin: 0 0; font-size: 12px; color: #fff;}
.bug-marker.active .note-block {opacity: 1; transform: rotateY(0deg);}

.bug-marker .note-block .main-note {margin-bottom: 15px; white-space: pre-wrap;}
.bug-marker .note-block form textarea {display: none; color: #000; border: none; max-width: 100%; width: 100%; margin-bottom: 10px; min-height: 140px; border-radius: 4px}
.bug-marker.show-form .note-block form textarea {display: block}
.bug-marker.show-form .note-block .main-note {display: none}

.bug-marker .note-block form .buttons {overflow: hidden; text-align: center}
.bug-marker .note-block form .bug-button {display: inline-block; color: #fff; border: 1px solid #fff; padding: 5px; border-radius: 4px; text-align: center; cursor: pointer; background-color: #000; margin-right: 5px;}
.bug-marker .note-block form .bug-button:last-child {margin-right: 0;}

.bug-marker form .bug-button.save {display: none}
.bug-marker.show-form form .bug-button.save {display: inline-block}
.bug-marker.show-form form .bug-button.edit {display: none}

aside.bugs-drawer {position: fixed; width: 300px; max-width: 80%; right: -301px; top: 0; height: 100%; transition: all 400ms; z-index: 2147483645; border-left: 1px solid rgb(74,11,255, 0.2); background-color: #fff}
body.bugs-active aside.bugs-drawer {right: 0;}

  .bugs-drawer-inner {padding: 20px}
    .bugs-drawer-inner .close-bugs {}
    .bugs-drawer-inner .bugs-tab {display: block; position: fixed; z-index: 2147483647; cursor: pointer; right: 0px; top: 400px; width: 40px; height: 40px; border-radius: 8px 0 0 8px; background: #000 url(../images/bugs-file.png) 50% 50% / 32px no-repeat; transition: all 400ms}
    body.bugs-active .bugs-drawer-inner .bugs-tab {right: 300px; top: 10px}

    .bugs-drawer-inner .bugs-buttons {padding-bottom: 10px; border-bottom: 1px solid #000; width: 100%; display: block; margin: 0 0 10px 0}
      .bugs-drawer-inner .bugs-buttons .bugs-button {cursor: pointer; display: inline-block; margin: 0 10px 0 0; width: 40px; height: 40px; border-radius: 8px; background-size: 32px 32px; background-color: #000; background-repeat: no-repeat; background-position: 50% 50%}
      .bugs-drawer-inner .bugs-buttons .bugs-button[data-type="note"] {background-image: url(../images/bugs-alert.png);}
      .bugs-drawer-inner .bugs-buttons .bugs-button[data-type="question"] {background-image: url(../images/bugs-question-mark.png);}
      .bugs-drawer-inner .bugs-buttons .bugs-button[data-type="global"] {background-image: url(../images/bugs-problem.png);}
      .bugs-drawer-inner .bugs-buttons .view-report {background: #080 url(../images/bugs-file.png) 50% 50% / 32px no-repeat; display: inline-block; text-decoration: none; margin: 0 10px 0 0; width: 40px; height: 40px; border-radius: 8px;}


aside.bugs-drawer .bugs-list > h4 {margin: 0 0 10px 0; font-size: 14px; font-family: 'courier new'; padding: 0 0 0 6px}
aside.bugs-drawer .bugs-list > ul {margin: 0 0 20px 0; padding: 0}
aside.bugs-drawer .bugs-list > ul > li {cursor: pointer; list-style: none; margin: 0 0 4px 0; padding: 18px 6px 6px 6px; transition: all 400ms; background-color: rgb(74,11,255, 0.1); border: 1px solid rgba(74, 11, 255, 0) ;border-radius: 0 0 5px 5px; position: relative;}
aside.bugs-drawer .bugs-list > ul li:hover {border: 1px solid rgba(74, 11, 255, 0.3)}
aside.bugs-drawer .bugs-list > ul li p {font-size: 12px; font-family: 'courier new'; margin: 0 0 4px 0}
aside.bugs-drawer .bugs-list > ul li p.note {}

aside.bugs-drawer .bugs-list > ul li .priority,
aside.bugs-drawer .bugs-list > ul li .status {position: absolute; top: 0; left: 0; width: 50%; background-color: #000; color: #fff;}
aside.bugs-drawer .bugs-list > ul li .priority .priority-text,
aside.bugs-drawer .bugs-list > ul li .status .status-text {display: block; height: 12px; font-size: 10px; line-height: 1; width: 100%; text-align: center; font-weight: bold;}

aside.bugs-drawer .bugs-list > ul li .status {left: 50%; border-left: 1px solid #fff;}
aside.bugs-drawer .bugs-list > ul li .status.status-0 {background-color: #900}
aside.bugs-drawer .bugs-list > ul li .status.status-1 {background-color: rgb(74,11,255, 1)}
aside.bugs-drawer .bugs-list > ul li .status.status-2 {background-color: #FF8C00}
aside.bugs-drawer .bugs-list > ul li .status.status-3 {background-color: #060}
aside.bugs-drawer .bugs-list > ul li .status.status-100 {background-color: #666}

aside.bugs-drawer .bugs-list > ul li .priority.priority-0 {background-color: #060}
aside.bugs-drawer .bugs-list > ul li .priority.priority-1 {background-color: #FF8C00}
aside.bugs-drawer .bugs-list > ul li .priority.priority-2 {background-color: #900}
aside.bugs-drawer .bugs-list > ul li .priority.priority-3 {background-color: #f00}

aside.bugs-drawer .bugs-list > ul li p.meta {color: #555}
aside.bugs-drawer .bugs-list > ul li p.user {color: #555; font-style: italic;}

aside.bugs-drawer .window-stats {font-size: 12px; text-align: right; font-family: 'courier new'; color: #555; font-style: italic;}

aside.bugs-drawer .bugs-forms {position: fixed; width: 100%; height: 500px; max-height: 80%; bottom: -501px; left: 0; z-index: z-index: 2147483647; transition: all 400ms; border-top: 1px solid #000; background-color: #efefef}
body.bugs-form-active aside.bugs-drawer .bugs-forms {bottom: 0}
aside.bugs-drawer .bugs-forms .close {cursor: pointer; position: absolute; top: 20px; right: 20px; width: 32px; height: 32px; background: transparent url(../images/bugs-close.png) 50% 50% / 100% no-repeat;}

aside.bugs-drawer .bugs-forms {overflow: scroll; padding: 20px}
.bug-form-wrapper {overflow: hidden;}
.bug-form-wrapper form {float: left; width: 30%; margin-right: 20px}
.bug-form-wrapper .info {float: left; width: calc(60% - 20px);}
aside.bugs-drawer .bugs-forms h4 {margin: 0 0 14px 0; font-size: 14px; font-family: 'courier new'}
aside.bugs-drawer .bugs-forms ul {margin: 0; padding: 0}
  aside.bugs-drawer .bugs-forms ul li {list-style: none; padding: 0; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #bbb; font-family: 'courier new'; font-size: 12px}
  aside.bugs-drawer .bugs-forms .images {display: block;}
  aside.bugs-drawer .bugs-forms a {display: inline-block; margin: 0 5px 5px 0}
  aside.bugs-drawer .bugs-forms a img {display: block; max-width: 100px; max-height: 100px; border-radius: none;}



.bug-form-wrapper form {overflow: hidden}
.bug-form-wrapper form label,
.bug-form-wrapper form textarea,
.bug-form-wrapper form input,
.bug-form-wrapper form select {font-size: 12px; font-family: 'courier new'}
.bug-form-wrapper form textarea {width: 100%; display: block; resize: none; height: 200px; border: 1px solid #333; border-radius: 5px; margin-bottom: 14px}
.bug-form-wrapper form .field-select {width: 100%; margin: 0 0 14px 0}
.bug-form-wrapper form .field-file {display: inline-block; width: 48%; margin-right: 2%; border: 1px solid #333; border-radius: 5px; padding: 6px; margin-bottom: 6px}
.bug-form-wrapper form .field-file.second {margin-right: 0}
.bug-form-wrapper form .field-file label {display: block}
.bug-form-wrapper form .field-file input {width: 100%; display: block}

.bugs-page {padding-bottom: 100px}
.bugs-page form {overflow: hidden}
.bugs-page form .field-textarea {float: left; margin: 0 2% 14px 0; width: 31%}
.bugs-page form .field-textarea textarea {border: 1px solid #333; padding: 5px; resize: none; width: 100%; height: 300px; border-radius: 5px}
.bugs-page form .files {float: left;  width: 31%; margin-right: 2%}
.bugs-page form .bugs-info {float: left;  width: 31%;}
.bugs-page form .field-select {clear: both;}
.bugs-page form .field-select,
.bugs-page form .field-file {margin: 0 0 10px 0}

body.bugs-page a {}

main.bugs-ui {overflow: hidden; padding: 20px}
main.bugs-ui aside.bug-menu {float: left; width: 300px; margin-right: 14px}
main.bugs-ui article.bugs-list {float: left; width: calc(100% - 314px)}
main.bugs-ui h4,
main.bugs-ui h5 {font-family: 'courier new'; margin: 0 0 10px 0}
main.bugs-ui h4 {font-size: 16px}
main.bugs-ui h5 {font-size: 18px}
main.bugs-ui ul {margin: 0; padding: 0}
main.bugs-ui ul li,
main.bugs-ui p {font-size: 14px; margin: 0 0 10px 0; list-style: none; font-family: 'courier new'}
main.bugs-ui p.title {font-size: 16px}

aside.bug-menu {}
aside.bug-menu li {border-radius: 0 8px 8px 0; background-color: rgba(0, 0, 0, 0.05); padding: 8px 8px 10px 8px}
aside.bug-menu li a {text-decoration: none}

aside.bug-menu a {display: inline-block; text-decoration: none; border-radius: 5px; border: 1px solid rgb(74,11,255, 0.1); background-color: rgb(74,11,255, 0.2); color: #000; margin: 0 5px 5px 0; padding: 4px 8px; font-size: 12px}
aside.bug-menu a.active {background-color: rgb(74,11,255); color: #fff}

aside.bug-menu .filter {margin-bottom: 10px}

aside.bug-menu .filter-domain {}
  aside.bug-menu .filter-domain a {display: block}
aside.bug-menu .filter-status {}
aside.bug-menu .filter-priority {}
aside.bug-menu .filter-page {}
  aside.bug-menu .filter-page a {display: block}
aside.bug-menu .filter-task {}
  aside.bug-menu .filter-task a {display: block}

aside.bug-menu li.status-open {border-left: 10px solid #800}
aside.bug-menu li.status-ready-for-review {border-left: 10px solid #008}
aside.bug-menu li.status-resolved {border-left: 10px solid #080}


article.bugs-list li {border-radius: 8px; background-color: rgba(0, 0, 0, 0.05); padding: 14px; padding: 8px 8px 10px 8px}
article.bugs-list li p.note-title {margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #555}
article.bugs-list li p.note-title .meta {font-style: italic; color: rgba(0, 0, 0, 0.6)}
article.bugs-list li .note {margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); overflow: hidden}
article.bugs-list p.reporting-user {margin: 0 10px 0 0; font-weight: bold; float: left;}
article.bugs-list li .note pre {margin: 0; float: left}

article.bugs-list a.go-to-page {display: inline-block; text-decoration: none; width: 10px; height: 10px; background: transparent url(../images/bugs-external-link.png) 50% 50% / 100% no-repeat;}

article.bugs-list li.active {display: block}
article.bugs-list li .note:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none}
article.bugs-list .screenshots {margin: 10px 0 10px 0; clear: both; float: none}
article.bugs-list .screenshots a {display: inline-block; text-decoration: none}
article.bugs-list .screenshots img {display: block; max-width: 100px; max-height: 100px; margin: 0 5px 0 0; border-radius: 5px;}
article.bugs-list p.meta {font-style: italic; color: #555; display: block; clear: both; margin: 10px 0 0 0}



/*desktop landscape (default)*/
.bug-marker.show-on-desktop.orientation-landscape {display: block;}
.bug-marker.show-on-tablet.orientation-landscape {display: none;}
.bug-marker.show-on-mobile.orientation-landscape {display: none;}
.bug-marker.show-on-desktop.orientation-portrait {display: none;}
.bug-marker.show-on-tablet.orientation-portrait {display: none;}
.bug-marker.show-on-mobile.orientation-portrait {display: none;}

/*desktop portrait*/
@media (orientation: portrait){
  .bug-marker.show-on-desktop.orientation-landscape {display: none;}
  .bug-marker.show-on-tablet.orientation-landscape {display: none;}
  .bug-marker.show-on-mobile.orientation-landscape {display: none;}
  .bug-marker.show-on-desktop.orientation-portrait {display: block;}
  .bug-marker.show-on-tablet.orientation-portrait {display: none;}
  .bug-marker.show-on-mobile.orientation-portrait {display: none;}
}

/*tablet landscape*/
@media (max-height: 1180px) and (orientation: landscape){
  .bug-marker.show-on-desktop.orientation-landscape {display: none;}
  .bug-marker.show-on-tablet.orientation-landscape {display: block;}
  .bug-marker.show-on-mobile.orientation-landscape {display: none;}
  .bug-marker.show-on-desktop.orientation-portrait {display: none;}
  .bug-marker.show-on-tablet.orientation-portrait {display: none;}
  .bug-marker.show-on-mobile.orientation-portrait {display: none;}
}

/*tablet portrait*/
@media (max-width: 1280px) and (orientation: portrait){
  .bug-marker.show-on-desktop.orientation-landscape {display: none;}
  .bug-marker.show-on-tablet.orientation-landscape {display: none;}
  .bug-marker.show-on-mobile.orientation-landscape {display: none;}
  .bug-marker.show-on-desktop.orientation-portrait {display: none;}
  .bug-marker.show-on-tablet.orientation-portrait {display: block;}
  .bug-marker.show-on-mobile.orientation-portrait {display: none;}
}

/*mobile landscape*/
@media (max-height: 915px) and (orientation: landscape){
  .bug-marker.show-on-desktop.orientation-landscape {display: none;}
  .bug-marker.show-on-tablet.orientation-landscape {display: none;}
  .bug-marker.show-on-mobile.orientation-landscape {display: block;}
  .bug-marker.show-on-desktop.orientation-portrait {display: none;}
  .bug-marker.show-on-tablet.orientation-portrait {display: none;}
  .bug-marker.show-on-mobile.orientation-portrait {display: none;}
}

/*mobile portrait*/
@media (max-width: 412px) and (orientation: portrait){
  .bug-marker.show-on-desktop.orientation-landscape {display: none;}
  .bug-marker.show-on-tablet.orientation-landscape {display: none;}
  .bug-marker.show-on-mobile.orientation-landscape {display: none;}
  .bug-marker.show-on-desktop.orientation-portrait {display: none;}
  .bug-marker.show-on-tablet.orientation-portrait {display: none;}
  .bug-marker.show-on-mobile.orientation-portrait {display: block;}
}


/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */