/*
Theme Name: Dashboard 
Author: BT Design
Author URI: http://www.btdesign.site
Description:  Painel de Controle desenvolvido em Bootstrap 4
Version: 1.0
Text Domain: BT Design
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,800');


  .highlight {
    background-color: yellow;
  }
  
body{
font-family: 'Montserrat', Tahoma;
font-size: 13px;
color: #4A4A4A;
font-weight: 500;
letter-spacing: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: geometricPrecision;
background-color: #f1f1f1;
max-width: 100%;
overflow-x: hidden;
}

.img-responsive{
	width: 100%;
    max-width: 100%;
}

.buttons-csv{
    border: transparent;
    background-color: #f1f1f1;
    font-size: 13px;
    border-radius: 5px;
    padding: 5px 20px;
    color: #404040;
    cursor: pointer;
}
.buttons-excel{
    border: transparent;
    background-color: #f1f1f1;
    font-size: 13px;
    border-radius: 5px;
    padding: 5px 20px;
    color: #404040;
    cursor: pointer;
}

.buttons-csv:hover, .buttons-excel:hover{
    background-color: #308CD1;
    color: #fff;
}


.uppercase{
	text-transform: uppercase !important;
}

html{
font-family: 'Montserrat', Tahoma;
font-size: 13px;
color: #4A4A4A;
font-weight: 500;
letter-spacing: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: geometricPrecision;
max-width: 100%;
overflow-x: hidden;

}

a{
	text-decoration: none;
}

header{background-color: #fff;}

html {
  scroll-behavior: smooth;
}

.direita{
	text-align: -webkit-right;
	text-align: -moz-right;
}

p{
font-weight: 500;
font-size: 13px;
color: #4A4A4A;
letter-spacing: 0;
}

.hover:hover{
	opacity: 0.5;
	transition-duration: 0.2s;
}

#topo{
border-top:3px solid #308CD1;
}

#cabecalho{
background-color: #ffffff;
padding: 10px;
padding-bottom: 5px;
}

#cabecalho .far, #cabecalho .fas{
font-size: 25px;
color: #308CD1;
padding-top: 14px;
}


#cabecalho .logado{
	padding-top:17px;
	color: #989898;
	font-size: 14px;
	font-weight: 500;
}

.cor-alerta{
	color:#308CD1;
	font-weight: 500;
}

.cor-alerta:hover{
	color:#308CD1;
	font-weight: 500;
	text-decoration: none;
}

.cor-azul{
	color:#308CD1;
}

.perfil{
	border-radius: 100px;
    border: solid 1px #308CD1;
}

.bg-dark{
background: -webkit-linear-gradient(left, #308cd1, #2472ac);
background: -moz-linear-gradient(left, #308cd1, #2472ac);
background: -ms-linear-gradient(left, #308cd1, #2472ac);
background: -o-linear-gradient(left, #308cd1, #2472ac);
background: linear-gradient(to right, #308cd1, #2472ac);
	box-shadow: 0 8px 10px 0 rgba(0,0,0,0.16);
}

.nav-link {
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
}

li .nav-item .active a{
	font-weight: 600 !important;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 30px !important;
}

#toggle{
	cursor:pointer;
	display: block;
}

h1{
	font-size:20px;
	color: #4A4A4A;
	letter-spacing: 0;
	font-weight: 500;
}

#blocobranco{
background: #FFFFFF;
box-shadow: 0 1px 20px 0 rgba(0,0,0,0.10);
border-radius: 10px;
min-height: 300px;
padding: 20px;
width: 100%;
}

#blocobranco2{
    background: #FFFFFF;
    box-shadow: 0 1px 20px 0 rgb(0 0 0 / 10%);
    border-radius: 10px;
    min-height: 240px;
    padding: 20px;
    width: 100%;
    margin-bottom: 30px;
}

#blocobrancointerno{
background: #FFFFFF;
box-shadow: 0 1px 20px 0 rgba(0,0,0,0.10);
border-radius: 10px;
min-height: 300px;
padding: 30px;
width: 100%;
padding-bottom: 60px;
}

#blocobrancointernopdf{
background: #FFFFFF;
border-radius: 10px;
min-height: 300px;
padding: 30px;
padding-top: 10px;
width: 100%;
padding-bottom: 60px;
}


#blocobrancointernopdf hr {
    margin-top: 0px;
    margin-bottom: 6px;
    border: 0;
    border-top: 1px solid rgb(0 0 0 / 3%);
}

#blocoazul{
background: #308CD1;
box-shadow: 0 1px 20px 0 rgba(0,0,0,0.10);
border-radius: 10px;
min-height: 500px;
padding: 30px;
}



h2{
font-weight: 500;
font-size: 16px;
color: #4c4c4c;
letter-spacing: 0;
}

b, strong{
	font-weight: 600 !important;
}

#blocoazul h2{
font-weight: 500;
font-size: 13px;
color: #ffffff;
letter-spacing: 0;
}

#blocoazul p{
	color: #fff;
	font-weight: 500;
	font-size: 13px;
	line-height: 23px;
}

.horas p{
font-weight: 500;
font-size: 13px;
color: #FFFFFF;
letter-spacing: 0;	
}

#divisor{
margin-top: 40px;
border: 1px solid #6363bc;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255,255,255,1);
}

.tipo, .valor{
	width: 100%;	
}



.mt-10{
	margin-top: 10px;
}

.mt-20{
	margin-top: 20px;
}

.mt-30{
	margin-top: 30px;
}

.mt-50{
	margin-top: 50px;
}

#campo, #valor{
	padding:10px 10px 10px 5px;
}

#campo input {
    display: block;
    width: 100%;
    height: 35px;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #495057;
    background-color: #f3f3f3;
    background-clip: padding-box;
    border: 1px solid #ced4da00;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

#novogasto{
	margin-left: -13px;
}

.ft14{
	font-size: 13px;
}

.ft16{
	font-size: 16px;
}

#finalgasto{
	border-top: 1px dashed #f1f1f1;
    margin-top: 20px;
    padding-top: 20px;
}

.btn-primary {
    background-color: #308CD1 !important;
    font-weight: 600;
    cursor: pointer;
}

.btn-primary:hover {
    background-color: #195678 !important;
}


.btn-pedido {
    background-color: #308CD1 !important;
    font-weight: 600;
    cursor: pointer;
    color: #fff;
}

.btn-pedido:hover {
    background-color: #cf8814 !important;
}


.btn{
	padding: 10px 30px;
    font-size: 13px;
    border-radius: 100px;
    border: transparent;
    font-family: 'Montserrat', Tahoma;
    cursor: pointer;
    border-radius: 100px !important;
}

.btn2 {
    padding: 10px 20px;
    font-size: 12px;
    border-radius: 100px;
    border: transparent;
    font-family: 'Montserrat', Tahoma;
    cursor: pointer;
    border-radius: 100px !important;
}

#login, .senha, .input{
	text-align: -webkit-center;
	max-width: 400px;
}

#loginform .form-group{
	text-align: -webkit-center;
}

.fa-sign-out-alt{
	color:#308CD1 !important;
}

#iphone{
	margin-top: -80px;
	background-image:url('../img/iphone6.svg');
    width:420px;
    height:873px;
    background-repeat: no-repeat;
}


#carregando{
	top: 45%;
    position: relative;
    left: 44%;
}

iframe{border: 1px solid #E8E8E8;position: absolute;}

#vincular{display: none;}

textarea{
	background: #FFFFFF !important;
	border: 2px solid #f1f1f1 !important;
	border-radius: 5px !important;
	color: #4a4a4a !important;
}


.bordaamarela{
	background: #FFFFFF !important;
	border: 2px solid #f1f1f1 !important;
	border-radius: 5px !important;
	height: 35px !important;
	color: #4a4a4a !important;
}

.bordacinza{
	background: #fff !important;
	border: 2px solid #F1f1f1 !important;
	border-radius: 12px !important;
	height: 35px !important;
	color: #4a4a4a !important;
}

#formsolicitar label{
	font-weight: 500;
}

.protocolo2{
	text-align: -webkit-center !important;
	background-color:#f1f1f1 !important;
	font-size: 14px !important;
	font-weight: 600 !important;
}

.swal-text {
    font-size: 13px !important;
    text-align: -webkit-center !important;
    font-weight: 500;
}

.swal-button {
    background-color: #308CD1;
}

#consultar .conteudo p{
	font-size: 13px;
	color: #4a4a4a;
	font-weight: 500;
}

.consultastatus{
font-family:'Montserrat';
font-size: 18px;
color: #4A4A4A;
letter-spacing: -0.23px;
line-height: 26px;
}

.divisao{
background-color: #308CD1;
width: 40px;
height: 5px;
border-radius: 100px;
margin-bottom: 20px;
}

.protocolo{
font-family: 'Montserrat';
font-size: 16px;
color: #8FBB3F;
letter-spacing: -0.17px;
line-height: 26px;
margin-bottom: 30px;
}

.status{
    border-radius: 100px;
    font-family: 'Montserrat';
    font-size: 10px;
    color: #FFFFFF;
    letter-spacing: 0;
    font-weight: 500;
    text-transform: uppercase;
    padding: 5px 10px 5px 15px;
    max-width: 95px;
    margin-bottom: -10px;
}

.dt-buttons{
	float:right;
	margin-left: 10px;
}

.modal-header .close {
    padding: 1rem;
    margin: 0;
}

.close {
    float: right;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 1;
}

.btnreceita{
	font-size: 12px;padding: 8px 25px;background-color: #8FBB3F !important;
}

.btndespesa{
	font-size: 12px;padding: 8px 25px;background-color: #f13b3b !important;
}


.modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem;
    padding: 40px;
}

.modal {
    top: 50px;
}

.aberto{
		background-color: #e35698;
}

.receita{
		background-color: #8FBB3F;
}

.despesa{
	background-color: #f13b3b;
}

.pendente{
		background-color: #fabb33;
}

.confirmado{
		background-color: #4cf3a5;
}


.enviado{
		background-color: #8FBB3F;
}

.concluido{
		background-color: #8FBB3F;
}

.recebido{
		background-color: #8FBB3F;
}

.desativado{
		background-color: #f331a9;
}

.arquivado{
		background-color: #909090;
}

#legenda{
	font-size: 10px;
	line-height: 20px;
	cursor: pointer;
	display: block;
}

#legenda .statusinterno{
	font-size: 8px !important;
}

#legenda2{
	font-size: 10px;
	line-height: 20px;
}

#legenda2 .statusinterno{
	font-size: 8px !important;
}


.textorodape{
	color: #fff !important;
}

.conteudo {
    border-bottom: 1px dashed #c0c0c0;
    padding-bottom: 20px;
    padding-top: 30px;
}


.divisorazul{
	opacity: 0.20;
	border: 1px dashed #FFFFFF;
}

a.verificar{
background: #475BAD;
border-radius: 9px;
font-size: 13px;
color: #fff;
font-weight: 500;
text-decoration: none;
padding: 6px 10px;
margin-top: -5px;
}

a.verificar:hover{
background: #4156a8;
text-decoration: none;
}


#fixorodape{
	color: #fff;
    position: absolute;
    bottom: 25px;
    left: 120px;
}


a.vertodas{
background: #475BAD;
border-radius: 9px;
font-size: 10px;
color: #fff;
font-weight: 500;
text-decoration: none;
padding: 6px 10px;
}

a.vertodas:hover{
background: #4358aa;
text-decoration: none;
}

.table thead th {
    font-size: 10px !important;
    font-weight: 500 !important;
    vertical-align: bottom;
    border-bottom: 2px solid #dee2e6;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0,0,0,.02) !important;
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 18px;
    border-bottom: 1px solid #9999990f !important;
}

table.dataTable.no-footer {
    border-bottom: 1px solid transparent !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #f1f1f1 !important;
    border-radius: 5px;
    border: 1px solid #979797;
    background-color: white;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #FFF))  !important;
    background: -webkit-linear-gradient(top, #fff 0%, #FFF 100%) !important;
    background: -moz-linear-gradient(top, #fff 0%, #FFF 100%) !important;
    background: -ms-linear-gradient(top, #fff 0%, #FFF 100%) !important;
    background: -o-linear-gradient(top, #fff 0%, #FFF 100%) !important;
    background: linear-gradient(to bottom, #fff 0%, #FFF 100%) !important;
}

.previous, .next{
	display: none !important;
}


#solicitacoes_filter input{
    border-radius: 10px !important;
    border: 2px solid #f1f1f1 !important;
    height: 30px !important;
}

#solicitacoes .fa-pen-square{
	color: #308CD1;
	font-size: 16px;
}

#solicitacoes .fa-trash-alt{
	color: #e21b79;
	font-size: 13px;
}

.paginate_button{
	margin-top: 10px !important;
	font-size: 10px !important;
}

.dataTables_info{
	margin-top: 10px;
}

.cabecalhointerno{
	border-bottom: 1px dashed #f1f1f1;
    padding-bottom: 20px;
}

.cabecalhointerno h2{
	vertical-align: -webkit-baseline-middle;
    display: inline-block;
}

.form-control{
	font-weight: 500;
}


.form-control:disabled, .form-control[readonly] {
    background-color: #f7f7f7 !important;
    opacity: 1 !important;
}

.motivo{
	border-radius: 10px;
    font-size: 13px;
    color: #fff;
    padding: 5px 10px;
    margin-top: -30px;
    margin-bottom: 10px;
    max-width: 140px;
    text-align: -webkit-center;
    font-weight: 500;
    background-color: #F7B654;
}

.mensagemenviada .fa-calendar-alt{
	color: #F7B654;
	font-size: 16px;
}

.mensagemenviada .fa-quote-left{
	color: #f1f1f1;
	font-size: 18px;
}

.mensagemenviada{
	margin-top: 30px;
	margin-bottom: 10px;
	padding-bottom: 30px;
	border-bottom: 1px dashed #f1f1f1;
}

.mensagemenviada .fa-user{
	color: #F7B654;
	font-size: 16px;
}


footer{
	background-color: #fff;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-top: 80px;
	border-bottom: 4px solid #308CD1;
	font-size: 12px;
}

.statusinterno{
	width: 40px;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: .3em .6em .3em;
    line-height: 1;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 10px !important;
    white-space: nowrap;
    display: inline;
    vertical-align: baseline;
    border-radius: .25em;
}


.fundologin {
    background: url('../img/fundologin.jpg') -300px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-size: auto;
}

.botaoadicionar{
	float: right;
    margin-top: -10px;
}

.list-unstyled{
	color:#D6483D !important;
	margin-top: 3px;
	font-size: 12px !important;
}


.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    overflow: hidden;
    color: #fff !important;
    font-weight: 600 !important;
}

#exibirprogramacao{
	background-color: #fff;
	min-height: 500px;
	margin-top: 40px;
}

.marcacaoamarela{
	font-size: 15px;
    font-weight: 600;
    color: #ffffff !important;
    display: block;
    background-color: #308CD1;
    border-radius: 100px;
    padding: 10px;
    text-align: -webkit-center;  
}

a.marcacaoamarela{
	text-decoration: none !important; 
}

#exibirprogramacao h5{
	margin-top: 15px;
}

#agenda{
	font-size: 13px;
    font-weight: 500;
    color: #4a4a4a;
    text-align: -webkit-center; 
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}


.seg{
	font-size: 15px;
    font-weight: 600;
    color: #ffffff !important;
    display: block;
    background-color: #E2E78F;
    border-radius: 100px;
    padding: 10px;
    text-align: -webkit-center; 
text-decoration: none !important; 
}

.ter{
	font-size: 15px;
    font-weight: 600;
    color: #ffffff !important;
    display: block;
    background-color: #A2CA3D;
    border-radius: 100px;
    padding: 10px;
    text-align: -webkit-center;  
text-decoration: none !important;
}

.qua{
	font-size: 15px;
    font-weight: 600;
    color: #ffffff !important;
    display: block;
    background-color: #43BA96;
    border-radius: 100px;
    padding: 10px;
    text-align: -webkit-center;  
text-decoration: none !important;
}

.qui{
	font-size: 15px;
    font-weight: 600;
    color: #ffffff !important;
    display: block;
    background-color: #3BC5F3;
    border-radius: 100px;
    padding: 10px;
    text-align: -webkit-center;  
text-decoration: none !important;
}

.sex{
	font-size: 15px;
    font-weight: 600;
    color: #ffffff !important;
    display: block;
    background-color: #777FBD;
    border-radius: 100px;
    padding: 10px;
    text-align: -webkit-center;  
text-decoration: none !important;
}

.sab{
	font-size: 15px;
    font-weight: 600;
    color: #ffffff !important;
    display: block;
    background-color: #ED66A3;
    border-radius: 100px;
    padding: 10px;
    text-align: -webkit-center;  
    text-decoration: none !important;
}

#rodapebotao{
	border-top: 1px dashed #f1f1f1;
	margin-top: 40px;
}

#rodapebotao .btn-primary{
	border-radius: 100px !important;
	margin-left: -15px;
}

#rodapebotao .btn-danger{
	margin-left:20px;
}

#rodapebotao .btn-success{
	margin-right: -10px;
}

.botaoconfirmar{
	    background-color: #28a745;
}

.swal-button:not([disabled]).botaoconfirmar:hover{
	background-color: #1a8c35;
}

.swal-button--cancel{
	background-color: #308CD1;
	color:#fff;
}

.swal-button--cancel:hover{
	background-color: #0d2f67;
	color:#fff;
}



/* timeline */

