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

/*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-end {
    justify-content: flex-end !important
}

.text-lowercase {
    text-transform: lowercase !important
}

.text-capitalize {
    text-transform: capitalize !important
}

.justify-content-center {
    justify-content: center !important;
}

.justify-content-space-between {
    justify-content: space-between;
}

.center-middle {
    align-items: center;
}

.fw-100 {
    font-weight: 100 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-400 {
    font-weight: 400 !important;
}

.fw-400 {
    font-weight: 600 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-900 {
    font-weight: 900 !important;
}

/*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 #ddd !important
}

.border-right {
    border-right: solid 1px #ddd !important
}

.border-top {
    border-top: solid 1px #ddd !important
}

.border-bottom {
    border-bottom: solid 1px #ddd !important
}

.border {
    border: solid 1px #ddd !important
}

.border-0 {
    border: 0 !important
}


.border-left-0 {
    border-left: 0 !important
}

.border-right-0 {
    border-right: 0 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-bottom-0 {
    border-bottom: 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: #3aa6ea !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: #4dd898 !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: #3aa6ea !important;
}

.text-vermelho {
    color: #da3b3b !important
}

.text-verde {
    color: #2cb783 !important;
}

.text-roxo {
    color: #4968d1 !important;
}

.text-branco {
    color: #fff !important;
}

.text-escuro {
    color: #242415 !important
}

.text-padrao {
    color: #8d92d8 !important;
}

.text-cinza {
    color: #666 !important;
}

.text-laranja {
    color: #fdb632 !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-50 {
    border-radius: 50px !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
}

/*botoes*/
.btn {
    display: block;
    padding: 11px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    background: #fff;
    border: solid 1px #FFFFFF;
    color: #100f0f;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: all .4s;
    font-size: .9rem;
    font-weight: 600;
}

.btn:hover {
    box-shadow: inset 0 0 7px 0 #0000007d;
    transition: all .4s;
    cursor: pointer;
}

.btn.btn-azul {
    border: solid 1px #3aa6ea !important;
    background: #3aa6ea !important;
    color: #FFF !important
}

.btn.btn-amarelo {
    border: solid 1px #e8f791 !important;
    background: #e8f791 !important;
    color: #000 !important
}

.btn.btn-vermelho {
    border: solid 1px #ff7373 !important;
    background: #ff7373 !important;
    color: #fff !important
}

.btn.btn-roxo {
    border: solid 1px #ad93fe !important;
    background: #ad93fe !important;
}

.btn.btn-verde {
    border: solid 1px #21dc85 !important;
    background: #60e2a6 !important;
}

.btn.btn-laranja {
    border: solid 1px #ffa814 !important;
    background: #fdb632 !important;
}

/*btn outline*/
.btn-outline-branco {
    border: solid 1px #fff;
    background: none !important;
    color: #fff !important;
}

.btn-outline-azul {
    border: solid 1px #0c8dde;
    background: none !important;
    color: #0c8dde !important;
}

.btn-outline-vermelho {
    border: solid 1px #e86868;
    background: none !important;
    color: #e86868 !important;
}

.btn-outline-verde {
    border: solid 1px #4dd898;
    background: none !important;
    color: #4dd898 !important;
}

.btn-outline-roxo {
    border: solid 1px #7892ea;
    background: none !important;
    color: #7892ea !important;
}

.btn-outline-amarelo {
    border: solid 1px #e8f791;
    background: none !important;
    color: #e8f791 !important;
}

.btn.btn-grande {
    font-size: 1.1rem;
    padding: .8rem 1.2rem
}

.btn.btn-medio {
    font-size: 1.3rem;
    padding: .5rem 1.2rem
}

.btn.btn-pequeno {
    font-size: .8rem;
    padding: .3rem .8rem;
}

.btn.btn-neutro {
    font-size: .89rem;
    padding: 0.5rem 0.8rem;
    background: #dfdfdf;
    border-color: #bababa;
    color: #5e5e5e;
}


