* {
    font-family: "Open Sans";
}
body {
    /* overflow-x: hidden;*/
}
:focus, input[type="checkbox"] {
    outline: 0!important;
    box-shadow: none!important;
}
a {
    text-decoration: none;
}

.modal--one .modal-content {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    padding: 0 20px;
}

.main-title {
    margin-bottom: 35px;
    margin-left:10px;
}

.header-buttons{
    margin-top: 10px;
    margin-bottom: 35px;
}

fieldset.t-field {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 15px;
    width: 100%;
    padding: 20px;
    margin-bottom:20px;
}

fieldset.t-field legend{
    width: auto;
    border-bottom: 0;
    padding: 0 26px;
}

.modal-header--blue {
    text-align: center;
    border-bottom: 2px solid #1d4760;
    padding: 5px 0;
    color: #1d4760;
    position: relative;
}
input:-internal-autofill-selected {
    -webkit-appearance: menulist-button;
    background-color: #fff !important;
    background-image: none !important;
    color: -internal-light-dark-color(black, white) !important;
}
.p-0{
    padding: 0;
}
.p-l-0{
    padding-left: 0;
}
.p-r-0{
    padding-right: 0;
}
.modal-header--blue .close {
    position: absolute;
    top: 22px;
    right: 15px;
    padding: 0;
    border: 0;
    background: none;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.modal-header--blue .close span {
    font-size: 2rem !important;
    font-weight: bold !important;
    color: #1d4760;
}
.modal-header--blue .close span:hover {
    color: #1d4760 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.modal-header--blue h4 {
    display: inline-block;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
}
.form-control--gray-clean {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.btn--blue,
.btn-clean--blue {
    border: none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 10px 2.5rem;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}
.btn--blue {
    background-color: #004c7a;
    color: #fff;
}
.btn-clean--blue {
    background-color: transparent;
    border: 2px solid #004c7a;
    color: #004c7a;
}
.icon-logout-15x15-text-right--white {
    padding-left: 20px;
    position: relative;
    color: #fff;
}
.icon-logout-15x15-text-right--white .icon {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7px;
    height: 14px;
    width: 14px;
    background-size: 14px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0 center;
    -webkit-mask-image: url("../../front/images/main/power-off.svg");
    mask-image: url("../../front/images/main/power-off.svg");
}

.is-loading:before {
  position: absolute;
  content: "";
  background: url("../../front/images/loading.gif") #fff center center no-repeat;
  background-size: 35px;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  left: 0;
  top: 0;
  z-index: 100;
}

#confirmaexcluinotification {
    border-radius: 10px !important;
}
@media only screen and (max-device-width: 768px) {
    #consultorvirtual {
        width: 90%;
        margin-left: 0px;
        margin-right: 0px;
        left: 0px;
        right: 0px;
        margin: 0px auto;
    }
    #consultorvirtual:before {
        display: none !important;
    }
    .modal-header--blue .close {
        top: 50%;
    }
    .newcontent {
        padding-top: 20px !important;
    }
}
.wrap-input-search {
    width: 100%;
    max-width: 350px;
    display: block;
    position: relative;
    margin: 10px 0 0 auto;
}
.wrap-input-search--white .input-search {
    border-color: #fff;
    color: #fff;
}
.wrap-input-search--white .input-search__bt svg path {
    fill: #fff;
    color: #fff;
}
.input-search {
    border: 3px solid transparent;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: transparent;
    width: 100%;
    display: block;
    height: 40px;
    line-height: 40px;
    padding: 0 45px 0 20px;
}
.input-search__bt {
    background-color: transparent;
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -18px;
    border: 0;
    height: 34px;
    width: 34px;
}
.input-search__bt svg {
    width: 100%;
    height: auto;
}
.icon-favorito {
    border: 2px solid #fff;
    height: 60px;
    width: 60px;
    position: relative;
    display: flex;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin: auto;
}
.icon-favorito:after {
}
.icon-favorito--file-invoice {
    background-color: #ffbe69;
}
.icon-favorito--file-invoice:after {
    margin-left: -11px;
    margin-top: -15px;
    height: 30px;
    width: 30px;
    background-size: 30px;
    -webkit-mask-image: url("../images/favoritos/file-invoice.svg");
    mask-image: url("../images/favoritos/file-invoice.svg");
}
.icon-favorito--clipboard-check {
    background-color: #ffbe69;
}
.icon-favorito--clipboard-check-two {
    background-color: #6c5b7b;
}
.icon-favorito--clipboard-check:after,
.icon-favorito--clipboard-check-two:after {
    margin-left: -14px;
    margin-top: -14px;
    height: 28px;
    width: 28px;
    background-size: 30px;
    -webkit-mask-image: url("../images/favoritos/clipboard-check.svg");
    mask-image: url("../images/favoritos/clipboard-check.svg");
}
.icon-favorito--add:after {
}
body {
    min-height: 100vh;
    max-width: 100%;
    width: 100%;
}
.bg-selecao-areas {
    top: 0;
    left: 0;
    position: fixed;
    height: 100vh;
    width: 100%;
    background-size: cover;
    z-index: -1;
    background: url(/titann/front/images/main/bg-selecao-areas-desktop.jpg) center
    center no-repeat transparent fixed !important;
}
.bg-selecao-areas:after {
    position: absolute;
    width: 100%;
    height: 100vh;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background-color: #00243f;
    content: " ";
}
.icon-main-menu-question,
.icon-main-menu-cog,
.icon-main-menu-calendar,
.icon-main-menu-comment,
.icon-main-menu-envelope,
.icon-main-menu-headset,
.icon-main-menu-bell,
.icon-main-menu-exchange-alt,
.icon-main-menu-star,
.icon-main-menu-home {
    position: relative;
    border: 3px solid #fff;
    height: 40px;
    width: 40px;
    display: inline-block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.icon-main-menu-question svg path,
.icon-main-menu-cog svg path,
.icon-main-menu-calendar svg path,
.icon-main-menu-comment svg path,
.icon-main-menu-envelope svg path,
.icon-main-menu-headset svg path,
.icon-main-menu-bell svg path,
.icon-main-menu-exchange-alt svg path,
.icon-main-menu-star svg path,
.icon-main-menu-home svg path {
    fill: #fff;
}
.icon-main-menu-bell svg,
.icon-main-menu-home svg,
.icon-main-menu-star svg {
    height: 24px;
    width: 24px;
    margin-top: 4px;
    margin-left: 5px;
}
.icon-main-menu-calendar svg,
.icon-main-menu-headset svg,
.icon-main-menu-exchange-alt svg {
    height: 22px;
    width: 22px;
    margin-top: 5px;
    margin-left: 6px;
}
.icon-main-menu-question svg,
.icon-main-menu-cog svg,
.icon-main-menu-comment svg,
.icon-main-menu-envelope svg {
    height: 22px;
    width: 22px;
    margin-top: 6px;
    margin-left: 6px;
}
.header-main {
    padding: 10px 3rem 0 3rem;
    flex-direction: row;
}
.header-main__wrap-logo {
    width: 80px;
}
.header-main__logo {
    width: 60px;
    height: auto;
}
.header-main__separator {
    width: 2px;
    background-color: #fff;
    height: 45px;
    margin-top: 7px;
}
.header-main__wrap-menu {
    padding: 10px 0 0;
    flex: 0 1 340px;
}
.header-main__wrap-search {
    flex: 1;
    margin-right: 2%;
    margin-left: 2%;
}
.header-main__block-user-name {
    margin-top: 4px;
    margin-right: 4px;
    align-self: center;
    color: #fff;
}
.header-main__ul {
    margin: 0;
}
.header-main__ul li {
    padding: 0 0 0 8px;
}
.header-main__ul li:last-child {
    padding-right: 8px;
}
.header-main .has-notification:before {
    position: absolute;
    top: -3px;
    right: -3px;
    content: " ";
    background-color: #f00;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 14px;
    width: 14px;
}
.header-user__wrap-menu {
    position: relative;
}
.header-user-icon {
    border: 2px solid #93b7d6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.header-user-icon img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    width: 58px;
    height: 58px;
}
.header-user-hover {
    position: absolute;
    top: 99%;
    right: 0;
}
.header-user-hover:hover {
    display: block !important;
}
.header-user-hover-icon:hover + .header-user {
    display: block !important;
}
.header-user-hover__title {
    text-align: center;
    position: relative;
}
.header-user-hover__title-data {
    font-size: 26px;
    color: #004d7b;
    font-weight: bold;
}
.header-user-hover__btn-close {
    color: #dcdcdc;
    position: absolute;
    top: 4px;
    right: 1px;
    font-size: 22px;
    font-weight: bold;
    border: 0;
    background-color: transparent;
}
.header-user-hover__wrap-info {
    flex: 1;
    margin-top: 10px;
}
.header-user-hover__block-avatar-user {
    width: 50px;
}
.header-user-hover__block-avatar-user img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-top: 5px;
}
.header-user-hover__block-info {
    margin-left: 15px;
}
.header-user-hover__block-info span {
    display: block;
    padding-bottom: 0;
    color: #868686;
    font-size: 14px;
}
.header-user-hover--buttons button {
    display: block;
    width: 100%;
    margin-top: 15px;
}
.header-user-hover__links {
    text-align: center;
}
.header-user-hover__links__separator {
    background-color: #777;
    height: 1px;
    width: 100%;
    display: inline-block;
    margin: 0;
    position: relative;
}
.header-user-hover__links__separator:before {
    content: " ";
    top: -1px;
    left: 0;
    position: absolute;
    background-color: #bfbfbf;
    height: 1px;
    width: 100%;
    display: inline-block;
    margin: 0;
}
.header-user-hover__links a {
    font-size: 12px;
    color: #868686;
}
.header-user-hover__links__separator-two {
    display: inline-block;
    margin: 0 5px;
    color: #868686;
}
.selecao-areas {
    position: fixed;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 1;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 70px;
}
.selecao-areas__inner {
    margin-left: 3rem;
    margin-right: 3rem;
}
.icon-circle-20x20--yellow,
.icon-circle-20x20--green,
.icon-circle-20x20--red {
    height: 20px;
    width: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff;
    display: inline-block;
    text-indent: -9999px;
    background-color: transparent;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
}
.icon-circle-20x20--yellow {
    background-color: #fc0;
}
.icon-circle-20x20--green {
    background-color: #57cc00;
}
.icon-circle-20x20--red {
    background-color: #f00;
}
.selecao-area-carousel {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.selecao-area-box {
    height: 400px;
    width: 272px;
    display: table;
    position: relative;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-left: auto !important;
    margin-right: 1.786% !important;
    margin-bottom: 20px;
}
.selecao-area-box--administração {
    background: #4d4d4d 0% 0% no-repeat padding-box;
}
.selecao-area-box--manufatura {
    background-color: #f58962;
}
.selecao-area-box--financeiro {
    background-color: #00a98a;
}
.selecao-area-box--comercial {
    background-color: #ffbe69;
}
.selecao-area-box--materiais {
    background-color: #c06c84;
}
.selecao-area-box--servicos-projetos {
    background-color: #6c5b7b;
}
.selecao-area-box--contabilidade-fiscal {
    background-color: #355c7d;
}
.selecao-area-box__box-circle {
    text-align: center;
    margin-top: 25px;
}
.selecao-area-box__box-icon-industry {
}
.selecao-area-box__box-icon-chart {
}
.selecao-area-box__box-user-friends {
}
.selecao-area-box__box-box-open {
}
.selecao-area-box__box-clipboard-list {
}
.selecao-area-box__box-file-invoice-dollar {
}
.selecao-area-box__box-title {
    text-align: center;
    display: inline-block;
    width: 100%;
}
.selecao-area-box__box-title span {
    text-transform: uppercase;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    display: block;
}
.icon-file-invoice-dollar svg path,
.icon-clipboard-list svg path,
.icon-box-open svg path,
.icon-user-friends svg path,
.icon-industry svg path,
.icon-chart-bar svg path {
    fill: #fcd8ca;
}
.owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    height: 30px;
    width: 100%;
    margin: 0;
    margin-top: -30px;
}
.owl-theme .owl-nav button.owl-prev,
.owl-theme .owl-nav button.owl-next {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 2px solid #fff !important;
    height: 30px;
    width: 30px;
    display: inline-block;
}
.owl-theme .owl-nav button.owl-prev span,
.owl-theme .owl-nav button.owl-next span {
    display: inline-block;
    content: " ";
    height: 26px;
    width: 26px;
}
.owl-theme .owl-nav button.owl-prev span:before,
.owl-theme .owl-nav button.owl-next span:before {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff !important;
    height: 26px;
    width: 26px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    content: " ";
    text-indent: -9999px;
}
.owl-theme .owl-nav button.owl-prev span:after,
.owl-theme .owl-nav button.owl-next span:after {
    visibility: visible;
    position: absolute;
    top: 5px;
    left: 5px;
    display: inline-block;
    height: 16px;
    width: 16px;
    background-size: 16px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 0 center;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    z-index: 1;
    content: " ";
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}
.owl-theme .owl-nav .owl-prev {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}
.owl-theme .owl-nav .owl-prev span:after {
    -webkit-mask-image: url("../images/areas/angle-double-left.svg");
    mask-image: url("../images/areas/angle-double-left.svg");
    mask-position: 1px 0;
}
.owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}
.owl-theme .owl-nav .owl-next span:after {
    -webkit-mask-image: url("../images/areas/angle-double-right.svg");
    mask-image: url("../images/areas/angle-double-right.svg");
    mask-position: 2px 0;
}
.owl-theme .owl-dots {
    margin-top: 2rem;
}
.owl-theme .owl-dots .owl-dot span {
    height: 16px;
    width: 16px;
}
.selecao-areas__favoritos {
    margin-top: 2rem;
    display: table;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}