ul.timeline {
    list-style-type: none;
    position: relative;
    margin-left: -25px;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
    padding-bottom: 10px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}


#atalhos{
	padding: 0 20px;
	color: #fff !important;
}

#atalhos h5{
	color: #fff !important;
}

#atalhos p{
	color: #fff;
}

#mySidenav{
	z-index: 99999999999;
}

/* The side navigation menu */
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  right: 0;
 background: linear-gradient(25deg, #308cd1, #2472ac);
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
   box-shadow: -2px 0 10px 0 rgba(0, 0, 0, 0.22);
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500 !important;
  color: #fff;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #fff;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;

}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #fff  !important;
    background-color: transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #fff)) !important;
    background: -webkit-linear-gradient(top,  #fff 0%, #FFF 0%)  !important;
    background: -moz-linear-gradient(top,  #fff 0%, #FFF 0%)  !important;
    background: -ms-linear-gradient(top,  #fff 0%, #FFF 0%)  !important;
    background: -o-linear-gradient(top,  #fff 0%, #FFF 0%)  !important;
    background: linear-gradient(to bottom, #fff 0%, #FFF 0%) !important;
}

#rodapebotao .btn-success {
    margin-right: 10px;
    margin-left: -15px;
}

.red{
	color:#C82334;
}


#imprimir{
	display:block;cursor:pointer;border-radius: 5px;position: absolute;right: 75px;padding: 5px 15px;color: #fff;top: 40px;background-color: #ffc107;
}

.remover{
font-size: 13px; color: #dc3545;cursor: pointer;display: block;font-weight: 500;}
    
    
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #308CD1 !important;
    border-color: #308CD1 !important;
}    

small{
	font-weight: 500;
}

.alturaminima{
	min-height: 550px;
}

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

h5{
	font-weight: 500;
    font-size: 13px;
    color: #308CD1;
    letter-spacing: 0
}

label {
    display: inline-block;
    margin-bottom: 0.1rem;
}

#ver{
	position: absolute;
    margin-top: -25px;
    right: 20px;
}

.vermelho::-webkit-input-placeholder {
	 color:red;
	 font-size: 12px;
 }
 
#escolhercatalogo{
	padding: 20px;border:2px solid #f1f1f1;border-radius: 10px;margin: 0px;background-color:#fff;transition: 0.2s;display: block;cursor: pointer;
}

