@import url('https://fonts.googleapis.com/css?family=Muli&display=swap');

body{
    font-family: 'Raleway', sans-serif;
    font-size: 11pt; 
    color: #606060;
    overflow-x: hidden;
    overflow-y: scroll;
    height: auto;
    background-color: #0072bc;
}

/* pro sidebar não ficar por cima do footer no mobile */
.sidebar-open .content-wrapper, .sidebar-open .main-footer {
    transform: none !important;
}

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

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

/***********************
verdinho - 0072bc
azulzin - 556689
********************************/

/*****************
sidebar 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;
}

/*****************
Header & Navigation
**************************************/

.logo-lg,
.login-logo,
.logo-mini{
    display: block;
    text-indent: -10000000px;
    background-image: url(img/logo-os3-branca-site.svg );
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    width: 80px;
    margin-top: 0.875rem;
    height: 60px;
}

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

.logo-mini{
    height: 30px;
    width: 30px;
    margin: 15px 0 0 -10px !important;
    background-position: center center;
    background-size: contain;
}

.skin-blue .main-header{
    background-image: url('img/header_bg9.png');
    background-size: cover;
    background-position: center;
}

.skin-blue .main-header nav{
    background: transparent!important;
}


.skin-blue .main-header .logo{
    padding-left: 20px;
    height: 70px;
    background: transparent!important;
}

.skin-blue .main-header .logo,
.skin-blue .main-header .navbar,
.skin-blue .main-header li.user-header{
    background-color: #0072bc;
}

.skin-blue .main-header .logo:hover {
    background-color: #0072bc;
  }
  
  /* toggle menu */
  .skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #0072bc;
  }
  .skin-blue .main-header .navbar .sidebar-toggle{
      color: #0072bc;
  }

  .skin-blue .main-header .navbar .logo-company{
      display: block; float: right;
      margin-right: 1em;
      margin-top: 0.7em;
  }

  /*top header*/
  .skin-blue .main-header .navbar{
      background: #fff;
  }

/* main sidebar */
.skin-blue .main-sidebar { padding-top: 70px; }

.skin-blue .main-sidebar,
.skin-blue .left-side{ background-color: #0072bc; }

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

.skin-blue .sidebar-menu>li:hover>a{
    color: #fff;
    background-color: #0072bc;
    border-left-color: #556689;
}

.skin-blue .sidebar-menu>li.active>a,
.skin-blue .sidebar-menu>li.menu-open>a
{
    color: #fff;
    background-color: #0072bc;
    border-left-color: #556689;
}

.skin-blue .sidebar-menu>li>.treeview-menu{
    background-color: #0072bc;
}
.skin-blue .sidebar-menu .treeview-menu>li>a{
    color: #bfbfbf;
}

.skin-blue .sidebar a {
    color: #fff;
}

/******************
Login page
************************************/

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

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




/*********************
Display General Content
************************************/
.breadcrumb {
    background-color: #fff; 
}

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

.content-wrapper{
    background-color: #efefef ;
}

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

@media screen and (min-width: 1024px) {
    .content{min-height: 600px;}
}
/*********************
Data Listing & Panels
*******************************/
.box{ border-top-width: 2px; }


.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;
}

/**************************
Forms e Controles
*******************************/

.btn-default {
    background-color: #0072bc !important;
    color: #fff !important;
}

.btn, .button,
input[type=submit],
input[type=button],
.submit-row input, a.button{
    /* padding: 0.525em 1.825em;
    border-radius: 15px; */
    /* padding: inherit;
    border-radius: inherit; */
}

.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;
}

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

/*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;

}


#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;
}

/*****************
footer
***********************/
.main-footer{
    margin-left: inherit;
    background: #0072bc;
    height: 234px;
    font-size: 0.9em;
    color: #fff;
    /*border-top: solid 2px #efefef;*/
}

.main-footer a{ color: #fff; }

.main-footer .row{margin: 30px 0;}

.modal-textarea textarea{height: 60px;}
.form-textarea textarea{height: 80px;}

.btn-block:hover{

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

}

input[readonly]{background-color: #ccc;}



/*labels estados*/

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

.label-credito{
    background-color: #0072bc;
}

.label-gerencia, .label-execucao{
    background-color: orange;
}

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

.label-fechado, .label-financeiro{
    background-color: darkgreen;
}



.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-finalizado{
    background-color: #9f1c14;
}

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

/* UTILITIES */
.w-100 {
    width: 100%;
}

/* modal vertically centered for bootstrap 3 */
.modal-dialog-centered {
    text-align: center;
    padding: 0 !important;
}

.modal-dialog-centered:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog-centered .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.form-check{display: inline; float: left; padding: 2px 10px 2px 0;}

/* mantendo padrao admin lte */
button, .button, input[type="submit"], input[type="button"], .submit-row input, a.button{padding: 0.325em 0.75em !important;}
.form-group{padding-left: 15px;}

.form-filter .row .col-sm-3{margin-bottom: 5px;}
.form-filter .row {justify-content: flex-start!important;}

.btn-consulta-fatura{padding-top: 30px;}