

/*display*/
.d-block{display:block!important}
.d-inline-block{display:inline-block!important}
.d-none{display:none!important}
.d-table{display:table!important}
.d-flex{display:flex!important}
.d-grid{display:grid!important}

/*float*/
.float-left{float:left!important}
.float-right{float:right!important}
.float-none{float:none!important}

/*text*/
.text-center{text-align:center!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
.text-justify{text-align:justify!important}
.text-uppercase{text-transform:uppercase!important}

/*fiz depois*/
.justify-content-space-between{justify-content: space-between;}
.text-end{justify-content:flex-end!important}
.justify-space-evenly{justify-content: space-evenly!important}
.align-vertical-center{align-items: center;}

/*posição text*/
.mode-vertical-lr{writing-mode: vertical-lr;}
.mode-vertical-rl{writing-mode: vertical-rl;}

/*padding*/
.p-5{padding:3rem!important}
.p-4{padding:2rem!important}
.p-3{padding:1rem!important}
.p-2{padding:.9rem!important}
.p-1{padding:.6rem!important}
.p-0{padding:0!important}

/*padding- y*/
.pt-5,.py-5{padding-top:3rem!important}
.pb-5,.py-5{padding-bottom:3rem!important}

.pt-4,.py-4{padding-top:2rem!important}
.pb-4,.py-4{padding-bottom:2rem!important}

.pt-3,.py-3{padding-top:1rem!important}
.pb-3,.py-3{padding-bottom:1rem!important}

.pt-2,.py-2{padding-top:.9rem!important}
.pb-2,.py-2{padding-bottom:.9rem!important}

.pt-1,.py-1{padding-top:.6rem!important}
.pb-1,.py-1{padding-bottom:.6rem!important}

.pt-0,.py-0{padding-top:0!important}
.pb-0,.py-0{padding-bottom:0!important}


/*padding- x*/
.pl-5,.px-5{padding-left:3rem!important}
.pr-5,.px-5{padding-right:3rem!important}

.pl-4,.px-4{padding-left:2rem!important}
.pr-4,.px-4{padding-right:2rem!important}

.pl-3,.px-3{padding-left:1rem!important}
.pr-3,.px-3{padding-right:1rem!important}

.pl-2,.px-2{padding-left:.9rem!important}
.pr-2,.px-2{padding-right:.9rem!important}

.pl-1,.px-1{padding-left:.6rem!important}
.pr-1,.px-1{padding-right:.6rem!important}

.pl-0,.px-0{padding-left:0!important}
.pr-0,.px-0{padding-right:0!important}


/*margin- y*/
.mt-5,.my-5{margin-top:3rem!important}
.mb-5,.my-5{margin-bottom:3rem!important}

.mt-4,.my-4{margin-top:2rem!important}
.mb-4,.my-4{margin-bottom:2rem!important}

.mt-3,.my-3{margin-top:1.1rem!important}
.mb-3,.my-3{margin-bottom:1.1rem!important}

.mt-2,.my-2{margin-top:.9rem!important}
.mb-2,.my-2{margin-bottom:.9rem!important}

.mt-1,.my-1{margin-top:.6rem!important}
.mb-1,.my-1{margin-bottom:.6rem!important}

.mt-0,.my-0{margin-top:0!important}
.mb-0,.my-0{margin-bottom:0!important}


/*margin- x*/
.ml-5,.mx-5{margin-left:3rem!important}
.mr-5,.mx-5{margin-right:3rem!important}

.ml-4,.mx-4{margin-left:2rem!important}
.mr-4,.mx-4{margin-right:2rem!important}

.ml-3,.mx-3{margin-left:1rem!important}
.mr-3,.mx-3{margin-right:1rem!important}

.ml-2,.mx-2{margin-left:.9rem!important}
.mr-2,.mx-2{margin-right:.9rem!important}

.ml-1,.mx-1{margin-left:.6rem!important}
.mr-1,.mx-1{margin-right:.6rem!important}

.ml-0,.mx-0{margin-left:0!important}
.mr-0,.mx-0{margin-right:0!important}

.m-auto{margin:0 auto!important}

/*border*/
.border-left{border-left:solid 1px #c0d0d8!important}
.border-right{border-right:solid 1px #c0d0d8!important}
.border-top{border-top:solid 1px #c0d0d8!important}
.border-bottom{border-bottom:solid 1px #c0d0d8!important}
.border{border:solid 1px #c0d0d8!important}
.border-0{border:0!important}

/*fonts h*/
.h1{font-size:3.1rem!important;margin-bottom:20px;display:block;}
.h2{font-size:2.5rem!important;margin-bottom:20px;display:block;}
.h3{font-size:1.8rem!important;margin-bottom:20px;display:block;}
.h4{font-size:1.5rem!important;margin-bottom:20px;display:block;}
.h5{font-size:1.1rem!important;margin-bottom:20px;display:block;}
.h6{font-size:.9rem!important;margin-bottom:20px;display:block;}

.grande-font{font-size:4rem!important}
.medio-font{font-size:3rem!important}
.pequeno-font{font-size:2rem!important}
.minimo-font{font-size:1.2rem!important}

/*links*/
.link-azul{color:#32daff!important;text-decoration:none}
.link-azul:hover{color:#57abe0!important;text-decoration:underline}

.link-vermelho{color:#f177aa!important;text-decoration:none}
.link-vermelho:hover{color:#fb9090!important;text-decoration:underline}

.link-verde{color:#03B5AA!important;text-decoration:none}
.link-verde:hover{color:#59e4c2!important;text-decoration:underline}

.link-roxo{color:#4968d1!important;text-decoration:none}
.link-roxo:hover{color:#8ba2ef!important;text-decoration:underline}

/*links*/
.text-azul{color:#32daff!important;}
.text-vermelho{color:#f177aa!important;}
.text-verde{color:#03B5AA!important;}
.text-roxo{color:#4968d1!important;}
.text-branco{color:#fff!important;}
.text-cinza{color:#a0a0a0!important;}
.text-verde2{color:#29617a!important}
.text-amarelo{color:#29617a!important}
.text-escuro { color: #424242!important;}

.fw-100{font-weight:100}
.fw-200{font-weight:200}
.fw-300{font-weight:300}
.fw-400{font-weight:400}
.fw-600{font-weight:600}
.fw-700{font-weight:700}
.fw-900{font-weight:900}

.text-sombra{text-shadow:0 1px 2px #4444449c}
.sombra{box-shadow:0 3px 5px 0 #4444449a!important}

.text-label{display: block;
    text-transform: uppercase;
    margin-bottom: 3px;
    font-size: .7rem;
    color: #828386;}
/*status*/
.status{
	display: inline-block;
    padding: .2rem .6rem;
    border-radius: 4px;
    text-transform: uppercase;
    color: #fff;
}
.status.status-azul{background:#0057a6!important;}
.status.status-vermelho{background:#f177aa!important;}
.status.status-verde{background:#03B5AA!important;}
.status.status-roxo{background:#4968d1!important;}
.status.status-amarelo{background:#fdba00!important;}

/*position*/
.position-relative{position:relative!important;}
.position-absolute{position:absolute!important;}
.position-inherit{position:inherit!important;}
.position-normal{position:normal!important;}
.position-fixed{position:fixed!important;}

/*border-radius*/
.radius-circulo{border-radius:50%!important;overflow:hidden!important;}
.radius-4{border-radius:4px!important;}
.radius-topo-left-bottom{border-radius:0 .5rem .5rem 0!important;}
.opaco{
	opacity:.8;
}

/*largura*/
.width-100{width:100%!important}
.width-50{width:50%!important}
.width-30{width:30%!important}
.width-20{width:20%!important}
.width-10{width:10%!important}
.width-auto{width:auto!important}

/*fonts*/
.fw-900{font-weight:900!important}
.fw-700{font-weight:700!important}
.fw-600{font-weight:600!important}
.fw-400{font-weight:400!important}
.fw-300{font-weight:300!important}
.fw-200{font-weight:200!important}

/*botoes*/
.btn{
	display:block;
	padding:10px;
	border-radius:4px;
	border:0!important;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
	transition:all .4s;
	font-size:.9rem;
}
.btn:hover{
	box-shadow:0 0 5px 0 #0000007d;
	transition:all .2s;
	cursor:pointer;
}
.btn.btn-min{
	font-size:.8rem;padding:.3rem
}
.btn.btn-medio{
    font-size: .85rem;  padding: 0.53rem;
}
.btn.btn-grande{
	font-size:1rem;padding:.9rem 1.5rem
}
.btn.btn-circulo{
	border-radius:50%;
}

.btn.btn-icon{
	border-radius: 50%!important;
    width: 30px;
    height: 30px;
    background: #ddd;
    padding: 0.1rem!important;
    display: grid;
    justify-content: center;
    align-items: center;
	color: #68688b;
}
.btn.btn-icon:hover{
    background: #cad5e1;
}
.btn.btn-icon.excluir:hover{background: #ff9191!important; border-color: #d57878;}
.btn.btn-icon.editar:hover{background: #8ad9c3!important; border-color: #74b9a6;}
.btn.btn-icon.novo:hover{background: #29617a!important; border-color: #204d61;}

.btn.btn-azul{
	border: solid 1px #33a7da;
    background: #56c5f7!important;
	color:#FFF!important
}
.btn.btn-azul2{
	background: #57aade!important;
    border: solid 1px #45a0da!important
}
.btn.btn-amarelo{
	border:solid 1px #e8f791;
	background:#e8f791!important;
	color:#796348!important
}
.btn.btn-vermelho{
	border:solid 1px #f177aa;
	background:#f177aa!important;
	color:#fff
}
.btn.btn-roxo{
	border:solid 1px #ad93fe;
	background:#ad93fe!important
}
.btn.btn-verde{
	border:solid 1px #77d9d3;
	background:#77d9d3!important;
	color:#fff
}
.btn.btn-verde-edit{
    border:solid 1px #77d9d3;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    padding-top: 8px !important;
    background:#77d9d3;
}
.btn.btn-laranja{
	border:solid 1px #fbbb45;
	background:#fbbb45!important;
}
.btn.btn-claro{
	border: solid 1px #d3d3d3;
    background: #efefef;
    color: #8b9093;
}

/*btn outline*/
.btn-outline-azul{
	border:solid 1px #0c8dde;
	background:none!important;
	color:#0c8dde!important;
}
.btn-outline-vermelho{
	border:solid 1px #f177aa;
	background:none!important;
	color:#f177aa!important;
}
.btn-outline-verde{
	border:solid 1px #03B5AA;
	background:none!important;
	color:#03B5AA!important;
}
.btn-outline-roxo{
	border:solid 1px #7892ea;
	background:none!important;
	color:#7892ea!important;
}
.btn-padrao{border: solid 1px #4891b1; background: #4891b1!important;}

/*fiz depois*/
.img-fluido{max-width:100%}

.form-campo{
	width: 100%;
    max-width: 100%;
    padding: 10px;
    border: 0;
    background:#f2f4f5;
    border: solid 1px #cad5e1;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    color: #364954;
    transition: linear all .3s;
}
.form-campo.menor{
	padding:5px 10px;font-size: .7rem;
}
.form-campo.underline{
    border: 0;
	border-bottom: solid 1px #b0bbc7!important;
    border-radius: 0;
}
.form-campo.limpo{color: #0057a6;font-weight:700;border:0;background:none;font-size:1rem; padding:8px}

input[type=date].form-campo,
input[type=time].form-campo,
input[type=file].form-campo
{padding:7px}

.form-campo:focus{
	border: solid 1px #03b5aa87;
	transition:linear all .3s;
}

input[type=number].form-campo
{padding:7px 9px 6px 9px}

.group-form-btn .form-campo:first-child{border-radius:4px 0 0 4px}
.group-form-btn .btn{border-radius:0 4px 4px 0} 
::-webkit-input-placeholder{color:#97a0a5;font-weight:300}
.form-campo:focus::-webkit-input-placeholder{font-size:.6rem;transition:linear all .3s;position:absolute;margin-top:-7px;color:#03B5AA}


/*barra para tabs*/
.ui-widget-header {
    color: #333333;
    padding: .3rem .3rem 0;
    border-radius: 4px 4px 0 0;
    background: #fff;
    margin-bottom: 0px;
    padding-top: .5rem;
}
/*titulo para modal*/
.ui-dialog-titlebar {
       border: 1px solid #5a4a63;
    background: #9968b2;
    color: #ffffff;
    padding: .5rem;
    border-radius: 4px 4px 0 0;
    text-transform: uppercase;
}
.ui-dialog-titlebar-close{
	position:absolute;
	right:10px;
	font-size:0;
	border:0;
	background:none;
}
.ui-dialog-titlebar-close:after{
	content:"X";
	font-size:1.1rem;
	background:#FFF;
	color:#777;
	padding:.1rem .3rem;
	border-radius:.1rem;
	cursor:pointer;
}
#dialog:focus{outline:none}



.window.position-absolute{position:absolute!important;top: 3%!important;}
.window,.window.menor,
.window.form,
.window.medio
{
	position: fixed!important;
    width: 96%!important;
    background: #fff!important;
    border-radius: 2px!important;
    box-shadow: 0 0 8px 0 #000000a6;
	display:none;
    left: 18%;
    top: 10%!important;
    z-index: 4;
	transition:linear .3s ease-in
}

.window .fechar:hover{
    text-shadow: none;
	cursor:pointer;
}
.tfooter{
	display:flex;
	width: 100%;
    padding: 0.6rem;
    border-top: solid 1px #cad5e19c;
    color: #3c3c3c;
	align-items:center
}
.tfooter.between{justify-content: space-between;}
.tfooter.end{justify-content: end;}
.tfooter.center{justify-content: center;}
.tfooter .btn{Margin-left:10px}

#fundo_preto{
	width:auto!important;
	position:fixed;
	left:0;
	right:0;
	top:0;
	bottom:0!important;
	background:#000000a6;
	z-index:2;
	display:none;
	height:100vh!important
}

/*tabela*/
.tabela{width:100%}
.tabela th,
.tabela td
{   
	padding:.2rem .4rem;
    font-size: .65rem;
	border-bottom:solid 1px #c0d0d86e;
	}

.tabela td{font-size: .8rem; color: #7b7b7b;text-transform:uppercase}

.tabela th{background:rgb(234 233 233);text-transform:uppercase}
.tabela th .btn,
.tabela td .btn
{font-size:.75rem;padding:.3rem .5rem;display:inline-block}
.tabela.alt td,
.tabela.alt th
{border-bottom:0}
.tabela.alt td{padding:.2rem .3rem;}
.tabela.cheio td,
.tabela.cheio th
{   
	padding:.6rem .4rem;
    font-size: .85rem;
}

.tabela.bordered{border:solid 1px #c0d0d86e;}
.tabela.bordered td{border-left:solid 1px #c0d0d86e;}
.tabela.bordered td:first-child{border-left:0;}

.tabela.bordered th{border-left:solid 1px #c0d0d86e;}
.tabela.bordered th:first-child{border-left:0;}


.underline-trace{width:250px;border-bottom:dashed 1px #444;display:inline-block}

.tabela.limpa td{padding:.3rem;font-size:.8rem;border:0}

.tabela.medio th,
.tabela.medio td
{padding:.3rem;font-size:.75rem}

.tabela.zebrado tr{background:#FFF}
.tabela.zebrado tr:nth-of-type(2n+0){background:#cccccc21}

/*tabela limpa*/
.tabela.clear th{background:none;text-transform: capitalize; font-size: .9rem; padding: 15px 10px; border-bottom: solid 1px #ffffff52;color: #ffffffa8;}
.tabela.clear td{background:none;font-size: .9rem; color: #fff;text-transform:capitalize;padding:15px 10px;border-bottom: solid 1px #ffffff52;}
.tabela.clear .btn{background:none;border:0;font-size: .98rem; }
.tabela.clear .btn:hover{box-shadow:none;border:0;color:#64f8ff}

.msg{
	display: block;
    background: #de6d6d;
    border-radius: 5px;
    padding: 10px;
    border: solid 1px #d74e4e;
    color: #7f2e2e;
    font-weight: 600;
	margin-bottom:15px
	}
	
.msg.sucesso{
	background:rgba(0, 128, 0, 0.35);
    border-color: #669866;
    color: #4d754d;
}
.msg.sucesso .fa-times{
    color: #4d754d;
}	
.msg.erro{
	background: #e69f9f;
    border-color: #967272;
    color: #9a4848;
}
.msg.erro .fa-times{
    color: #9a4848;
}
.msg.info{
	background: #aed8e6;
    border-color: #5899af;
    color: #5594a9;
}
.msg.info .fa-times{
    color: #5594a9;
}	


.msg ul,
.msg ol
{
	padding-left:1.8rem;
	padding-top:.8rem;
    border-top:solid 1px #68a3ca;
    margin-top: .5rem;
}
.msg ul li,
.msg ol li
{
	line-height:1.8rem;
	font-size:.9rem
}

.msg.msg-verde{
	background: #a2d6d6;
    border-color: #68989a;
    color: #29677a;
}
.msg.msg-vermelho{
	background: #e28585;
    border-color: #e05c5c;
    color: #942828;
}
.msg.msg-amarelo{
    background: #f5f0aa;
    border-color: #f1cd79;
    color: #c77226;
}
.msg.msg-azul {
    background: #a7d4f1;
    border-color: #5c9ec7;
    color: #206a98;
}

#tabs {
	padding:0
}
#tabs ul>li{
	display: inline-block;
    background: #e3faf8;
    color: #74d5cf;
    font-size: .8rem;
    text-transform: capitalize;
    border-radius: 2px 2px 0 0;
    border: solid 1px #c0dddb;
    border-bottom: 0;
    position: relative;
}
#tabs ul>li>a{
	display:block;
	padding:7px 10px;
	color:#3c3c3c;
	font-weight:600
}
.tabs ul>li>a{
	font-weight: 400!important;
    font-size: .89rem;
}
.tabs  ul>li.ui-state-active a{font-weight: 600!important;}


#tabs ul>li>a:hover{
	opacity:.7
}
#tabs ul>li>a:focus{
	outline:none
}
#tabs ul>li.ui-state-active{
	background: #fff;
    color: #20a39b;
    border-radius: 2px 2px 0 0;
    border: solid 1px #e5e5e5;
    border-bottom: 0;
    font-weight: 700;
	position: relative;
    box-shadow: 0 1px 0 0 #fff;
}
#tabs ul>li.ui-state-active>a{color: #20a39b}

#tabs .ui-widget-content{
	margin-top: 0rem!important;
    border-radius: 4px;
    border: solid 1px #d0d0d0;
	padding: 17px 10px;
}

#tabs .ui-widget-content{
	margin-top: 0rem!important;
}



.check input{display:inline-block;margin:0 3px}

.check input[type=checkbox]{
	background: #d9eeed;
    appearance: none;
    border: solid 1px #21928e;
    width:17px;
    height: 17px;
    border-radius: 3px;
    position: relative;
    top: 3px;
}
.check input:checked[type=checkbox]{
	background:url(../img/check2.svg) no-repeat;
    appearance: none;
	border:0;
    width: 17px;
    height: 17px;
   /* border-radius: 3px;*/
    position: relative;
    top: 3px;
}/*
.check input:checked[type=checkbox]:before{
	content:url(../img/check.svg);
	color: #fff;
    font-weight: 600;
    position: absolute;
    top: 3px;
    left: 2px;
}*/

.radio input{display:inline-block;margin:0 3px}

.radio input[type=radio]{
	background: #d9eeed;
    appearance: none;
    border: solid 1px #21928e;
    width:17px;
    height: 17px;
    border-radius: 20px;
    position: relative;
    top: 3px;
}
.radio input:checked[type=radio]{
	background:url(../img/check2.svg) no-repeat;
    appearance: none;
	border:0;
    width: 17px;
    height: 17px;
   /* border-radius: 20px;*/
    position: relative;
    top: 3px;
    box-shadow:none!important;
}
.radio label,
.check label
{
	font-size:.8rem
}

.radio.alt label{
	font-size:.98rem;text-transform:uppercase;cursor:pointer
}

.campo-upload{
	position:relative;
	text-align:center;
}

.campo-upload input[type=file]{
	display:none
}
.campo-upload span{
	position: absolute;
    bottom: 100px;
    left: 50%;
    background: #77d9d3;
    color: #fff;
    padding: 5px 12px;
    border-radius: 4px;
	margin-left: -63px;
	transition:opacity .3s;
	opacity:0;
	visibility:hidden;
	cursor:pointer;
	z-index:1
}

.campo-upload.alt span{left: 40%;    bottom: 80px;}
.campo-upload label:hover span{
	transition:opacity .5s;
	opacity:1;
	visibility:visible;
}

.embed-responsive {
    position: relative;
    height: 0;
    padding-bottom: 56.5%;
}

.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background:#000
}

fieldset{padding: 20px 10px; border: solid 1px #bcc7d3;  border-radius: 4px;}
fieldset legend{text-transform:uppercase;color:#bcc7d3;color: #29617a; padding: 0 10px;font-weight:bold}

.bg-padrao{background: #4891b1!important;color:#fff}
.bg-cinza{background: #def1ef!important;  color: #444;  padding: 10px 18px;}

.bg-normal{background:#e7f5f9}
.bg-magreza{background:#f0f9e7}
.bg-sobrepeso{background:#ebdeae}
.bg-obesidade{background:#f5a543}
.bg-obesidade td{color:#111}

hr{border-bottom: solid 1px #cad5e1;border-style: ridge;}
.scroll-120{height:120px;overflow-y:auto}

table.dataTable tbody th .btn, table.dataTable tbody td .btn {
    padding: 9px 7px!important;
    font-size: .79rem!important;
}