#escolhercatalogo:hover{
	background-color: #308CD1;color:#fff;border:2px solid #308CD1;
}

.btn-outline-lite{
	font-size: 10px;
	border:2px solid #308CD1;
	background-color: #fff;
	color:#308CD1;
	font-weight: 600;
	text-transform: uppercase;
}


.btn-outline-lite:hover{
	background-color: #308CD1;
	color:#fff;
}

#pedidos hr { display: block; height: 2px;
    border: 0; border-top: 2px solid #f1f1f1;
    margin: 1em 0; padding: 0; }
    
    
.remover {
    position: absolute;
    right: -10px;
    top: 25px;
}  

.checkboxes label {
	display: inline-block;
	padding-right: 10px;
	white-space: nowrap;
	font-size: 12px;
	border: 1px solid #e1e1e1;
	padding: 10px;
	border-radius: 5px;
	margin-right: 10px;
	vertical-align: middle;
	text-align: center;
	font-weight: 600;
}
.checkboxes label:hover, .checkboxes label:active, .checkboxes label:focus, .checkboxes label:after, .checkboxes label:checked:after  {
    background-color: #308CD1;
    color: #fff;
    border-color:#308CD1;
}
.checkboxes input {
  vertical-align: middle;
  margin-top: -3px;
}
.checkboxes label span {
  vertical-align: middle;
}
    
 .card {
    margin-bottom: 1.5rem
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #c8ced3;
    border-radius: .25rem
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f0f3f5;
    border-bottom: 1px solid #c8ced3
}

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem
}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 10px !important;
    border-bottom: 1px solid #111;
}