.selecao-areas__favoritos__wrap {
    display: flex;
    flex-flow: row;
}
.selecao-areas__favoritos__box {
    flex: 0 1 200px;
}
.wrap-box-favorito {
    width: 200px;
    display: table;
    position: relative;
    padding-top: 20px;
    padding-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
.wrap-box-favorito:hover:before {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    position: absolute;
    content: " ";
    background-color: #fff;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.wrap-box-favorito:hover .box-favorito-menu {
    display: inline-block;
}
.box-favorito {
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 120px;
    height: 140px;
}
.box-favorito__icon-title {
    margin-top: 1rem;
    font-size: 1em;
    color: #fff;
    font-weight: 600;
    width: 90px;
    margin: 1rem auto;
}
.box-favorito__icon-title span {
    display: block;
}
.box-favorito__icon-title--todos span {
    text-align: center;
}
.box-favorito-menu {
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    height: 10px;
    width: 10px;
}
.box-favorito-menu .fa {
    color: #fff;
    font-size: 18px;
}
.box-favorito-add,
.box-favorito-vazio {
    padding-top: 15px;
    display: table;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#divselecionamodulo {
    width: 70%;
    background: white;
}
.login__column-two__content {
    top: 45%;
}
#divselecionamodulo {
    width: 70%;
    top: 90px;
    position: absolute;
    left: 0px;
    right: 0px;
    background: white;
    margin: 0px auto;
    border-radius: 40px;
    z-index: 7;
    padding: 0px 30px;
    padding-bottom: 30px;
}
.modulo:not(:first-of-type) {
    margin-left: 25px;
}
#divselecionamodulo
> div.circulocinzamodulos
> div.row
> div
> div.col-lg-12.p-0
> div:nth-child(1) {
    margin-left: 0px !important;
}
.modulo {
    color: white;
    border-radius: 20px;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    float: left;
    font-size: 14px;
    padding: 5px;
    min-height: 52px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.modulo .tipoprograma {
    color: white !important;
}
.modulo svg {
    fill: white;
}
.modulos {
    padding: 0px 5%;
}
#divselecionamodulo .selecao-area-box__box-icon-industry,
#divselecionamodulo .selecao-area-box__box-icon-chart,
#divselecionamodulo .selecao-area-box__box-user-friends,
#divselecionamodulo .selecao-area-box__box-box-open,
#divselecionamodulo .selecao-area-box__box-clipboard-list,
#divselecionamodulo .selecao-area-box__box-file-invoice-dollar {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    height: 100px;
    width: 150px;
}
#divselecionamodulo .selecao-area-box {
    height: 220px !important;
    width: 92% !important;
    display: table;
    position: relative;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-left: auto !important;
    text-align: center;
    margin-right: auto !important;
}
#divselecionamodulo .selecao-area-box__box-title {
    top: 0px !important;
    float: left;
    position: relative;
}
#divselecionamodulo .selecao-area-box__box-title span {
    font-size: 20px;
}
#divselecionamodulo .selecao-area-box__box-circle {
    display: none;
}
#divselecionamodulo .selecao-area-box svg {
    width: 70%;
    max-height: 90px;
    margin: auto auto;
}
#divselecionamodulo .titulo {
    color: #004c7a;
    font-size: 26px;
    font-weight: bold;
    padding: 30px 0px;
}
.circulocinzamodulos {
    background: #8686860d 0% 0% no-repeat padding-box;
    margin-top: 30px;
    padding-bottom: 30px;
    border-radius: 40px;
}
#closetroca {
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 24px;
    color: #dcdcdc;
    z-index: 10;
}
.menumobile {
    padding: 10px;
}
.menumobile img {
    height: 40px;
}
.menumobile i {
    font-size: 1.5em;
    margin: 8px 0;
}
.tituloselecaomobile {
    color: white;
    font-size: 20px;
    text-align: center;
    padding: 20px 0px;
    font-weight: bold;
}
.area-mobile {
    padding: 10px;
    height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 21px;
    color: white;
    font-weight: bold;
    margin-bottom: 15px;
}
.area-mobile svg {
    fill: #fff;
}
.area-mobile .selecao-area-box__box-circle {
    text-align: center;
    margin-top: 0px;
}
.selecionamodulomobile {
    background: #f7f7f7 0% 0% no-repeat padding-box;
    width: 100%;
    height: 100vh;
}
.menuinferiormobile {
    position: fixed;
    bottom: 0px;
    height: 50px;
    border-top: solid 2px white;
}
.menuinferiormobile .row .col-6 {
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
.menuinferiormobile a.active {
    background: white;
    color: #004c7a;
}
.menuinferiormobile a.active {
    text-decoration: none;
    color: #004c7a !important;
}
.menuinferiormobile:not(.active) {
    color: white;
    background: transparent !important;
}
.menuinferiormobile:not(.active) a {
    color: white;
}
.menuinferiormobile a {
    font-size: 20px !important;
}
.area-mobile a {
    color: white;
}
.selecionamodulomobile .titulo {
    padding: 20px 0px;
}
.menusubmodulo {
    background: #ffbe69;
    padding: 10px;
    min-height: 65px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 21px;
    font-weight: bold;
    margin-bottom: 15px;
}
.menusubmodulo .col-2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
#menumobilelateral {
    position: fixed;
    top: 0px;
    width: 85%;
    float: left;
    background: white;
    z-index: 3;
    margin-left: -85%;
    height: 100vh;
    -webkit-box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.8);
    -moz-box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.8);
    box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.8);
    height: 130vh;
}
#menumobilelateral .top {
    height: 60px;
    background: #004c7a;
    display: flex;
    justify-content: center;
    align-items: center;
}
#fechamenulateralmobile {
    margin-top: 15px;
    float: right;
    color: #ffffff85;
    width: 40px;
    height: 40px;
}
#fechamenulateralmobile i {
    font-size: 19px;
}
.containerdisplayuser {
    padding: 10px;
}
#nomeusuariomobile {
    color: #004c7a;
    font-weight: bold;
}
.mostrainformacoesuser {
    color: #868686;
}
#menufinalmobile a {
    color: #868686;
}
#menumobilelateral ul li {
    margin-bottom: 20px;
}
#menumobilelateral ul li a {
    color: #868686;
    font-weight: bold;
}
#menufinalmobile svg {
    fill: white;
    padding: 5px;
}
.mainnotifications .titulonotifications {
    color: white;
    font-weight: bold;
    padding: 30px 0px;
    font-size: 30px;
}
.rownotification {
    border-top: solid 1px white;
    color: white;
    min-height: 35px;
    padding-top: 0px;
    padding-bottom: 0px;
    float: left;
    width: 100%;
}
.rownotification:last-of-type {
    border-bottom: solid 1px white;
}
.rownotification .containertext {
    padding: 5px;
    align-items: center;
    float: left;
    width: 100%;
    line-height: 20px;
}
.br1pw {
    border-right: solid 1px white;
}
.rownotification div {
    min-height: 50px;
    height: 100%;
    float: left;
}
.newcontent .row:not(.rownormal) {
    margin: 0px;
}
.checkboxnotification {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: transparent;
    color: black;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: solid 1px white;
    position: relative;
}
.checkboxnotification:checked {
    background: white;
    color: black;
}
.containernotification {
    width: 100%;
    float: left;
}
.mainnotifications {
    padding: 0px 3rem;
}
.markall {
    position: absolute;
    right: 0px;
    color: white;
    top: 100px;
    border: solid 2px white;
    border-radius: 20px;
    font-size: 18px;
    padding: 5px;
}
/* telas pequenas */
@media only screen and (min-width: 0px) and (max-width: 991px) {
    #usuarionaoencontrado,
    #emailenviadousuario {
        max-width: 100% !important;
    }
    .selecao-areas {
        display: none !important;
    }
    .seleaco-areas-mobile {
        display: block;
        margin-bottom: 60px;
    }
    .rownotification div {
        word-break: break-all;
    }
    .rownotification {
        height: auto !important;
        line-height: 11px;
    }
    .datamobile {
        font-size: 11px;
    }
    .mainnotifications {
        padding: 0px 1rem !important;
    }
    .rownotification div {
        min-height: 30px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }
    .listafavoritomobiledown svg {
        fill: white;
    }
    .mainnotifications .titulonotifications {
        color: white;
        font-weight: bold;
        padding: 30px 0px;
        font-size: 20px;
    }
    .listafavoritomobiledown .col-10 {
        font-size: 13px;
    }
    .titulofavoritos {
        color: white;
        font-size: 20px;
        text-align: center;
        padding: 20px 0px;
        font-weight: bold;
    }
    .listafavoritomobile {
        background: white;
        opacity: 0.6;
        border-radius: 21px;
        height: 65px;
    }
    .listafavoritomobiledown {
        position: absolute;
        margin-top: -60px;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0px;
        right: 0px;
    }
    #configuracoes:before,
    #ajuda:before,
    .header-user-hover__box:before {
        display: none;
    }
}

