@font-face {
    font-family: OCR-A;
    src: url('../fonts/ocr-a/OCR-A\ Regular.ttf');
}

.login-logo, .logo-lg  {
    font-family: OCR-A;
}

.login-logo a {
    color: #0A5EA4 !important;
}

body {
    font-family: Poppins, sans-serif !important;
}

.content-wrapper {
    background-color: #F5F7FA !important;
}

.tooltip-inner {
    padding: 6px 10px !important;
}

.btn-close-servico {
    background-color: transparent;
    color: #AC2925;
    transition: all ease .4s;
}

.btn-reopen-servico {
    background-color: transparent;
    color: #E08E0B;
    transition: all ease .4s;
}

.servico-description {
    color: #999;
    font-size: 13px;
}

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

li.item {
    padding: 10px 16px !important;
}

.link-subtitulo {
    color: #383838;
}

.link-subtitulo:hover {
    text-decoration: underline;
    color: #383838;
}

.img-xs {
    width: 16px !important;
    height: 16px !important;
    float: left;
}

.small-box {
    border-radius: 7px;
    position: relative;
    display: block;
    margin-bottom: 20px;
    border-color: #f7fafc;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
    font-family: OCR-A;
}

.page-header {
    margin: 10px 0 20px 0;
    font-size: 22px;
    font-family: Open Sans, sans-serif;
    color: #32325d;
}

.box {
    position: relative;
    border-radius: 7px;
    background: #ffffff;
    border-top: 3px solid #8ca1cb;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);
}

.product-list-in-box>.item {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 1px solid #94dff0;
}

.products-list .product-img img {
    width: 40px;
    height: 40px;
    border-radius: 5px;
}

.products-list .product-title {
    font-family: Open Sans, sans-serif;
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.5;
    color: #0a5ea4;
}
.products-list .product-description {
    display: block;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 80%;
    font-weight: 400;
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
    font-size: 1rem;
}

li.item {
    padding: 3px 16px !important;
}
.sidebar[data-image]:after, .sidebar.has-image:after {
    opacity: .95;
}
.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a, .skin-blue .sidebar-menu>li.menu-open>a {
    color: #0a5ea4 !important;
    background: #F5F7FA !important;
}
.skin-blue .sidebar-menu>li.header {
    color: #ffffff !important;
    background: #1a222626 !important;
}

.sidebar[data-color=blue]:after,.bootstrap-navbar[data-color=blue]:after {
    background: #447df7;
    background: -moz-linear-gradient(top,#447DF7 0%,rgba(83,60,225,0.7) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#447DF7),color-stop(100%,rgba(83,60,225,0.7)));
    background: -webkit-linear-gradient(top,#447DF7 0%,rgba(83,60,225,0.7) 100%);
    background: -o-linear-gradient(top,#447DF7 0%,rgba(83,60,225,0.7) 100%);
    background: -ms-linear-gradient(top,#447DF7 0%,rgba(83,60,225,0.7) 100%);
    background: linear-gradient(to bottom,#447DF7 0%,rgba(83,60,225,0.7) 100%);
    background-size: 150% 150%
}


/* tamanho da scrollbar */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* fundo da scrollbar */
::-webkit-scrollbar-thumb {
    background: #00c0ef;
    -webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);
	-webkit-border-radius: 6px;
}
/* fundo da scrollbar */
::-webkit-scrollbar-track {
    background: #f1f1f1;
    -webkit-box-shadow: inset 1px 1px 2px #E0E0E0;
    border: 1px solid #D8D8D8;
	-webkit-border-radius: 6px;
}
::-webkit-scrollbar-track-piece  {
  background-color: #E0E0E0;
  -webkit-border-radius: 6px;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #228b22; 
    -webkit-border-radius: 6px;
}
/* cor texto da sidebar */
.sidebar-content a, .sidebar-content.solid-bg a *, .sidebar-content .recent-posts a {
    color: #256d21;
}
.skin-blue .sidebar a {
    color: #ffffff !important; 
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 19px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #337ab7;
    width: fit-content;
}
.card {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: var(--card-color);
    border: 1px dashed var(--border-color);
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.card .body {
    color: var(--font-color);
    font-weight: 400;
    padding: 20px;
}
.primary-bg {
    background: var(--primary-color);
}

.bg-indigo {
    background-color: #6610f2 !important;
}
.small-box>.small-box-footer {
    position: relative;
    text-align: center;
    padding: 3px 0;
    color: #fff;
    color: rgba(255, 255, 255, 0.8);
    display: block;
    z-index: 10;
    background: rgba(0, 0, 0, 0.1);
    text-decoration: none;
    font-size: 1em !important;
}

.small-box p {
    font-size: 0.93em !important;
}

.skin-blue .main-header .navbar {
    background-color: #3c8dbc;
    background: rgb(2, 0, 36);
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 0%, rgba(44, 171, 196, 1) 100%);
}

.skin-blue .main-header .logo {
    background-color: #367fa9;
    color: #fff;
    background: rgb(2, 0, 36);
    background: linear-gradient(314deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 0%, rgba(44, 171, 196, 1) 100%);
    border-bottom: 0 solid transparent;
}
.skin-blue .main-header .navbar {
    background-color: #3c8dbc;
    background: rgb(2, 0, 36);
    background: linear-gradient(92deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 0%, rgba(44, 171, 196, 1) 100%);
}

.main-sidebar {
    position: absolute;
    background: linear-gradient(268deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 0%, rgba(44, 171, 196, 1) 100%);
    top: 0;
    left: 0;
    padding-top: 50px;
    min-height: 100%;
    width: 230px;
    z-index: 810;
    -webkit-transition: -webkit-transform .3s ease-in-out, width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out, width .3s ease-in-out;
}

@media (max-width: 576px) {
    .table {
        font-size: 0.75rem;
    }
    .element.style {
    min-height: 1748px;
}
}