/*embed*/

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

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

.form-campo {
    width: 100%;
    max-width: 100%;
    padding: 10px;
    background: #e2e2e261;
    border: solid 1px #ccc;
    border-radius: 4px;
    box-shadow: 0 0 5px inset #00000021;
}

.form-campo.min {
    padding: 6px;
}

input[type=date].form-campo,
select.form-campo {
    padding: 8px 10px;
}

.grupo-form-btn .form-campo:first-child {
    border-radius: 4px 0 0 4px
}

.grupo-form-btn .btn {
    border-radius: 0 4px 4px 0;
    position: absolute;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0
}

.text-label {
    display: block;
    color: #444;
    padding-bottom: .3rem;
    font-size: .9rem
}

.bg-title {
    background: #e2e3ef;
    color: #696eb7 !important;
    border-bottom: solid 1px #777bb3;
}

.bg-title2 {
    background: #8589c5 !important;
}

.bg-title3 {
    background: #d1d1d157 !important;
}

.bg-padrao {
    background: linear-gradient(45deg, #686b9c, #8d92d8) !important;
    background: -moz-linear-gradient(45deg, #686b9c, #8d92d8) !important;
    background: -webkit-inear-gradient(45deg, #686b9c, #8d92d8) !important;
    background: -o-inear-gradient(45deg, #686b9c, #8d92d8) !important;
}

.bg-padrao .btn.btn-roxo {
    /*  border: solid 1px #ca0f72;
    background: #d03568;*/
    color: #fff;
}

.bg-padrao .form-campo {
    background: #f5f4f4;
    border: 0;
    box-shadow: 0 0 5px 0 inset #777bb3;
}

.bg-branco {
    background: #fff !important
}

.bg-cinza {
    background: #f5f4f4 !important
}

.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 rgb(203, 205, 224);
    border-radius: .25rem;
}

.table-bordered {
    width: 100%;
    border: 1px solid #d3d9de;
}

.table-bordered td,
.table-bordered th {
    border: 1px solid #e9ecef;
    padding: .3rem;
    font-size: .9rem;
}

.table-bordered th {
    background: #f2f3f5;
}

.table-bordered tbody td {
    color: #444;
}

.table-bordered thead th {
    color: #000;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #e9ecef;
    padding: .3rem;
    font-size: .85rem
}

.table tbody td {
    border-bottom: 2px solid #e9ecef;
    padding: .5rem;
    color: #444;
    font-size: .9rem;
}

.table.dotted td {
    border-bottom: 2px dotted #ccccccdb;
}

.table {
    width: 100%;
}

.table.limpa tbody td,
.table.limpa thead th {
    border-bottom: 0
}

#tabs,
#tab {
    padding: 1rem
}

#tab ul>li,
#tabs ul>li {
    display: inline-block;
    background: #c5c5c5;
    color: #2b2b2b;
    font-size: .8rem;
    text-transform: uppercase;
    border-radius: 4px 4px 0 0;
    border: solid 1px #919191;
    border-bottom: 0;
}

#tab ul>li>a,
#tabs ul>li>a {
    display: block;
    padding: 10px 15px;
    color: #2b2b2b;
    font-weight: 300
}

#tab ul>li>a:focus,
#tabs ul>li>a:focus {
    outline: none
}

#tabs ul>li.ui-state-active,
#tab ul>li.ui-state-active {
    background: #fff !important
}

#tab ul>li.ui-state-active>a,
#tabs ul>li.ui-state-active>a {
    background: #ffffff;
    color: #131313;
    border-radius: 4px 4px 0 0;
    border: solid 1px #ffffff;
    border-bottom: 0;
    font-weight: 700;
    position: relative;
    bottom: -1px;
}

.ui-widget-header {
    border: 1px solid #c3c5e1;
    background: #f3f3f3;
    color: #333333;
    padding: .3rem .3rem 0;
    border-radius: 4px
}