/* todas as telas exceto mobile */
@media only screen and (min-width: 769px) and (max-width: 3000px) {
    .containernotification {
        padding: 0px 3rem !important;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) {
    .selecao-area-box {
        height: 300px;
    }
    .selecao-area-box__box-icon-industry {
        margin-top: 20px;
    }
    .selecao-area-box__box-icon-chart {
        margin-top: 20px;
    }
    .selecao-area-box__box-user-friends {
        margin-top: 25px;
    }
    .selecao-area-box__box-box-open {
        margin-top: 30px;
    }
    .selecao-area-box__box-clipboard-list {
        margin-top: 20px;
        height: 100px;
        width: 100px;
    }
    .selecao-area-box__box-file-invoice-dollar {
        margin-top: 20px;
        height: 142px;
        width: 100px;
    }
    .selecao-area-box__box-title {
        top: 220px;
    }
    .selecao-area-box__box-title span {
        font-size: 20px;
    }
    .selecao-areas__favoritos {
        margin-top: 0;
    }
    .owl-theme .owl-dots {
        margin-top: 1rem;
    }
}
.titlewindow {
    text-align: center !important;
    letter-spacing: 0px !important;
    color: #004c7a !important;
    text-transform: uppercase !important;
    font-size: 20px !important;
    opacity: 1 !important;
    font-weight: bold !important;
    margin-bottom: 14px !important;
}
#usuarionaoencontrado,
#emailenviadousuario {
    position: absolute;
    background: white;
    z-index: 2;
    border-radius: 30px;
    display: none;
    -webkit-transition: all 1.5s 0s ease;
    -moz-transition: all 1.5s 0s ease;
    -o-transition: all 1.5s 0s ease;
    transition: all 1.5s 0s ease;
    z-index: 9999;
    padding: 0 20px;
    color: #707070;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    width: 600px;
}
.modal-dialog {
    margin-left: auto;
    margin-right: auto;
}
#usuarionaoencontrado hr {
    border-bottom: 2px solid #1d4760;
    padding: 0px;
    margin: 0px;
    margin-bottom: 20px !important;
}
#usuarionaoencontrado .header-user-hover__btn-close {
    color: #dcdcdc;
    position: absolute;
    top: -5px;
    right: -7px;
    font-size: 22px;
    font-weight: bold;
    border: 0;
    background-color: transparent;
    color: #1d4760;
}
.header-user-hover__btn-close {
    color: #dcdcdc;
    position: absolute;
    top: 9px;
    right: 1px;
    font-size: 22px;
    font-weight: bold;
    border: 0;
    background-color: transparent;
}
.login__block-text p {
    margin-top: 0;
    margin-bottom: 0px !important;
}
.icon-input-show-password .fa {
    font-size: 20px;
    color: #a4a8b0;
    cursor: pointer;
}
.login__icon {
    text-align: center;
}
.login__icon .fa {
    padding-left: 0px;
}
.conatainericonfavoritemobile {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    height: 45px;
    width: 45px;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.conatainericonfavoritemobile svg {
    width: 50%;
}
.circlemodule {
    border: solid 2px;
    border-radius: 50%;
    padding: 5px;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}
.circlemodule i {
    font-size: 0.8em;
}
.menurounded .botao:hover {
    opacity: 1;
}
.menuprogramas {
    width: 100%;
    padding: 20px 0 40px 0;
    border-radius: 0 0 5px 5px;
    background: white;
    z-index: 10;
}
#menufinalmobile svg {
    width: 10px;
}
.menudentro {
    margin-top: 15px;
}
#windowprofile .header-user-hover__btn-close {
    top: 0 !important;
}
#windowprofile {
    position: fixed;
    right: 50px;
    top: 100px;
    z-index: 10;
}
#meusdadosmobile {
    width: 40px;
    height: 40px;
}
#meusdadosmobile .fa {
    font-size: 25px;
    margin-top: 10px;
    color: #868686;
}
.divright {
    padding-right: 0px;
    text-align: right;
}
#favoritosmobile {
    position: absolute;
    width: 100%;
    float: left;
}
.actionsnotificationsmobile {
    background: white;
    border-radius: 10px;
    color: #004c7a;
    font-size: 18px;
    position: fixed;
    width: 90%;
    top: 110px;
    right: 15px;
    z-index: 3;
    padding: 12px 0px;
}
.actionsnotificationsmobile .col-12:not(.rownormal) {
    display: flex;
    align-content: center;
    align-items: center;
}
.actionsnotificationsmobile .col-12 *:not(.rownormal) {
    display: flex;
    align-content: center;
    align-items: center;
    float: left;
}
#searchmobile {
    display: none;
    height: 60px;
    background: #004c7a;
}
#searchmobile input[type="text"] {
    background: #004c7a;
    border: 0px;
    height: 60px;
    color: white;
}
#searchmobile input[type="text"]::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}
#searchmobile input[type="text"]:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}
#searchmobile input[type="text"]::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #fff;
}
#searchmobile .col-12 .col-2 {
    display: flex;
    justify-content: center;
    align-items: center;
}
#searchmobile .col-12 .col-2 .fa {
    color: white;
    font-size: 30px;
}
.itenspesquisados {
    height: 100vh;
    background-color: #f7f7f7;
    display: none;
    position: relative;
    z-index: 2;
}
.tituloitenspesquisados {
    font-weight: bold;
    padding: 30px 0px;
    color: #868686;
    font-size: 16px;
}
.itenspesquisados ul li {
    color: #868686;
    list-style-type: disc;
}
.trocamodulomobile {
    position: absolute;
    float: left;
    background-color: #f7f7f7;
    z-index: 4;
    width: 100%;
    top: 60px;
}
.trocamodulomobile .selecao-area-box {
    width: 22%;
    float: left;
    height: 80px;
    margin-left: 3% !important;
    border-radius: 23px;
}
.trocamodulomobile .selecao-area-box svg {
    max-width: 50%;
    width: 50%;
}
.trocamodulomobile .selecao-area-box__box-icon-industry,
.trocamodulomobile .selecao-area-box__box-icon-chart,
.trocamodulomobile .selecao-area-box__box-user-friends,
.trocamodulomobile .selecao-area-box__box-box-open,
.trocamodulomobile .selecao-area-box__box-clipboard-list,
.trocamodulomobile .selecao-area-box__box-file-invoice-dollar {
    margin-top: 0px !important;
    width: auto !important;
    height: auto !important;
}
.selecao-area-box__box-circle {
    display: none;
}
.trocamodulomobile .selecao-area-box a {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 10px;
}
.trocamodulomobile .selecao-area-box__box-title span {
    font-size: 10px !important;
    word-break: break-all;
}
.trocamodulomobile .selecao-area-box__box-title {
    top: 50px;
    left: 0px;
}
.containerdisplayuser {
    background: #f7f7f7;
}
.showmenuprograms {
    color: white !important;
    margin-top: -3px;
}
.menuprogramas a {
    color: #707070;
    font-size: 14px;
}
.conteudo div:not(.modal):not(.rc-handle):first-of-type {
    width: 100%;
}
@media only screen and (min-width: 768px) {
    .col-md-10 {
        width: 100% !important;
        max-width: 100%;
        padding: 0px 15px;
    }
}
.spinner-border {
    margin: auto auto;
}
.conteudo {
    float: left;
    width: 100%;
}
.newcontent .row:not(.rownormal) {
    margin: 0px;
}
.grid-view, .kv-grid-container {
    width: 100%;
    min-height: 430px !important;
}

