.text-success {
    color: #028000;
}

.navbar-header {
    height: 72px;
}

.left-sidebar, .navbar-header {
    transition: width .5s;
}

.topbar .top-navbar .navbar-header {
    overflow: hidden;
}

aside .mdi, nav .mdi {
    font-size: 20px;
}

.sidebar-nav > ul > li > a.active {
    background: #e9edf2;
    position: relative;
}

.sidebar-nav > ul > li > a.active:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #398bf7;
    clear: both;
}

.custom-file-label {
    color: rgb(150,150,150) !important;
}

.custom-file-label::after {
    content: "Anexar" !important;
}

.select2.select2-container.select2-container--default {
    width: 100% !important;
}

.table-click tbody tr {
    cursor: pointer !important;
}

.btn.btn-success {
    background: #1b931e;
}

.form-control {
    min-width: 83% !important;
}

.text-danger {
    margin-bottom: 0;
}

.pull-left {
    float: left !important;
}

.brasao {
    width: 75px;
}

.font-size-12 {
    font-size: 12px;
}

.box-assinatura {
    border-top: 2px solid #1a1a1a;
    border-bottom: 2px solid #1a1a1a;
    padding: 1rem 0 1rem 0
}

.d-flex {
    display: flex;
    align-items: center;
}

.content {
    width: 100%;
    margin-left: 3rem;
}

.topbar .top-navbar .navbar-header .navbar-brand {
    padding-top: 7px;
}

@media (max-width: 768px) {
    .navbar-brand > span {
        display:none!important;
    }
    .topbar .top-navbar .navbar-header {
        padding-left: 0;
        text-align: left;
        flex-shrink: 0!important;
        width: 70px;
    }   
}

@media (max-width: 1080px) {
    html {
        font-size: 93.75%;
    }
}

@media (max-width: 720px) {
    html {
        font-size: 87.5%;
    }
}

* {
    font-family: "Roboto", sans-serif !important;
}

.modal-open {
    padding-right: 0 !important;
}

html {
    overflow-y: scroll !important;
}

.marca-dagua {
    position: absolute;
    top: 46%;
    left: 1vw;
    margin: 0;
    padding: 0;
    color: rgba(200, 200, 200, 0.60);
    font-weight: 900;
    font-size: calc(18vw + 4vmin);
    transform: rotate(-50grad);
}

.cortar-palavra {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.scroll-sidebar {
    height: 100% !important;
}

.sidebar-nav {
    height: calc(100% - 60px) !important;
}

.sair {
    margin-left: 15px;
    margin-top: 15px;
}

.bg-development {
    background-color: #018000;
}

.bg-staging {
    background-color: #018000;
}

.bg-training {
    background-color: #1C4EA5;
}

.mdi-assine-aqui {
    background-image: url('../../images/assineaqui_caneta_branco_16x16.png');
}
.dropdown-menu{
    border: none !important;
    padding: 0;
}
.dropdown-item{
    background: none !important;
}

body {
    background: #f4f6f9;
}

.fit-content {
    width: fit-content;
}

input::placeholder {
    font-weight: lighter;
}

.overflow-y-scroll {
    overflow-y: scroll;
}

.search-box-height {
    max-height: 15rem;
    min-width: 22rem;
}

.overflow-y-scroll::-webkit-scrollbar {
    width: .3rem;
}

.overflow-y-scroll::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: .5rem;
}

.overflow-y-scroll::-webkit-scrollbar-thumb {
    background-color: darkgrey;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-pointer > div {
    pointer-events: none;
}

.search-box .item > div:first-of-type {
    margin: 0 1rem;
}

.search-box .item:hover {
    background: #007bff;
    color: #fff;
}

.search-box .card-body {
    padding: 0;
}

.divider {
    border-bottom: 1px solid black;
    opacity: .3;
    width: 100%;
}

button.btn-link {
    padding: 0;
}

.cabecalho {
    display: none;
}

@media print {
    .no-print {
        display: none;
    }

    .img-container {
        display: flex;
        justify-content: center;
    }
    
    .cabecalho {
        display: block;
    }
}

.select2-selection__rendered {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}