::placeholder /* Chrome, Firefox, Opera, Safari 10.1+ */
{ 
    color: #a9a9a9 !important;
    opacity: 1 !important; /* Firefox */
}
  
:-ms-input-placeholder /* Internet Explorer 10-11 */
{ 
    color: #a9a9a9 !important;
}

::-ms-input-placeholder /* Microsoft Edge */
{ 
    color: #a9a9a9 !important;
}

#wrapper
{
    background-color: #ffffff !important;
}

#wrapper #page-wrapper
{
    background-color: #f3f3f4 !important;
    margin: 0px 0px !important; 
    padding: 0px 0px !important;
}

.ibox .ibox-title 
{
    border-top: solid 3px #e7eaec !important;
}

.btn 
{
    border-radius: 2px !important;
}

.br-4
{
    border-radius: 4px !important;
}

button.close
{
    position: absolute;
    right: 23px;
    top: 17px;
}

button.close span:first-child
{
    color: #01bc8e;
    font-size: 44px;
    font-weight: 200;
    line-height: 24px;
}

.footable-page a,
.footable-page-arrow a
{
    font-size: 14px !important;
    padding: 7px 12px !important;
}

.table-striped tbody tr:nth-of-type(2n+1)
{
    background-color: #f9f9f9 !important;
}

.text-success
{
    color: #009966 !important;
}

.text-green
{
    color: #01bc8e !important;
}

.text-warning
{
    color: #ef7800 !important;
}

.text-muted
{
    color: #bbbbbb !important;
}

.text-info
{
    color: #0099ff !important;
}

.text-body
{
    color: #333333 !important;
}

.text-black
{
    color: #000000 !important;
}

.text-grey
{
    color: #858585 !important;
}

.text-light-grey
{
    color: #a8a8a8 !important;
}

.text-slate-grey
{
    color: #676a6c !important;
}

.fs-10
{
    font-size: 10px !important;
}
.fs-11
{
    font-size: 11px !important;
}
.fs-12
{
    font-size: 12px !important;
}
.fs-13
{
    font-size: 13px !important;
}
.fs-14
{
    font-size: 14px !important;
}
.fs-15
{
    font-size: 15px !important;
}
.fs-16
{
    font-size: 16px !important;
}
.fs-18
{
    font-size: 18px !important;
}
.fs-20
{
    font-size: 20px !important;
}
.fs-24
{
    font-size: 24px !important;
}
.fs-40
{
    font-size: 40px !important;
}

.fw-200
{
    font-weight: 200 !important;
}
.fw-300
{
    font-weight: 300 !important;
}
.fw-400
{
    font-weight: 400 !important;
}
.fw-500
{
    font-weight: 500 !important;
}
.fw-600
{
    font-weight: 600 !important;
}
.fw-800
{
    font-weight: 800 !important;
}

.font-roboto
{
    font-family: "Roboto"!important;
}

.lh-34
{
    line-height: 34px;
}
.lh-38
{
    line-height: 38px;
}

.carousel-indicators li 
{
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #bbbbbb
}

.carousel-indicators li.active
{
    background-color: #01bc8e
}

.orange-dot
{
    display: inline-block; 
    height: 7px; 
    width: 7px; 
    border-radius: 7px; 
    background-color: #ef9700;
}

.form-control
{
    padding: 8px 12px !important; 
    height: 38px; 
}

select 
{
    color: #a8a8a8 !important;
}

select.form-control
{
    height: 38px !important;
}

.form-control.form-control-sm
{
    height: 35px !important;
}

/*
.fa-sort-down:before, .fa-sort-desc:before
{
    color
}
*/

.dropdown-toggle::after 
{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .5em!important;
    vertical-align: middle!important;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    color: #cfcfcf;
}

.fa-sort-down:before, .fa-sort-desc:before {
    content: "\f0dd";
    color: #676a6c;
    margin-left: .5em;
}

*, ::after, ::before {
    box-sizing: border-box;
}

