/*Auto complete*/
    .autocomplete {
    /*the container must be positioned relative:*/
        position: relative;
        display: inline-block;
    }
    /* .autocomplete-items {
        position: absolute;
        border: 1px solid #02d9fa;
        z-index: 1;
        position the autocomplete items to be the same width as the container:
        top: 100%;
        left: 0;
        right: 0;
        overflow: auto;
        max-height: 200px;
        margin-left: 15px;
        margin-right: 15px;
    } */
    .autocomplete-items {
        position: absolute;
        border: 1px solid #02d9fa;
        overflow: auto;
        max-height: 200px;
        z-index: 100000000;
    }

    h1, .h1, h2, .h2, h3, .h3 {
        margin-top: 10px;
        margin-bottom: 5px;
    }
    body{
        background-color: white;
    }
    .autocomplete-items div {
    padding: 5px;
    cursor: pointer;
    background-color: #fff;
    /*border-bottom: 1px solid #d4d4d4;*/
    }
    .autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #e9e9e9;
    }
    .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
    }   
    /*Auto complete -- end*/

    .dt-button{
        float:left;
    }
    
    .table td {
        color: #333;
    }
    
    .table thead {
        border-top: 2px solid #02d9fa;
        background: #f1f2f2;
    }
    
    input {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    }
    
    .form-control:focus {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
    }
    
    .popover-content {
        color: #fff;
        z-index: 100000;
        width: 300px;
    }
    
    .popover-title {
        color: #fff;
        z-index: 100000;
        border-radius: 10px 10px 0 0;
    }
    
    .tooltip {
        z-index: 100000;
    }
    
    .popover {
        z-index: 100000;
        border: none;
        border-radius: 10px;
    }
    
    .modal-header {
        /* background: #02d9fa; */
        text-align: center;
        /* border: 1px solid #02d9fa; */
        padding: 8px;
    }
    
    .modal-content {
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
    }

    .modal-title {
        font-weight: bolder;
        font-size: 24px;
    }
    
    #preloader {
        position: fixed;
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: 0px;
        z-index: 100000000;
        background: rgba(255,255,255, 1);
        opacity: 1;
    }

    #loaderOnyz {
        position: fixed;
        left: 0px;
        right: 0px;
        bottom: 0px;
        top: 0px;
        z-index: 100000000;
        background: rgba(255,255,255, 0.5);
    }
    
    .modal-onyz96 {
        width: 96%;
        margin-left: 2%;
    }
    
    .modal-onyz90 {
        width: 90%;
        margin-left: 5%;
    }
    
    .modal-onyz80 {
        width: 80%;
        margin-left: 10%;
    }
    
    .modal-onyz70 {
        width: 70%;
        margin-left: 15%;
    }
    
    .modal-onyz60 {
        width: 60%;
        margin-left: 20%;
    }
    
    .modal-onyz50 {
        width: 50%;
        margin-left: 25%;
    }
    
    .modal-onyz40 {
        width: 40%;
        margin-left: 30%;
    }
    
    .select2 {
        /*border-color: #9b9e9e;*/
        border-radius: 0px;
    }
    
    .sem-borda {
        border-color: #fff;
    }
    
    .btn {
        height: 34px;
        /*font-size: 14px;*/
    }
    
    .btn-xs {
        height: 18px;
    }
    
    .input-group-addon {
        height: 34px;
    }
    
    .dropdown-menu {
        z-index: 100000;
    }
    
    .close {
        color: "#fff";
    }
    /*p{font-size: 14px;}
label{font-size: 14px;}*/
    
    .organograma_div {
        display: flex;
        align-items: center;
        flex-flow: column;
        width: 100%;
        overflow: auto;
    }
    
    .organograma_ajuste {
        width: -webkit-fill-available;
    }
    
    .organograma * {
        margin: 0px;
        padding: 0px;
    }
    
    .organograma ul {
        padding-top: 20px;
        position: relative;
        overflow: auto;
        width: max-content;
    }
    
    .organograma li {
        float: left;
        text-align: center;
        list-style-type: none;
        padding: 20px 5px 0px 5px;
        position: relative;
    }
    
    .organograma li::before,
    .organograma li::after {
        content: '';
        position: absolute;
        top: 0px;
        right: 50%;
        border-top: 1px solid #02d9fa;
        width: 50%;
        height: 20px;
    }
    
    .organograma li::after {
        right: auto;
        left: 50%;
        border-left: 1px solid #02d9fa;
    }
    
    .organograma li:only-child::before,
    .organograma li:only-child::after {
        display: none;
    }
    
    .organograma li:only-child {
        padding-top: 0;
    }
    
    .organograma li:first-child::before,
    .organograma li:last-child::after {
        border: 0 none;
    }
    
    .organograma li:last-child::before {
        border-right: 1px solid #02d9fa;
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
        border-radius: 0 5px 0 0;
    }
    
    .organograma li:first-child::after {
        border-radius: 5px 0 0 0;
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
    }
    
    .organograma ul ul::before {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        border-left: 1px solid #02d9fa;
        width: 0;
        height: 20px;
    }
    
    .organograma li a {
        border: 1px solid #02d9fa;
        padding: 4px;
        text-decoration: none;
        color: #0067b3;
        font-family: arial, verdana, tahoma;
        font-size: 0.85em;
        display: inline-block;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        transition: all 500ms;
    }
    
    .organograma li a:hover {
        border: 2px solid #0067b3;
        color: #0067b3;
        display: inline-block;
    }
    
    .organograma>ul>li>a {
        font-size: 1em;
        font-weight: bold;
        width: 9em;
    }
    
    .organograma>ul>li>ul>li>a {
        width: 8em;
    }
    
    .main-footer {
        position: fixed;
        left: 0;
        bottom: 0;
        padding: 13px 10px;
        width: 100%;
        background-color: white;
        color: #808080;
        line-height: 1.3;
        font-weight: 600;
        font-size: 12px;
        z-index: 1000;
    }
    
    .sidebar-toggle {
        display: none;
    }
    
    .logo-mobile {
        display: none;
    }
    
    .float {
        position: fixed;
        width: 60px;
        display: none;
        height: 60px;
        bottom: 90px;
        right: 40px;
        background-color: #02d9fa;
        color: #0067b3;
        border-radius: 50px;
        text-align: center;
        box-shadow: 2px 2px 3px #999;
    }
    
    .my-float {
        margin-top: 22px;
    }
    
    .right-navbar {
        float: right;
        margin: 0.7% 0.7% 0.7% 0%;
        display: -webkit-inline-box;
        padding-right: 7px !important;
    }
    
    .img-circle {
        border-radius: 50%;
        height: 30px;
        margin-top: -2px;
        width: 30px;
        vertical-align: middle;
    }
    
    .panel .img-circle {
        height: 50px;
        width: 50px;
    }
    
    #main_header_right_drop_main {
        padding-bottom: 13%;
        padding-top: 6%;
        margin-top: 4px;
    }
    
    .right-navbar .hoe-rheader-submenu>ul.dropdown-menu {
        left: auto;
        position: absolute;
        right: 0;
        min-width: 250px;
        border: 1px solid #f2f2f2;
    }
    
    .hoe-rheader-submenu>ul>li {
        display: block;
        width: 86%;
        position: relative;
    }
    
    .main_header_right_drop_main_1 {
        margin-left: 9%;
        display: inline-flex !important;
    }
    
    .main_header_right_dorp_main_1_text {
        margin-left: 4%;
    }
    
    .main_header_right_dorp_main_1_text_1 {
        margin-top: 10%;
    }
    
    .main_header_right_dorp_main_1_text_2 {
        color: #0067B3;
    }
    
    .main_header_right_dorp_main_1_text_3 {
        margin-top: -11%;
    }
    
    .hoe-rheader-submenu>ul>li {
        display: block;
        width: 86%;
        position: relative;
    }
    
    .main_header_right_drop_main_2 {
        margin-left: 9%;
        border-top: 2px solid rgb(237, 237, 237);
        padding: 5px 0;
        border-bottom: 2px solid rgb(237, 237, 237);
        padding: 5px 0;
    }
    
    .main_header_right_drop_main_2_text_1 {
        color: #66D3E9;
        font-weight: bold;
    }
    
    .main_header_right_drop_main_3 {
        padding-top: 7%;
        padding-bottom: 4%;
        display: inline !important;
    }
    
    .hoe-rheader-submenu>ul>li>a {
        display: block;
    }
    
    .main_header_right_drop_main_3_text_2 {
        color: red;
        margin-right: 9%;
    }
    
    .main_header_right_drop_main_3_text_1 {
        float: right;
        margin: 8px -10px 0 15px;
        font-size: 20px;
    }
    
    .main_header_right_drop_main_3_text_1 i:hover {
        color:#cc0000;
        font-size: 21px;
    }
    
    .add_tarefa_desktop {
        margin-right: 4%;
        float: right;
    }
    
    .content-header {
        position: relative;
        padding: 0px 15px;
    }
    
    .content-header>h1 {
        margin: 0;
        font-size: 24px
    }
    
    .content-header>h1>small {
        font-size: 15px;
        display: inline-block;
        padding-left: 4px;
        font-weight: 300
    }
    
    .content-header>.breadcrumb {
        float: right;
        background: 0 0;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 12px;
        padding: 7px 5px;
        position: absolute;
        top: 15px;
        right: 10px;
        border-radius: 0
    }
    
    .content-header>.breadcrumb>li>a {
        color: #444;
        text-decoration: none;
        display: inline-block
    }
    
    .content-header>.breadcrumb>li>a>.fa,
    .content-header>.breadcrumb>li>a>.glyphicon,
    .content-header>.breadcrumb>li>a>.ion {
        margin-right: 5px
    }
    
    .content {
        min-height: 250px;
        padding: 5px 15px;
        margin-right: auto;
        margin-left: auto
    }

    .panel-body {
        padding: 15px 10px;
    }
    
    @media (max-width:767px) {
        .main-footer {
            display: none;
        }
        .right-navbar {
            display: none;
        }
        .local_definicao {
            display: none;
        }
        .navbar-custom-menu {
            display: none;
        }
        .sidebar-toggle {
            float: right;
            padding: 15px;
            display: block;
            color: #0067b3;
        }
        .logo-mobile {
            display: block;
            text-align: center;
            /*margin-left: 15%;*/
        }
        .local_menu {
            position: fixed;
            top: 50px;
            right: 0px;
            max-height: 60vh;
        }
        .pull-right {
            margin-right: 10px;
        }
        .main-sidebar {
            display: none;
        }
        .main-sidebar-footer {
            position: fixed;
            background: #02d9fa none repeat scroll 0 0;
            color: #d7e9fc;
            box-shadow: 0 1px 4px 3px rgba(0, 0, 0, 0.2);
            overflow: hidden;
            bottom: 0;
            width: 100%;
            left: 0;
            bottom: 0;
            padding: 0px 10px;
            height: 65px;
            z-index: 1000;
        }
        .ico-onyz-comunicacao {
            background-image: url(../images/sidebar/comunicacao.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-configuracao {
            background-image: url(../images/sidebar/configuracao.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-cronograma {
            background-image: url(../images/sidebar/cronograma.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-estoque {
            background-image: url(../images/sidebar/estoque.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-financeiro {
            background-image: url(../images/sidebar/financeiro.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-gestao {
            background-image: url(../images/sidebar/gestao.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-medir {
            background-image: url(../images/sidebar/medir.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-meta {
            background-image: url(../images/sidebar/meta.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-orcamento {
            background-image: url(../images/sidebar/orcamento.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-ordem {
            background-image: url(../images/sidebar/ordem.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-perfil {
            background-image: url(../images/sidebar/perfil.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-resumo {
            background-image: url(../images/sidebar/resumo.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-suprimentos {
            background-image: url(../images/sidebar/suprimentos.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-vendas {
            background-image: url(../images/sidebar/vendas.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-contrato {
            background-image: url(../images/sidebar/contrato.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .ico-onyz-relatorio {
            background-image: url(../images/sidebar/relatorios.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 30px;
            height: 30px;
            width: 30px;
        }
        .main-sidebar-footer a {
            float: left;
            display: block;
            color: #0067b3;
            width: 11.10%;
            text-align: center;
            padding: 10px 8px;
            height: 45px;
            text-decoration: none;
            font-size: 20px;
            margin: 10px 0;
        }
        .main-sidebar-footer a.active {
            color: white;
        }
        .content-wrapper {
            margin-left: 0px;
            margin-right: 0px;
            padding-right: 0px;
            padding-left: 0px;
        }
        .wrapper {
            margin-left: 0px;
            margin-right: 0px;
            padding-right: 0px;
            padding-left: 0px;
        }
        .content {
            margin-left: 10px;
            margin-right: 10px;
            padding-right: 0px;
            padding-left: 0px;
        }
        .panel-default {
            margin-bottom: 5px;
            margin-top: 5px;
            padding-bottom: 0px;
            padding-top: 5px;
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 0px;
            margin-right: 0px;
        }
        .panel-body {
            margin-bottom: 0px;
            margin-top: 10px;
            padding-bottom: 0px;
            padding-top: 10px;
            padding-left: 5px;
            padding-right: 5px;
            margin-left: 0px;
            margin-right: 0px;
        }
        .float {
            display: block;
        }
        .main-sidebar-footer>a:hover,
        .main-sidebar-footer>a:focus {
            border: solid 0.7px #0067b3;
        }
        .panel {
            padding-bottom: 5px;
            padding-top: 0px;
            padding-left: 0px;
            padding-right: 0px;
            margin-bottom: 75px;
        }
        .modal-onyz96 {
            width: 96%;
            margin-left: 2%;
        }
        .modal-onyz90 {
            width: 90%;
            margin-left: 5%;
        }
        .modal-onyz80 {
            width: 90%;
            margin-left: 5%;
        }
        .modal-onyz70 {
            width: 90%;
            margin-left: 5%;
        }
        .modal-onyz60 {
            width: 90%;
            margin-left: 5%;
        }
        .modal-onyz50 {
            width: 90%;
            margin-left: 5%;
        }
        .modal-onyz40 {
            width: 90%;
            margin-left: 5%;
        }
        .col-xs-1,
        .col-sm-1,
        .col-md-1,
        .col-lg-1,
        .col-xs-2,
        .col-sm-2,
        .col-md-2,
        .col-lg-2,
        .col-xs-3,
        .col-sm-3,
        .col-md-3,
        .col-lg-3,
        .col-xs-4,
        .col-sm-4,
        .col-md-4,
        .col-lg-4,
        .col-xs-5,
        .col-sm-5,
        .col-md-5,
        .col-lg-5,
        .col-xs-6,
        .col-sm-6,
        .col-md-6,
        .col-lg-6,
        .col-xs-7,
        .col-sm-7,
        .col-md-7,
        .col-lg-7,
        .col-xs-8,
        .col-sm-8,
        .col-md-8,
        .col-lg-8,
        .col-xs-9,
        .col-sm-9,
        .col-md-9,
        .col-lg-9,
        .col-xs-10,
        .col-sm-10,
        .col-md-10,
        .col-lg-10,
        .col-xs-11,
        .col-sm-11,
        .col-md-11,
        .col-lg-11,
        .col-xs-12,
        .col-sm-12,
        .col-md-12,
        .col-lg-12 {
            padding-left: 0px;
            padding-right: 0px;
        }
        .row {
            margin-left: 0;
            margin-right: 0;
        }
        .form-horizontal .form-group {
            margin-left: 5px;
            margin-right: 5px;
            margin-bottom: 0px;
        }
        .form-control {
            margin-bottom: 5px;
        }
        .input-group {
            margin-bottom: 5px;
        }
        .select2 {
            margin-bottom: 5px;
        }
        .btn {
            margin-bottom: 5px;
        }
        .modal-body .form-group {
            padding-left: 5px;
            padding-right: 5px;
        }
        .modal-body .row {
            padding-left: 5px;
            padding-right: 5px;
        }
        .nav-tabs-custom {
            font-size: 18px;
        }
        .parametrizacao {
            padding: 0 30px;
        }
    }
    
    @media (min-width:768px) {
        .main-sidebar {
            position: fixed;
            background: #02d9fa none repeat scroll 0 0;
            color: #0067b3;
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
            z-index: 850;
            padding-top: 10px;
            -webkit-transform: translate(0, 0);
            -ms-transform: translate(0, 0);
            -o-transform: translate(0, 0);
            transform: translate(0, 0);
            width: 80px;
            top: 0;
            left: 0;
            min-height: 100%;
            font-size: 22px;
        }
        .main-sidebar-footer {
            display: none;
        }
        .sidebar-menu>li {
            position: relative;
            margin: 10px;
            padding: 5px;
            border: .1px transparent;
        }
        .sidebar-menu>li>a {
            margin: 0;
            position: relative;
            padding: 0;
            display: block;
            color: #0067b3;
            text-decoration: none;
            width: 50px;
        }
        .sidebar-menu>li>a.active {
            color: white;
        }
        .content-wrapper {
            margin-left: 80px;
        }
        .logo-mini-menu {
            text-align: center;
            margin-top: 24%;
            margin-bottom: 24%;
        }
        .sidebar-menu {
            list-style: none;
            margin: 0;
            padding: 0;
            white-space: nowrap;
            display: block;
            overflow: hidden;
        }
        .sidebar-menu>li:hover,
        .sidebar-menu>li:focus {
            border: solid 0.2px #0067b3;
            transition: ease-in-out;
            -webkit-transition: ease-in-out;
            -moz-transition: ease-in-out;
            -ms-transition: ease-in-out;
            -o-transition: ease-in-out;
        }
        .panel-body .navbar-right {
            margin: 0px 0px 0px 0px;
        }
        @media (max-height:471px) {
            .main-sidebar {
                position: absolute;
                height: 100%;
            }
        }
        .ico-onyz-comunicacao {
            background-image: url(../images/sidebar/comunicacao.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-configuracao {
            background-image: url(../images/sidebar/configuracao.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-cronograma {
            background-image: url(../images/sidebar/cronograma.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-estoque {
            background-image: url(../images/sidebar/estoque.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-financeiro {
            background-image: url(../images/sidebar/financeiro.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-gestao {
            background-image: url(../images/sidebar/gestao.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-medir {
            background-image: url(../images/sidebar/medir.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-meta {
            background-image: url(../images/sidebar/meta.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-orcamento {
            background-image: url(../images/sidebar/orcamento.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-ordem {
            background-image: url(../images/sidebar/ordem.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-perfil {
            background-image: url(../images/sidebar/perfil.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-resumo {
            background-image: url(../images/sidebar/resumo.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-suprimentos {
            background-image: url(../images/sidebar/suprimentos.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-vendas {
            background-image: url(../images/sidebar/vendas.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-contrato {
            background-image: url(../images/sidebar/contrato.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
        .ico-onyz-relatorio {
            background-image: url(../images/sidebar/relatorios.png);
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-size: 35px;
            height: 35px;
            width: 35px;
        }
    }
    
    .main-header {
        background-color: #FFFFFF;
        height: 55px;
        z-index: 600;
        border-bottom: 1.2px solid #e5e5e5;
    }
    
    .local {
        margin-top: 10px;
        font-weight: bold;
        font-size: 14px;
        line-height: 1.3;
    }
    
    .local_atual {
        color: #808080;
        font-size: 14px;
        line-height: 1.3;
        font-weight: bold;
    }
    
    .local_atual a:hover,
    a:focus {
        /*color: #666666;
font-size: 14px;*/
        line-height: 1.3;
        font-weight: bold;
    }
    
    .local_titulo {
        font-weight: bold;
        font-size: 14px;
        line-height: 1.3;
    }
    
    .local_menu {
        border: 1px solid #f2f2f2;
        color: #808080;
        font-size: 14px;
        line-height: 1.3;
        font-weight: bold;
        padding: 15px 15px 30px 15px;
        overflow: auto;
        max-height: 60vh;
    }
    
    .local_menu>li>a {
        padding: 3px 20px;
        clear: both;
        line-height: 1.3;
        color: #808080;
        white-space: nowrap;
        font-weight: bold;
        font-size: 14px;
        overflow: auto;
    }
    
    .local_block>li>a {
        padding: 5px 20px;
        clear: both;
        line-height: 1.3;
        color: #808080;
        white-space: nowrap;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 0px;
        padding-top: 5px;
        padding-bottom: 5px;
        border-left: 1.2px solid #e5e5e5;
    }
    
    .local_block>li {
        padding-top: 5px;
        padding-bottom: 5px;
    }
    
    .local_block {
        padding: 5px 20px;
        clear: both;
        line-height: 1.3;
        color: #808080;
        white-space: nowrap;
        font-weight: bold;
        font-size: 14px;
        margin-top: px;
        margin-bottom: 0px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    
    .local_divider {
        margin: 10px 20px;
        border-bottom: 1.2px solid #e5e5e5;
    }
    
    .popover_block {
        border-left: 0px;
        line-height: 1.3;
        color: #fff;
        white-space: nowrap;
        font-size: 14px;
    }
    
    .popover_block>li>a {
        padding: 10px 20px;
        margin: 0 20px;
        border-left: 1px solid #005ea4;
        line-height: 1.3;
        color: #fff;
        white-space: nowrap;
        font-size: 14px;
    }
    
    .popover_block>li {
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
        list-style: none;
    }
    
    .popover_block>li>a:hover,
    .popover_block>li>a:focus {
        text-decoration: none;
        color: #01c3e1;
        background-color: #327eb6;
    }
    
    .local_block>li>a:hover,
    .local_block>li>a:focus {
        text-decoration: none;
        color: #4b4d4d;
        background-color: #f5f5f5;
    }
    
    .wrapper {
        background: #eef1f6;
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        position: relative;
        direction: ltr;
    }
    
    .login-box {
        width: 360px;
        margin: 7% auto;
    }
    
    .login-box-body {
        background: #fff;
        padding: 20px;
        border-top: 0;
        color: #666;
        box-shadow: 5px 5px 10px 5px rgb(0 0 0 / 10%);
    }
    
    .login-logo {
        font-size: 14.28%;
        text-align: center;
        margin-bottom: 25px;
        font-weight: 300;
    }
    
    .login-box-msg {
        margin: 0;
        text-align: center;
        padding: 0 20px 20px;
    }
    
    .has-feedback {
        position: relative;
    }
    
    hr {
        margin-top: 20px;
        margin-bottom: 20px;
        margin-left: 30px;
        margin-right: 30px;
        border: 0;
        border-top: 1px solid #f2f2f2;
    }
    
    .nav-tabs-custom ul li.active a {
        color: #0067b3;
        font-weight: bold;
        border: none;
        border-bottom: 2px solid #02d9fa;
    }
    
    .nav-tabs-custom ul li a {
        color: gray;
    }
    
    .nav-tabs-custom ul li.active a:focus {
        border: none;
    }
    
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        color: #0067b3 !important;
        font-weight: bold;
        border: none;
        border-bottom: 2px solid #02d9fa !important;
    }
    
    .nav-tabs-custom {
        margin-bottom: 35px;
        text-align: center;
        font-size: 21px;
    }
    
    .list-group-item-danger {
        color: #fff;
        background-color: #d9534f;
        border-color: #d9534f;
    }
    
    .list-group-item-success {
        color: #fff;
        background-color: #5cb85c;
        border-color: #5cb85c;
    }
    
    .list-group-item-warning {
        color: #fff;
        background-color: #ffa500;
        border-color: #ffa500;
    }
    
    .list-group-item-info {
        color: #fff;
        background-color: #02d9fa;
        border-color: #02d9fa;
    }
    
    .navbar-brand {
        font-size: 20px;
        padding: 5px 15px;
        height: auto;
    }
    
    .panel-body .navbar {
        padding: 5px;
    }
    
    .listaLocal {
        list-style: none;
        padding: 15px;
        max-height: 60vh;
    }
    
    .parametrizacao {
        padding: 0 50px;
    }
    
    .parametrizacao .planos-tab li a {
        padding: 2px 12px;
    }
    
    #pano_principal .bs-wizard {
        margin: 0px 0px 10px 0px;
    }
    
    .parametrizacao .tabela-precos,
    .parametrizacao .planos-tab {
        margin-top: 25px;
    }
    
    .parametrizacao .panel {
        -webkit-box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.2);
        box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.2);
    }
    
    .parametrizacao .panel:hover {
        top: -5px;
        -webkit-box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.3);
        box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.3);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        cursor: pointer;
    }
    
    .alert h5 {
        line-height: 1.9;
    }
    
    .texto-divisao {
        display: block;
        height: 400px;
        background-color: #02d9fa;
        content: " ";
        width: 2px;
        margin: auto 20px;
    }
    
    #funcionalidades .img-icone {
        width: 45px;
        height: auto;
    }
    
    @media (max-width:600px) {
        .parametrizacao {
            padding: 0 10px;
        }
    }
    
    .promocao {
        background-color: #e50000;
        color: #fff;
        font-size: 100%;
        padding: 5px;
        font-weight: 500;
        border-radius: 40px;
        position: absolute;
        width: 220px;
        right: -40px;
        top: -10px;
        transform: rotate(20deg);
        -webkit-box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
        box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.2);
        -webkit-transform: rotate(20deg);
        -moz-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        -o-transform: rotate(20deg);
    }
    
    .promocao-pulse {
        -webkit-animation-name: data-titulo;
        animation-name: data-titulo;
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
        -webkit-animation-play-state: running;
        animation-play-state: running;
    }
    
    @keyframes data-titulo {
        0% {
            transform: rotate(18deg);
            -webkit-transform: rotate(18deg);
            -moz-transform: rotate(18deg);
            -ms-transform: rotate(18deg);
            -o-transform: rotate(18deg);
        }
        20% {
            transform: rotate(23deg);
            -webkit-transform: rotate(23deg);
            -moz-transform: rotate(23deg);
            -ms-transform: rotate(23deg);
            -o-transform: rotate(23deg);
        }
        40% {
            transform: rotate(18deg);
            -webkit-transform: rotate(18deg);
            -moz-transform: rotate(18deg);
            -ms-transform: rotate(18deg);
            -o-transform: rotate(18deg);
        }
        60% {
            transform: rotate(23deg);
            -webkit-transform: rotate(23deg);
            -moz-transform: rotate(23deg);
            -ms-transform: rotate(23deg);
            -o-transform: rotate(23deg);
        }
        80% {
            transform: rotate(18deg);
            -webkit-transform: rotate(18deg);
            -moz-transform: rotate(18deg);
            -ms-transform: rotate(18deg);
            -o-transform: rotate(18deg);
        }
        100% {
            transform: rotate(20deg);
            -webkit-transform: rotate(20deg);
            -moz-transform: rotate(20deg);
            -ms-transform: rotate(20deg);
            -o-transform: rotate(20deg);
        }
    }
    
    @media (max-width: 767px) {
        .promocao {
            right: -20px;
            top: 55px;
            transform: rotate(40deg);
            -moz-transform: rotate(40deg);
            -ms-transform: rotate(40deg);
            -o-transform: rotate(40deg);
            -webkit-transform: rotate(40deg);
        }
        .promocao-pulse {
            -webkit-animation-name: data-titulo-b;
            animation-name: data-titulo-b;
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
            -webkit-animation-timing-function: ease;
            animation-timing-function: ease;
            -webkit-animation-direction: alternate;
            animation-direction: alternate;
            -webkit-animation-play-state: running;
            animation-play-state: running;
        }
        @keyframes data-titulo-b {
            0% {
                transform: rotate(38deg);
                -webkit-transform: rotate(38deg);
                -moz-transform: rotate(38deg);
                -ms-transform: rotate(38deg);
                -o-transform: rotate(38deg);
            }
            20% {
                transform: rotate(43deg);
                -webkit-transform: rotate(43deg);
                -moz-transform: rotate(43deg);
                -ms-transform: rotate(43deg);
                -o-transform: rotate(43deg);
            }
            40% {
                transform: rotate(38deg);
                -webkit-transform: rotate(38deg);
                -moz-transform: rotate(38deg);
                -ms-transform: rotate(38deg);
                -o-transform: rotate(38deg);
            }
            60% {
                transform: rotate(43deg);
                -webkit-transform: rotate(43deg);
                -moz-transform: rotate(43deg);
                -ms-transform: rotate(43deg);
                -o-transform: rotate(43deg);
            }
            80% {
                transform: rotate(38deg);
                -webkit-transform: rotate(38deg);
                -moz-transform: rotate(38deg);
                -ms-transform: rotate(38deg);
                -o-transform: rotate(38deg);
            }
            100% {
                transform: rotate(40deg);
                -webkit-transform: rotate(40deg);
                -moz-transform: rotate(40deg);
                -ms-transform: rotate(40deg);
                -o-transform: rotate(40deg);
            }
        }
    }
    
    .modal-body {
        margin-bottom: 15px;
        max-height: 75% !important;
        overflow-y: scroll;
    }
    
    .modal-onyz96 .modal-content {
        margin-top: 50px !important;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }

    .modal-onyz90 .modal-content,
    .modal-onyz80 .modal-content {
        margin-top: 100px !important;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    
    .modal-onyz60 .modal-content {
        margin-top: 140px !important;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    
    @media (max-height: 1000px) {
        .modal-body {
            margin-bottom: 15px;
            max-height: 75% !important;
        }
        .modal-onyz96 .modal-content {
            margin-top: 40px !important;
        }
        .modal-onyz90 .modal-content,
        .modal-onyz80 .modal-content {
            margin-top: 90px !important;
        }
        .modal-onyz60 .modal-content {
            margin-top: 130px !important;
        }
    }
    
    @media (max-height: 800px) {
        .modal-body {
            margin-bottom: 15px;
            max-height: 75% !important;
        }
        .modal-onyz96 .modal-content {
            margin-top: 30px !important;
        }
        .modal-onyz90 .modal-content,
        .modal-onyz80 .modal-content {
            margin-top: 70px !important;
        }
        .modal-onyz60 .modal-content {
            margin-top: 120px !important;
        }
    }
    
    @media (max-height: 600px) {
        .modal-body {
            margin-bottom: 15px;
            max-height: 75% !important;
        }
        .modal-onyz96 .modal-content {
            margin-top: 30px !important;
        }
        .modal-onyz90 .modal-content,
        .modal-onyz80 .modal-content {
            margin-top: 65px !important;
        }
        .modal-onyz60 .modal-content {
            margin-top: 110px !important;
        }
    }
    
    @media (max-height: 400px) {
        .modal-body {
            margin-bottom: 15px;
            max-height: 75% !important;
        }
        .modal-onyz96 .modal-content,
        .modal-onyz90 .modal-content,
        .modal-onyz80 .modal-content {
            margin-top: 30px !important;
        }
        .modal-onyz60 .modal-content {
            margin-top: 60px !important;
        }
    }
    
    #mensagens {
        position: fixed;
        top: 10px;
        right: 15px;
        z-index: 50000000;
        width:30%;
        display: none;
        opacity: 0.8;
        margin-bottom: 0px !important;
    }

    #mensagens .alert{
        margin-bottom: 0px !important;
    }
    
    #mensagens .alert-dismissable {
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -ms-border-radius: 10px;
        -o-border-radius: 10px;
    }
    
    .panel-body .navbar-default {
        padding: 0;
        margin: -10px -20px 5px -20px;
    }

    @media (max-width: 767px){
        .panel-body .navbar-default {
            margin: 0px;
        }
    }
    
    .panel {
        margin-bottom: 40px;
    }
    
    .dropdown-menu {
        border: 0px;
    }
    
    .modal-body {
        overflow: auto;
    }
/*     
     ::-webkit-scrollbar {
        width: 10px;
    }
    
     ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #c1d1e2;
        border-radius: 10px;
    }
    
     ::-webkit-scrollbar-thumb {
        background: #02d9fa;
        border-radius: 10px;
    }
    
     ::-webkit-scrollbar-thumb:hover {
        background: #01c3e1;
    } */

    /* ===== Scrollbar CSS ===== */
  /* Firefox */
    * {
        scrollbar-width: thin;
        scrollbar-color: #02d9fa #ffffff;
    }

    /* Chrome, Edge, and Safari */
    *::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }

    *::-webkit-scrollbar-track {
        background: #ffffff;
    }

    *::-webkit-scrollbar-thumb {
        background-color: #02d9fa;
        border-radius: 5px;
        border: 0px none #ffffff;
    }

    .modal-full_screen > .modal-body {
        margin: 1.5%;
        max-height: 97% !important;
        width: 97%  !important;
        overflow-y: scroll;
    }
    
    .modal-full_screen > .modal-content,
    .modal-full_screen > .modal-content {
        margin: 1%;
        border-radius: 0px;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
    }

    #modal_full_screen > .modal-dialog {
        width: 99% !important;
        height: 99% !important;
        margin: 0.5% !important;
    }


    .modal-body-full_screen {
        min-height: 75% !important;
        margin-bottom: 15px;
        position: relative;
        overflow: auto;
        padding: 15px;
    }

 
/*Materialzado

/* Estrutura */
    .input-material {
        position: relative;
    }

    .material .select2{
        margin-top: 25px !important;
    }
    .material .select2-container--default .select2-selection--single {
        border: 0 !important;
        border-bottom: 2px solid #9e9e9e !important;
    }

    .selectTable>span,
    .selectTable>.select2,
    .selectTable>.material {
        border: 0 !important;
        border-bottom: 2px solid #02d9fa;
        height: 32px;
        background-color: transparent;
        margin-top: 0px !important;
    }

   /* .material div{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        min-height: 100vh;
        background-color: #e0f2f1;
    }*/
  
  .material input{
    border: 0;
    border-bottom: 2px solid #9e9e9e;
    outline: none;
    transition: .2s ease-in-out;
    box-sizing: border-box;
  }  
  .material label {
    top: 0;
    left: 0; right: 0;
    display: flex;
    align-items: center;
    position: absolute;
    font-size: 18px;
    cursor: text;
    transition: .2s ease-in-out;
    box-sizing: border-box;
  }
  
  .material input,
  .material label {
    width: 100%;
    height: 34px;
    color: #575a5a;
    padding: 6px 15px;
    line-height: 1.45;
  }

.materialFile input[type="file"] {
display: none;
}
.materialFile label {
    padding: 10px 10px;
    width: 100px;
    background-color: #02d9fa;
    color: #FFF;
    text-align: center;
    display: block;
    cursor: pointer;
    font-size: 15px;
}


.materialFile span{
    position: relative;
    left: 120px;
    top: -30px;
    border-bottom: 2px solid #9e9e9e;
    font-size: 16px;
}

/* Interation */
.material input:valid,
.material input:focus {
border-bottom: 2px solid #02d9fa;  
}

.material input:valid + label,
.material input:disabled + label,
.material input:focus + label {
color: #02d9fa;
font-size: 16px;
top: -30px;
pointer-events: none;
}

.material-label-select2{
    color: #02d9fa !important;
    font-size: 16px !important;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
  }


.editar-tabela input{
    border: 0;
    border-bottom: 2px solid #9e9e9e;
    outline: none;
    transition: .2s ease-in-out;
    box-sizing: border-box;
    color: #0067b3;
    width: 90%;
    text-align: -webkit-match-parent;
    padding: 2px; 
    margin: 0px;
    height: 30px;
    font-size: 16px;
    font-weight: 800;
}  

/* Interation */
.editar-tabela input:valid,
.editar-tabela input:focus {
    border-bottom: 2px solid #02d9fa;  
}

.editar-tabela input:valid + label,
.editar-tabela input:focus + label {
    color: #02d9fa;
    font-size: 16px;
    pointer-events: none;
}

.editar-tabela .select2{
    color: #02d9fa;
    font-size: 16px;
    border: 0 !important;
    border-bottom: 2px solid #02d9fa !important;
    outline: none;
    transition: .2s ease-in-out;
    box-sizing: border-box;
    color: #0067b3;
    width: 100%;
    text-align: -webkit-match-parent;
    padding: 2px; 
    margin: 0px;
    height: 30px;
    font-size: 16px;
    font-weight: 800;
}

.editar-tabela  .select2-selection--single {
    border: 0 !important;
    color: #0067b3;
    font-size: 16px;
    font-weight: 800;
    border-bottom: 2px solid #02d9fa !important;
    height: 28px;
}

.editar-tabela .select2-container .select2-selection__rendered .select2-container--default {
    border: 0 !important;
    color: #0067b3;
    font-size: 16px;
    font-weight: 800;
    border-bottom: 0px !important;
    height: 28px;
}

.editar-tabela-activate{
    margin: 0px !important;
    padding: 2px !important;
    text-align: center;
}

.editar-tabela button{
    margin: 0px !important;
    padding: 2px !important;
    border-radius: 0;
    height: 28px;
    width: 28px;
}

.editar-tabela-group-input {
    width: 80% !important;
}




@media print {
    /* Hide everything in the body when printing... */
    .printingOff * { display: none; }
}


.print {
    display:none;
}

.no-print { 
    display:block; 
}
    
.avaliacaFornecedor{
    font-size: 20px;
    margin-top: 5px;
    font-weight: 600;
}

.border-top{
    border-top: 2px solid #cacaca;
    margin-top: 30px;
    margin-left: 70px;
    width: 90%;
}

.rating {
    text-align: right;
    font-size: 18px;
    margin-top: 5px;
  }
  
.rating__star {
    cursor: pointer;
    color: #dabd18b2;
}

.dropzone {
    border: dashed 4px transparent;
    transition: background-color 0.3s;
  }
  
.drop-active {
    border: dashed 4px transparent;
    border-color: #01c3e1;
}

.drop-active-danger {
    border: dashed 4px transparent;
    border-color: #d9534f;
}

.drop-active-success {
    border: dashed 4px transparent;
    border-color: #5cb85c;
}

.drop-target {
    background-color: #edf1ad;
    border-style: solid;
    -webkit-box-shadow: 14px 14px 21px 6px rgba(3,62,62,0.33); 
    box-shadow: 14px 14px 21px 6px rgba(3,62,62,0.33);
}

.drop-target-success {
    background-color: #edf1ad;
    border-style: solid;
    border-color: #5cb85c;
    -webkit-box-shadow: 14px 14px 21px 6px rgba(3,62,62,0.33); 
    box-shadow: 14px 14px 21px 6px rgba(3,62,62,0.33);
}

.drag-drop {
    touch-action: none;
    transform: translate(0px, 0px);
    transition: background-color 0.3s;
    
    }

.drag-drop.can-drop {
    background-color: #D3DE32;
    color:#006A71;
    z-index: 2;
    -webkit-box-shadow: 14px 14px 21px 6px rgba(3,62,62,0.33); 
    box-shadow: 14px 14px 21px 6px rgba(3,62,62,0.33);
}

.drag-drop.drop-conciliacao {
    z-index: 1;
    position: fixed;
}

.drag-drop.can-not-drop {
    background-color: #990000;
    color:#fff;
    z-index: 2;
    -webkit-box-shadow: 14px 14px 21px 6px rgba(3,62,62,0.33); 
    box-shadow: 14px 14px 21px 6px rgba(3,62,62,0.33);
}

.drag-drop.dropped {
    background-color: #D3DE32;
    color:#006A71;
}

.drag-drop.dropped-conciliacao {
    background-color: #D3DE32;
    color:#006A71;
    position: fixed;
}

.programacao-semanal-fds{
    border: solid 1px white;
    border: solid 1px  white;
    background-color: #f2efeb;
    padding: 0px !important;
    margin: 0px !important;
}

.programacao-semanal-gantt-resumo{
    background-color: #e6e6e6;
    font-weight:700;
}

.programacao-semanal-gantt{
    border: solid 1px white;
    /* border: solid 1px white;
    border-bottom: solid 20px white;
    box-shadow: 0px 10px 0px white inset;
    font-size: 5px; */
    padding: 0px !important;
    margin: 0px !important;
}

.programacao-semanal-barra{
    height: 15px;
    font-size: 12px;
    display: block;
    text-align: center;
}

.programacao-semanal-prevista {
    background-color: #0067b3;
    color:#0067b3;
}

.programacao-semanal-pendente {
    background-color: #7a0000;
    color:#7a0000;
}

.programacao-semanal-execucao {
    background-color: #e59400;
    color:#e59400;
}

.programacao-semanal-concluida {
    background-color: #004000;
    color:#004000;
}

.programacao-semanal-concluida-atrasada {
    background-color: #007300;
    color:#007300;
}

.tabela-visibilidade-colunas{
    position: absolute;
    margin-top: -5px;
    padding: 0;
    font-weight: 600;
    cursor: pointer;
    font-size: 12px;
    z-index: 1;
    color:#02d9fa;
}

div.dataTables_wrapper > div.row > div.dataTables_filter {
     text-align: right; 
}

th.sorting{
    padding-right: 25px!important;
}

.dataTables_filter input{
    background-color: transparent;
    border: none;
    border-bottom: 2px solid #9e9e9e;
    margin: 0;
    padding: 0;
    color: #9b9e9e;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    height: 34px;
    font-size: 16px;
}

.dataTables_filter input:focus {
    border-bottom: 2px solid #02d9fa;
}

.destaque>tr>td,
.destaque>tr>th,
.destaque>th,
.destaque>td{
    background-color: #e6e6e6 !important; 
    font-weight:700;
}

.tableHeader>tr>td,
.tableHeader>tr>th,
.tableHeader>th,
.tableHeader>td{
    border-left: none;
    border-right: none;
    border-bottom: 0.5px solid #9b9e9e !important;
}

.dataTables_scrollHeadInner>table>thead>tr>th,
.dataTables_scrollHeadInner>table>thead>tr{
    border-left: none;
    border-right: none;
    border-bottom: 0.8px solid #02d9fa !important;
}

body{
    color:#0067b3;
}

h1, h2, h3 {
    color:#02d9fa ;
}

.panel-main {
    border-radius: 10px;
    box-shadow: 1px 10px 10px rgb(0 0 0 / 10%);
    border: none;
    margin: 5 -5px;
}

.modal-header .close {
    margin-top: -8px;
    font-size: 34px;
    color: red;
}

#nome_pano_principal {
    margin-top: -4px;
    font-weight: 600;
    margin-left: -8px;
}

#botao_pano_principal {
    margin-right: 15px;
}

.select2-container--default .select2-selection--single {
    background-color: transparent;
    border: 0; 
    border-radius: 0;
    border-bottom: 2px solid #9e9e9e; 
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{    
    border: 0; 
    border-radius: 0;
    border-bottom: 2px solid #02d9fa;
    background-color: #fff;
}


.form-material-input{
    display: block;
    width: 100%;
    border: 0;
    border-bottom: 2px solid #9e9e9e;
    outline: none;
    transition: .2s ease-in-out;
    box-sizing: border-box;
    height: 34px;
    color: #575a5a;
    padding: 6px 15px;
    line-height: 1.45;
    background-color: transparent;
    background-image: none;    
    font-size: 14px;
}


.form-material-textarea{
    height: 34px;
    line-height: normal;
}

.input-group-addon:first-child{
    border:0;
    background-color: transparent;
}

.form-material-input:focus{
    border-bottom: 2px solid #02d9fa;
    background-color: #fff;
}

.input-disabled{
    border: 0;
}

.input-group-btn>.btn {    
    background-color: transparent;
    border-radius: 0;
    padding: 10px;
    border: 0;
    color:#02d9fa;
}

.input-group-btn>.btn:hover {
    background-color: #02d9fa;
    color: white;
}

.input-blank-label{    
    margin-top: 30px;
    font-size: 22px;
}

.input-blank{    
    margin-top: -30px;
}

.input-group-addon:last-child{
    border: 0 !important;
}

.checkbox-onyz input[type="checkbox"] {
    display: none;
    visibility: hidden;
  }

  .checkbox-onyz .cbx {
    margin: auto;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
  }
  .checkbox-onyz .cbx span {
    display: inline-block;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
  }
  .checkbox-onyz .cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 3px;
    transform: scale(1);
    vertical-align: middle;
    border: 1px solid #9098A9;
    transition: all 0.2s ease;
  }
  .checkbox-onyz .cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #FFFFFF;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
  }
  .checkbox-onyz .cbx span:first-child:before {
    content: "";
    width: 18px;
    height: 18px;
    background: #0067b3; /*#506EEC*/;
    display: block;
    transform: scale(0) ;
    opacity: 1;
    border-radius: 50%;
  }
  .checkbox-onyz .cbx span:last-child {
    padding-left: 8px;
  }
  .checkbox-onyz .cbx:hover span:first-child {
    border-color: #0067b3;
  }

  .checkbox-onyz .inp-cbx:checked + .cbx span:first-child {
    background: #0067b3;
    border-color: #0067b3;
    animation: wave-46 0.4s ease;
  }
  .checkbox-onyz .inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
  }
  .checkbox-onyz .inp-cbx:checked + .cbx span:first-child:before {
    transform:  scale(3.5);
    opacity: 0;
    transition: all 0.6s ease;
  }

  @keyframes wave-46 {
    50% {
      transform: scale(0.9);
    }
  }

  .search-hide {
    display: none  !important;
  }

  .search-input{
    background-color: transparent;
    border-bottom: 2px solid #9e9e9e !important;
    margin: 0;
    padding: 0;
    color: #9b9e9e;
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
    height: 34px;
    font-size: 16px;
    margin: 10px 25px;
    margin-left: 5px;
    width: -webkit-fill-available;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
  }

  .search-input:focus, 
  .search-input:active {
    border-bottom: 2px solid #02d9fa !important;
}