.icon {
    display:                                                    inline-block;
    width:                                                      44px;
    height:                                                     44px;


    background-repeat:                                          no-repeat;
    cursor:                                                     pointer;
}

.icon--menu-light {
    width:                                                      40px !important;
    height:                                                     40px !important;
    background-image:                                           var(--icon-menu-light);
}

.icon--half-menu {
width: 36px !important;
  height: 36px !important;
  background-image: var(--icon-half-menu);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  transform: translateX(25%);
}


.icon--default-settings-light {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-default-settings-light);
}

.icon--user-settings-light {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-user-settings-light);
}

.icon--admin-settings-light {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-admin-settings-light);
}

.icon--dev-settings-light {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-dev-settings-light);
}

.icon--fullscreen-light {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-fullscreen-light);
}

.icon--windowed-light {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-windowed-light);
}

.icon--theme-on-light {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-theme-on-light);
}

.icon--theme-off-light {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-theme-off-light);
}

.icon--login-light {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-login-light);
}

.icon--logout-light {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-logout-light);
}

.icon--profile-light {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-profile-light);
}









/* .icon--hamburger {
    width:                                                      40px !important;
    height:                                                     40px !important;
    background-image:                                           url('/public/img/icons/menu/hamburger.svg');
}

.icon--fullscreen {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           url('/public/img/icons/menu/fullscreen.svg');
}

.icon--theme {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           url('/public/img/icons/menu/theme.svg');
} */

.icon--arrow-back {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-arrow-back);
}

.icon--arrow-down {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-arrow-down);
}

.icon--arrow-down-reverted {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-arrow-down-reverted);
}

.icon--arrow-up {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-arrow-down);

    transform:                                                  rotate(180deg);
}

.icon--show-pass {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-show-pass);
}

.icon--hide-pass {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-hide-pass);
}

.icon--modal-close {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-modal-close);
}

.icon--logout {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-logout);
}

.icon--copy {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-copy);
}

.icon--add-user {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-add-user);
}

.icon--manage-user {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-manage-user);
}

.icon--token {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-token);
}

.icon--manage-token {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-manage-token);
}

.icon--tutorials {
    background-image:                                           var(--icon-sidebar-tutorials);
}

.icon--docs {
    background-image:                                           var(--icon-sidebar-docs);
}

.icon--tips {
    background-image:                                           var(--icon-sidebar-tips);
}

.icon--manuals {
    background-image:                                           var(--icon-sidebar-manuals);
}

.icon--diagrams {
    background-image:                                           var(--icon-sidebar-diagrams);
}

.icon--datasheets {
    background-image:                                           var(--icon-sidebar-datasheets);
}

.icon--marketing {
    background-image:                                           var(--icon-sidebar-marketing);
}

.icon--complementary {
    background-image:                                           var(--icon-sidebar-complementary);
}

.icon--legal {
    background-image:                                           var(--icon-sidebar-legal);
}

.icon--informative {
    background-image:                                           var(--icon-sidebar-informative);
}


.icon--mini-edit {
    width:                                                      16px !important;
    height:                                                     16px !important;
    background-image:                                           var(--icon-mini-edit);
}






.icon--superuser-add {
    width:                                                      50px !important;
    height:                                                     50px !important;
    background-image:                                           var(--icon-superuser-add);
}

.icon--superuser-edit {
    width:                                                      50px !important;
    height:                                                     50px !important;
    background-image:                                           var(--icon-superuser-edit);
}

.icon--superuser-trash {
    width:                                                      50px !important;
    height:                                                     50px !important;
    background-image:                                           var(--icon-superuser-trash);
}



.icon--private {
    cursor: auto;
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-private);
}

.icon--dot {
    cursor: auto;
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-image:                                           var(--icon-dot);
}

.icon--download {
    width:                                                      64px !important;
    height:                                                     64px !important;
    background-image:                                           var(--icon-download);
}

.icon--link {
    width:                                                      64px !important;
    height:                                                     64px !important;
    background-image:                                           var(--icon-link);
}

.icon--youtube {
    width:                                                      64px !important;
    height:                                                     64px !important;
    background-image:                                           var(--icon-youtube);
}

.icon--information {
    width:                                                      64px !important;
    height:                                                     64px !important;
    background-image:                                           var(--icon-information);
}