/*janela modal*/
.window.position-absolute {
    position: absolute !important;
    top: 3% !important;
}

.window,
.window.menor,
.window.form,
.window.medio {
    position: position !important;
    width: 96% !important;
    background: #fff !important;
    border-radius: 2px !important;
    box-shadow: 0 0 8px 0 #000000a6;
    display: none;
    left: 18%;
    top: -16% !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
}

.thead {
    display: flex;
    width: 100%;
    padding: 0.6rem;
    border-bottom: solid 1px #cad5e19c;
    color: #3c3c3c;
    align-items: center
}

.thead.between {
    justify-content: space-between;
}

.thead.end {
    justify-content: end;
}

.thead.center {
    justify-content: center;
}

.thead .btn {
    Margin-left: 10px
}

#fundo_preto {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 1
}

.esquecisenha {
    position: absolute;
    background-color: #fff;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 1.05);
    width: 100%;
    max-width: 600px;
    top: 15px;
    bottom: 10px;
    background: #fff;
    border: solid 1px #ddd;
    display: none;
}

.primeiroAcessoModal {
    position: absolute;
    background-color: #fff;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 1.05);
    width: 100%;
    max-width: 600px;
    top: 15px;
    bottom: 10px;
    background: #fff;
    border: solid 1px #ddd;
    display: none;
}

.recoveryModal {
    position: absolute;
    background-color: #fff;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 1.05);
    width: 100%;
    max-width: 600px;
    top: 0;
    bottom: 10px;
    background: #fff;
    border: solid 1px #ddd;
    display: none;
}

.fontLogin {
    font-weight: bold;
}




.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: #a2d6ae;
    border-color: #689a74;
    color: #2e634d;
}

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




/*mensagens de status*/
.status {
    position: relative;
    padding: .3rem .8rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.status.status-verde {
    background: #a2d6ae;
    border-color: #689a74;
    color: #2e634d;
}

.status.status-vermelho {
    background: #e28585;
    border-color: #e05c5c;
    color: #942828;
}

.status.status-amarelo {
    background: #fcf489;
    border-color: #cfac5c;
    color: #9f5513;
}

.status.status-azul {
    background: #a7d4f1;
    border-color: #5c9ec7;
    color: #206a98;
}

.status.status-roxo {
    background: #c597dd;
    border-color: #9d66ba;
    color: #5a2f70;
}



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

.check input[type=checkbox] {
    background: #c4c4c4;
    appearance: none;
    border: solid 1px #929292;
    width: 17px;
    height: 17px;
    border-radius: 3px;
    position: relative;
    top: 3px;
}

.check input:checked[type=checkbox] {
    background: #56c5f7;
    appearance: none;
    border: solid 1px #4cafdb;
    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: #fff;
    appearance: none;
    border: solid 2px #e58727 !important;
    width: 17px;
    height: 17px;
    border-radius: 20px;
    position: relative;
    top: 3px;
}

.radio input:checked[type=radio] {
    background: #ffffff;
    appearance: none;
    border: solid 1px #e58727 !important;
    width: 17px;
    height: 17px;
    border-radius: 20px;
    position: relative;
    top: 3px;
    box-shadow: inset 0 0 0 4px #e58727 !important;
}

.radio label,
.check label {
    font-size: .8rem
}

.fw-100 {
    font-weight: 100
}

.fw-200 {
    font-weight: 200
}

.fw-200 {
    font-weight: 200
}

.fw-300 {
    font-weight: 300
}

.fw-400 {
    font-weight: 400
}

.fw-600 {
    font-weight: 600
}

.fw-800 {
    font-weight: 800
}

.fw-900 {
    font-weight: 900
}

@media (min-width:700px) {
    .px-md {
        padding-left: 3rem !important;
        padding-right: 3rem !important
    }

    .px-md-2 {
        padding-left: 1rem !important;
        padding-right: 1rem !important
    }

    .btn.btn-grande {
        font-size: 1.5rem;
    }
}