.fa-download {
    color: #dc3545;
}

.marginlogin{
	margin-top: -90px;
}

.removermobile{
	display: block;
}

.removerdesktop{
	display: none;
}

.paddingleft{
	padding-left: 30px;
}

.paddingright{
	padding-right: 30px;
}


#pedidos{
	margin-left:-15px;
}

#blocobranco .fa, .fas {
    font-weight: 900;
    font-size: 16px;
}

.menosemais {
    font-size: 8px;
    padding: 10px;
    border-radius: 5px !important;
    margin: 2px;
}

.select2-container--default .select2-selection--single {
    border: 2px solid #f1f1f1 !important;
    height: 35px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 30px !important;
}

.padtop{
	padding-top: 13px;
}

.padtop2{
	padding-top: 10px;
}

.float{
	position:fixed;
	width:50px;
	height:50px;
	bottom:30px;
	right:30px;
	background-color:#2E88CB;
	color:#FFF;
	border-radius:50px;
	text-align:center;
    font-size:30px;
	box-shadow: 2px 2px 3px #999;
    z-index:100;
}

.my-float{
	margin-top:11px;
}

.float:hover{
	color:#FFF;
}

.hide-mobile{
	display: block;
}

.hide-desktop{
	display: none;
}

hr {
    margin-top: 10px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid rgb(0 0 0 / 3%);
}

