/*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}
.text-capitalize{text-transform:capitalize!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:1rem!important}
.mb-3,.my-3{margin-bottom: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 #959494!important}
.border-right{border-right:solid 1px #959494!important}
.border-top{border-top:solid 1px #959494!important}
.border-bottom{border-bottom:solid 1px #959494!important}
.border{border:solid 1px #959494!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:#0057a6!important;text-decoration:none}
.link-azul:hover{color:#57abe0!important;text-decoration:underline}

.link-vermelho{color:#ff7373!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:#0057a6!important;}
.text-azul2{color:#000046!important;}
.text-vermelho{color:#ff7373!important;}
.text-verde{color:#03B5AA!important;}
.text-roxo{color:#4968d1!important;}
.text-branco{color:#fff!important;}
.text-cinza{color:#a0a0a0!important;}

.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:8px;font-size: .88rem; color: #a0a2a8;}
.small-label.text-label{font-size: .7rem!important;font-weight:400!important;margin-bottom:0;}
/*status*/
.status{
	display: inline-block;
    padding: .3rem .9rem;
    border-radius: 4px;
    text-transform: uppercase;
    color: #fff;
}
.status.status-azul{background:#0057a6!important;}
.status.status-vermelho{background: #ce8282!important;color: #5d2828;}
.status.status-verde{background: #48d2c9!important;color: #08635d;}
.status.status-roxo{background:#4968d1!important;}
.status.status-amarelo{    background: #f3d276!important;color: #865b0c;}

/*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-radius-ty{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-10{width:10%!important}
.width-auto{width:auto!important}

/*botoes*/
.btn{
	display:block;
	padding:10px;
	border-radius:50px;
	border:solid 1px #0c8dde;
	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-grande{
	font-size:1.2rem;padding:.6rem 1.5rem
}
.btn.btn-circulo{
	border-radius:50%;
}

.btn.btn-azul{
	border: solid 1px #1e6fba;
    background: #1e6fba;
	color:#FFF!important
}
.btn.btn-azul2{
	border: solid 1px #1cb5e0;
    background: #1cb5e0;
	color:#FFF!important
}
.btn.btn-amarelo{
	border:solid 1px #e8f791;
	background:#e8f791;
	color:#000!important
}
.btn.btn-vermelho{
	border:solid 1px #ff7373;
	background:#ff7373;
}
.btn.btn-roxo{
	border:solid 1px #ad93fe;
	background:#ad93fe;
}
.btn.btn-verde{
	border:solid 1px #03B5AA;
	background:#03B5AA;
}
.btn.btn-verde-edit{
    border:solid 1px #03B5AA;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    padding-top: 8px !important;

    background:#03B5AA;
}
.btn.btn-laranja{
	border:solid 1px #fbbb45;
	background:#fbbb45;
}
.btn.btn-claro{
	border: solid 1px #a5cff5;
    background: #a5cff5;
    color: #004c90;
}

/*btn outline*/
.btn-outline-azul{
	border:solid 1px #0c8dde;
	background:none!important;
	color:#0c8dde!important;
}
.btn-outline-vermelho{
	border:solid 1px #ff7373;
	background:none!important;
	color:#ff7373!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;
}

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

.form-campo,.multiselect {
	width:100%!important;
	max-width:100%!important;
	padding:10px!important;
	background: #f9f9f9;
    border: solid 2px #cacfd5!important;
    border-radius: 50px!important;
    -webkit-border-radius: 50px!important;
    -moz-border-radius: 50px!important;
    -ms-border-radius: 50px!important;
	    color: #9c9c9c!important;
}
.form-campo.alt {
    padding: 6px!important;
    border: solid 1px #000046!important;
    border-radius: 5px!important;
    -webkit-border-radius: 5px!important;
    -moz-border-radius: 5px!important;
    -ms-border-radius: 5px!important;
    color: #000046!important;
}
.multiselect {
	padding: 15px!important;
	background: #f9f9f9 url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e) right .75rem center/8px 10px no-repeat!important;
    padding-top: 4!important;
	padding-right: 2rem!important;
    padding-top: 4!important;
	    height: auto!important
}
.form-campo.menor{
	padding:5px 10px;font-size: .7rem;
}
@media (max-width:992px){
.btn-group, .btn-group-vertical {  display: -ms-block!important;   display: block!important;}
}
.form-campo.limpo{color: #0057a6;font-weight:700;border:0;background:none;font-size:1rem; padding:8px}
select.form-campo,
input[type=date].form-campo,
input[type=field].form-campo,
input[type=number].form-campo
{padding:8.5px}

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



#tab {
	padding:1rem
}
#tab ul>li{
	    display: inline-block;
    background: #dedbdb;
    color: #444;
    font-size: .8rem;
    text-transform: uppercase;
    border-radius: 4px 4px 0 0;
    border: solid 1px #d0d0d0;
	border-bottom:0;
	position:relative;
}
#tab ul>li>a{
	display:block;
	padding:10px 15px;
	color:#333;
	font-weight:600
}

#tab ul>li>a:hover{
	opacity:.7
}
#tab ul>li>a:focus{
	outline:none
}

#tab ul>li.ui-state-active{
	background: #19a2d0;
    color: #fff;
    border-radius: 4px 4px 0 0;
    border: solid 1px #0c4f89;
    border-bottom: 0;
    font-weight: 700;
}
#tab ul>li.ui-state-active>a{
    color: #fff
}

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


