﻿.content-components {
    margin-right: 0px !important;
    /* margin-left:0px!important;*/
}

.content-header {
    justify-content: normal !important;
}

.nav-otimizee {
    position: absolute;
    right: 10px !important;
}

.card-header-default {
    /*border-radius: 0 !important;*/
    /*background: #2B0E44;*/
    /*background: -webkit-linear-gradient(to right, #F4762F, #2B0E44);*/ /*,#F4762F );*/ /* Chrome 10-25, Safari 5.1-6 */
    /*background: linear-gradient(to right, #F4762F, #2B0E44);*/ /*,#F4762F );*/ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.btn-oti-laranja {
    background: #F4762F !important;
    border-color: #F4762F !important;
    color: white !important;
}


.badge-oti-laranja {
    background: #F4762F;
    border-color: #F4762F;
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: white !important;
}

    .badge-oti-laranja:hover {
        background: #F4762F;
        opacity: 1;
        filter: alpha(opacity=100);
        border-color: #F4762F;
        cursor: pointer;
        color: white !important;
    }

.btn-oti-roxoescuro {
    background: #2B0E44;
    border-color: #2B0E44;
    color: white !important;
}

.btn-oti-roxoclaro {
    background: #45156B;
    border-color: #45156B;
    color: white !important;
}


.btn-oti-roxo {
    background: #61246D;
    border-color: #61246D;
    color: white !important;
}

.bg-purple {
    background-color: #87699f !important
}

.bg-orange {
    background-color: #f47b37 !important;
}

.hr-cards {
    /*    margin-top:3rem!important;*/
    margin-bottom: 0px !important;
    position: relative;
    top: 20px;
}

@font-face {
    font-family: 'dosis-variablefont_wght';
    src: url('../font/dosis-variablefont_wght.ttf') format('truetype');
    /*font-size:15pt;*/
}



html, body {
    /*font-family: 'dosis-variablefont_wght', sans-serif;*/
    /*font-family: 'barlowregular', sans-serif;*/ /*Specify your font name here*/
    font-family: Roboto, sans-serif; /*Specify your font name here*/
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 12pt;
}

body {
    overflow: hidden;
}

.content-components {
    /*alterado de 18 para 12*/
    font-size: 14px;
    padding: 10px;
    position: relative;
    color: #1b2e4b;
    letter-spacing: -0.2px;
}


.accordion-kanban > .ui-accordion-header {
    border: 0px;
    padding: 0px;
}

.accordion-kanban > .ui-accordion-content {
    border: 0px;
    padding: 0px;
}

.accordion-kanban > .ui-accordion-header > .ui-accordion-header-icon {
    top: 0px;
    left: 0px;
}

.drag_handler {
    width: 10px !important;
    height: 10px !important;
    float: right !important;
    /*margin-right:0px!important;*/
}

.accordion-kanban .ui-accordion-header-collapsed {
    border-color: #0168fa;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    background-color: white;
}

.accordion-kanban .ui-accordion-content.ui-accordion-content-active {
    z-index: 5;
    border-color: #0168fa;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    background-color: white;
}


.a-titulo-kanban {
    color: black;
}

.kanban-item-handle {
    color: black;
    opacity: 0.5;
}

#sidebarMenu {
    /*border-radius: 0 !important;*/
    /*background: #2B0E44;*/
    background: -webkit-linear-gradient(to bottom, #61246D, #2B0E44); /*,#F4762F );*/ /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #61246D, #2B0E44); /*,#F4762F );*/ /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: white;
}

    #sidebarMenu .sidebar-nav .nav-link {
        color: white;
    }

    #sidebarMenu .sidebar-nav a.active {
        color: white;
        font-weight: bold;
    }

    #sidebarMenu .sidebar-nav a:hover {
        color: white;
        font-weight: bold;
    }

    #sidebarMenu .sidebar-nav a {
        color: white;
    }

.text-justify {
    text-align: justify;
}


.badge-new {
    content: '';
    position: relative;
    top: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    background-color: #dc3545;
    box-shadow: 0 0 0 2px #fff;
    border-radius: 100%;
    float: right
}



/*CALENDARIO*/

.fc-widget-content {
    font-size: 8pt;
}
.fc-toolbar-title {
    font-size: 10pt !important;
}

.fc-button {
    background-color: #87699f !important;
    color: lightgray!important;
    border:none!important;
}
.fc-button-active {
    color:white!important;
}
.fc-daygrid-day-number, .fc-col-header-cell-cushion {
    font-size: 10pt !important;
    color: black !important;
}

.div-footer-sobreposto {
    bottom: 0px;
    background-color: white;
    /*opacity: 0.8;*/
    height: 15px;
    width: 100px;
    position: fixed;
    left: 50%;
    margin-left: -50px;
    z-index: 1000;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0;
    /*box-shadow: 0 -34px -38px 0 rgba(0,0,0,0.2);*/
    -webkit-box-shadow: 0px -3px 13px -4px rgba(207,203,207,1);
    -moz-box-shadow: 0px -3px 13px -4px rgba(207,203,207,1);
    box-shadow: 0px -3px 13px 0px rgba(207,203,207,1);
}