.icon--file-docx {
    cursor: auto;
    width:                                                      32px !important;
    height:                                                     32px !important;
    background-image:                                           var(--icon-file-docx);
}

.icon--file-pdf {
    cursor: auto;
    width:                                                      32px !important;
    height:                                                     32px !important;
    background-image:                                           var(--icon-file-pdf);
}

.icon--file-odt {
    cursor: auto;
    width:                                                      32px !important;
    height:                                                     32px !important;
    background-image:                                           var(--icon-file-odt);
}

.icon--file-zip {
    cursor: auto;
    width:                                                      32px !important;
    height:                                                     32px !important;
    background-image:                                           var(--icon-file-zip);
}




.sprint-1 {
    width:                                                      124px;
    height:                                                     49px;

    background-image:                                           var(--sprint-1);
    background-repeat:                                          no-repeat;
}

.sprint-1-fixed {
    width:                                                      124px;
    height:                                                     49px;

    background-image:                                           var(--sprint-1-fixed);
    background-repeat:                                          no-repeat;
}

.sprint-1-dark {
    width:                                                      124px;
    height:                                                     49px;

    background-image:                                           var(--sprint-1-dark);
    background-repeat:                                          no-repeat;
}

.sprint-1--security {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        0px 0px;
}

.sprint-1--details {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -25px 0px;
}

.sprint-1--file {
    width:                                                      24px !important;
    min-width:                                                  24px !important;
    height:                                                     24px !important;
    min-height: 24px !important;
    background-position:                                        -50px 0px;
}

.sprint-1--file-large {
    background-size:                                            372px 147px; /* Escala para o novo tamanho */
    width:                                                      72px !important;
    height:                                                     72px !important;
    background-position:                                        -150px 0px;
    /* cursor:                                                     pointer; */
}

.sprint-1--date {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -75px 0px;
}

.sprint-1--author {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -100px 0px;
}

.sprint-1--preferences {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -125px 0px;
}

.sprint-1--wrong {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -150px 0px;
}

.sprint-1--correct {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -175px 0px;
}

.sprint-1--manage-token {
    width:                                                      24px !important;
    min-width:                                                  24px !important;
    height:                                                     24px !important;
    min-height: 24px !important;
    background-position:                                        -200px 0px;
}

.sprint-1--manage-topics {
    width:                                                      24px !important;
    min-width:                                                  24px !important;
    height:                                                     24px !important;
    min-height: 24px !important;
    background-position:                                        -225px 0px;
}

.sprint-1--view {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        0px -25px;


    /* background-color: green; */
}

.sprint-1--relevance {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -25px -25px;
}

.sprint-1--history {
    width:                                                      24px !important;
    min-width: 24px !important;
    height:                                                     24px !important;
    min-height: 24px !important;
    background-position:                                        -50px -25px;
}

.sprint-1--edit {
    width:                                                      24px !important;
    min-width:                                                  24px !important;
    height:                                                     24px !important;
    min-height: 24px !important;
    background-position:                                        -75px -25px;
}

.sprint-1--delete {
    width:                                                      24px !important;
    min-width: 24px !important;
    height:                                                     24px !important;
    min-height: 24px !important;
    background-position:                                        -100px -25px;
}

.sprint-1--arrow-top {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -125px -25px;
}

.sprint-1--arrow-bottom {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -150px -25px;
}

.sprint-1--article {
    width:                                                      24px !important;
    min-width:                                                  24px !important;
    height:                                                     24px !important;
    min-height: 24px !important;
    background-position:                                        -175px -25px;
}

.sprint-1--video {
    width:                                                      24px !important;
    min-width:                                                  24px !important;
    height:                                                     24px !important;
    min-height: 24px !important;
    background-position:                                        -200px -25px;
}

.sprint-1--image {
    width:                                                      24px !important;
    min-width:                                                  24px !important;
    height:                                                     24px !important;
    min-height: 24px !important;
    background-position:                                        -225px -25px;
}

.sprint-1--manage-changelogs {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        0px -50px;
}

.sprint-1--changelogs {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -25px -50px;
}

.sprint-1--manage-release-notes {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -50px -50px;
}

.sprint-1--release-notes {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -75px -50px;
}

.sprint-1--delivery {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -100px -50px;
}

.sprint-1--copy {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -125px -50px;
}

.sprint-1--forward {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -150px -50px;
}