/*barra para tabs*/
.ui-widget-header {
    color: #333333;
    padding: .3rem .3rem 0;
    border-radius: 4px 4px 0 0;
    border: solid 1px #ddd;
    background: #fafafa;
    margin-bottom: -2px;
    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.menor{
    width: 32%!important;
	top: 25%!important;
    z-index: 100;
}
.window{
	position: fixed!important;
    width: 80%!important;
    background: #fff!important;
    border-radius: 5px!important;
    box-shadow: 0 0 8px 0 #000000a6;
	display:none;
    left: 18%;
    top: 12%;
    z-index: 4;
}
.window .fechar{
	position: absolute;
    right: 16px;
    top: 20px;
    color: #c3c3c3;
    font-weight: 700;
	transition:all .8s linear;
	z-index:5
}
.window .fechar:hover{
    text-shadow: none;
	cursor:pointer
}
#fundo_preto{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#000000a6;
	z-index:2;
	display:none
}

/*tabela*/
.tabela {
	display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.tabela th,
.tabela td
{padding:.5rem;font-size:.8rem; border-bottom:solid 1px #ddd;}

.tabela td{font-size: .9rem; color: #7b7b7b;}

.tabela th{background:rgba(144, 141, 141, 0.3803921568627451);text-transform:uppercase}
.tabela.tab3 th{background:rgb(144 141 141 / 18%);color:#000046}
.tabela.tab3 td{border-bottom:solid 2px #000046;color: #afafaf;padding:.8rem .5rem;}
.tabela.tab3 .prc{padding:.2rem.3rem; color: #000046;font-weight:700}
.ico-salvar{width:17px;height:17px;display:inline-block;background:url(../img/check-circle.svg) no-repeat;background-size:cover}
.tabela.tab3 td span{color:#1cb5e0}


.tabela th .btn,
.tabela td .btn
{font-size:.9rem;padding:.3rem .5rem;display:inline-block}
.tabela.alt td,
.tabela.alt th
{border-bottom:0}
.tabela.alt td{padding:.2rem .3rem;}
.tabela.bordered td{border:solid 1px #ddd;}


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

.tabela.limpa td{padding:.3rem;font-size:.8rem;border:0}
.tabela.min td,
.tabela.min th
{font-size:.7rem!important}
.tabela.min.limpa th
{background:none!important}

.btn-quadrado{
	padding: 10px 4px!important;
    width: 33px;
    height: 33px;
}

progress {
	width:100%;
    display:block;
    -webkit-appearance: none;
 }
 progress::-webkit-progress-bar {
    background: #DDDDDD;
    padding: 0;
	border-radius:50px;
	overflow:hidden;
	border:solid #ccc 1px;
}
progress::-webkit-progress-value {
    background:#2c8de6
}

.tabela-responsiva{
	display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}