.tag-comentario {
    color: #6272a4;
}

.btnCopyCode:focus {
    color: #ff79c6 !important
}

.menu-design-system-background {
    background: #e4e3e3;
    position: fixed;
    margin-left: auto;
    left: 0;
    right: 0;
    z-index: 1000;
    text-align: right;
    animation: 0.5s;
    height: 100vh;
}

.menu-design-system {
    margin-top: 20px;
}

.icone-sino {
    background-image: url('../../img/icones/icone-sino.svg');
    width: 18px;
    height: 18px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 4px !important;
    display: block !important;
}

.icone-copiar-texto {
    background-image: url('../../img/icones/icone-copiar-texto.svg');
    width: 14px;
    height: 18px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 4px !important;
    display: inline-block !important;
    border: none !important;
}

.icone-copiar-texto-grid {
    background-image: url('../../img/icones/icone-copiar-texto.svg');
    width: 14px;
    height: 18px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 4px !important;
    display: inline-block !important;
    border: none !important;
}

.menu-design-system .list-group-item {
    border: 0;
    background-color: transparent;
    padding-bottom: 0px;
    font-family: 'robotoregular';
    color: #5e5e5e;
    padding-right: 0;
}

#menuDrop {
    display: none;
    width: 100%;
    margin-bottom: 19px;
}

@media only screen and (max-width: 991px) {
    #menuDrop {
        display: block;
    }
    .menu-item-design-system {
        display: none;
    }
    .menu-design-system-background {
        background: transparent;
        height: inherit;
    }
}

.texto-complementar {
    margin-top: 15px;
}

.texto-complementar p {
    font-family: 'robotoregular';
    color: #5e5e5e;
}

.descritivo-design-system {
    font-family: 'robotoregular';
    color: #5e5e5e;
}

.titulo-design-system {
    color: black;
}

h2.titulo-design-system:hover {
    color: #2d9af4;
    cursor: cell;
}

.titulo-design-system span {
    font-family: fantasy;
    margin-right: 10px;
    color: #0c3866 !important;
}

.h3-design-system {
    font-family: 'robotobold';
    color: black;
}

.item-design-system {
    display: flex;
}

.item-design-system button {
    font-family: 'robotoregular';
}

.linha-codigo input {
    width: 100%;
    background-color: transparent !important;
    border: 0;
}

.conteudo-design-system {
    margin-top: 50px;
}

.botao-copia-code button {
    transform: scale(0.8);
    margin-top: 1px !important;
    top: 1px;
    right: 0;
    position: absolute;
    background-color: transparent;
    border: 0;
    color: white;
}

.botao-copia-code button:hover {
    color: #ff79c6 !important;
}

.code-flex {
    display: flex;
    flex-direction: column;
}

.code-design-system {
    background-color: #282a36;
    padding: 5px 15px;
    border-radius: 15px;
    margin-top: 15px;
    position: relative;
}

.code-design-system code {
    background-color: #282a36;
    font-size: 12px;
}

code .tag-html {
    color: #ff79c6;
}

code .classe-html {
    color: #50fa7b;
}

.classe-css {
    color: #f1fa8c;
}

code .classe-css {
    color: #f1fa8c;
}

code .tag-valor {
    color: white;
}


/*Color*/

.flex-element-wrap {
    display: flex;
    flex-wrap: wrap;
}

.flex-element-wrap .color-box {
    margin-right: 15px;
}

.color-box {
    width: 200px;
    height: 100px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    padding: 15px;
    margin-bottom: 15px;
}

.color-box-primary {
    background-color: #0c3866;
}

.color-box-secondary {
    background-color: #2d9af4;
}

.color-box-third {
    background-color: #d6ae62;
}

.color-box div {
    align-items: center;
    margin-top: auto;
    margin-left: auto;
}

.color-box div p {
    text-align: end;
    color: white;
    font-family: "robotoregular";
    text-transform: uppercase;
}


/*Checked*/

.inicial-checked .radio {
    font-weight: normal;
    font-family: 'robotoregular';
    color: #333;
}


/*Nota*/

.nota-design-system {
    background-color: #fff284b0;
    padding: 14px;
    border: 5px solid #e9d103;
    border-right: 0;
    border-top: 0;
    border-bottom: 0;
}

