@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*GENERAL STYLES -------------------------------------------------------------------*/
:root
{   --primary-color:#0270be;
    --second-color: #00ff00;
    --default-color: #028ff4;
    --th-table-color: rgb(217, 223, 238);
    --test-color:#d7d7e3;
    --inverted-dark: #222743;
    --grey-light: #e7e7ec;
    --grey-color: #fffafa;
    --fontColor2: #FFF;
    --fontColor3: #595959; }

.user-avatar
{   width: 30px;
    margin-left:0.6em;
    height: 30px;
    background-color: #0078c2;
    border-radius: 50%;
    color: white;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer; }

.darkBlue
{   background: var(--inverted-dark) !important; }

.tag-red{
    color: rgb(205, 2, 2) !important;
}

.tag-blue3{
    color: rgb(2, 107, 205) !important;
}
.tag-blue2{
    color: rgb(3, 61, 132) !important;
    font-size:1.5em;
}

.tag-blue1{
    color: rgb(3, 61, 132) !important;
    font-size:1.1em;
}


body
{   /* background: #eff1fa; */
    background: #eeeef391;
    font-family: "Poppins", sans-serif; }

body.pushable>.pusher
{   background-color:var(--grey-light); }

.no-padding
{   padding: 0 !important; }

.no-padding .input
{   border-radius:0 !important; }

.ui.greyied.menu
{   background-color:inherit; }

.ui.inverted.darkBlue.menu, .ui.inverted.menu .darkBlue.active.item
{   background-color:var(--inverted-dark); }


.ui.inverted.greyLight.menu, .ui.inverted.menu .greyLight.active.item
{   background-color: #fff;
    color:#fff; }

.ui.accordion .title:not(.ui)
{   color:#101420; }

.ui.vertical.menu .menu .item
{   color:#101420; }
  
.full-height
{   height: 100%; }
/*-------------------------------------------------------------------*/

#sidebarMenu
{   /* background-color: #f4f5f7; */
    background-color: #171a2d;
    overflow: hidden;
    border:none;
    box-shadow: 3px 0 4px rgba(0,0,0,0.5); }

.ui.left.visible.sidebar, .ui.right.visible.sidebar
{   /* box-shadow: none; */ }

/* Top Menu --------------------------------------------------------*/
.ui.menu
{   border:none;
    box-shadow: none; }

.ui.vertical.sidebar.menu
{   padding:0 !important;
    color: #fff !important;
    box-shadow: none;
    overflow:hidden !important; }

.ui.vertical.sidebar.menu > .item
{   padding:0 !important;
    margin-top:0 !important; }

.ui.vertical.sidebar.menu > .item > .title
{   background-color: yellow !important;
    border:1px solid yellow; }

.ui.vertical.sidebar.menu > .item > .accordion.menu .content
{   margin:0 !important;
    padding:0 !important; }

.ui.vertical.sidebar.menu > .item  .accordion.menu
{   margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
    box-shadow: none;
    background-color: #e7e7ec; }

.ui.vertical.sidebar.menu > .item > .menu > .item > .title
{   padding:1em;
    background-color: #171a2d;
    color:#ffffff !important;
    border-bottom: 1px solid #333146; }

.ui.vertical.sidebar.menu > .item .title
{ color:#000 !important; }

.ui.vertical.sidebar.menu > .item > .accordion.menu > .item
{ padding:0 !important; }

.ui.vertical.sidebar.menu > .item > .accordion.menu > .item > .content > .menu > .item
{ padding:0 !important; }

.ui.vertical.sidebar.menu > .item > .accordion.menu > .item > .content .menu > .item > .title
{ padding: 1em 0 1em 2em !important; }

.ui.vertical.sidebar.menu > .item > .accordion.menu > .item > .content .menu > .item > .content > .menu > a.item
{ padding: .7em 0 .7em 4em !important;
  color:#000; }



/* END VERTICAL MENU STYLE ------------------------------------------------------------------ */

.ui.attached.segment
{   border:none; }

.contentBox .ui.segment
{   background-color:#fff; }

.logobox
{   vertical-align: middle;
    min-height:150px; }

/* Page Headers ----------------------------------------------------*/
.ui.titleKpi.header,
.titleKpi.header
{   color:#5d2c85;
    font-size:10px; }

span.valueBoxKpi
{   font-size:1.2vw;
    font-family: 'Roboto', sans-serif;
    font-weight:bold; }

element.style
{   width:  100% ;
    height: 100% ; }

#tabButtons .ui.button
{   background:#fff; }

.google-visualization-table-table .cellhead
{   /* background: linear-gradient(#353c52,#252936); */
    /* border-color:#101420; */
    /* color: #fff; */
    font-weight:normal;
    font-size:10px; }

.google-visualization-table-table .celula
{   /* background-color:#353c52; */
    /* color:#ADD8E6; */
    font-size:0.8em;
    /* border-color:#101420; */
    line-height:1.3vw; }

.kanban .google-visualization-table-table .celula
{   /* color:#fff; */
    font-size:0.5vw; }

/* .google-visualization-table-table td:nth-child(6){
    max-width:60px;
    white-space: inherit;
} */

.kanban .google-visualization-table-table td:nth-child(2)
{   text-align:center; }

.kanban .google-visualization-table-table td:nth-child(7)
{   max-width:20px;
    text-align:center; }

.celula,
.cellhead
{   text-align: center; }

.kanban
{   width:100%; }

.ui.kanban.segment
{   padding:0; }

@keyframes piscar {
    
    0% {
     opacity: 1;
   }
   50% {
     opacity: 1;
     background:rgb(255, 0, 0);
   }
   100% {
     opacity: 1;
   }
 }

.google-visualization-table-table .alert.celula,
.ui.table .alert.celula
{   background:rgb(255, 0, 0) ;
    font-weight:bold ; }

.kanban .google-visualization-table-table .caution.celula,
.ui.table .caution.celula
{   background:rgba(255, 255, 68, 0.86);
    font-weight:bold;
    color:#000; }

.google-visualization-table-table .critical.celula,
.ui.table .critical.celula
{   animation: piscar 0.3s infinite; }

.titleKanban
{   font-size:1vw;
    color:#fff; }

.ui.table thead th
{   /* border-bottom:1px solid #d3d3d3; */
    /* color:var(--fontColor2); */
    font-weight: normal;
    text-align:center;
    line-height:1em;
    background-color: var(--th-table-color); }

.ui.padded.table th
{   padding: .7em .5em; }

.ui.groupedData.table tbody td
{   font-size:12px;
    text-align:right; }

.ui.groupedData.table tbody td:nth-child(1)
{   text-align:left; }


  /* Definir a animação */


    /* LOGO CLIENTES------------------------------------------- */
    .client.logo{
        width:200px;
        height:4em;
        margin:0 auto;
        background-repeat:no-repeat;
        background-size:100%;
    }
    .client.logo.hegidio{
        background-image: url('https://insightcargo.com.br/images/hegidio_logo.png');
        background-position-y: -1.6em;
    }
    .client.logo.equiplex{
        background-image: url('https://insightcargo.com.br/images/equiplex_logo.png');
        background-position-y: -1.6em;
    }
    .client.logo.hospdrogas{
        background-image: url('https://insightcargo.com.br/images/hospdrogas_logo.png');
        background-position-y: -1.5em;
    }

    .column.leadtimeInfo .segment{
        /* box-shadow: 0px 0px 5px rgba(0,0,0,0.2); */
    }

    .ui.segment,
    .ui.segments{
        box-shadow:none;
        border:none;
    }
    

    .column.leadtimeInfo .ui.statistics .statistic>.value{
        color:rgb(78, 102, 174);
    }

    .column.leadtimeInfo .ui.statistics .statistic>.label{
        color:rgb(176, 189, 228);
    }

/*
    rgb(78, 102, 174);

style="background-color:#252936" */

.ui.link.list .item.show,
.item.show a:not(.ui), .ui.link.list a.item.show{
    color:#025b9b !important;
}

.ui.link.list .item.edit,
.item.edit a:not(.ui), .ui.link.list a.item.edit{
    color: #025b9b !important;
}

.ui.link.list .item.delete,
.item.delete a:not(.ui), .ui.link.list a.item.delete{
    color: #990101 !important;
}


.ui.table .ui.header:first-child{
    margin:0;
}

.ui.basic.dropdown{
    background-color: transparent !important;
    display: inline-block !important;
    min-width:auto !important;
    border:none;
}