li.nav-item {
    text-align: center;
}

.nav-link i {
    margin-bottom: 5px;
    margin-top: 5px;
}

.dropdown-menu {
    margin-top: -5px;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 5px;
    vertical-align: 1px;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

i.fas.fa-arrow-right {
    top: 2px;
    position: relative;
}


.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    padding: 10px 16px;
    border-radius: 100px;
   background-color: #f1f1f1;
   color:#4a4a4a;
}

#tabelameses {
    float: revert;
    margin-top: -30px;
    display: inline-table;
    position: absolute;
    margin-left: 400px;
    z-index: 2;
}

.botoesreceita{
	z-index: 1;
    position: relative;
}

.textodescricao p{
	font-size: 11px;
}


@media screen and (max-width: 480px) {
	
	.dt-buttons{
	float:inherit;
	margin-left: 10px;
}
	
#cabecalho .logado{
	padding-top:15px;
	color: #989898;
	font-size: 12px;
	font-weight: 500;
}	
	
.hide-desktop{
	display: block;
}
	
.hide-mobile{
	display: none;
}	
	
.padtop2{
	padding-top: 0px;
}	
	
.padtop{
	padding-top: 5px;
}	
	
.menosemais {
    font-size: 8px !important;
    padding: 10px !important;
    border-radius: 5px !important;
    margin: 2px !important;
}
	