.tipoprograma {
    color: #707070;
    font-size: 17px;
    font-weight: bold;
}
body {
    background: #f7f7f7 0% 0% no-repeat padding-box;
}
.iconemenu img {
    width: 15px;
}
.contentnewarea {
    padding-left: 0px;
    padding-right: 0px;
}
.navbar-brand {
    padding: 5px 15px 15px 0px !important;
}
.dark-blue-text .fa {
    font-size: 23px;
}
.selectmenumobile {
    color: #707070;
    font-size: 17px;
    font-weight: bold;
}
.containersubmenumobile a {
    color: #707070 !important;
}
#overlaylogin {
    display: none;
    position: absolute;
    z-index: 10;
    background: white;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#overlaylogin img {
    animation: spin 2s infinite;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.selecao-area-box__box-title {
    top: 106px;
    text-align: center;
    display: inline-block;
    width: 100%;
    left: 0px;
}
.selecao-area-box__box-title span {
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    display: block;
}
.segura-notificacoes {
    display: none;
}
#calendar > div.fc-toolbar.fc-header-toolbar > div.fc-left > button {
    border: solid 3px #004c7a;
    border-radius: 23%;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    border-top-left-radius: 15px !important;
}
.fc-header-toolbar {
    background-color: #e9e9e9;
    padding-top: 10px;
}
.bottaonormal {
    background: none !important;
    border: none !important;
}
.fc-button-group {
}
.dropcalendar {
    border: solid 3px #004c7a;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    border-top-left-radius: 15px !important;
    margin-right: 0.75em;
}
#modalAgenda .modal-header {
    border-bottom: 0px solid #dee2e6;
}
#modalAgenda .modal-content {
    border-radius: 50px;
}
.menusentrada svg {
    clear: both;
}
.menusentrada a {
    float: left;
    width: 100%;
}
.selecao-areas__favoritos__box svg {
    fill: #ffffff !important;
    width: 40px;
    opacity: 1;
}
.input-search:focus {
    background: white;
    color: #000;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background: #fff !important;
    color: #000 !important;
}
#addfavorite .header-user-hover__btn-close {
    right: 15px !important;
    padding: 0px;
}
.icon-favorito svg .a {
    fill: #fff !important;
    opacity: 1;
}
.botao {
    cursor: pointer;
    width: 12%;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important;
}
#calendar select {
    text-align-last: center;
}
#emobras {
    top: 26% !important;
    left: 30%;
    right: 30%;
}
.showemobras:hover {
    text-decoration: none;
}
#closemenu {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 99999;
}
#closemenu i {
    font-size: 30px;
}
header.d-lg-block {
    position: fixed;
    width: 100%;
    z-index: 3;
}
#closemenu {
    cursor: pointer;
}
.circleuser {
    background-color: #024c79;
    border-radius: 50%;
    width: 50px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 50px;
}
.circleuser i {
    color: white;
    font-size: 30px;
}
.markall {
    display: none;
}
.entreemcontato {
    color: #7cceff;
    font-weight: bold;
    text-decoration: underline;
}
.intromodalcontato {
    color: #707070;
}
#form-contato-erp label {
    float: left;
}
#btnwhatsapp {
    background-color: #419900;
    color: white;
    border-radius: 20px;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
}
.todasassolucoes {
    background: #e9e9e9;
    padding: 20px;
    border-bottom-left-radius: 27px;
    border-bottom-right-radius: 27px;
}
.rc-handle-container {
    clear: both;
}
#menufinalmobile svg {
    width: 42px;
    height: 38px;
}
.containericonmobile {
    background: #004c7a;
    width: 40px;
    height: 40px;
    border-radius: 49%;
}
#menufinalmobile a:active,
#menufinalmobile a:hover,
#menufinalmobile a:active,
#menufinalmobile a:visited,
#menufinalmobile a:focus {
    text-decoration: none !important;
}
@media only screen and (max-width: 768px) {
    #emobras {
        left: 10%;
        right: 10%;
    }
}
@media only screen and (max-device-width: 575px) {
    #emobras {
        width: 90%;
        margin: 0 auto;
    }
    #emobras .header-user-hover__btn-close {
        display: none !important;
    }
    #consultorvirtual {
        margin: 0 !important;
    }
    .trocamodulomobile .selecao-area-box {
        width: 28% !important;
    }
    .bg-selecao-areas {
        top: 0;
        left: 0;
        position: fixed;
        height: 100vh;
        width: 100%;
        background-size: cover;
        z-index: -1;
        background: url(/titann/front/images/main/bgmobile.jpg) center center
        no-repeat transparent fixed !important;
    }
}
#areaf7mobile {
    background: #f7f7f7;
}
#areaffmobile {
    background: white !important;
}
button[name="btn_search"] {
    padding: 6px !important;
}
.fc-day-header {
    background-color: #cccccc;
}
.fc-day-header:first-of-type {
    border-top-left-radius: 10px;
}
.fc-day-header.fc-sat {
    border-top-right-radius: 10px;
}
.fc-view-container {
    border-top-left-radius: 10px;
}
@media screen and (min-width: 992px) {
    #modalAgenda .modal-lg {
        width: 80%;
    }
    .datamobile {
        width: 146px;
        float: left;
    }
}
@media (min-width: 992px) {
    #modalAgenda .modal-lg,
    #modalAgenda .modal-xl {
        max-width: 80% !important;
    }
}
.fc-unthemed td.fc-today {
    background: #d0ddf3;
}
#modalDetalhesAgenda #myModalLabel {
    width: 90%;
    float: left;
    text-align: center;
    font-size: 26px;
    color: #004c7a;
    text-transform: uppercase;
    font-weight: bold;
}
.bodyDetalhes input[type="text"],
.bodyDetalhes .form-control {
    background-color: #f7f7f7;
    border-radius: 10px;
}
#modalDetalhesAgenda .btnredondoazul {
    line-height: 23px !important;
}
#modalDetalhesAgenda .btnredondofundoazul {
    line-height: 23px !important;
}
#modalAgenda #myModalLabel {
    width: 90%;
    float: left;
    text-align: center;
    font-size: 26px;
    color: #004c7a;
    text-transform: uppercase;
    font-weight: bold;
}
#modalDetalhesAgenda .modal-content {
    border-radius: 26px;
}
.respondendousuario {
    background: white;
    padding: 7px;
    border-radius: 20px;
    font-size: 11px;
}
@-moz-document url-prefix() {
    .owl-carousel.owl-drag .owl-item {
        width: 300px !important;
    }
    .rownormal {
        width: 100%;
        float: left;
    }
}
.iconaudio {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.iconaudio i {
    font-size: 28px;
    color: white;
}
#moreactionsnotificationsmobile {
    display: none;
}
.input-search__bt svg {
    width: 15px !important;
}
.selecao-areas__favoritos__box svg {
    fill: #ffffff !important;
    width: 30px !important;
    opacity: 1;
}
#btnsendconsultorvirtual {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.btn_selecionamodulo {
    width: 100%;
    display: flex;
    align-items: center;
    padding-left: 8px;
}
.menurounded .botao {
    display: flex;
    align-items: center;
}
.menuprogramas {
    display: none;
}
.menurounded:hover .menuprogramas {
    display: block !important;
}
#closemenu {
    display: none !important;
}
.lineusers img,
.contmostrauser img {
    border-radius: 50%;
}
.btndetailsuser {
    display: none !important;
}
#menumaischat ul li {
    margin-bottom: 10px;
}
.listmessages .col-lg-12 svg {
    width: 30% !important;
}
.listmessages {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.listmessages .col-lg-12 {
    vertical-align: middle;
    text-align: center !important;
}

.marginline {
    margin-top: 19px !important;
    float: left;
}

div.required label:after {
    content: " *";
    color: #a94442;
}

.header-search,
.header-search form {
    display: inline-block;
}

.header-search #btnsearchprincipal {
    margin-right: 5px;
}