.pagination
{
    height: 34px;
}
.pagination li
{
    background-color: #ffffff !important;
    border: solid 1px #e7eaec !important;
    min-width: 36px;
    text-align: center;
}
.pagination li.active
{
    border: solid 1px #01bc8e !important;
}
.pagination li a
{
    background-color: transparent !important;
    border: none;
    color: #6a6c6e;
    margin: 0px;
    padding: 0px;
    line-height: 34px;
    min-width: 36px;
}

.custom-file-label
{
    border-radius: 1px!important;
    box-sizing: border-box;
    border: 1px solid #e5e6e7; 
    color: #a9a9a9;
    font-size: 14.4px;
    font-weight: 400;
}

.custom-file-label::after
{
    content: "Procurar" !important;
    border-radius: 0 1px 1px 0;
    box-sizing: border-box;
    border: solid 1px #18a689;
    background-color: #FFF;
    color: #18a689;
    right: -1px;
    top: -1px;
    height: 38px;
}

/* TOASTER */
.toast {
    background: #d9d9d9 !important;
    border-radius: .25rem;
    z-index: 9999;
}
    .toast div {
        color: #313131;
        text-align: left;
    }
        .toast div button {
            color: #313131
        }

.toastInfo, .info {
    background: #d9edf7 !important;
    border-radius: .25rem;
}
    .toastInfo div, .info div {
        color: #31708f;
        text-align: left;
    }
        .toastInfo div button, .info div button {
            color: #31708f
        }

.toastSuccess, .success {
    background: #dff0d8 !important;
    border-radius: .25rem;
}
    .toastSuccess div, .success div {
        color: #3c763d;
        text-align: left;
    }
        .toastSuccess div button, .success div button {
            color: #3c763d
        }

.toastAlert, .alert {
    background: #fcf8e3 !important;
    border-radius: .25rem;
}
    .toastSuccess div, .alert div {
        color: #8a6d3b;
        text-align: left;
    }
        .toastSuccess div button, .alert div button {
            color: #8a6d3b
        }

.toastError, .error {
    background: #f2dede !important;
    border-radius: .25rem;
}
    .toastError div, .error div {
        color: #a94442;
        text-align: left;
    }
        .toastError div button, .error div button {
            color: #a94442
        }