.nota-design-system h2 {
    color: #445566;
    margin-top: 0;
    margin-bottom: 2rem !important;
    text-transform: uppercase;
    font-size: 16px;
}

.code-color {
    background-color: #456;
    color: #f1fa8c;
}


/*GRID*/

.mvc-grid .desc .mvc-grid-sort::after {
    opacity: inherit;
}

.mvc-grid .asc .mvc-grid-sort::before {
    opacity: inherit;
}

.mvc-grid .mvc-grid-sort::before,
.mvc-grid .mvc-grid-sort::after {
    opacity: inherit;
}

.mvc-grid {
    line-height: inherit;
    position: inherit;
    overflow-y: hidden;
    font-size: inherit;
}


.mvc-grid-title {
    white-space: nowrap;
    color: #f9f9f9;
    font-size: 1.7rem;
}

.mvc-grid>table>thead>tr>th {
    background-color: #15374c !important;
}

.mvc-grid-table .checkbox label,
.sem-linha .checkbox label {
    margin-top: 0;
}

.WidthAutosJuizoClasse {
    width: 500px;
}

.mvc-grid-row {
    font-size: 1.7rem;
}

.mvc-grid-empty-row {
    background-color: #f9f9f9;
    color: #555;
    font-size: 1.7rem;
}

#tx-thumbnails,
#tx-view {
    height: 750px !important;
}

#conteudoDocumento>div:first-of-type {
    display: block !important;
    height: 750px !important;
    width: 100% !important;
}

.tooltip-line-height {
    line-height: 1.2 !important;
}

#tabela-arquivos-temp > .table-responsive {
	overflow: hidden !important;
	padding-left: 0;	
}

.dropdown-menu.mensageria,
.dropdown-menu.boxNotificacoes {
    left: -14rem !important;
    z-index: 3;
    border: 1px solid #c8c8c8;
}

    .dropdown-menu.mensageria .btnAbrirMensagem,
    .dropdown-menu.boxNotificacoes .btnAbrirMensagem {
        margin-bottom: 0.5rem;
    }

    .dropdown-menu.mensageria::before,
    .dropdown-menu.boxNotificacoes::before {
        border: 0 !important;
    }

    .dropdown-menu.mensageria li,
    .dropdown-menu.boxNotificacoes li {
        border-bottom: 1px solid #F1F1F1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

        .dropdown-menu.mensageria li:hover {
            background-color: #f9f9f9;
        }

        .dropdown-menu.mensageria li.not-read {
            background-color: #F1F1F1;
            border-radius: 15px 0px 0px;
        }

        .dropdown-menu.mensageria li.urgente {
            border-right: 4px solid #f18181;
        }

    .dropdown-menu.mensageria span.data, .dropdown-menu.mensageria .botao-menu span.data:before, .botao-menu .dropdown-menu.mensageria span.data:before, .dropdown-menu.mensageria .botao-menu span.data:after, .botao-menu .dropdown-menu.mensageria span.data:after,
    .dropdown-menu.boxNotificacoes span.data, .dropdown-menu.boxNotificacoes .botao-menu span.data:before, .botao-menu .dropdown-menu.boxNotificacoes span.data:before, .dropdown-menu.boxNotificacoes .botao-menu span.data:after, .botao-menu .dropdown-menu.boxNotificacoes span.data:after {
        background-color: #0c3866;
        color: #ffffff;
        padding: 10px 10px 0 10px;
        font-weight: bold;
        text-align: center;
    }

    .dropdown-menu.mensageria div.info,
    .dropdown-menu.boxNotificacoes div.info {
        border: none;
        margin: 10px 15px;
        padding: 0;
    }

        .dropdown-menu.mensageria div.info a {
            color: #444;
            text-decoration: none;
        }

        .dropdown-menu.mensageria div.info .titulo {
            text-transform: uppercase;
            font-weight: bold;
        }

.dropdown #btnNotificacoes {
    margin: 0;
}

.dropdown #btnComunicado,
.dropdown #btnNotificacoes {
    background-color: #f9f9f9;
    padding: 1rem !important;
}

    .dropdown #btnComunicado .icone-envelope::before,
    .dropdown #btnNotificacoes .icone-envelope::before {
        font-weight: bold;
    }

.txui-front {
    z-index:9999 !important;
}

.WidtIcon {
    width: 8% !important;
}