/* General Styles */
/*body {*/
/*    background-color: #ffffff;*/
/*    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%23ffffff'/%3E%3Cstop offset='1' stop-color='%23ffffff'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.03'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect x='0' y='0' fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");*/
/*    background-attachment: fixed;*/
/*    background-size: cover;*/
/*    overflow-y: hidden;*/
/*}*/

textarea {
    width: 20em !important;
}

/* Popover Styles */
#annotate_settings,
#annotations_list {
    background: #FFF;
    border-radius: 4px;
    /*color: white;*/
    font-size: 13px;
    font-weight: bold;
    padding: 4px 8px;
    z-index: 2000;
}

#annotate_settings h6,
#annotations_list h6 {
    color: #666;
}

#annotate_settings[data-show],
#annotations_list[data-show] {
    display: block;
}

#annotate_settings .modal-dialog {
    width: 100vw;
}

#annotate_settings .modal-body {
    padding: 1rem;
}

#annotate_settings .field {
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    margin-bottom: unset;
}

#arrow,
#arrow::before {
    position: absolute;
    width: 8px;
    height: 8px;
    z-index: -1;
}

#arrow::before {
    content: '';
    transform: rotate(45deg);
    background: #FFF;
    box-shadow: -4px -4px 5px #00000012;
}

#annotate_settings[data-popper-placement^='top']>#arrow,
#annotations_list[data-popper-placement^='top']>#arrow {
    bottom: -4px;
}

#annotate_settings[data-popper-placement^='bottom']>#arrow,
#annotations_list[data-popper-placement^='bottom']>#arrow {
    top: -4px;
}

#annotate_settings[data-popper-placement^='left']>#arrow,
#annotations_list[data-popper-placement^='left']>#arrow {
    right: -4px;
}

#annotate_settings[data-popper-placement^='right']>#arrow,
#annotations_list[data-popper-placement^='right']>#arrow {
    left: -4px;
}

/* Semantic UI Overrides */
.ui.floating {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 2001;
}

.ui.segment {
    margin: 0.5rem !important;
}

.ui.card>.content {
    height: 80vh;
    overflow-y: auto;
}

.ui.feed>.event>.content .example.text {
    font-size: 1.2em;
    line-height: 1.6285em;
    max-width: 100%;
    border: 2px dashed #8080803b;
    padding: 0.25em;
}

/* Utilities */
.p-around_small {
    margin: 1rem !important;
}

.m-bottom_medium {
    margin-bottom: 2rem !important;
}

.m-bottom_x-small {
    margin-bottom: 1rem !important;
}

/* Custom Styles */
.love {
    color: #ff2733;
}

annotation {
    background-color: #2185d0 !important;
    border: 1px dashed orangered;
    color: white;
    z-index: 2000;
    display: block;
    padding: .2rem;
}

p>annotation {
    display: inline;
}


annotation[current=true] {
    position: relative;
}

annotation[current=true] a {
    color: yellow;
}

annotation[type=requirement] {
    background-color: #f2711c !important;
}

annotation[type=backlog] {
    background-color: #009c95 !important;
}

annotation[type=internal] {
    background-color: #2185d0 !important;
}

textarea#jform_norma,
textarea#jform_anotacoes {
    display: none;
}

label.form-check-label {
    color: #666;
    font-weight: normal;
	word-break: break-word;
	overflow-wrap: break-word;
	white-space: normal;
}

.view-button {
    background: transparent;
    border: none;
    color: #FFF;
}

#annotate_settings .custom-textarea,
.modal .custom-textarea {
    width: 100% !important;
}


#annotate_settings #share-annotation-choice,
#annotate_settings #me-annotation-choice,
.modal .my-annotation-edit,
.modal .share-annotation-edit {
    border-color: lightgrey !important;
}

#annotate_settings #me-annotation-choice.active-button-me,
.modal .my-annotation-edit.active-button-me{
    border-color: #d9ff19 !important;
    background-color: #d9ff19 !important;
    color: var(--black) !important;
}


.btn-share-annotation {
    color: #adadad !important;
    background-color: #f0f0f0 !important;
    border-color: #eaeaea !important;
}

.btn-me-annotation {
    color: #adadad !important;
    background-color: #e7ff71 !important;
    border-color: #e9ff7c !important;
}

#annotate_settings #share-annotation-choice.active-button-share,
.modal .share-annotation-edit.active-button-share, .btn-share-annotation.active-button-share {
    border-color: #8f908f !important;
    background-color: #eaeaea !important;
    color: var(--black) !important;

}



#annotate_settings label {
    color: #000;
}

.control-group {
    position: relative;
}


.fieldspanel.sticky {
    position: fixed;
    top: 2rem;
    /*margin-left: 57%;*/
    right: 3rem;
    width: 19%;
}