.btn {
    padding: 10px 20px;
    font-size: 12px;
}	
	
.paddingleft{
	padding-left: 20px;
}	

.paddingright{
	padding-right: 20px;
}
	
.mt-5{
	margin-top: 2rem!important;
}	

.removermobile{
	display: none;
}	

.removerdesktop{
	display: inherit;
}

.marginlogin{
	margin-top: -200px;
}

h2{
    font-size: 14px;
}

#blocobranco {
    padding: 20px;
}

.swal-title {
    font-size: 18px;
}

#cabecalho{
padding: 20px;
}

.bg-dark {
    height: 2px;
}

.navbar{
	padding: 0;
}

body{
font-size: 12px;
max-width: 100%;
overflow-x: hidden;
touch-action: pan-x pan-y;
}

h1 {
    font-size: 18px;
}

#blocobranco h2{
 text-align: center;
}

footer {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 10px;
    margin-top: 80px;
    border-bottom: 4px solid #308CD1;
    font-size: 12px;
    text-align: -webkit-center;
}

#blocobrancointerno {
    background: #FFFFFF;
    box-shadow: 0 1px 20px 0 rgb(0 0 0 / 10%);
    border-radius: 10px;
    min-height: 300px;
    padding: 20px;
    width: 100%;
    padding-bottom: 60px;
}

p {
    font-size: 12px;
}

button#salvarpedido {
    width: 100%;
    font-size: 12px !important;
    margin-top: -10px;
    margin-bottom: -10px;
}

.checkboxes label {
    display: inline-block;
    padding-right: 10px;
    white-space: nowrap;
    font-size: 12px;
    border: 1px solid #e1e1e1;
    padding: 10px;
    border-radius: 5px;
    margin-right: 10px;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    text-align: left;
    font-weight: 600;
}

.dt-buttons {
    text-align: -webkit-center;
    margin-top: 10px;
    margin-bottom: 15px;
}



}



@media print {
body
{
border-top: hidden;
width: 100%;
height: auto;
}
#imprimir{display: none;}
.navbar{display: none;}

}


/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}  
}