.form-helper {
    font-size: 8pt;
}


#div-close-collapse {
    border: 1px solid rgba(72, 94, 144, 0.16);
    position: absolute;
    right: 15px;
    z-index: 20;
    border-left: 0px;
    width: 20px;
    padding-left: 5px;
    background-color: white;
    cursor: pointer;
}

.a-acoes {
    cursor: pointer;
}

.timeline-body > p {
    margin-bottom: 0px !important;
}

.event__content > p {
    margin-bottom: 0px !important;
}

.nav-link {
    font-size: 10pt;
    line-height: 20pt;
}


.coluna-oculta {
    display: none;
}

.btn-xs {
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.igt-profile {
    width: 100px;
}

.mvc-grid {
    font-size: 8pt;
}


.aside-body {
    background-color: #2B0E44 !important;
}

.nav-aside .nav-item ul a {
    color: white !important;
    font-weight: 100 !important;
}

.aside-alert-link a {
    color: white !important;
}

.nav-aside .nav-link {
    color: white !important;
    font-weight: 400 !important;
}

.nav-aside .nav-item .nav-link {
    width: 90% !important;
}

.nav-aside svg {
    color: #F4762F !important;
}

.text-usuario {
    color: white !important;
}

.navbar-search {
    z-index: 1001 !important;
}

.row-filtro {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(72, 94, 144, 0.16);
}

.input-group > .select2-container > .selection > .select2-selection {
    border-radius: 0px 0.25rem 0.25rem 0px !important;
    font-size: 10pt;
}

.input-left > .select2-container > .selection > .select2-selection {
    border-radius: 0.25rem 0rem 0rem 0.25rem !important;
    font-size: 8pt;
}

.input-leftright > .select2-container > .selection > .select2-selection {
    border-radius: 0rem 0rem 0rem 0rem !important;
    font-size: 8pt;
}


.select2-dropdown--above {
    min-width: 200px !important;
}

.select2-container {
    flex: 1 1; /*auto;*/
    width: 100% !important;
}

.select2-container {
    height: 33px !important;
    /*    height: calc(1.5em + 0.9375rem + 2px) !important;*/
}



    .select2-container > .selection > .select2-selection {
        height: 33px !important;
        /*    height: calc(1.5em + 0.9375rem + 2px) !important;*/
    }

.select2-container--open {
    font-size: 10px !important;
}

.aside-imagem-foto {
    border: 2px solid white !important;
    object-fit: cover;
}

.imagem-evento {
    object-fit: cover;
}

.card-group-principal {
    background-color: #f4f5f8 !important;
    border: 0.5px solid rgba(72, 94, 144, 0.16);
    border-radius: 0.75rem;
}

.card-accordion.collapsed .card-header:first-child {
    border-bottom-left-radius: 0.75rem !important;
    border-bottom-right-radius: 0.75rem !important;
}
.card-accordion1 .card-body {
    border-bottom-left-radius: 0.75rem !important;
    
}
.card-accordion3 .card-body {
    border-bottom-right-radius: 0.75rem !important;
}

.content-search {
    width: 400px !important;
}

.col-action {
    width: 50px !important;
}


.card-naoapropriado {
    border: 2px dashed #9D3232 !important;
}


.card-negocio-naoapropriado {
    border: 2px dashed green !important;
}

.card-cr-naoapropriado {
    border: 2px dashed blue !important;
}

.card-projeto-naoapropriado {
    border: 2px dashed orange !important;
}

a[disabled] {
    pointer-events: none;
    opacity: 0.4;
}

.btn-stop-principal {
    width: 35px !important;
    height: 35px !important;
    line-height: 30px !important;
}


.btn-transparent {
    background-color: transparent;
    color: black !important;
    opacity: 0.6;
    border: 0px !important;
}

    .btn-transparent:hover {
        background-color: transparent;
        color: black !important;
        opacity: 1;
    }

.btn-branco {
    background-color: white;
    color: black !important;
    
    border: 0px !important;
}

.select2-selection__choice {
    font-size: 10px !important;
}

.form-fieldset {
    background-color: transparent !important;
}



/*busca*/
#div-busca-global {
    max-height: calc(100vh - 100px);
    /*overflow-y: auto;*/
}

.navbar-search-body {
    padding: 0px !important;
}



/*//HOME - CONTAINERS*/


.card-container-vazio {
    border: 2px dashed #8392a5 !important;
}


.popover {
    z-index: 999999 !important;
}