/* .sprint-1--search {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        0px -50px;
} */

.sprint-2 {
    width:                                                      124px;
    height:                                                     49px;

    background-image:                                           var(--sprint-2);
    background-repeat:                                          no-repeat;
}

.sprint-2--padlock {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        0px 0px;
}

.sprint-2--add {
    background-size:                                            254px 100px; /* Escala para o novo tamanho */

    width:                                                      51px !important;
    height:                                                     51px !important;
    background-position:                                        -51px 0px;
}

.sprint-2--edit {
    background-size:                                            254px 100px; /* Escala para o novo tamanho */

    width:                                                      51px !important;
    height:                                                     51px !important;
    background-position:                                        -101px 0px;
}

.sprint-2--delete {
    background-size:                                            254px 100px; /* Escala para o novo tamanho */

    width:                                                      51px !important;
    height:                                                     51px !important;
    background-position:                                        -152px 0px;
}

.sprint-2--dot {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -100px 0px;
}

.sprint-2--history {
    background-size:                                            254px 100px; /* Escala para o novo tamanho */

    width:                                                      51px !important;
    height:                                                     51px !important;
    background-position:                                        0px -50px;
}


/* SPRINT 3 - PUBLIC CIRCLE ICONS */

.sprint-3 {
    width:                                                      124px;
    height:                                                     49px;

    background-image:                                           var(--sprint-3);
    background-repeat:                                          no-repeat;
}

.sprint-3--external-link {
    width:                                                      50px !important;
    height:                                                     50px !important;
    background-position:                                        0px 0px;
    background-size:                                            254px 100px;
}

.sprint-3--share {
    width:                                                      51px !important;
    height:                                                     51px !important;
    background-position:                                        -50px 0px;
    background-size:                                            254px 100px;
}


.sprint-3--dot {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -100px 0px;
}

.sprint-3--fullscreen,
.sprint-3--windowed,
.sprint-3--theme-on,
.sprint-3--theme-off {
  width: 20px;
  height: 20px;

  background-size: calc(124px * 0.8333)
                   calc(49px * 0.8333);
}

.sprint-3--fullscreen {
    /* width:                                                      24px !important;
    height:                                                     24px !important; */
    background-position:                                        -41.5px 0px;
}

.sprint-3--windowed {
    /* width:                                                      24px !important;
    height:                                                     24px !important; */
    background-position:                                        -62.5px 0px;
}


.sprint-3--theme-on {
    /* width:                                                      24px !important;
    height:                                                     24px !important; */
    background-position:                                        0px -21px;
}

.sprint-3--theme-off {
    /* width:                                                      24px !important;
    height:                                                     24px !important; */
    background-position:                                        -21px -21px;
}

/* ### */


.sprint-4 {
    width:                                                      124px;
    height:                                                     49px;

    background-image:                                           var(--sprint-4);
    background-repeat:                                          no-repeat;
}

.sprint-4--padlock {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        0px 0px;
}


.sprint-4--show {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -50px 0px;

    cursor:                                                     pointer;

    transition: scale 0.3s ease-in-out;

    /* background-color: red; */
}

.sprint-4--hide {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -75px 0px;

    cursor:                                                     pointer;

    transition: scale 0.3s ease-in-out;
}

.sprint-4--show:hover,
.sprint-4--hide:hover {
    transform:                                                  scale(1.1);
}

.sprint-4--arrow-left {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -100px 0px;

    cursor:                                                     pointer;

    rotate:                                                     180deg;
}

.sprint-4--arrow-right {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -100px 0px;

    cursor:                                                     pointer;
}


.sprint-list-tools {
    width:                                                      124px;
    height:                                                     49px;

    background-image:                                           url('/public/img/icons/sprint_5.svg');
    background-repeat:                                          no-repeat;

    transition: all 0.3s ease-in-out;
}

.sprint-list-tools:hover {
    cursor:                                                     pointer;

    transform:                                                  scale(1.1);
}

.sprint-list-tools--add {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        0px 0px;
}

.sprint-list-tools--accept {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -25px 0px;
}

.sprint-list-tools--reject {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -50px 0px;
}

.sprint-list-tools--edit {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -75px 0px;
}

.sprint-list-tools--remove {
    width:                                                      24px !important;
    height:                                                     24px !important;
    background-position:                                        -100px 0px;
}