/* MENU */
@media screen
{
.navbar
{
    height: 51px;
    background-color: #FFF !important;
}
    .navbar .navbar-header
    {
        background-color: #01bc8e; white-space: nowrap; width: 198px; height: 51px;
    }
    .navbar.nav-adm .navbar-header
    {
        background-color: #ef9700;
    }
        .navbar .navbar-header div
        {
            margin: 9px 28.4px 9px 28.4px;
        }
    .navbar .navbar-toggler
    {
        background-color: transparent;
    }
        .navbar .navbar-toggler i
        {
            font-size: 20px;
        }
    .navbar .navbar-collapse
    {
        z-index: 1000;
    }
        .navbar .navbar-collapse .navbar-nav
        {
            text-align: center;
            margin: 0 auto;
        }
            .navbar .navbar-collapse .navbar-nav li.dropdown
            {
                width: 170px;           
            }
                .navbar .navbar-collapse .navbar-nav li.dropdown a
                {
                    font-family: Roboto;
                    font-size: 14px;
                    font-weight: 400;
                    line-height: 1.21;
                    color: #333333;
                    border-bottom: solid 3px transparent;
                    margin-top: 2px;
                }
                .navbar .navbar-collapse .navbar-nav li.dropdown a:hover, 
                .navbar .navbar-collapse .navbar-nav li.dropdown a:focus,
                .navbar .navbar-collapse .navbar-nav li.dropdown a:active
                {
                    border-bottom: solid 3px #01bc8e;
                    color: #000000;
                }
                .navbar.nav-adm .navbar-collapse .navbar-nav li.dropdown a:hover, 
                .navbar.nav-adm .navbar-collapse .navbar-nav li.dropdown a:focus,
                .navbar.nav-adm .navbar-collapse .navbar-nav li.dropdown a:active
                {
                    border-bottom: solid 3px #ef9700;
                }  
                .navbar .navbar-collapse .navbar-nav li.dropdown.active a
                {
                    border-bottom: solid 3px #01bc8e;
                    color: #000000;
                }
                .navbar.nav-adm .navbar-collapse .navbar-nav li.dropdown.active a
                {
                    border-bottom: solid 3px #ef9700;
                }                 
                    .navbar .navbar-collapse .navbar-nav li.dropdown a img
                    {
                        display: inline-block;
                        height: 17px; 
                        width: auto;
                        margin-top: -3px;
                        margin-right: 4px;
                    }

                .navbar .navbar-collapse .navbar-nav li.dropdown ul.dropdown-menu
                {
                    width: inherit;
                    padding: 16px 8px;
                }
                        .navbar .navbar-collapse .navbar-nav li.dropdown ul.dropdown-menu li a
                        {
                            border: none !important;   
                            color: #727577;
                            font-size: 13px;
                        }
        .navbar .navbar-collapse .navbar-top-links
        {
            text-align: center;
            margin: 0;
            width: 198px;
        }
            .navbar .navbar-collapse .navbar-top-links li
            {
                width: auto;     
                border-bottom: solid 3px transparent;      
            }
                .navbar .navbar-collapse .navbar-top-links li a
                {
                    font-family: Roboto;
                    font-size: 14px;
                    font-weight: 400;
                    color: #333333;
                }
                .navbar .navbar-collapse .navbar-top-links li a.dropdown-toggle::after 
                {
                    display: inline-block;
                    width: 0;
                    height: 0;
                    margin-left: .255em;
                    vertical-align: middle;
                    content: "";
                    border-top: .3em solid;
                    border-right: .3em solid transparent;
                    border-bottom: 0;
                    border-left: .3em solid transparent;
                }
                .navbar .navbar-collapse .navbar-top-links li.dropdown ul.dropdown-menu
                {
                    width: inherit;
                    padding: 8px 8px;
                }
                        .navbar .navbar-collapse .navbar-top-links li.dropdown ul.dropdown-menu li a
                        {
                            border: none;   
                            color: #727577;
                            font-size: 13px;
                        }
}

@media screen and (max-width: 1440px) and (min-width: 993px)
{
                .navbar .navbar-collapse .navbar-nav li.dropdown
                {
                    width: 90px;           
                }
                    .navbar .navbar-collapse .navbar-nav li.dropdown a
                    {
                        font-size: 0px;
                    }

                    .navbar .navbar-collapse .navbar-nav li.dropdown i
                    {
                        font-size: 20px;
                        font-weight: 400;
                        line-height: 1.21;
                        color: #333333;
                        border-bottom: none;
                    }
                    .navbar .navbar-collapse .navbar-nav li.dropdown a:hover,
                    .navbar .navbar-collapse .navbar-nav li.dropdown a:focus,
                    .navbar .navbar-collapse .navbar-nav li.dropdown a:active
                    {
                        border-bottom: solid 3px #01bc8e;
                        color: #000000;
                    }
                    
                    .navbar .navbar-collapse .navbar-nav li.dropdown.active a
                    {
                        border-bottom: solid 3px #01bc8e;
                        color: #000000;
                    }

                    .navbar .navbar-collapse .navbar-nav li.dropdown ul.dropdown-menu
                    {
                        width: inherit;
                        padding: 16px 8px;
                    }
                            .navbar .navbar-collapse .navbar-nav li.dropdown ul.dropdown-menu li a
                            {
                                border: none !important;   
                                color: #727577;
                                font-size: 13px;
                            }
            .navbar .navbar-collapse .navbar-top-links
            {
                text-align: center;
                margin: 0;
                width: 198px;
            }
                .navbar .navbar-collapse .navbar-top-links li
                {
                    width: auto;     
                    border-bottom: solid 3px transparent;      
                }
                    .navbar .navbar-collapse .navbar-top-links li a
                    {
                        font-family: Roboto;
                        font-size: 14px;
                        font-weight: 400;
                        color: #333333;
                    }
                    .navbar .navbar-collapse .navbar-top-links li a.dropdown-toggle::after 
                    {
                        display: inline-block;
                        width: 0;
                        height: 0;
                        margin-left: .255em;
                        vertical-align: middle;
                        content: "";
                        border-top: .3em solid;
                        border-right: .3em solid transparent;
                        border-bottom: 0;
                        border-left: .3em solid transparent;
                    }
                    .navbar .navbar-collapse .navbar-top-links li.dropdown ul.dropdown-menu
                    {
                        width: inherit;
                        padding: 8px 8px;
                    }
                            .navbar .navbar-collapse .navbar-top-links li.dropdown ul.dropdown-menu li a
                            {
                                border: none;   
                                color: #727577;
                                font-size: 13px;
                            }

}