.mvc-grid-bd-bottom th, .mvc-grid-bd-bottom td {
    border: 0px !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.modal-sobre-modal {
    background: rgba(0,0,0,0.7);
}

.div-footer-comentario {
    /*margin-top:-5px;*/
}


.content-header {
    height: 80px !important;
}

.aside-header {
    height: 79px !important;
}

#sp-tempo-atividade-execucao {
    margin-top: 5px;
    font-size: 12px !important;
    font-weight: bold;
}


.ui-front {
    z-index: 1060;
}

.img-atividades {
    position: absolute;
}

.i-comment-atividades {
    position: absolute;
}



#div-atividades {
    min-height: 150px !important;
}

.jq-star > .jq-star-svg {
    width: 15px !important;
    height: 15px !important;
}

.modal-xxl {
    max-width: 1340px !important;
}
.modal-xxxl {
    max-width: 95% !important;
}

.fn-gantt .leftPanel .fn-label {
    width: 200px !important;
}

.fn-gantt .leftPanel {
    width: 350px !important;
}

.inlineblock {
    display: inline-block !important;
}

/*.name{
    width:40%!important;
}*/
.fn-gantt .leftPanel .desc {
    width: 70% !important;
}

.fn-gantt .leftPanel .name {
    width: 30% !important;
}

/*.fn-gantt .leftPanel .fn-wide,*/
.fn-gantt .leftPanel .fn-wide .fn-label {
    width: 100% !important;
    height: 30px !important;
}
.fn-gantt .leftPanel .fn-wide {
    height: 24px !important;
    width: 100% !important;
}

.btn-100 {
    min-width: 100px !important;
}


.input-group-sm > * {
    /*font-size:0.6rem!important;*/
}

.tx-10 {
    font-size: 10pt !important;
}

.tx-10px {
    font-size: 10px !important;
}

.mvc-grid-popup {
    z-index: 9999 !important;
}

#embedContainer {
    min-width: 800px;
    height: calc(0.8625 * 64vw); /* 16:9 aspect ratio */
    width: 100%;
    border: 0px;
}

    #embedContainer > iframe {
        border: 0px;
    }

.position-static {
    display: none !important;
}

notification-bar {
    display: none !important;
}

.bar-content {
    display: none !important;
}

.nav-item-week {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
}














/*INOVA*/



.body-otimizee-INOVA .aside-body {
    /*background-color:white!important;*/
}


/*CHAMADOS*/

#div-respostas .vtimeline-block {
    margin-left: 10%;
    width: 100% !important;
}

#div-respostas .vtimeline:before {
    margin-left: 10% !important;
}

#div-respostas .vtimeline-right:after {
    display: none;
}

#div-respostas .vtimeline-icon {
    margin-left: 14px !important;
}

.select2-container.select2-container--default.select2-container--open {
    z-index: 5000;
}

.select2-selection__choice {
    border-radius: 15px !important;
}

.rounded-circle-active {
    border: 3px solid #F4762F !important;
}

.filter-user {
    cursor: pointer;
}

.btn-tiposprojeto:hover {
    color: white !important;
}


.span-checkread {
    color: blue;
    cursor: pointer;
}

.lh-30 {
    line-height: 30px !important;
}

.input-titulo-chamado{
    border-bottom: 0.5px solid lightgray !important;
    border-radius: 0px !important;

}

.avatar-gerente{
    border:2px solid green!important;
}

.ql-container {
    font-size: 0.8rem!important;
}

.card-body-tarefas-rapidas{
    overflow-y:scroll!important;
}

.h-150{
    height:150px!important;
}
.h-70p {
    height:70%!important;
}


.h-200{
    height:200px!important;
}
.h-250 {
    height: 250px !important;
}
.h-300 {
    height: 300px !important;
}
.h-400 {
    height: 400px !important;
}
.h-500{
    height:500px!important;
}

.h-100px{
    height:100px!important;
}

.tx-riscado{
    text-decoration: line-through!important;
}

.w-10 {
    width:10%!important;
}
.mw-200px
{
    max-width: 200px!important;
}

.w-90{
    width:90%!important;
}

#input-kanbandescription{
    height:24px!important;
}


.pilula-title {
    border-top-left-radius: 0.75rem;
    border-top-right-radius: 0.75rem;
/*    filter: invert(1);
    mix-blend-mode: difference;*/
}
.pilula-title span{
    color:white;
}


.label-nome-area {
    position: absolute;
    top: 55px;
    margin-left: 1px;
}

.fc-highlight {
    background: #45156B !important;
}

.dd-notifications{
    max-height:calc(100vh - 20px);
    overflow-y:scroll;
}

.bd-warning{
/*    border:2px yellow !important;*/
}

.comentario-mb > p{
    margin-bottom:0px!important;
}

.btn-gantt-printer, .btn-gantt-dates{
    margin-top:3px;
    vertical-align:top!important;
}

#div-dados-lista-modal   .mvc-grid-table
{
    max-height: 500px!important;
}