@import url('https://fonts.googleapis.com/css?family=Raleway');

body{
    font-family: 'Raleway', sans-serif;
    font-size: 10pt;
    overflow-x: hidden;
    overflow-y: scroll;
    height: auto;
}

.wrapper {
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}

ul li{
    list-style-type: none;
}


/*slide-bar toggle */
.sidebar-toggle .fa-chevron-left{
    display: inline-block;
}
.sidebar-toggle .fa-chevron-right{
    display: none;
}

.sidebar-collapse .sidebar-toggle .fa-chevron-left{
    display: none;
}

.sidebar-collapse .sidebar-toggle .fa-chevron-right{
    display: inline-block;
}

/* Escrevendo Padrao Textos Geral */
.treeview-menu > li > a, .btn{
    font-size: inherit;
}

/*Custom Admin*/
.main-header .logo{
    padding: 0;
}
.logo-lg, .login-logo, .logo-mini{
    display: block;
    text-indent: -10000000px;
    background-image: url(../img/logo-floww-white.svg );
    background-repeat: no-repeat;
    background-position: 0.825rem;
    background-size: contain;
    height: 70%;
    margin-top: 0.825rem;
}

.login-logo{
    background-image: url(../img/logo-floww-gray.svg );
    height: inherit;
    margin-top: inherit;
    background-position: center center;
}

.logo-mini{
    background-image: url(../img/logo-floww-small.png );
    height: 30px;
    width: 30px;
    margin: 0.725rem auto 0 auto !important;
    background-position: center center;
    background-size: contain;
}
#notification-badge-wrapper {
    font-size: 14px;
}


.skin-blue .main-header .logo,
.skin-blue .main-header .navbar,
.skin-blue .main-header li.user-header{
    background-color: rgb(0, 1, 2);
}

.skin-blue .wrapper{
    background-color: transparent;
}

.content-wrapper{
    background-color: transparent;
}

.skin-blue .main-sidebar, .skin-blue .left-side{
    background-color:rgb(0, 1, 2)
}

.btn-default {
    background-color: #efefef !important;
    color: #5c5c5c !important;
}

.skin-blue .sidebar-menu>li.header{
    color: #fff;
    background-color: transparent;
    border-bottom: dotted 1px #ababab;
}


.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a{
    color: #fff;
    background: #1e282c;
    border-left-color: #3c8dbc;
}


.login-page{
    background: url(../img/flowwsystem-background.jpg) no-repeat center center;
    background-size: cover;
}

.login-box{
    background-color: #fff;
    padding: 0.3em;
}

.btn,
.button,
input[type=submit], input[type=button], .submit-row input, a.button{
    padding: 0.525em 0.825em;
}

.btn+.btn-sep{
    margin-left: 2em;
}

/* botoes que precisam ir pra direita no form de requisicoa de reparo */
.btn-right+.btn-right {
    margin-right: 1.5em;
}


/*Content*/
.content-header > h1 > small{
    display: block;
    padding: 0;
}

.box{
    border-top-width: 2px;
}


.select2-container {width: 100% !important;}
.select2-container--default .select2-results__option {
    white-space: pre;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {

    padding: 4px;
    vertical-align: middle;
    font-size: 11px;

}
/*labels estados*/

.label{
    font-size: 11px;
}
.label-criado{
    background-color: #0a568c;
}
.label-anlisetcnica{
    background-color:orangered
}

.label-anlisecomercial, .label-execuo{
    background-color: orange;
}

.label-reparo{
    background-color: greenyellow;
}

.label-expedio, .label-fechado, .label-entregue{
    background-color: darkgreen;
}
.label-emproduo, .label-convertido{
    background-color: yellow;
}
.label-baixa{
    background-color: #20ff00;
}

.label-normal{
    background-color: darkgreen;
}

.label-urgente{
    background-color: #ff0000;
}

.label-garantia{
    background-color: #7703fc;
}

.label-alta{
    background-color: darkorange;
}

.label-novo, .label-recebido, .label-aguardando{
    background-color: blue;
}
.label-aprovado{
    background-color: #00ff08;
}
.label-faturado{
    background-color: green;
}
.label-cancelado, .label-atribudo, .label-pendente{
    background-color: red;
}
.label-emfaturamento, .label-emprogresso{
    background-color: #f39e3b;
}
.label-despachado{
    background-color: #00b9c5;
}
.label-separado, .label-reciclado{
    background-color: #42ae5f;
}
.label-lixo{
    background-color: #0a0a0a;
}
.label-finalizado{
    background-color: #9f1c14;
}

.label-reprovado{
    background-color: #02ffe6;
}

/*Search*/
.input-group-btn>.btn{
    padding: 5px 8px;
    border-radius: 4px;
    height: 34px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    font-size: 14px;
    color: inherit;
    border: 1px solid #ccc;
    border-left: none;

}
.input-group-btn>.btn:hover{
    background-color: #0b97c4;

}

/* OS */

#submit-id-submit{
    padding: 0.325em 0.75em !important;
    background-color: #79aec8 !important;
}

.form-group label {
    display: block;
    margin: 8px 0 3px 0;
}

.form-control{
    font-size: inherit;
}

legend {
    font-size: 1.5rem;
}

.go-away{
    position: absolute;
    left: -10000000000000000px;
}

.btn-delete-row{
    color: darkred !important;
}

.btn-delete-row .fas{
    font-size: 2.25em;
    margin-top: 31px;
}

.btn-delete-row:hover{
    color: red !important;
}
.d-block{
    display: block
}
.d-inline{
    display: inline-block;
}

/*suit.css:2363*/
body.delete-confirmation .content-wrap {
    display: block;
    margin: 1.5rem 2.625rem;
}
/*suit.css:1426*/
.alert-dangerr{
    background-color: #f2dede;
    border-color: #ebcccc;
    color: #a94442 !important;
}
.alert-dangerr h2 {
    margin-top: 1.2rem !important;
    font-size: 2.143rem !important;
}
/*suit.css:1398*/
.alert, .errornote, .messagelist li, body.delete-confirmation .content-wrap {
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.p-10px {
    padding: 10px;
}
#show-notifications .fa-bell {
    font-size: 1.5em;
}

#notifications-content a {
    position: relative;
}

#notifications-content span {
    font-size: 14px;
}

#notifications-content .notification-icon {
    margin-right: .5em;
}

#notifications-content .notificado-em span {
    font-size: 10px;
    float: right;
    color: #999999;
}

#notifications-content .endless_container {
    display: flex;
    padding: 10px 0;
    text-align: center;
}

#notifications-content .endless_more {
    padding: 0 10px;
    width: 100%;
    height: 100%;
}

#notifications-content .nao-lida-badge {
    position: absolute;
    border-radius: 50px;
    background-color: blue;
    right: 5px;
    top: 0;
    height: 10px;
    width: 10px
}

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu {
    max-height: 300px !important;
}

.multiselect-choices .btn:hover, .multiselect-choices .btn {
	background-color: #0b97c4;
}

.requisicao-atrasada{
    background-color: #FFD4D4;
}