@media screen and (max-width: 992px) /* Tablet */ 
{
.navbar
{
    background-color: #01bc8e !important;
}
.navbar.nav-adm
{
    background-color: #ef9700 !important;
}
        .navbar .navbar-collapse .navbar-nav
        {
            background-color: #FFF !important;
            margin: 0px;
        }
            .navbar .navbar-collapse .navbar-nav li.dropdown
            {
                border-bottom: solid 1px #bbb !important;
                margin: 0px 20px;
                width: calc(100% - 40px);
            }
                .navbar .navbar-collapse .navbar-nav li.dropdown a
                {
                    border-bottom: none !important;
                    text-align: left;
                    padding: 15px 0px;
                }
                .navbar.nav-adm .navbar-collapse .navbar-nav li.dropdown a:hover, 
                .navbar.nav-adm .navbar-collapse .navbar-nav li.dropdown a:focus,
                .navbar.nav-adm .navbar-collapse .navbar-nav li.dropdown a:active
                {
                    border-bottom: none !important;
                }  
                .navbar .navbar-collapse .navbar-nav li.dropdown.active a
                {
                    border-bottom: none !important;
                }
                    .navbar .navbar-collapse .navbar-nav li.dropdown a img
                    {
                        width: 30px;
                    }
                .navbar .navbar-collapse .navbar-nav li.dropdown ul.dropdown-menu
                {
                    width: 100%;
                    border: none; 
                    padding: 8px;
                    padding-top: 0px;
                }
                        .navbar .navbar-collapse .navbar-nav li.dropdown ul.dropdown-menu li a
                        {
                            border: none;   
                            color: #727577;
                            font-size: 13px;
                        }
        .navbar .navbar-collapse .navbar-top-links
        {
            background-color: #FFF !important;
            margin: 0px;
            width: 100%;
        }
            .navbar .navbar-collapse .navbar-top-links li
            {
                border-bottom: none;
                margin: 0px 20px;
                width: calc(100% - 40px);    
                display: block!important;
            }
                .navbar .navbar-collapse .navbar-top-links li a
                {
                    border-bottom: none !important;
                    text-align: left;
                    padding: 15px 0px;
                }
                .navbar .navbar-collapse .navbar-top-links li.dropdown ul.dropdown-menu
                {
                    width: 100%;
                    border: none; 
                    box-shadow: none;
                    padding: 8px;
                    padding-top: 0px;
                    position: static;
                }
                        .navbar .navbar-collapse .navbar-top-links li.dropdown ul.dropdown-menu li a
                        {
                            border: none;   
                            color: #727577;
                            font-size: 13px;
                        }                                   
}

.box-export {
    border-radius: 13px 0px 0px 0px;
    border: solid 1px;
    border-color: #BBBBBB;
    border-bottom: 0;
    padding: 0px 0px 2px 5px;
    width: 195px;
}

.btn-export {
    background-color: white;
    color: #01BC8E;
    border: none;
    font-size: 14px;
    margin: 4px 2px;
    cursor: pointer;
  }
  
.div-file-upload {
    display: flex;
    flex-direction: column;
}