label {
    cursor: pointer;
}

#suboverlay {
    margin: auto auto;
    width: 40%;
    height: 40%;
    position: absolute;
    z-index: 9999;
    background: white;
    left: 0px;
    right: 0px;
}

.manufatura #suboverlay {
    border: solid 2px #ff9f7c;
}

.modal-body.isloading, .modal-body.loading-dots{
    z-index: 1;
}
.modal-body.isloading {
    min-height: 200px;
}
.isloading,
.loading-dots {
    position: relative;
    z-index: 1;
}

.isloading:after {
    position: absolute;
    content: "";
    background: url(/titann/front/images/loading.gif) #fff center center no-repeat;
    background-size: 35px;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    left: 0;
    top: 0;
    z-index: 2;
}

.loading-dots::after {
    position: absolute;
    content: "";
    background: url(/titann/front/images/loading-dots.gif) right no-repeat;
    background-size: 35px;
    width: 63px;
    height: 107%;
    right: -50px;
    top: 3px;
    z-index: 2;
}


.spinner-loader::before{
    background-color: #fff;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0.6;
}

.spinner-loader{
    position: relative;
}

.spinner-loader::after {
    position: absolute;
    content: "";
    border-style: solid;
    border-width: 16px;
    border-color:#d2c8c8;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 0.9s linear infinite; /* Safari */
    animation: spin 0.9s linear infinite;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 25px;
    text-align: center;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/** FORM REPORTE PRODUÇÃO **/
.btn-edit-grade {
    color: #337ab7;
    cursor: pointer;
    float: right;
    padding: 5px;
}
.select-edit-grade {
    width: 200px;
    float: left;
}

.texto-grade {
    width: 180px !important;
    float: left;
    text-align: center;
}
/** FORM REPORTE PRODUÇÃO **/

.only-view {
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: text !important;
}

.pesagem-sumarizado {
    background: #1777ca14 !important;
}

.loader {
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

.lds-dual-ring .texto {
    width: 100%;
    text-align: center;
    top: 54%;
    position: absolute;
}

.lds-dual-ring .texto p {
    background: #ffffffa8;
    display: inline;
    width: 50%;
    color: #222;
    padding: 24px;
    border: 1px solid #2222228c;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.only-view,
.disabled-only-view {
    background: transparent;
    border: none;
    box-shadow: none;
    cursor: text !important;
}


#titleoverlay{
    width: 100%;
    float: left;
    position: absolute;
    top: 0px;
    padding-top: 60px;
}

/** FORMULAS VARIAVEIS **/
.formula_calculo div.info span{
    display: inline-block;
    padding: 5px;
    color: #34346b;
}
.formula_calculo div.info{
    width: 100%;
}
.form-tags span {
    padding: 8px 15px;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    margin: 3px 0;
    cursor:pointer;
}

.form-tags span:hover{
    border:1px solid;
}

.form-tags span input{
    border: 0;
    background: transparent;
    width: 80px;
}

.form-tags {
    padding: 25px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 20px;
    min-height: 75px;
}

.form-tags span.number {
    background-color: green;
    cursor: initial;
}

.form-tags span.math {
    background-color: orange;
}

.form-tags span.selected{
    border: 5px solid #1630e8;
}

.form-tags span.parent {
    background-color: red;
}

.form-tags span.string {
    background-color: #656507;
}

.form-tags span.empty {
    background: #ffff004a;
    color: #222;
}

.form-tags span.variable {
    background-color: #1414a0;
}

.form-tags span.logical,
.form-tags span.operator {
    background-color: #870eaf;
}

.btn-show-formula {
    display: inline;
    position: relative;
}

.btn-show-formula .formula{
    display: block;
    position: absolute;
    left: 23px;
    top: -5px;
    z-index: 99999;
}

.btn-show-formula .formula .form-tags{
    text-align: center;
    padding: 4px;
    min-height: auto;
    border: 0;
    width: auto;
    background: #eae6e6;
}

.btn-show-formula.success i{
    color: #12ad12;
}

.btn-show-formula.error i{
    color: #c2250a;
}

.btn-show-formula .formula .form-tags:before {
    content: "";
    left: 0;
    top: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #eae6e6;
    left: -9px;
}
.btn-show-formula .formula {
    display: none;
}
.btn-show-formula .formula .form-tags span{
    font-size: 8px;
    position: relative;
    cursor: pointer;
}

.btn-show-formula .formula .form-tags span:not(.undefined):hover{
    border: 1px solid;
    font-size: 16px;
    position: relative;
    z-index: 999;
}

.btn-show-formula i {
    cursor: pointer;
}

.btn-show-formula:hover div.formula{
    display: block!important;
    width: 400px!important;
}

span.undefined {
    position: absolute!important;
    top: -27px;
    left: -6px;
    color: red;
    font-size: 41px!important;
    border: none!important;
}

.form-script input{
    border: 0;
}

.grey-disabled{
    color:#ccc!important;
    cursor: initial;
}
/** FORMULAS VARIAVEIS **/

.single-update-field{
    padding:5px;
}

.upd-input, .upd-button{display: inline-block;}
.upd-button {text-align: center;}
.upd-button button{
    padding: 5px;
    margin: 3px;
}

.swal-text span{
    padding: 5px;
    margin: 2px;
    display: inline-block;
    color: #fff;
    background: #1414a0;
    font-size: 11px;
    border-radius: 3px;
    border: 1px solid #0e0e50;
}

.form_search {
    z-index: 1;
}
.btn_create {
    z-index: 0;
}

.legenda{
    margin-top:30px;
}
.tb-legenda {
    width: 100%;
}
.tb-legenda td{
    border:1px solid #2222221a;
    padding:5px;
}
#modalview .modal-body {
    position: relative;
    padding: 15px;
    max-height: 500px;
    overflow: hidden;
    overflow-y: scroll;
}
.color{padding: 0 13px!important;}
.bg-orange {background:#ffa50029!important;background-color:#ffa50029!important;}
.bg-green {background:#0080001f!important;background-color:#0080001f!important;}
.bg-red {background:#ff00001c!important;background-color:#ff00001c!important;}
.bg-yellow {background:#ffff0059!important;background-color:#ffff0059!important;}
.bg-blue {background: #bee3f5!important;background-color: #bee3f5!important;}
.waiting-loading { visibility: hidden;}
.overflow-hidden {overflow: hidden;}

.label-custom-field{
    background-color:#dde0e8;
    color: #071766;
    padding: 15px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 5px;
}

.label-ish{
    background-color: #7091e6;
    color: #f0f1f6;
    padding: 15px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 5px;
}
.label-ish::after{
    position: absolute;
    content: "";
    width: 220px;
    height: 77px;
    border-top: 2px solid #7091e6;
}

.col-one, .col-two {
    overflow: hidden;
    padding-top: 80px;
}

.col-one::after{
    position: absolute;
    content: "";
    border-right: 2px solid #7091e6;
    height: 100%;
    top: -100px;
    right: 0;
}

.col-one .label-ish::after{   
    top: -22px;
    right: -190px;
    -webkit-transform: rotate(335deg);
    -moz-transform: rotate(335deg);
     -ms-transform: rotate(335deg);
     -o-transform: rotate(335deg);
     transform: rotate(335deg);
}

.col-two .label-ish::after{   
    top: -25px;
    left: -200px;
    z-index: 2;
    -webkit-transform: rotate(-335deg);
    -moz-transform: rotate(-335deg);
    -ms-transform: rotate(-335deg);
    -o-transform: rotate(-335deg);
    transform: rotate(-335deg);
}

.detalhes-rnc{
    border: 2px solid #7091e6;
    margin-bottom: 0;
    background: #fff;
    padding: 10px;
    text-align: center;
}
table.table {
    border-bottom: 1px solid #ccc;
}
.label-success{
    background-color: #cadeca;
    color: #095909;
    padding: 5px 10px;
    border-radius: 5px;
}
form#form-send-mail-cincoporques
, form#form-send-mail-ishikawa
, form#form-send-mail-fmea{    
    background: #92a5ef40;
    margin-bottom: 10px;
    border: 1px solid #91adf282;
    border-radius: 5px;
    width: 100%;
    display: inline-block;
}
.container-send-mail {
    width: 100%;
    display: inline-block;
}
.btn-tool-info{
    border: 0;
    color: #6185a2;
    background-color: transparent;
}

.reporte-producao{
    background: #e1ee821f;
    border-radius: 10px;
    padding: 15px;
}

.reporte-producao table{
    background: #edf1f6
}
.swal-button--cancelar {
    background-color: #99aab1;
}
.swal-button--cancelar.swal-button:not([disabled]):hover{
    background-color:#98bfd1;
}

.swal-button--sim{
    background-color: #de4444;
}
.swal-button--sim.swal-button:not([disabled]):hover{
    background-color:#cb5c5c;
}
.dst-form-eng {
    background: #788ae6;
    padding: 0px 5px;
    color: #ffffff;
    border-radius: 3px;
    font-weight: normal;
}

.danger .info-ordem tr td, .danger .info-ordem{
    background-color: transparent !important;
}

.tag-nro-serie{
    background-color: orange;
    padding: 3px 10px;
    border-radius: 5px;
    font-weight: normal;
    color: #fff;
    margin-right: 5px;
}

.table-card.reprovado tr:first-child td{
    background-color: #ff00001a;
}
.table-card.resalva tr:first-child td{
    background-color: #f1f1dd;
}
.table-card.aprovado tr:first-child td{
    background-color: #00800024;
}
.table-card.aprovado tr td{
    color: #011f01de;
}
.table-card.aprovado i.aprovado {
    color: #288626;
}
.table-card.resalva tr td{
    color: #524902;
}


.table-card {
    border-radius: 6px 6px !important;
    overflow: hidden;
}

.sem_avalicao, .reprovado {
    color: #e55555;
}

.info-card-laudo i span {
    color: #4a4545;
    font-size: 30px;
}

.icone-svg{
    height: 20px;
    width: 20px;
}
.info-card-laudo .btn-resultado{
    cursor: pointer;
    position: relative;
    left: 10px;
    top: -7px;
}

.manufacturing-header {
    background: #fa946f;
    color: white;
}

.hide-checkbox{
    position: relative;
}
.hide-checkbox::after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    content: "";
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;

    .select2-selection {
        background: #eee;
        box-shadow: none;
    }

    .select2-selection__arrow,
    .select2-selection__clear {
        display: none;
    }
}

.itws-text{
    font-size: 11px;
}

.loading-titann-content .loading-titann-text{
    margin-top: 80px;
    color: #fff;
    font-size: 18px;
    position: fixed;
    top: 50%;
    width: 100%;
    text-align: center;
}

.saldoestoque-produto thead>tr>th{
    border: 1px solid #ccc;
    border-top: 1px solid #ccc!important;
    background: #e9e9e9;
}