/* Begin: Text color to all inputs and grid (kendo and not kendo) */
html {
    --color-siza: #2f3136;
    --color-back-tra: rgba(0,0,0,0.80);
    --color-siza-f: #36393f;
    --color-siza-t: #8e9297;
}

body {
    color: #444444 !important;
    font-size: 13px !important;
    font-family: Verdana, "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif !important;
}

.login_wrapper {
    right: inherit;
    left: 0;
    top: 0;
    margin: 0px auto !important;
    /* margin-top: 5%; */
    width: 100%;
    height: calc(100% - 50px);
    position: fixed !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login_content {
    min-width: 350px !important;
}

.pheight {
    height: 350px;
}

.modal-psac, .customer-pl {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 99999;
    display: flex;
    justify-content: center;
    align-items: center;
}

button.ptb-mms {
    margin-top: 15px;
}

.customer-pl {
    z-index: 99991;
    background: var(--color-back-tra);
}

.modal-psac .center-modal {
    position: absolute;
    max-width: 400px;
    min-height: 100px;
    width: 90%;
    color: #fff;
    background: #2f3136;
    padding: 40px;
    border-radius: 5px;
    box-shadow: 0px 35px 54px rgb(0 0 0 / 10%) !important;
}

.nav-md .container.body .col-md-3.left_col {
    width: 250px !important;
}

.sidebar-footer {
    width: 250px !important;
    z-index: 1;
}

.nav-md .container.body .right_col {
    margin-left: 250px !important;
}

.nav-sm .navbar.nav_title {
    width: 90px !important;
}

.nav-sm .container.body .col-md-3.left_col {
    width: 80px !important;
}

.login_content h1:before, .login_content h1:after {
    background: #337ab7 !important;
}

.k-block, .k-content, .k-dropdown .k-input, .k-popup, .k-toolbar, .k-widget {
    color: #444444 !important;
}

.k-input, .k-multiselect-wrap, .k-textbox > input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover .ipserver {
    color: #444444 !important;
}

.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
    color: #000 !important;
}

.nav-sm .menu_section > ul a {
    position: relative;
}


strong._sair, .i-con-mobile {
    display: none;
}


.mmsc {
    opacity: 9.9;
}

.line-pecs {
    font-size: 18px;
    height: 28px;
    width: 162px;
    position: relative;
    margin-top: -2px;
    padding: 5px 6px;
    border-radius: 0 10px 10px 0;
}

b._brsult {
    font-size: 12px;
    padding: 2px 10px;
    margin-top: 7px;
    float: left;
    font-family: Verdana, "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif !important;
    background: #fff;
    color: #5f6368;
    border-right: 1px solid #ccc;
}

.line-pecs:before {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 10px 10px 0;
    background: #337ab7;
    color: #fff;
    padding: 5px 8px;
}

.ffp:before {
    border-radius: 4px !important;
}

.r_results_p {
    right: 109%;
    background: #fff;
    height: 28px;
    width: auto;
    border-radius: 4px 0 0 4px;
    z-index: 1;
    color: #fff;
    display: none;
    position: absolute;
    top: 0;
}

.lettercss {
    font-size: 14px;
    padding: 5px !important;
    padding-left: 10px !important;
    height: 28px !important;
    right: 32px;
    font-family: Verdana, "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif !important;
    border: none;
    top: 0;
    background-color: #5f6368 !important;
    color: #fff !important;
    border-radius: 4px 0 0 4px !important;
}

/*rgba(255,255,255,0.06)*/
.nav.child_menu li.active {
    background: -moz-linear-gradient(left, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 70%, rgba(255,255,255,0) 100%) !important;
    background: -webkit-linear-gradient(left, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0.02) 70%,rgba(255,255,255,0) 100%) !important;
    background: linear-gradient(to right, rgba(255,255,255,0.06) 0%,rgba(255,255,255,0.02) 70%,rgba(255,255,255,0) 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ) !important;
}

.nav-sm .menu_section > ul > li > a > .fa-chevron-down {
    display: block !important;
    background: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
}

.focus-noti-s {
    animation: myfirst 2.4s infinite;
    -moz-animation: myfirst 2.4s infinite; /* Firefox */
    -webkit-animation: myfirst 2.4s infinite; /* Safari and Chrome */
}

@-moz-keyframes myfirst /* Firefox */ {
    0% {
        background: #999ba23b;
    }

    50% {
        background: transparent;
    }

    100% {
        background: #999ba23b;
    }
}

@-webkit-keyframes myfirst /* Safari and Chrome */ {
    0% {
        background: #999ba23b;
    }

    50% {
        background: transparent;
    }

    100% {
        background: #999ba23b;
    }
}

/* height grid processos de compras */
div#divContainerContent {
    position: relative !important;
}

[formularios-focus] {
    position: relative;
    height: 100%;
}

    [formularios-focus] > .divShowHide > [data-role=grid] {
        position: absolute;
        height: calc(100% - 80px);
    }


/* fim */

/* inicio popup contactos  */
._cc {
    width: 100%;
    height: 100%;
    background: var(--color-back-tra);
    position: fixed;
    z-index: 1;
    top: 0;
    overflow: hidden;
    overflow-y: auto;
}

.cc_c {
    position: relative;
    min-width: 300px;
    padding: 2px;
    padding-top: 0;
    width: 50%;
    margin: 50px auto;
    height: calc(100% - 100px);
    min-height: 400px;
    background: #2f3136;
    border-radius: 10px;
    box-shadow: 2px 2px 100px rgba(0,0,0,0.30) !important;
    overflow: hidden;
}

.cc_t {
    width: 100%;
    height: 65px;
    position: relative;
    background: var(--color-siza);
    z-index: 999;
    padding: 10px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

._lk {
    width: calc(100% - 11px);
    position: relative;
    height: 45px;
    margin: auto;
    background: #282b31;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #222429;
}

input.ps_c {
    width: calc(100% - 30px);
    height: 100%;
    padding: 0 10px;
    padding-left: 20px;
    background: #282b31;
    opacity: 0.0;
    font-size: 13px;
    font-weight: 700;
    border: none;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    input.ps_c:focus {
        opacity: 9.9;
    }

b.t_cl {
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    padding: 14px 20px;
    position: absolute;
}

._cb span {
    position: absolute;
    font-size: 20px;
    right: 0px;
    color: #1da1f2;
    margin-top: 13px;
    cursor: pointer;
}

._lk ._cb:not(:nth-child(4)) {
    position: absolute;
    right: 10px;
    top: 0px;
    z-index: 2;
    cursor: pointer;
}

.testey {
    padding: 20px;
    border: 2px dashed #707785;
    width: calc(100% - 40px);
    margin: 20px;
    text-align: center;
    color: #707785;
}

    .testey label {
        width: 100%;
        text-align: left;
    }

.c_ffocus textarea {
    position: relative;
    background: #282b31;
    margin-bottom: 10px;
    min-height: 61px;
    max-height: 61px;
    padding: 20px;
    border-radius: 5px;
    width: 100%;
    resize: none;
    outline: none !important;
    border: 1px solid #222429;
    overflow: hidden !important;
    text-align: center;
}

._lk ._cb:nth-child(4) {
    float: left;
    width: 100%;
    height: 100%;
    position: relative;
}

.cc_s {
    margin: auto;
    width: 100%;
    position: relative;
    user-select: none;
    height: calc(100% - 65px);
    overflow: hidden;
    background: var(--color-siza);
}

    .cc_s li:not(._ltt) {
        float: left;
        width: calc(100% - 30px);
        background: var(--color-siza-f);
        margin-bottom: 10px;
        list-style: none;
        padding: 10px;
        margin-left: 15px;
        border-radius: 5px;
    }

._ni, ._dsc {
    float: left;
}

._dsc {
    width: 100%;
    padding: 8px 10px;
}

    ._dsc b, ._dsc span {
        float: left;
        width: calc(100% - 100px);
        font-size: 16px;
    }

    ._dsc span {
        width: 70px;
        background: #282b31;
        font-size: 13px;
        padding: 2px 0px;
        font-weight: 700;
        color: #fff;
        border-radius: 3px;
        text-align: center;
        margin-right: 10px;
    }

    ._dsc b {
        color: var(--color-siza-t);
        font-size: 13px;
        font-weight: 700;
    }

.offesttop {
    position: fixed !important;
    top: 132px;
    z-index: 9;
}

._ni b._nb {
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 12px 0;
    font-size: 17px;
    display: none;
}

.b_hr {
    position: absolute;
    font-size: 20px;
    margin-left: -65px;
    background: var(--color-siza);
    border-radius: 20px 0 0 20px;
    padding: 5px 15px;
    color: #1da1f2;
}

li._ltt {
    position: relative !important;
    list-style: none;
}

.c_ffocus {
    width: 100%;
    background: var(--color-siza);
    position: absolute;
    user-select: none;
    max-height: calc(100% - 63px);
    overflow: hidden;
    z-index: 99;
}

.c_ffocuss {
    padding-top: 10px;
    padding-bottom: 20px;
}

.clickbts {
    background: #1da1f2;
    padding: 10px;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
}

button.ilfr {
    padding: 5px;
    background: #1da1f2;
    color: #fff;
    border: none;
    outline: none;
    border-radius: 3px;
}

.fdfjdfdl {
    background: #282b31 !important;
    height: 48px;
}

span.text input {
    border: none;
    background: transparent !important;
    width: calc(100% - 120px);
    outline: none !important;
}

.c_ffocus font {
    color: yellow;
}

.c_ffocus li {
    padding: 5px 25px;
    list-style: none;
    font-size: 12px;
    color: var(--color-siza-t);
    float: left;
    width: 100%;
}

    .c_ffocus li b {
        padding: 3px 10px;
        border-radius: 2px;
        margin-top: -4px;
        float: left;
        margin-right: 5px;
    }

span.bCte {
    padding: 5px 10px;
    background: var(--color-siza-f);
    border-radius: 5px;
    margin-left: 5px;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

.plus:hover {
    color: #1da1f2 !important;
}

.pencil:hover {
    color: green !important;
}

.trash:hover {
    color: red !important;
}

.c_ffocus li:hover span.bCte {
    opacity: 9;
}

li.cc-ffocus {
    padding: 5px 0;
    border-radius: 25px;
    background: #282b31;
}

._ht {
    font-size: 14px !important;
    padding: 10px 0px !important;
}

.c_ffocus li:last-child {
    padding-bottom: 30px;
}

.add_box1 {
    box-shadow: 0 0 8px rgba(60,64,67,0.302) !important;
    border: none !important;
}

._bbclik {
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    top: 0;
    left: 0;
}

div#_ht {
    float: left;
    padding: 5px 10px;
    background: #172d44;
    color: #fff;
    border-radius: 25px;
    display: none;
}
/* fim popup contactos  */
/* global sms  */
.top-global-sms {
    height: 35px;
    width: 100%;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
    color: #f8f8f8;
    position: relative;
    background: #172d44;
}

    .top-global-sms li {
        float: left;
        list-style: none;
        width: 50%;
    }

        .top-global-sms li span {
            float: right;
            padding: 8px 12px;
            background: transparent;
            margin-left: 3px;
            cursor: pointer;
            font-size: 14px;
        }

            .top-global-sms li span:hover {
                background: #243a4e;
            }

        .top-global-sms li b {
            font-size: 18px;
            float: left;
            padding: 4px 31px;
        }

.check-vistos {
    position: absolute;
    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    height: calc(100% - 300px);
}

#c_user {
    display: none;
}

.check-vistos li {
    float: left;
    clear: both;
    width: 100%;
    list-style: none;
    position: relative;
    padding: 11px 31px;
    height: 44px;
    font-size: 14px;
    cursor: pointer;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

    .check-vistos li span {
        float: left;
        width: 74%;
    }

.global-time {
    width: 18px !important;
    height: 23px;
    overflow: hidden;
    margin-left: 12px;
    position: relative;
    margin-top: -2px;
    color: #ccc;
    font-size: 17px;
}

.global-date {
    text-align: right;
    width: 70px !important;
}

.container-global-sms {
    width: 530px;
    position: absolute;
    bottom: 0;
    right: 4%;
    padding: 0px;
}

.show-hiden-global {
    height: 499px;
    width: 100%;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 18px rgba(0,0,0,0.20) !important;
    background: #fff;
}

.container-global-sms-this {
    right: 2px;
    width: 240px !important;
    bottom: 35px !important;
}

    .container-global-sms-this .show-hiden-global {
        height: 0px !important;
    }

    .container-global-sms-this .top-global-sms {
        background: #337ab7;
    }

.contsms-global-sms {
    width: 100%;
    position: relative;
}

.check li {
    list-style: none;
    width: 50%;
    float: left;
    text-align: center;
    position: relative;
    font-size: 16px;
    color: #5f6368;
    height: 63px;
    cursor: pointer;
    padding: 8px 0;
    padding-left: 20px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    border-top: 1px solid rgba(0,0,0,.1);
}

    .check li:before {
        width: 100%;
        position: absolute;
        height: 0px;
        background: #337ab7;
        content: '';
        left: 0;
        bottom: 0px;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

.last_check:before {
    background: #1e8e3e !important;
}

.check .focusbefore:before {
    height: 3px !important;
}

.check li:hover:before {
    height: 3px !important;
}

.textarea-global-sms {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .textarea-global-sms textarea {
        width: 105%;
        padding: 20px 31px;
        height: 178px;
        outline: none !important;
        padding-right: 49px;
        border: none !important;
    }

.object-user, .object-user img {
    border: none;
}

.object-user{
    position:relative;
}

.iconsactive {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    bottom: 0;
    left: 5px;
    border: 2px solid rgb(49 64 80);
}

li .bnm, li .kflop {
    float: left;
    width: 70%;
    padding-left: 5px;
    text-align: left;
}

li .bnm {
    width: 44px;
    font-size: 22px;
    padding-top: 5px;
}

.touser-onl {
    display: none;
    background: #1e8e3e;
    padding: 1px 3px;
    position: absolute !important;
    width: auto;
    top: 3px;
    right: -17px;
    margin-left: 5px;
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
}

    .touser-onl.color-blue {
        background: #337ab7;
    }

.kflop span, .kflop b {
    float: left;
    position: relative;
}

.focususerv {
    margin-top: 10px !important;
}

span.fdfd {
    font-size: 13px;
    position: relative;
    overflow: hidden;
    height: 19px;
    width: 100%;
    color: #aaa;
}

    span.fdfd small {
        position: absolute;
        height: 100%;
        font-size: 12px;
        width: 300px;
    }

.footer-global-sms {
    padding: 10px 31px;
    width: 100%;
    position: relative;
}

.mas_ellips {
    position: absolute;
    right: 30px;
    top: 0;
    width: 60%;
    height: 100%;
}

    .mas_ellips i {
        float: right;
        font-size: 18px;
        padding: 6px 7px;
        cursor: pointer;
        margin-left: 20px;
        margin-top: 9px;
        border-radius: 50%;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

.sms-eneviad {
    display: none;
    position: absolute;
    width: 88%;
    background: #eee;
    padding: 6px 10px;
    margin-top: 15px;
    font-size: 14px;
    color: #5f6368;
    text-align: left;
    border-radius: 5px;
    left: 29px;
}

.sms-eneviad-this {
    margin-top: 15px;
}

.sms-eneviad-green {
    background: #eee !important;
}

i#help_time[min] {
    color: #fff;
    background: #5f6368;
}

i.stop_ {
    padding: 0 !important;
    margin: 0 !important;
}

.o_m__ {
    width: 100px;
    height: 50px;
    margin: 10px auto;
    background-repeat: no-repeat;
    background-size: cover;
}

._op {
    padding: 0px 50px;
    padding-bottom: 70px;
}


.mas_ellips i:not(.stop):not(.stop_):hover {
    color: #fff;
    background: #5f6368;
}

.mas_ellips i.stop, .mas_ellips i.stop_ {
    display: none;
}

    .mas_ellips i.stop_ b {
        position: absolute;
        font-size: 13px;
        margin-top: 23px;
        color: #5f6368;
        opacity: 0;
        font-style: normal;
    }

.mas_ellips .fa-circle {
    color: #5f6368 !important;
    background: #eee !important;
}

.mas_ellips .focus__cir {
    color: #fff !important;
    background: #5f6368 !important;
}

.check_gif {
    position: absolute;
    width: 30px;
    background: url(../Content/images/LoadingTy.gif);
    background-repeat: no-repeat;
    height: 30px;
}

._kli98 {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: #fff;
    height: 100%;
}

.dk_k__ {
    width: 100px;
    height: 50px;
    position: relative;
    background-size: cover;
    overflow: hidden;
}

._dj_j {
    opacity: 0;
    margin-top: -30px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

._dj_j_t {
    opacity: 9;
    margin-top: initial;
}

.io__gh__b {
    padding: 14px 0;
    width: 270px;
    margin: 15px auto;
}

    .io__gh__b ._hjyu_ {
        float: left;
        position: relative;
        margin-right: 15px;
        width: 51px;
        height: 51px;
        background: #dddddd;
        /* background: #5f6368; */
        color: #fff;
        cursor: pointer;
        border-radius: 50%;
    }

._hjyu_f {
    background: #5f6368 !important;
}

span._hjyu_ i {
    position: absolute;
    font-size: 25px;
    width: 100%;
    left: 0;
    top: 6px;
}

span._hjyu_ b {
    position: absolute;
    font-size: 13px;
    left: 0;
    width: 100%;
    text-align: center;
    top: 28px;
}

.io__gh__c {
    width: 270px;
    text-align: left;
}

.n_crt__ {
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

    .n_crt__ b {
        position: absolute;
        font-size: 300px !important;
        width: 100%;
        text-align: center;
        color: rgba(255, 255, 255, 0.20);
        text-shadow: 1px 1px 2px rgba(0,0,0,0.50);
        top: 10%;
    }

.faw_ {
    bottom: 40px;
}

/* fim global sms */
.removeObteci {
    position: absolute;
    top: 6px;
    /* margin-left: -26px; */
    right: 38px;
    display: none;
    font-size: 15px;
}

div#toltipe-search-number-page {
    position: fixed;
    width: auto;
    height: auto;
    padding: 5px;
    border-radius: 4px;
    text-align: center;
    background: rgba(0,0,0,0.80);
    color: #fff;
    z-index: 99;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

.addropacyt {
    opacity: 0.0 !important;
}

/* End: Text color to all inputs and grid (kendo and not kendo) */
.hidden-small-s {
    background: transparent !important;
}

    .hidden-small-s a {
        width: 80px !important;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }

.left_col {
    position: relative;
    z-index: 2;
}

.ipserver {
    position: fixed;
    bottom: -20px;
    z-index: 1;
    left: 10px;
    width: inherit;
    height: 20px;
}

.search-pesquisas {
    top: 46px !important;
}

.fgt {
    padding: 11px 36px !important;
    background: #172d44 !important;
    cursor: pointer;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.childrenpap {
    position: absolute;
    right: -100%;
    background: transparent;
    top: -36px;
    color: #fff;
    padding: 10px;
    width: inherit;
}

.childrenpaps {
    position: fixed;
    right: 0;
    background: #172d44;
    bottom: 0 !important;
    left: 0;
    color: #fff;
    height: 35px !important;
    padding: 10px;
    width: inherit;
}
/*Definição do tamanho máximo da imagem do utilizador (Topo)*/
.user-profile img {
    max-width: 29px !important;
    max-height: 29px !important;
    width: auto !important;
    height: auto !important;
}

.side-menu {
    scrollbar-face-color: #337ab7;
    scrollbar-shadow-color: #2D2C4D;
    scrollbar-highlight-color: #2A3F54;
    scrollbar-3dlight-color: #2A3F54;
    scrollbar-darkshadow-color: #2D2C4D;
    scrollbar-track-color: #2A3F54;
    scrollbar-arrow-color: #2A3F54;
}
/* css para menu lateral */
.nav.child_menu li {
    padding-left: 15px !important;
}

/*Logo do menu*/
.site_title {
    height: 40px !important;
    text-align: center;
    padding-left: 0px !important;
    line-height: 0px !important;
}

/* inicio - css para o textbox (linha com texto) */
.group {
    position: relative;
    width: 100%;
    height: 25px;
    max-height: 25px;
    min-height: 25px;
}

    .group > .after {
        position: absolute;
        right: 0;
        z-index: 9;
    }

        .group > .after + input {
            width: 85%;
            /*text-align: right;*/
        }

    .group input:not(.nofind):not(.naopart), .group select, .group .k-textbox > input, .group .k-input[type="text"], .group .k-input[type="password"], .group .k-input[type="number"],
    .group .k-input[role="listbox"], .group > k-textbox, .group .k-picker-wrap > .k-input, .group .k-button:not(li) {
        position: absolute;
        top: 0;
        padding: 0;
        -webkit-appearance: none;
        box-sizing: border-box;
        display: block;
        width: 100%;
        height: 20px;
        border: none;
        border-radius: 0;
        text-indent: 0;
        text-overflow: ellipsis;
        /* border: solid 1px #ccc; */
    }

/*.group select {
    background: url('/Content/images/c_arrow_drop_down.png') no-repeat right;
}*/

select::-ms-expand {
    display: none;
}

.group .k-input[role="listbox"] {
    padding: 10px 0 0;
}

.group li.k-button, .group li.k-button.k-state-hover {
    border: none;
    background-color: transparent;
    color: #333;
    padding-left: 0;
    line-height: 1em;
    top: 0.9em;
}

    .group li.k-button > span:last-of-type {
        padding: 0;
        margin-right: 3%;
    }

.group input:focus, .group .k-textbox > input:focus, .group .k-input[type="text"]:focus, .group .k-input[type="password"]:focus, .group .k-input[type="number"]:focus,
.group .k-textbox:focus, .group .k-picker-wrap > .k-input:focus, .group .k-button:focus {
    outline: none;
}

.group input[role=combobox] {
    width: 90% !important;
}

.group > label {
    color: #b5b6c0;
    /*font-size: 12px !important;*/
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 40%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
/*.group.focus > label, .group.used > label {
    top: -6px;
    left: 0px;
    transform-origin: left top;
    color: #337ab7;
}*/

.group > label, .group > label {
    top: -5px;
    left: 0px;
    /* transform: scale(.75); */
    transform-origin: left top;
    color: #337ab7;
    position: absolute;
    /* background: red; */
    width: 100%;
    height: 20px;
    overflow: hidden;
}

.group > .bar {
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background-color: black;
    left: 0;
    bottom: 0;
}

    .group > .bar::before,
    .group > .bar::after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 0;
        position: absolute;
        background: #337ab7;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .group > .bar::before {
        left: 50%;
    }

    .group > .bar::after {
        right: 50%;
    }

.group > .after + input {
    float: left;
    width: 80%;
}

.group.focus > .bar::before,
.group.focus > .bar::after {
    width: 50%;
}

.search .group.focus > label,
.search .group.used > label {
    color: #19bd9b;
}

.search .group > .bar::before,
.search .group > .bar::after {
    background-color: #19bd9b;
}

.discontinued .group.focus > label,
.discontinued .group.used > label {
    color: #9b59b6;
}

.discontinued .group > .bar::before,
.discontinued .group > .bar::after {
    background-color: #9b59b6;
}

.group.disabled:not(.error) > label {
    top: -4%;
    left: 0px;
    transform: scale(.75);
    transform-origin: left top;
    color: #b5b6c0 !important;
}

.group.disabled input {
    color: #b5b6c0 !important;
    cursor: not-allowed;
}

.group.disabled span {
    opacity: 1 !important;
}

.group.disabled .k-icon {
    display: none;
}

.group.error > label {
    color: #d3531a !important;
}

.group.error > .bar::before,
.group.error > .bar::after {
    background-color: #d3531a !important;
}

.group-textarea {
    position: relative;
    border: solid 1px #a9a9a9;
}

.group > textarea .k-input {
    position: absolute;
    border-color: red;
}

.group-textarea > span {
    position: absolute;
    top: 0.2vw;
    left: 0.3vw;
    z-index: 1;
    color: #b5b6c0;
    font-weight: bold;
}

.group-textarea.focus {
    border-color: #337ab7;
}

    .group-textarea.used > span,
    .group-textarea.focus > span {
        color: #337ab7 !important;
    }

.group-textarea > div {
    position: relative;
    height: 100%;
    width: 100%;
}

    .group-textarea > div > textarea {
        position: relative;
        height: calc(100% - 1.5em);
        width: 100%;
        padding-left: 0.3vw;
        /* top: 1.5em; */
        /* border: none; */
        top: 1.5em;
        border-top: thick double #fff;
    }

.group-textarea > span.focus + div > textarea {
    border-color: #337ab7;
}

.group > .k-widget.k-header {
    background-color: transparent;
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    padding-top: 10px;
}

.group > span.k-widget.k-header > span {
    background-color: transparent;
    border: none;
    padding: 0;
    height: 100%;
}

.k-window .group > span.k-widget.k-header > span {
    margin-top: -8px !important;
    margin-left: -10px;
}

.k-window .k-i-arrow-60-down {
    margin-top: -6px !important;
}

.group > span.k-widget.k-header > span > input {
    box-sizing: border-box;
}

.group > span.k-widget.k-header > span > .k-select {
    border: none;
    cursor: context-menu;
}

.group:not(.disabled) > span.k-widget.k-header > span > input,
.group:not(.disabled) > span.k-widget.k-header > span > .k-select {
    cursor: pointer;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0px;
}

.cappesc:before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    position: fixed;
    left: 0;
    background: transparent;
    z-index: 9;
}

.k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup, .k-input[readonly] {
    color: #000000 !important;
}

.left-riports .k-dropdown .k-state-focused .k-input {
    color: #fff !important;
}

/* fim - css para o textbox (linha com texto) */

/* inicio - css para imagem (?) */

.k-loading-image {
    background-image: url('/Content/images/loading.gif');
    z-index: 999999 !important;
}

.k-loading-color {
    background: transparent !important;
}

input[type="file"] {
    display: none;
}

.container-grid {
    transition: all 0.3s ease-in-out;
    moz-transition: all 0.3s ease-in-out;
    webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

#CheckBoxView {
    position: absolute;
    right: -14px;
    padding: 0;
    top: 78px;
    width: 157px;
    height: 88%;
    display: none;
    overflow: hidden;
}

    #CheckBoxView .menu_tre {
        margin: 0px !important;
    }

div#CheckBoxView #treeViewCheckboxes {
    height: 92% !important;
}

#footerProduct button {
    width: auto !important;
}

.footerProduct {
    position: absolute;
    bottom: 0;
    padding: 5px 0;
    padding-bottom: 0;
    background: #fff;
}

    .footerProduct button {
        width: auto !important;
    }

div#CheckBoxView #treeViewCheckboxes {
    height: 92% !important;
    width: auto !important;
    padding-bottom: 20px;
}

div#CheckBoxView .k-treeview .k-in {
    padding: 0 !important;
}

.custom-file-upload {
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}
/* fim - css para imagem (?) */

/* Altura do botão de mostrar ou esconder o menu */
.toggle {
    height: 40px !important;
    width: 100px !important;
}
/*Botoes de acumulativo*/
.row .toggle {
    height: 22px !important;
}

/*Expanded*/

*:not(a):not(.db-center):not(.x-button-drop-menu):not(#nhm):not(.left-riports):not(.clsadd-painel):not(.bodyPop):not(.footer-right):not(.load-alert):not(.expandSlidein):not(.center-modal):not(.cc_c):not(.psgr):not(.container-popup):not(.retusrns):not(.iconssac):not(.c_ffocus):not(.menubox):not(.painell):not(.div-poppus-cambio):not(.smsatt):not(.prog-elemen):not(.pop-body-message) {
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.prog-elemen-u {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999999999;
}

.prog-elemen {
    position: absolute;
    width: 300px;
    background: #fff;
    height: 40px;
    left: calc(50% - 150px);
    border-radius: 4px;
    top: calc(50% - 40px);
    box-shadow: 4px 4px 20px rgba(0,0,0,0.60) !important;
    overflow: hidden;
}

.progres-b-parent {
    position: absolute;
    width: 100%;
    height: 40px;
    background: #ddd;
    bottom: 0;
}

.ob-progress b {
    font-size: 11px !important;
    padding: 10px 0;
    float: right;
    padding-right: 5px;
}

.progress-bar-load:before {
    content: "";
    background: #2c6ca3;
    height: 100%;
    position: absolute;
    width: 100%;
    left: -100%;
    -webkit-animation: animateprogress 2s infinite;
    -moz-animation: animateprogress 2s infinite;
    -o-animation: animateprogress 2s infinite;
    animation: animateprogress 2s infinite;
}

@keyframes animateprogress {
    0% {
        left: -100%;
    }

    100% {
        left: 40%;
        opacity: 0;
    }
}

.progress-bar-load {
    position: absolute;
    width: 40px;
    background: #337ab7;
    height: 100%;
    overflow: hidden;
}

.ob-progress {
    width: 40px;
    height: 100%;
    color: #fff;
    position: absolute;
    right: 0;
}


/* Kendo splitter bar */
.k-splitbar.k-splitbar-horizontal {
    width: 15px; /*specify the width of the horizontal splitbar*/
    background: #337ab7;
    text-align: center;
}

#kendo-horinzontal {
    width: 98%;
    border: none;
    height: 100vh;
}

#MainDiv {
    border: none;
    height: 600px;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 20px;
}

.k-icon {
    width: 16px;
    height: 16px;
}

.k-collapse-prev {
    width: 20px;
    height: 20px;
}

.k-collapse-next {
    width: 20px;
    height: 20px;
}

/* kendo grids */

.k-grid tr:last-child td {
    border-bottom: 1px solid #CCCCCC;
}

.k-grid-toolbar a {
    float: right;
}

.k-edit-form-container {
    width: 100%;
}

.k-widget.k-window {
    padding-bottom: 10px;
    padding-top: 50px !important;
}

.k-grid-update {
    float: left !important;
}

.k-grid-cancel {
    float: left !important;
}

.k-window-title {
    z-index: 10004;
    top: -10px;
}

.k-window-actions {
    z-index: 10004;
}

.k-grid td {
    padding: .0em .6em !important;
}


.k-grid-header, .k-grid-header .k-header {
    background-color: #e3e5f1;
}

.k-header, .k-grid-toolbar {
    background-color: #dadbdd;
}

.k-grid-header th.k-header {
    text-align: center;
    vertical-align: middle;
}

.kgridcell {
    background-color: #47484d;
    color: #FFFFFF;
    height: 31px;
}

.gridgraph_ssp {
    background-color: #e1f7f7;
}

/*Important: css for autocomplete to stay on top of popup editor window -> z-index*/
.ui-autocomplete {
    z-index: 99999 !important;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 200px;
}

.k-animation-container {
    z-index: 99999 !important;
    height: auto !important;
}

ul.ui-autocomplete {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.471;
    background: #fff;
    z-index: 99999 !important;
}

    ul.ui-autocomplete .ui-menu-item.ui-state-focus {
        color: White;
        background: #337ab7;
        border: none;
    }
/**/
.tab-padding {
    padding: 20px;
}

.img-alert-global {
    height: 100px;
    width: 50px;
    background-repeat: no-repeat;
    background-size: cover;
}

.grid-padding {
    padding-bottom: 15px;
}

.textarea-body {
    color: #000000;
    position: relative;
    width: 100%;
    height: 65px;
    border-color: black;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    resize: none;
}

    .textarea-body:focus {
        /*border-radius:5px;*/
        outline: thin;
        outline-color: #337ab7;
        border-width: 2px;
        /*box-shadow: 0px 0px 2px blue;*/
        border-color: #337ab7;
        /*background-color:black;*/
    }

    .textarea-body:disabled {
        background-color: white;
    }

/*POPUP div css*/
.tblOpenDialog {
    border: 1px;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.471;
    padding-top: 10px;
}

    .tblOpenDialog td, .tblOpenDialog th {
        border: 1px solid #000;
        padding: 0px 10px !important;
    }

.tblOpenDialogNoBorder {
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.471;
    padding-top: 10px;
}

    .tblOpenDialogNoBorder td {
        padding-top: 3px;
        padding-bottom: 3px;
        /*text-align:center;*/
    }

/*Dialog Popup*/
.field_tittle {
    background: #dadbdd;
    color: #000000;
}

.field_td_tittle {
    color: #000;
    width: 380px;
    text-align: left;
    padding-left: 3px;
    padding-right: 3px;
}

.field_td_data {
    color: #000;
    width: 120px;
    text-align: right;
    padding-left: 3px;
    padding-right: 3px;
}

.colorWhite .field_td_data {
    color: #fff;
}

tbody .field_td_data:nth-child(3), tbody .field_tittle:nth-child(3) {
    text-align: center;
}

.field_ttl_tittle {
    background: #337ab7;
    color: #fff;
    width: 380px;
    text-align: right;
    padding-left: 3px;
    padding-right: 3px;
}

.field_ttl_data {
    background: #337ab7;
    color: #fff;
    width: 120px;
    text-align: right;
    padding-left: 3px;
    padding-right: 3px;
}

.tron:hover {
    background-color: #337ab7;
    color: #ffffff;
}

.field_on_tr {
    width: 50%;
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
}


/*Fundo para a popup*/
.ui-widget-overlay {
    background: #000000 !important;
    opacity: .5 !important;
}

.ui-dialog {
    z-index: 10000 !important;
}

.ui-widget-content {
    background-color: #FFFFFF !important;
}
/*Para retirar o titulo da popup dialog*/
.noTitleStuff .ui-dialog-titlebar {
    display: none
}

.noTitleStuff {
    z-index: 10010 !important;
}

.ui-widget-header {
    background-color: #fff !important;
    border-color: #fff !important;
    color: #fff !important;
}


/* chart class */
.kdgrid {
    max-height: 280px;
}

.col-1 {
    /*col-md-1 is of width 8.33333333%; */
    width: 8.33333333%;
}

.col-1-5 {
    /*col-md-1 is of width 8.33333333%; */
    width: 12.499999995%;
}

.col-2-5 {
    /*col-md-1 is of width 8.33333333%; */
    width: 20.833333325%;
}

.col-3-5 {
    /*col-md-1 is of width 8.33333333%; */
    width: 29.166666655%;
}


/* Retira o indent das textboxes para ficarem os imputs todos alinhados */
input.k-textbox {
    text-indent: 0px !important;
}


/* transição lateral Inicio */
div.animateEstati {
    position: fixed;
    height: 20%;
    width: 15px;
    overflow: hidden;
    background: #f8f8f8;
    z-index: 99999;
    top: 12%;
    right: 0;
    border-radius: 2px 0 0 2px;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

    div.animateEstati > section.childremEstati {
        position: absolute;
        left: 0;
        height: 100%;
        width: 15px;
        background: #337ab7;
        border-right: 1px solid #337ab7;
        cursor: pointer;
        z-index: 8;
    }

.capaEstati {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0,0,0,0.40);
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.capaEstatis {
    display: block !important;
}

.magicaEstati {
    width: 85% !important;
    height: 80% !important;
    box-shadow: -5px 0 7px rgba(0,0,0,0.40) !important;
    box-shadow: -5px 0 7px rgba(0,0,0,0.40) !important;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
}

.cesionEstati {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 5;
    padding-left: 25px;
    overflow-x: hidden;
    overflow-y: auto;
}

.k-splitbar.k-splitbar-horizontal {
    display: none !important;
}

.k-state-collapsed {
    display: none !important;
}

.k-collapse-prev {
    background-position: -6px -174px !important;
    cursor: pointer !important;
}

.k-resize-handle {
    background-position: -165px -6px !important;
    cursor: w-resize !important;
}

.k-collapse-next {
    background-position: -5px -142px !important;
    cursor: pointer !important;
}

div.setasOptions {
    position: absolute;
    width: 15px;
    overflow: hidden;
    top: 45%;
    margin-left: 2px;
    color: #fff;
}


.alterando {
    -ms-transform: rotate(175deg);
    -webkit-transform: rotate(175deg);
    transform: rotate(175deg);
}

.paginaOffset {
    overflow: hidden !important;
}


/*CSS USER MANAGEMNETT*/


/*SEVERINO*/
.nav_menu {
    height: 43px;
}

    .nav_menu h1 {
        font-size: 23px !important;
        margin-top: 8px;
    }

#menu_toggle {
    margin-top: -16px;
    margin-left: 20px !important;
    width: 40px;
    height: 43px;
    background: #243a4e;
}

.nav_menu ul.navbar-right {
    margin-top: 0;
}

.top_nav .navbar-right {
    width: auto !important;
}

.sac-modal {
    width: 300px;
    margin: 10% auto;
    z-index: 99999 !important;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.ui-dialog .ui-dialog-content {
    padding: 0 !important;
}

.dodsed-sac-modal {
    position: fixed;
    margin: 3% !important;
    left: 25% !important;
    right: 25% !important;
    width: 50% !important;
    height: 90% !important;
}

.sac-cancel {
    opacity: 0 !important;
}

.break-sac-modal {
    color: #fff !important;
    opacity: 8 !important;
    text-shadow: none !important;
    margin-top: -1px;
}

.caek {
    position: fixed !important;
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    outline: none !important;
    background-color: transparent !important;
    top: -100px;
    right: -100px;
}

.ricModalteste .break-sac-modals {
    float: right;
    font-size: 15px !important;
    color: #fff;
    text-shadow: 0.1em 0.1em 0.2em #fff !important;
    cursor: pointer;
}

.sac-titulo {
    margin-left: 5px;
}

.sac-modal-footer, .ricModalteste .footerBots {
    padding: 5px;
    border-top: 1px solid #eee;
    padding: 5px 2%;
    width: 96%;
    margin: auto;
}

.sac-modal .topo-sac-header, .topo-sac-header-ric {
    width: 96%;
    border-radius: 3px;
    margin: 5px auto;
    padding: 5px 2%;
}

.ricModalteste table {
    width: 96%;
    margin: 20px auto;
}

.sac-modal .topo-sac-header h4 {
    margin: 0 !important;
}

.sacpopup {
    width: 0;
    height: 0;
    overflow: hidden !important;
}


.k-window .k-window-title {
    position: absolute important;
    top: 3px !important;
    color: #555 !important;
    font-size: 17px !important;
}

.k-window .k-window-action {
    position: absolute !important;
    right: 5px !important;
    background: #fff !important;
    padding: 3px 6px !important;
    border: 1px solid #ddd !important;
    border-radius: 2px !important;
    width: 30px !important;
    height: 23px !important;
}

.k-window .k-window-titlebar:nth-child(1) {
    position: absolute;
    background: #eee;
    width: 100% !important;
    height: 30px !important;
    top: 0 !important;
}

.k-window-content {
    position: absolute;
    width: 100% !important;
    height: 90% !important;
}

    .k-window-content .k-edit-buttons {
        position: fixed;
        width: 100%;
        height: 50px;
        background: #eee;
        bottom: 0 !important;
    }

@media screen and (max-height: 600px) {
    .centerPage {
        height: 200px !important;
    }
}

.centerPage {
    width: 100%;
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

.footerBotton {
    padding-left: 19%;
    width: 100%;
    padding-top: 20px;
    position: fixed;
    height: 100px;
    background: #f8f8f8;
    border-top: 1px solid #eee;
    bottom: 0;
    right: 0;
}

.Popupconfirm {
    width: 0;
    height: 0;
    position: fixed;
    background: red;
    top: 0;
    right: 0;
    overflow: hidden !important;
}

[sac-modal] {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    position: fixed;
    overflow: hidden !important;
    top: 0 !important;
    left: 0 !important;
}

.sac-select {
    width: 100%;
    height: 30px;
    background-color: #fff;
}

.icone-sac {
    float: right;
}

    .icone-sac:before {
        content: '';
        position: absolute;
        width: 60px;
        height: 30px;
        color: #fff;
        background-color: #337ab7;
        border-color: #2e6da4;
        margin-top: -30px;
        margin-left: -60px;
        cursor: pointer;
    }

.sac-select select {
    width: 100%;
    height: 30px;
    border: 1px solid #337ab7;
}

.novaPop, .novaPops {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgb(0 0 0 / 50%);
    z-index: 99999 !important;
}

.modal {
    z-index: 99999 !important;
}

.bodyPop {
    width: 500px;
    background: #2f3136;
    margin: 5% auto;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    border-radius: 5px;
    padding: 15px;
    box-shadow: 2px 2px 100px rgb(0 0 0 / 10%) !important;
}

.ststyls .bodyPop {
    background: #fff !important;
}

.topoHt {
    cursor: all-scroll;
}

    .topoHt .fecharPop {
        float: right;
        font-size: 18px !important;
        color: #fff;
        cursor: pointer;
        margin-top: -5px;
        margin-right: 10px;
    }

.novaPop .topoHt {
    width: 98%;
    border-radius: 3px;
    margin: 5px auto;
    padding: 5px;
    color: #fff;
    font-size: 14px !important;
}

.modal-backdrop {
    background-color: rgb(0 0 0 / 60%);
}

    .modal-backdrop.in {
        opacity: 9;
    }

.modal-content {
    background: #2f3136;
    padding: 10px !important;
}

.sac-modal-footer {
    border: none !important;
}

.BorSert2 {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 380px;
}

.BorSert, .BorSertFooter {
    width: 98%;
    color: #fff;
    margin: 5px auto;
    padding: 5px 0;
}

.ststyls .BorSert,
.ststyls .BorSertFooter {
    color: #333 !important;
}

.BorSertFooter {
    margin-bottom: 0 !important;
}

.novaPop .colorred {
    background: #FE0000 !important;
}

.novaPop .amarelo {
    background: #f0ad4e !important;
}

.novaPop .sucess {
    background: #3c763d !important;
}

.novaPop .infosd {
    background: #337ab7 !important;
}

.gridNumberAlign {
    text-align: right;
}

.gridCenterAlign {
    text-align: center;
}


.gridPadding {
    /*Não alterar! Muda as Grids todas */
    padding: 15px;
}

.numbersOnly {
    text-align: right;
}

.login_content input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

.form-group {
    margin-bottom: 5px !important;
}

.nav-tabs {
    margin-top: 5px !important;
}


.center-page {
    width: 100%;
    height: 300px;
    overflow: hidden;
    overflow-y: auto;
}

.footer-page {
    border-top: 1px solid #ddd;
    position: fixed;
    width: 100%;
    bottom: 20px;
    padding-top: 10px;
    right: 0;
    z-index: 99;
    background: #f8f8f8;
}

.footer-right {
    width: 98%;
    margin: auto;
}

.footer-buttom li.children-buttom {
    float: right;
    width: 50%;
    list-style: none;
    padding: 15px 0;
}

.footer-buttom li.children-button {
    float: left;
    width: 50%;
    list-style: none;
    padding: 15px 0 15px 15px;
}

html, body {
    overflow: hidden !important;
}

div::-webkit-scrollbar-track {
    background-color: #f8f8f8;
}

div::-webkit-scrollbar {
    width: 9px;
    background: #ccc;
}

div::-webkit-scrollbar-thumb {
    background: #ccc;
}

.navbar-right .fa-angle-down {
    position: fixed;
    right: 13px;
    top: 16px;
}


/* Optimizar o Tooltip - msgs da grid  */
.k-widget.k-tooltip-validation {
    position: fixed !important;
    color: #757590 !important;
}

.k-tooltip-validation .k-warning {
    vertical-align: text-top !important;
    margin-right: 3px !important;
    float: left !important;
}

.k-callout-n {
    left: 8px !important;
}

.messageTool {
    padding: 5px;
    width: auto;
    overflow: hidden !important;
}

html .k-edit-cell .k-tooltip, html .k-grid-edit-row .k-tooltip {
    max-width: initial !important;
}

.k-warning {
    height: 25px;
}

    .k-warning:before {
        position: absolute;
        margin-top: 4px;
        content: "\e403";
    }


/*Extras css for /Home/Index */
.x_panel {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.x_title {
    margin-bottom: 0px !important;
}
/*Fim Extras css for /Home/Index */

.panel-heading {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
}

.table:not(#versionTable) > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 0px !important;
}

/* ajustar icones dos calendarios */
/*Calendarios Kendo*/
.k-i-calendar {
    position: relative;
    margin-top: -13px !important;
}
/*Calendarios SEM Kendo*/
.rs-i-calendar {
    margin-top: 5px !important;
}

/* ajustar kendo dropdown */
.gridPadding .k-dropdown-wrap .k-input {
    border-radius: 3px 0 0 3px !important;
    padding-left: 10px !important;
}

.htmlTopo, .htmlFooter {
    width: 100%;
    padding: 5px 1%;
    text-align: left;
    font-size: 18px;
    background: #2A3F54;
    color: #fff;
    border-radius: 3px;
}

.htmlTopo {
    padding: 8px 10px;
    font-size: 14px !important;
}

.noExpandAttach {
    position: relative !important;
    width: 100% !important;
    height: calc(100% - 91px) !important;
    background: #fff !important;
    padding: 0px !important;
}

    .noExpandAttach .htmlCentro {
        height: 100% !important;
        margin: 8px 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
    }

    .noExpandAttach .htmlTopo, .noExpandAttach .htmlFooter {
        width: 100% !important;
        padding: 5px 1% !important;
        text-align: left !important;
        font-size: 18px !important;
        background: #2A3F54 !important;
        color: #fff !important;
        border-radius: 0 !important;
    }

.backee {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgb(0,0,0,0.4);
    left: 0;
    z-index: 99999;
}

span.retCaunt {
    font-size: 14px;
    padding: 0 12px;
}

.coluna_profile {
    float: left;
}

.fa_down {
    background: #243a4e;
    border-left: 4px solid #172d44;
    cursor: pointer;
    position: absolute !important;
    height: 100%;
    top: 0 !important;
    right: 0 !important;
}

    .fa_down:before {
        margin-top: 15px !important;
        float: left;
        padding: 0 4px;
    }

.cn_server {
    box-shadow: 0 1px 3px 0 rgba(60,64,67,0.302), 0 4px 8px 3px rgba(60,64,67,0.149);
    -webkit-font-smoothing: antialiased;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 13px;
    letter-spacing: .2px;
    -webkit-align-items: center;
    align-items: center;
    background-color: #202124;
    border: none;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-weight: 400;
    left: 0;
    margin: 24px;
    max-width: 640px;
    min-height: 52px;
    padding: 8px 24px;
    padding-right: 52px;
    position: fixed;
    right: auto;
    text-align: left;
    top: auto;
    white-space: normal;
}

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

    .htmlFooter i, .camplinha i {
        float: right;
        margin-right: 10px;
        padding: 5px 10px;
        border-radius: 5px;
        color: rgba(255,255,255,0.75);
        cursor: pointer;
        background: rgba(255,255,255,0.05);
        transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
    }

.camplinha i {
    float: right;
    margin-right: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    cursor: pointer;
    font-size: 12px !important;
}

.camplinha {
    padding: 5px 2px;
    font-size: 14px;
}

.htmlFooter i:hover {
    background-color: rgba(255,255,255,0.05);
    color: #fff;
}

.camplinha i:hover {
    background-color: #f8f8f8;
}

.previuosAtt {
    width: 100%;
    height: 100%;
    background: rgba(14, 14, 14, 0.42);
    position: fixed;
    top: 0;
    left: 0;
}

.bodyPrevious-img {
    position: relative;
    height: 330px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

.heigth-img {
    height: 293px !important;
}

input#id_update {
    display: none;
    border: none;
    font-size: 16px;
    text-align: center;
    background-color: transparent !important;
    padding: 15px 15px;
    width: 100%;
}

.sortableEvent {
    position: absolute;
    right: 44px;
    top: 14px;
    color: #5A738E;
}


.optionDownload {
    position: absolute;
    top: 0;
    background: #fff;
    display: none;
    width: 100%;
    height: 100%;
}

h4.kljDescri {
    font-size: 18px;
    padding: 10px 0;
    padding-top: 90px;
}

button.newDfine {
    position: relative;
    padding: 10px;
    font-size: 18px;
    margin: 10px;
    width: auto;
    background: #337ab7 !important;
    color: #fff;
    margin-left: -40px;
    border-radius: 6px 0 0 6px;
    border: none;
}

.nextPrevios {
    position: absolute;
    left: 20px;
    bottom: 13px;
}

span.ghty {
    padding: 6px 0;
    float: left;
    text-align: center;
    font-size: 14px;
    width: 100%;
}

button.btn.updatActh {
    position: absolute;
    right: 10px;
    display: none;
    bottom: 15px;
}

#updatActh-click {
    display: block;
    width: auto !important;
}

.nextPrevios button {
    width: auto;
    padding: 0 5px;
    font-size: 28px;
    background: transparent;
    border: none;
    opacity: 0.6;
    float: left;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
}

.play-slide {
    font-size: 16px !important;
    position: relative;
    padding: 4px 7px !important;
    margin: 3px 0px;
    margin-right: 2px;
    border-radius: 50%;
}

.progress-bar-slide {
    width: 0%;
    background-color: #2A3F54;
    position: absolute;
    height: 2px;
}

.soltTar {
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffffd6;
    width: 100%;
    height: 100%;
    text-align: center;
    display: none;
    color: black;
    -webkit-animation: animate-bosr__ 0.5s infinite;
    -moz-animation: animate-bosr__ 0.5s infinite;
    -o-animation: animate-bosr__ 0.5s infinite;
    animation: animate-bosr__ 0.5s infinite;
}

@keyframes animate-bosr__ {
    0%, 49% {
        border: 2px dotted green;
    }

    50%, 100% {
        border: 2px dashed green;
    }
}

@-webkit-keyframes animate-bosr__ {
    0%, 49% {
        border: 2px dotted #f78e1e;
    }

    50%, 100% {
        border: 2px dashed #f78e1e;
    }
}

.soltTar h1 {
    font-size: 30px !important;
    color: #a09393 !important;
    margin-top: 20%;
}

.nextPrevios button:active {
    color: #2A3F54;
}

.nextPrevios button:hover {
    opacity: 9.9;
}



button.newDfine .obkect {
    content: "";
    position: absolute;
    width: 50px;
    top: 0;
    right: -46px;
    height: 100%;
    background: #1ABB9C;
    border-left: 3px solid #fff;
    border-radius: 0px 6px 6px 0px;
    background: #337ab7 !important;
}

.efestPainel {
    position: absolute;
    width: 100%;
    top: -93px;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.efestPainel-efect {
    opacity: 9.9 !important;
    top: 0 !important;
}

img#loadAtachment {
    position: absolute;
    bottom: 14px;
    right: 68px;
    display: none;
}

.htmlCentro:before {
    display: none !important;
}

.bodyPrevious-img img {
    cursor: pointer;
    max-width: 100%;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
}

    .bodyPrevious-img img:hover {
        -webkit-transform: rotate(2deg) scale(1.1);
        -moz-transform: rotate(2deg) scale(1.1);
        -o-transform: rotate(2deg) scale(1.1);
        transform: rotate(2deg) scale(1.1);
    }

.obkect i {
    color: #fff;
    margin-top: 15px;
}

.newTransition {
    -webkit-transform: rotate(2deg) scale(1.1);
    -moz-transform: rotate(2deg) scale(1.1);
    -o-transform: rotate(2deg) scale(1.1);
    transform: rotate(2deg) scale(1.1);
}

.bodyPrevious {
    width: 430px;
    position: relative;
    min-height: 450px;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.30) !important;
    background: #fff;
    margin: 7% auto;
}

.fodff {
    background: #ccc !important;
}

    .fodff input {
        background: #f8f8f8 !important;
        opacity: 8.8 !important;
        width: 23% !important;
        outline: none;
    }

        .fodff input:focus {
            background: #fff !important;
            border: 1px solid #ccc !important;
        }

[type-attachment], [type-hiperlink] {
    width: 100% !important;
    position: relative;
    user-select: none;
    height: 240px;
    padding: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.20) !important;
}

.htmlCentro {
    height: 180px;
    margin: 8px 0;
    overflow-x: hidden;
    overflow-y: auto;
}

#AttchmentInFooter, #AttchmentInFooter [type-hiperlink] {
    height: 100px;
}

    #AttchmentInFooter .htmlCentro {
        height: 0px;
    }

@media screen and (max-height: 700px) {
    .pheight {
        height: 320px;
    }

    [type-attachment], [type-hiperlink] {
        height: 130px;
    }

    #AttchmentInFooter, #AttchmentInFooter [type-hiperlink] {
        height: 100px;
    }

        #AttchmentInFooter .htmlCentro {
            height: 0px;
        }
}

.addFadojectAttachm {
    position: fixed !important;
    width: 50% !important;
    left: 25% !important;
    background: #fff !important;
    top: 8% !important;
    height: 66% !important;
    z-index: 99999;
    box-shadow: 0 1px 54px rgba(0,0,0,0.20) !important;
}

.fullscrenAtch {
    position: absolute;
    right: 18px;
    top: 13px;
    color: #5A738E;
}

.htmlTopo i:hover {
    color: #fff !important;
    cursor: pointer;
}

.efetBefore:before {
    background: rgba(255,255,255,0.50);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
}

.efetBefore .fa-unlock-alt {
    position: absolute;
    font-size: 24px;
    top: 5px;
    right: 10px;
    color: #ccc;
}

[type-attachment] input[type=text] {
    margin-right: 8px;
    border: none;
    color: #000;
    cursor: pointer;
    font-size: 13px;
    width: 100% !important;
    background: transparent;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
}


.gifaattached {
    display: none;
    position: absolute;
    right: 20%;
    margin-top: -24px;
}

[type-attachment] input[type=file] {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
}

.FileRemove, .FileDesc, .imgFile {
    float: left;
    text-align: left;
    width: 70%;
    position: relative;
}

.imgFile, .FileRemove {
    width: 40px;
}

.FileRemove {
    width: 30px;
    position: absolute;
    right: 30px;
}

    .FileRemove i, .FileRemove img {
        font-size: 15px;
        right: -13px;
        top: 2px;
        color: #bfbdbd;
        display: none;
        position: absolute;
        cursor: pointer;
    }

    .FileRemove i {
        display: block;
    }

    .FileRemove .delete {
        color: red;
    }

    .FileRemove i:hover {
        color: #999;
        transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -webkit-transition: all 0.1s ease-in-out;
    }

.imgFile {
    font-size: 38px;
    margin: 0 10px;
    margin-left: 19px;
}

    .imgFile i {
        position: relative;
    }

    .imgFile span {
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        position: absolute;
        width: 100%;
        left: 0;
        text-align: center;
        margin-top: 21px;
        font-family: monospace;
    }

#prevlist {
    padding: 0 !important;
    float: left;
    width: 100%;
}



    #prevlist .fa-check {
        font-size: 12px;
        height: auto;
        width: auto;
        border-radius: 50%;
    }

    #prevlist li {
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid #fff;
        list-style: none;
        background: #f6f6f6;
        float: left;
        cursor: pointer;
        position: relative;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }


.liCape {
    position: absolute;
    height: 100%;
    width: 87%;
    top: 0;
    left: 0;
}

#prevlist li:hover {
    background: #eee;
}

#prevlist li.ui-selected {
    background: #79b0e0 !important;
}

.clinAll {
    position: absolute;
    right: 70px;
    top: 14px;
    color: #5A738E;
}



#prevlist li b {
    margin-top: -3px;
    float: right;
    position: relative;
    border: 1px solid #ccc;
    padding: 2px 5px;
    color: #000;
    border-radius: 15px;
}

/* ajustar bootstrap vinculativo */
.toggle-handle {
    width: 30px !important;
    border-radius: 0 !important;
}

.toggle-on, .toggle-off {
    padding: 3px 8px !important;
    text-align: left !important;
    font-size: 12px !important;
}

.toggle-off {
    padding-left: 19px !important;
}

/*.ofocus:before, .focusg:before {
    content: '';
    position: absolute;
    height: 20px !important;
    width: 5px;
    background: #337ab7;
    top: 4px;
    left: -7px;
}*/

.k-window {
    position: absolute !important;
    top: 10% !important;
    width: 50% !important;
    left: 25% !important;
    box-shadow: 0 0 8px rgba(0,0,0,0.80) !important;
}


/*Check Box Campanha*/
label.switch-toggle {
    background-image: url('/Content/images/switch.png');
    background-repeat: repeat-y;
    display: block !important;
    height: 12px;
    padding-left: 26px;
    cursor: pointer;
    display: none;
}

.gifline {
    position: absolute;
    right: 17px;
    width: 20px;
    height: 20px;
    margin-top: -21px;
    background: #fff;
    border-radius: 3px;
    display: none;
}

label.switch-toggle.on {
    background-position: 0 12px;
}

label.switch-toggle.off {
    background-position: 0 0;
}

label.switch-toggle.hidden {
    display: none;
}

.fotoUser-upload {
    position: fixed;
    top: 43px;
    width: 27%;
    height: 100%;
    border-left: 1px solid #ddd;
    background-color: rgb(248, 248, 248);
    right: 0;
}

    .fotoUser-upload #country-image, .img-logosymbol, .fotoUser-upload .Obsft {
        width: 50% !important;
        margin: 5px 0;
        margin-left: 25%;
        float: left !important;
    }

    .fotoUser-upload #country-image, .img-logosymbol {
        border-radius: 3px;
        background: #fff;
        box-shadow: 1px 1px 2px rgba(0,0,0,0.30) !important;
    }

.activar .btn {
    width: 50% !important;
    float: left;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
}

.fotoUser-upload #country-image img {
    width: 100% !important;
    max-height: none !important;
}

.style-txet {
    width: 100%;
    height: auto;
    background: #fff;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.30) !important;
    border: 1px solid #eee;
}

    .style-txet label {
        width: 100% !important;
        border-bottom: 1px solid #ccc !important;
        padding: 5px !important;
        background: #f8f8f8;
        font-size: 14px !important;
    }

    .style-txet .k-multiselect.k-header {
        border: none !important;
        padding: 2px 8px;
        background-color: transparent !important;
    }

    .style-txet .k-content {
        margin: 0 !important;
    }

    .style-txet textarea {
        border: none !important;
    }

#btnclearpassword {
    margin-top: 10px !important;
}
/* End Check Box Campanha*/


/* menu scroll page css */
.menu_section > ul {
    margin-top: 10px !important;
    width: 100% !important;
    position: absolute !important;
    height: 50% !important;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 1px !important;
}


.nav.side-menu > li.current-page, .nav.side-menu > li.active {
    border-right: 5px solid transparent !important;
    width: 101% !important;
}

.nav.side-menu > li {
    z-index: 1;
}

.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm {
    border-right: 5px solid transparent !important;
}

.retcrool {
    overflow-x: inherit !important;
    overflow-y: inherit !important;
}

/* fim menu scroll page css */

/* Pagina de etiquetas no ProductManagement*/
.linha-text-line .page-text:nth-child(1) {
    width: 70px;
}

    .linha-text-line .page-text:nth-child(1) input {
        margin-top: 10px;
    }

.coluna-text-line, .page-text {
    float: left;
    margin: 5px 2px;
    font-size: 13px;
}

    .coluna-text-line input[type=text] {
        width: 50px;
        text-align: right;
        border: none;
        border-bottom: 2px solid #337ab7;
        outline: none;
    }

.KendoDropDown-ajust .k-textbox .k-icon {
    margin-left: -7px !important;
    margin-top: -10px !important;
}
/* Fim Pagina de etiquetas no ProductManagement*/

/* KendoDropDown ajustar after */
.KendoDropDown-ajust.k-textbox.k-icon {
    margin-left: -20px !important;
    margin-top: -10px !important;
}

.KendoDropDown-ajust input {
    padding: 0 !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0.0 !important;
}

    .KendoDropDown-ajust input.assistancecheckbox {
        position: absolute !important;
        /* z-index: 12391212; */
        right: -37px !important;
        top: -3px !important;
        width: 43px !important;
        height: 23px !important;
        opacity: initial !important;
        -webkit-appearance: checkbox !important;
    }

/* Ajustos kendo upgrad style css*/
.right_col .k-dropdown .k-input,
.right_col .k-dropdown .k-state-focused .k-input,
.right_col .k-menu .k-popup {
    margin-top: -14px !important;
    margin-left: -10px;
}

.right_col .col-xs-12:nth-child(22) .k-dropdown .k-state-focused .k-input,
.right_col .col-xs-12:nth-child(22) .k-dropdown .k-input,
.right_col .col-xs-12:nth-child(22) .k-menu .k-popup {
    margin-top: -12px !important;
}

[data-role=grid] .k-dropdown .k-input,
[data-role=grid] .k-dropdown .k-state-focused .k-input,
[data-role=grid] .k-menu .k-popup {
    margin-top: 0px !important;
    margin-left: auto;
}

[data-role=grid] .k-select {
    margin-top: -4px !important;
}

.k-dropdown-wrap .k-icon:before {
    top: 8px !important;
    left: 0 !important;
}

.k-list-filter input {
    width: 100% !important;
}

.group:not(.disabled) > span.k-widget.k-header > span > .k-select {
    width: 40px !important;
}

#grid-div .k-dropdown-wrap .k-icon:before {
    top: 0px !important;
    left: 0 !important;
}

#grid-div .k-dropdown .k-input,
#grid-div .k-dropdown .k-state-focused .k-input,
#grid-div .k-menu .k-popup {
    margin-top: 0px !important;
    margin-left: -10px;
}

.group > .after {
    float: right;
    height: 34px;
    line-height: 34px;
    margin-top: 3px;
}



.div-calendar {
    width: 90%;
    height: 80px;
    float: left;
    margin-top: 10px;
    padding: 0 2%;
}

.dat-div {
    width: 90%;
    margin: auto;
}

    .dat-div .widpage {
        float: left;
        width: 30%;
        color: #fff;
    }

        .dat-div .widpage:nth-child(2) {
            width: 70% !important;
        }

        .dat-div .widpage i {
            font-size: 40px;
            padding: 10px 0;
        }


.footer_fixed footer {
    position: fixed;
    left: 0px;
    bottom: 0px;
    padding-top: 15px;
    width: 100%;
    height: 35px !important;
    background: #172D44 !important;
    z-index: 99 !important;
}

.main_container .top_nav {
    position: relative !important;
    z-index: 999 !important;
}

    .main_container .top_nav.topnavefocus {
        z-index: 9999 !important;
    }

.dropdown-menu > li > a,
.dropdown-menu > li > a:hover {
    color: #8e9297 !important;
    opacity: 9 !important;
}

.maskopen {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    background: var(--color-back-tra);
    width: 100%;
    height: 100%;
    z-index: 9;
}

/* conflito com a marca de agua
.nav-md .container.body .right_col {
    position: relative !important;
} */

.nav-md .nav.side-menu li a {
    width: 95%;
    overflow: hidden;
    border-radius: 0 20px 20px 0;
    position: relative;
}

.nav-sm .nav.child_menu li {
    padding-left: 10px !important;
}


.topbar li:nth-child(7) {
    width: 16% !important;
}


.focuselement {
    background: #337ab7 !important;
    color: #fff !important;
    border-radius: 3px !important;
}

.displaynone {
    display: none !important;
}

.k-loading-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.40);
    z-index: 99999;
    display: none !important;
}


.ps-container .ps-scrollbar-y {
    position: absolute;
    right: 0;
    width: 5px !important;
    background-color: #5A738E !important;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
}

.ps-container .ps-scrollbar-y-rail {
    right: 0 !important;
    width: 13px !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y, .ps-container .ps-scrollbar-y-rail:active .ps-scrollbar-y {
        width: 8px !important;
        background-color: #5A738E !important;
    }

.classon-this .barra-lateral {
    position: absolute;
    right: 0;
    height: 100%;
    width: 15px;
    background: #399bff;
}

.classon-this {
    width: 80% !important;
    box-shadow: 0px 10px 15px rgba(0,0,0,0.30) !important;
}

    .classon-this h3 {
        color: #000;
    }

.media .profile_thumb {
    width: 40px;
    height: 40px;
    margin: 1px 9px 5px 0;
}

.ul.top_profiles li:nth-child(odd) {
    background-color: rgba(222, 229, 234, 0.29);
}

.media {
    height: 44px;
}

.header-lable-right {
    float: right;
}

/* ajustos na grid do footer Recebimentos de clientes */
#ReceiptFooterModel .k-grid-toolbar [role=button] {
    display: none !important;
}

#ReceiptFooterModel {
    height: 150px !important;
    margin-top: -15px !important;
}

.height-line {
    height: 42px !important;
}

.colorredBlib {
    background: red !important;
}

    .colorredBlib i {
        color: #fff !important;
    }

.gota {
    color: red !important;
}

.style-gota {
    display: none !important;
}

.colorredBlib .gota {
    color: #fff !important;
}

.glyphicon {
    top: 0px !important;
}
/* toogle grid sangria */
.toogle-sangria .box {
    position: absolute;
    top: 20%;
    left: 50%;
    width: 50%;
    margin-left: -25%;
    border: 4px solid #000;
    background-color: #f90;
    opacity: 0;
    -webkit-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -0-transition: all 1s linear;
    transition: all 1s linear;
}

    .toogle-sangria .box:target {
        opacity: 1;
        -webkit-transition: all 1s linear;
        -ms-transition: all 1s linear;
        -moz-transition: all 1s linear;
        -0-transition: all 1s linear;
        transition: all 1s linear;
    }

.toogrid {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.thistoggle {
    position: absolute;
    margin-left: 24px;
    margin-top: 21px;
    z-index: 9;
    padding: 3px 7px;
    border-radius: 3px;
    background: #eee;
    cursor: pointer;
    color: #000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .thistoggle:hover {
        background: #fff;
        color: #337ab7;
    }

.tooglein {
    height: 50px !important;
    overflow: hidden !important;
    position: relative;
    border-radius: 21px;
}

.toogrid .k-grid-toolbar {
    padding-left: 40px;
}
/* fim toogle grid sangria */
.k-grid tr td {
    position: relative !important;
}

    .k-grid tr td div.paiuy {
        position: absolute !important;
        width: 0%;
        left: 0;
        height: 0%;
        overflow: hidden;
    }

.input-simulation {
    border-bottom: 3px solid #337ab7;
}

    .input-simulation .group > label {
        color: #b5b6c0 !important;
        position: absolute !important;
        pointer-events: none !important;
        font-size: 18px !important;
        left: 5px !important;
        top: -2px !important;
    }

.listHelp {
    width: 30px;
    height: inherit;
    background: #337ab7;
    position: absolute;
    right: 0;
    top: -1px;
    z-index: 99;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

    .listHelp i {
        font-size: 20px;
        color: #fff;
        float: left;
        margin: 6% 40%;
        cursor: pointer;
    }

.infolis {
    position: absolute;
    top: 130%;
    width: 100%;
    background: #fff;
    padding: 5px 5%;
    display: none;
}

.addlinefocus {
    background: #1ABB9C !important;
    color: #fff !important;
    position: relative;
}

.tollpatenal {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    height: 100%;
    font-size: 14px;
    padding: 3px 5px;
    padding-top: 6px;
    background: #337ab7;
    color: #fff;
    z-index: 9999;
}

.prepass {
    position: fixed;
    text-align: center;
    background: rgba(0,0,0,0.70);
    color: #fff;
    font-size: 20px;
    padding: 2%;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 9999;
}

.lpaginas {
    width: 300px;
    height: 400px;
    margin: 5% auto;
    background: #fff;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
}

    .lpaginas .sms {
        color: #000;
        font-size: 12px;
        text-align: left;
        padding: 10px;
    }

        .lpaginas .sms h1 {
            text-align: center;
        }

    .lpaginas .footerml {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

.select_git input {
    width: 100%;
    padding: 5%;
    background: transparent;
    border: none;
    color: #fff;
    outline: none;
    font-size: 28px;
}

.keyresult {
    color: #000;
    height: 130px;
    position: relative;
    overflow: hidden;
    overflow-y: auto;
}

    .keyresult li, .line-searh {
        float: left;
        width: 110%;
        text-align: left;
        padding: 6px 10px;
        font-size: 12px;
        list-style: none;
        cursor: pointer;
    }

        .keyresult li a, .line-searh a {
            padding-left: 10px;
        }

        .keyresult li:hover, .line-searh:hover {
            background: #337ab7 !important;
            color: #fff;
        }

            .keyresult li:hover a, .line-searh:hover a {
                background: #337ab7 !important;
                color: #fff !important;
            }

.select_git {
    width: 110%;
    height: 80px;
    background: #337ab7;
    margin-left: -4%;
}

#PageHeader {
    color: #fff;
}

    #PageHeader:hover {
        color: #999;
    }

td font[color] {
    background: yellow !important;
    color: inherit !important;
}

.fillgridPesk {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #f8f8f8;
    margin-top: 33px;
    border-top: 1px solid #dadbdd;
}
/* Resize das colunas da Grid -- Jusley -- Notas de Debito e Credito -- 07/09/17 */
table[role=grid] {
    width: 100% !important;
}
/* Resize das colunas da Grid -- Jusley -- Notas de Debito e Credito -- 07/09/17 */

/*início do conteúdo style para requisito    --- Onesimo Nunes Kizila */
.menu_tre {
    margin: 3px;
}

.rightLayout {
    background-color: #f3f3f3;
}

.leftLayout {
    float: right;
    height: 600px;
    width: 60%;
}

.rightLayout {
    float: left;
    height: 600px;
    width: 40%;
}


#editForm1 ul, #editForm2 ul {
    list-style-type: none;
    padding-left: 0px;
}

    #editForm1 ul li, #editForm2 ul li {
        margin: 10px;
    }

.right_col .k-window .k-dropdown .k-input, .right_col .k-window .k-dropdown .k-state-focused .k-input, .right_col .k-window .k-menu .k-popup {
    margin-top: -8px !important;
}

/*SALES PRICE MANAGEMENT*/
#sales-price-management .center-field {
    margin-left: 38%;
}

#sales-price-management .fieldset {
    float: right;
    width: 229px;
}

#sales-price-management .btn-add {
    position: fixed !important;
    margin: 5px !important;
    right: 15px !important;
}


#sales-price-management .children-div,
#pending-deliveries-management .children-div,
#supplier-returns-management .children-div,
#profile-form .children-div,
#localization-transfer-management .children-div {
    text-align: right;
    padding-right: 20px;
}

#sales-price-management .setright {
    float: right;
}

#sales-price-management .children-div-p,
#pending-deliveries-management .children-div-p,
#supplier-returns-management .children-div-p {
    padding-left: 17px;
    list-style-type: none;
}

#sales-price-management .setHeight {
    height: 30px;
}

#profile-form .setHeight {
    height: 160px;
}

.setHeight {
    height: 100px;
}
/*fim do conteúdo style para requisito  ------ Onesimo Nunes Kizila*/
/* Resize das colunas da Grid -- Jusley -- Notas de Debito e Credito -- 07/09/17 */

li.k-state-focused, li.k-state-hover {
    background: #337ab7 !important;
    color: #fff;
}


.search_page {
    width: 0;
    height: 0;
    position: relative;
    overflow: hidden;
}

.complits {
    position: absolute;
    top: 9px;
    font-size: 17px;
    margin-left: 36px;
    height: 20px;
    overflow: hidden;
    cursor: pointer;
    z-index: 9;
}

.text_object_keyup {
    font-size: 18px;
    position: absolute;
    top: 9px;
    margin-left: 9px;
    color: #172D44 !important;
}
/*Chantell increse totalvalue font size*/
.total_font_size {
    font: bold 19px arial;
}
/*Seneel increse totalvalue font size*/
.totalMedium_font_size {
    font: bold 14px arial;
}

#Buyers-form .created-user-hidden {
    position: absolute;
    right: 20px;
    margin-top: 8px;
}

#Buyers-form #NotesNative, #Buyers-form .correctHeight {
    height: 100px;
}
/*Chantell Supplier payment footer styling*/
.footer_right_aligned {
    padding-right: 20px;
    float: right;
    margin-top: 10px
}

.footer_left_aligned {
    padding-right: 20px;
    float: left;
}

.float_left {
    float: left;
}

.margin_top_10 {
    margin-top: 10px
}

.margin_top_20 {
    margin-top: 20px
}

.margin_top_50 {
    margin-top: 50px
}

.footer-padding {
    padding-left: 15px;
}

.height-grup-textarea {
    height: 65px;
}

    .height-grup-textarea label {
        margin-left: 33px !important;
    }

    .height-grup-textarea textarea {
        width: 315px !important;
        margin-left: 6% !important;
        margin-top: 10px !important;
    }

.float_right_total {
    position: absolute;
    width: 200px;
    right: 30px;
    margin-top: 20px;
}
/*Chantell Supplier payment footer styling*/
.colunalines button {
    width: auto !important;
    padding: 2px 7px !important;
    margin-top: 10px;
    background: rgba(0,0,0,.15);
    border: 1px solid transparent !important;
}

.height-grup-textarea-2 {
    position: absolute !important;
    width: 400px !important;
    margin-top: 20px !important;
    height: 100px !important;
    right: 257px !important;
}

    .height-grup-textarea-2 textarea {
        height: 55px !important;
    }
/*seneel  For branch brand list box*/
.Brand-section label {
    margin-bottom: 5px;
    font-weight: bold;
    display: inline-block;
}

#Brands {
    width: 403px;
}

#Brand .Brand-section {
    max-width: none;
    width: 515px;
}

#Brand .k-listbox {
    width: 236px;
    height: 350px;
}

    #Brand .k-listbox:first-of-type {
        width: 270px;
        margin-right: 1px;
    }



#branch-form [type-attachment], [type-hiperlink] {
    content: "";
    column-fill: inherit;
    column-gap: inherit;
    column-rule: inherit;
    column-span: inherit;
    column-width: inherit;
    column-count: inherit;
}

.label_brand {
    margin-top: 10px;
    width: 512px;
}

/* End For branch brand list box*/

/*CloseBar styling*/
#closeBar {
    text-align: center;
    color: #ffffff;
    background: #337ab7 !important;
    cursor: pointer;
}

div#WarehouseQdtInfo {
    overflow: hidden !important;
    overflow-y: auto !important;
    position: absolute;
    height: 100px;
}

div#userDiv {
    text-align: right !important;
    padding-right: 20px !important;
    padding-top: 50px !important;
}

#UserBranch .k-dropdown .k-input, #UserBranch .k-dropdown .k-state-focused .k-input, #UserBranch .k-menu .k-popup {
    margin-top: 4px !important;
    margin-left: -4px;
}

#UserBranch [data-role=editable] .k-state-focused, #UserBranch [data-role=editable] .k-state-hover {
    color: #000;
}

#UserBranch .k-autocomplete .k-input, #UserBranch .k-dropdown-wrap .k-input, #UserBranch .k-numeric-wrap .k-input, #UserBranch .k-picker-wrap .k-input, #UserBranch .k-selectbox .k-input, #UserBranch .k-textbox > input {
    height: 26px !important;
}

/* End For branch brand list box*/

/* form footer controls styling by: Jusley Antonio: 31/10/17 */
.created-user-hidden {
    text-align: right;
    padding-right: 20px;
}

.form-buttons {
    padding-left: 30px;
    z-index: 99;
}
/* End form footer controls styling by: Jusley Antonio: 31/10/17 */

/*Jusley Antonio: 13/11/2017 REQ.COM.0003 orderFilter Button*/
.order-filter {
    margin-top: 5px;
    margin-bottom: 0px !important;
}

/*Jusley Antonio Search Buttons REQ.FIN.0003 Debit Notes*/
.j-filter-button {
    margin-top: 5px;
    margin-bottom: 0px;
    top: 0px;
    float: right;
}

/*Jusley Antonio popup Controls*/
.popup-grid {
    margin-left: 15px;
    padding-top: 5px;
    width: 101%;
}

#simulate {
    border-top: solid;
    border-top-color: #337ab7 !important;
    padding-top: 2px;
}

#cambioOpen {
    width: 126px;
}

.touch-field {
    margin-bottom: 0px !important;
}

.nav-sm .side-menu > li > ul.child_menu {
    overflow: hidden;
    overflow-y: hidden;
}

.style-text {
    margin: 17px 0 !important;
}

    .style-text label.k-label-top {
        padding: 8px 5%;
        margin-bottom: 5px;
        border-bottom: 1px solid #ccc;
        width: 100%;
        background: #fff;
        color: #000;
        box-shadow: 1px 0 8px #000 !important;
        position: relative;
        border-radius: 4px 4px 2px 2px;
        z-index: 9;
        box-shadow: 0px 2px 8px rgba(0,0,0,0.30) !important;
    }

    .style-text .k-multiselect-wrap.k-floatwrap {
        border-radius: 0;
        padding: 10px;
        margin-top: -12px;
        border: none;
        border-radius: 5px;
        box-shadow: 0 0 4px rgba(0,0,0,0.30) !important;
    }

    .style-text .k-label-top:before {
        content: "+";
        position: absolute;
        right: 8px;
        font-size: 18px;
        background: #f8f8f8;
        color: #999;
        padding: 0px 8px;
        margin-top: -5px;
        border-radius: 50%;
        cursor: pointer;
    }

    .style-text .k-label-top:hover:before {
        background: #337ab7;
        color: #fff;
    }

    .style-text .k-multiselect > .k-multiselect-wrap > .k-i-close {
        margin-right: 10px !important;
        background: red;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        margin-top: 5px;
    }

[upload-image] {
    width: 99%;
    min-height: 180px;
}

.loadgrid:before {
    content: "";
    position: fixed;
    z-index: 999;
    width: inherit;
    top: inherit;
    left: inherit;
    height: inherit;
    background: url(/Content/images/loading.gif) no-repeat;
    background-position: 39% 50%;
}

.loadgrid table {
    opacity: 0.8 !important;
}

.BorSert form#loadOrder-form {
    position: absolute;
    height: 95%;
}


#profile-form .ElementTop {
    position: absolute;
    width: 80%;
    z-index: 1;
}
/*Chantell 24/1 Hide dropdown*/
.hide-dropdown {
    visibility: hidden;
}

#GridProductList {
    padding-top: 20px;
    padding-bottom: 15px;
}

/*Chantell 26/1 sales price factor value styling*/
.factor_value_styling {
    position: absolute;
    right: 14px;
    margin-top: 40px;
}

.show_field {
    visibility: visible;
}

.hide_field {
    visibility: hidden;
}

/*Silayne 09/02 Styling for Debit and Credit*/
.debit_credit {
    position: absolute;
    right: 0px;
    margin-top: 12px;
}

/*Chantell 29/2 customer collections */
.notes_height {
    height: 35px;
}

.rec_notes_height {
    margin-top: -38px !important;
}

.comment_height {
    height: 90px;
}

.notes_space_after {
    height: 53px;
}

.notes_second_height {
    height: 88px;
}


/*seneel form company mgmt*/
#divAttachCompany {
    margin-top: 22px;
}


tbody[role=rowgroup] tr td {
    position: relative;
}

button#iconChart {
    padding: 0 8px !important;
    width: auto !important;
    border: none;
    background: transparent;
    color: #000;
    position: relative;
}
/*
    dev_okizila
    -CSS para o gráficos da stylus esconde os botões da serie dos graficos-
    Comentei porque não há necessidade agora de usar por isso optei por usar os 
    botões padrões do grafico do kendo
*/
/*.vendasGrap [transform] {
    opacity: 0.0;
}*/
.capaTransform {
    position: absolute;
    height: 40px;
    margin-top: -29px;
    width: 100%;
    background: #fff;
}

.vendasGrap {
    width: 75% !important;
    right: 13% !important;
    margin-top: 4%;
    z-index: 99999 !important;
    height: 1000px !important;
    background: #fff !important;
    overflow: hidden;
}

button#iconChart span {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: -8px;
    opacity: 0.4;
}

button#iconChart[active] span {
    opacity: 9.9;
}

.progressLoopll td:not([style])::before, .progressProcedure > div::before, .progress #IntegrationProgressBar::before {
    content: "";
    position: absolute;
    width: 0%;
    z-index: 100;
    top: 0;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.75) 47%, rgba(237,237,237,0.46) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,0.75)), color-stop(100%, rgba(237,237,237,0.46)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.75) 47%, rgba(237,237,237,0.46) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.75) 47%, rgba(237,237,237,0.46) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(246,246,246,0.75) 47%, rgba(237,237,237,0.46) 100%);
    background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,0.75) 47%, rgba(237,237,237,0.46) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
    left: 0px;
    height: 100%;
    -webkit-animation: progress 0.6s infinite;
    -moz-animation: progress 1s infinite;
    -o-animation: progress 1s infinite;
    animation: progress 1s infinite;
}

.errorline {
    background: #c75959 !important;
    color: #fff;
}

@keyframes progress {
    0% {
        width: 0%;
        left: 0%;
    }


    100% {
        width: 15%;
        left: 100%;
    }
}

.focushovers {
    opacity: 0.6;
    position: relative;
    overflow: hidden !important;
}


    .focushovers:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 97%;
        background: transparent;
        top: 0;
        left: 0;
        z-index: 9;
        -webkit-animation: animate-bor__ 0.5s infinite;
        -moz-animation: animate-bor__ 0.5s infinite;
        -o-animation: animate-bor__ 0.5s infinite;
        animation: animate-bor__ 0.5s infinite;
    }

@-webkit-keyframes animate-bors__ {
    0%, 49% {
        border: 1px dotted #f78e1e;
    }

    50%, 100% {
        border: 1px dashed #f78e1e;
    }
}

@keyframes animate-bor__ {
    0%, 49% {
        border: 2px dotted green;
    }

    50%, 100% {
        border: 2px dashed green;
    }
}

@-webkit-keyframes animate-bor__ {
    0%, 49% {
        border: 2px dotted #f78e1e;
    }

    50%, 100% {
        border: 2px dashed #f78e1e;
    }
}

.moveline:not([data-role=editable]) {
    background: #ddd !important;
    color: #666;
}

.k-state-focused {
    background: #ddd;
}

.checkboxGrid {
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.topo-hiper-links-icons {
    width: 100%;
    padding: 5px 1%;
    text-align: left;
    font-size: 18px;
    background: #2A3F54;
    color: #fff;
    font-size: 14px !important;
    border-radius: 3px;
    padding: 8px 10px;
}

.topo-hiper-option {
    position: absolute;
    right: 10px;
    top: 3px;
}

    .topo-hiper-option .floatRigth {
        float: right;
        font-size: 15px;
        padding: 9px;
        color: #5A738E;
    }

        .topo-hiper-option .floatRigth:hover {
            color: #fff;
            cursor: pointer;
        }


.topo-hiper-links {
    width: 100%;
    padding: 10px;
}

    .topo-hiper-links div.collun {
        list-style: none;
        width: 50%;
        float: left;
    }

        .topo-hiper-links div.collun input {
            position: relative !important;
        }


/*onesimo style for familiesManagemnt*/
#families-content h4 {
    border-bottom: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    display: inline-flex;
}

#families-content #ListView a {
    font-size: 13px;
    padding: 0 10px;
}

#families-content .activ {
    background-color: #f5f5f5;
}

#families-content span.activ {
    background-color: #ffffff;
    padding: 5px;
    position: absolute;
    top: 5px;
    border: 1px solid #000;
    border-radius: 14px;
    color: #000;
}

#family-form {
    padding: 0 10px;
}
/*Onesimo css for containerManagement*/

.form-container {
    padding: 30px 10px;
    background-color: #eee;
    margin-bottom: 10px;
}

#lista-formularios {
    width: 100%;
    height: 600px;
    margin: 12px 0;
    overflow: auto;
    overflow-x: hidden;
}

    #lista-formularios button {
        width: auto;
    }

/*Chantell 22/3/2018 SegmentManagement*/
.form-space {
    padding-top: 40px;
}

.footer-style {
    text-align: right;
    padding-right: 20px;
}

.footer-space {
    padding-left: 30px;
}

/*Css for Sedi OurContainerManagement*/
#Item-form .k-widget.k-tooltip-validation {
    position: absolute !important;
}

#Item-form .k-grid-edit-row, #Item-form .k-grid-edit-row td {
    overflow: inherit !important;
}

.btn-warning-style {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236
}

/*seneel- Supplier invoice popup*/
#loadOrder-form .k-dropdown .k-input {
    margin-top: -13px !important;
}

#loadOrder-form .group > .k-widget.k-header input[data-role=datepicker] {
    top: -9px !important;
}

.content-progress-new {
    display: block !important;
    opacity: 0.3 !important;
}

/*Jusley - Height for the Header of Customers Receipt And */
.receiptNote-label > label {
    top: 4px;
    margin-left: 8px;
}

#cost-profit-center-form .footer-style {
    padding-top: 5px;
}

#cost-profit-center-form .textarea-body {
    padding-top: 10px;
}

#CostProfitCenterTreeView [aria-expanded='true'] li {
    padding-left: 50px !important;
}

.k-i-plus-circle, .k-i-edit k-i-pencil {
    font-size: 10px;
}

.autowidth {
    width: auto !important;
}

#copy_lines {
    width: 30px;
    height: 24px;
    position: absolute;
    right: -5px;
    top: 4px;
    background: transparent;
    color: #000;
    border: none;
}

/*Jusley Antonio - No Save Print Button Style*/
.no-save-print {
    display: none;
}

/*Chantell Witbooi - Colour grid row 30/5 */
.colour_grid_row td {
    color: blue !important
}

.colour_grid_background_row {
    background-color: dimgrey !important;
}

.btn-button-ajust {
    text-align: right;
    padding-right: 20px;
}

/*  User management responsive layout */
#UserBranch .k-grid-content, #FunctionalityProfile .k-grid-content {
    /*height: 140px;
    min-height: 140px !important;
    max-height: calc() !important;  => change made by. Jusley Antonio on 19/07*/
}

#UserBranch #NotesNative {
    height: 178px !important;
}

#user-form .k-multiselect-wrap {
    height: auto !important;
    overflow: auto !important;
}

@media screen and (max-height: 730px) {
    #UserBranch #NotesNative {
        height: 75px !important;
    }
}

/* BuyerManagement tooltipe */
.tooltipe-grid {
    display: none;
}

.tooltipe-grid-this-object {
    position: fixed;
    width: auto;
    padding: 10px;
    background: #fff;
    color: #000;
    border-radius: 2px;
    border: 1px solid #ccc;
    max-width: 600px;
    box-shadow: 1px 0 4px rgba(0,0,0, 0.20) !important;
}

/*Start: Special Style used on FamiliesManagement*/
.col-lg-30perc,
.col-lg-70perc,
.col-md-30perc,
.col-md-70perc,
.col-sm-30perc,
.col-sm-70perc,
.col-xs-30perc,
.col-xs-70perc {
    position: relative;
    min-height: 1px;
}

.col-xs-30perc,
.col-xs-70perc {
    float: left
}

.col-xs-70perc {
    width: 70%
}


.col-xs-30perc {
    width: 30%
}


@media (min-width:768px) {
    .col-sm-30perc,
    .col-sm-70perc {
        float: left
    }

    .col-sm-70perc {
        width: 70%
    }

    .col-sm-30perc {
        width: 30%
    }
}


@media (min-width:992px) {
    .col-md-30perc,
    .col-md-70perc {
        float: left
    }

    .col-md-70perc {
        width: 70%
    }

    .col-md-30perc {
        width: 30%
    }
}

@media (min-width:1200px) {
    .col-lg-30perc,
    .col-lg-70perc {
        float: left
    }

    .col-lg-70perc {
        width: 70%
    }

    .col-lg-30perc {
        width: 30%
    }
}
/*End: Special Style used on FamiliesManagement*/

[object-focus] {
    position: absolute;
    background: #337ab7;
    top: 14px;
    left: -12px;
    width: 10px;
    border-radius: 50%;
    height: 10px;
    opacity: 0.0;
    /*-webkit-animation: ativefocus 1s infinite;
    -moz-animation: ativefocus 1s infinite;
    -o-animation: ativefocus 1s infinite;
    animation: ativefocus 1s infinite;*/
}

@keyframes ativefocus {
    0% {
        -ms-transform: scale(0); /* IE 9 */
        -webkit-transform: scale(0); /* Safari */
        transform: scale(0);
        opacity: 0;
    }

    100% {
        -ms-transform: scale(1); /* IE 9 */
        -webkit-transform: scale(1); /* Safari */
        transform: scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes ativefocus {
    0%, 49% {
    }

    50%, 100% {
    }
}

/*Chantell bank management view*/
.space_in_header {
    margin-top: 5px;
}

.bank_space_in_header {
    margin-top: 2px;
}

.agency_space_in_header {
    margin-top: 0px;
}

bank_space_in_header {
    margin-top: 10px;
}

.observation_space_top {
    margin-top: 30px;
}

.labels_in_header {
    display: block;
    color: darkblue;
    text-align: center;
}

/*.agency_label_in_header {
    display: block;
    font-size: 20px;
    color: darkblue;
    text-align: center;
}*/

.agency_label_in_header {
    display: block;
    font-size: 15px;
    color: #2a3f54;
    margin-left: 15px;
    margin-bottom: 20px;
}

div#bankHeader {
    margin-bottom: 10px;
}

.observations_height {
    height: 105px;
}


/*Prevent icon to disappear */
.nav-sm span.fa,   .nav-sm .menu_section h3  {
    display: block !important;
}

.modeloxls {
    position: relative;
    width: 200px;
    padding: 2px 0;
    height: 133px;
    border-radius: 2px;
    border: 1px solid #ded3d3;
    overflow: hidden;
}

    .modeloxls .fa-file {
        font-size: 36px;
        position: relative;
    }

    .modeloxls h4 {
        border-bottom: 1px solid #ded3d3;
        padding-bottom: 7px;
        font-size: 14px;
    }

    .modeloxls i span {
        position: absolute;
        font-size: 12px;
        width: 100%;
        text-align: center;
        left: 0;
        color: #fff;
        bottom: 5px;
    }

div[bbg] {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-top: 5px;
    cursor: pointer;
    overflow: hidden;
    border-top: 1px solid #ded3d3;
}

    div[bbg] button {
        border: none;
        background: transparent;
    }

.capa-restory-data {
    width: 100%;
    background: rgba(0,0,0,0.70);
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
}

.crt-container {
    position: relative;
    width: 350px;
    min-height: 150px;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.90) !important;
    margin: 8% auto;
}

    .crt-container .fa-angle-down {
        display: none;
    }

.tpImg {
    width: 100px;
    height: 100px;
    position: relative;
    margin: auto;
    margin-top: -10px;
    background: url(/Content/images/help.gif);
    background-size: cover;
    opacity: 0;
    -webkit-transition: all 1.4s ease-in-out;
    -moz-transition: all 1.4s ease-in-out;
    -o-transition: all 1.4s ease-in-out;
    transition: all 1.4s ease-in-out;
}

.k-tooltip {
    color: #fff !important;
}

.tpImg-s {
    opacity: 9.9;
    margin-top: initial !important;
}

.tpImg img {
    width: 100%;
}

.crt-container span {
    float: left !important;
    width: 100% !important;
    clear: both;
}

.crt-container span {
    float: left !important;
    width: 100% !important;
    text-align: center;
    margin-top: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    clear: both;
}

    .crt-container span:not(#dvBranchName) {
        font-size: 18px !important;
    }

.sms-popup {
    clear: both;
    float: left;
    background: #fff;
    width: 100%;
    padding: 0px 10px;
    border-radius: 4px;
    color: #000;
    opacity: 0;
    margin-bottom: 10px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.sms-popup-s {
    opacity: 9.9;
    margin-top: initial !important;
}

.sms-popup .btn {
    width: auto !important;
}

/*class para fundo do tooltip nas grids*/
.k-grid-header .k-state-active {
    background: none;
}

/*Não permitir que texto fique em mais que uma linha*/
.k-grid td {
    white-space: nowrap;
}

.bar-percent {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.progress-bar-percent {
    background: blue;
    color: #fff;
    padding-right: 4px;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    text-align: right;
}

    .progress-bar-percent .zero, .progress-bar-percent .mas {
        background: #5A738E;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0 5px;
    }

    .progress-bar-percent .mas {
        font-size: 11px !important;
        background: #337ab7 !important;
        min-width: 60px;
        right: 0;
    }

.zeros {
    display: none;
}


/*Chantell Witbooi 7/6 Change column text colour*/
.colour_column {
    color: dodgerblue !important;
}

/* Preview side of Telerik Reports */
.trv-parameters-area {
    height: 98% !important;
}

    .trv-parameters-area .trv-parameters-area-footer {
        bottom: 5px !important;
    }

.Box-LoadBoard-Style * {
    box-sizing: content-box !important;
}

.fa-plane {
    font-size: 17px;
    margin-top: 3px;
}


/* novas classes para o mobile */
.mobile-icon-login {
    display: none;
}

.sac-modal .modal-body {
    color: #fff !important;
}


.addC__ {
    display: block !important;
}

.addC1__ {
    display: none !important;
}

.lomobile, .lomobilesym {
    display: none;
}


/* definir media screen para smartpone */
/** mobile menus de 1300px */
.tablet-mobile .menu_fixed_favoritos, .tablet-mobile .new_favoritos {
    display: none !important;
}

@media screen and (max-width: 1300px) {
    .janela {
        position: fixed !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        right: 0 !important;
        top: 0 !important;
        background: rgba(0,0,0,0.60) !important;
        display: flex;
        justify-content: center;
    }

    .ja-still {
        position: absolute !important;
        width: 80% !important;
        height: 80% !important;
        margin-top: 5% !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        bottom: initial !important;
        background: #2f3136 !important;
    }

    .ja-topo {
        height: 40px !important;
        background: #1da1f2 !important;
    }

        .ja-topo i {
            font-size: 20px !important;
            padding: 7px 10px !important;
        }

        .ja-topo span {
            padding: 9px 20px !important;
        }

    .ja-body {
        position: relative;
        height: calc(100% - 40px) !important;
        width: 100% !important;
        border: none !important;
    }

    .input_sms {
        min-height: 100px !important;
        padding: 10px !important;
        width: 100% !important;
        height: 80px;
        margin-left: 0 !important;
    }

    .ja-sms {
        height: calc(100% - 100px) !important;
    }

    .ja-footer {
        height: 100px !important;
    }

    .ja-sms {
        border-bottom: 1px solid #282b31;
    }

    .icon-imoge {
        position: absolute !important;
        width: 100% !important;
        height: 37px !important;
        bottom: 10px !important;
    }

    .input_sms {
        color: #fff !important;
    }

    .like {
        color: #1da1f2 !important;
    }

    .lomobile {
        display: block;
    }

    body {
        overflow: hidden !important;
    }

    .openmenusm {
        left: 238px !important;
    }

    .tablet-mobile .mobile-login {
        position: fixed !important;
        top: 0;
        left: 0;
        overflow: hidden;
        overflow-y: auto;
    }

    .tablet-mobile .sidebar-footer {
        width: 290px !important;
    }

    .tablet-mobile .mobile-footer {
        background: #F7F7F7;
    }

    .tablet-mobile .i-con-mobile {
        display: block;
        position: absolute;
        left: 0px;
        top: 3px;
    }

    .tablet-mobile .login_wrapper {
        position: absolute !important;
    }

    .tablet-mobile .i-con-mobile .fa-bars {
        color: #fff;
        font-size: 20px;
        background: transparent;
        position: absolute;
        padding: 10px 14px;
        top: 0px;
        left: 180px;
    }

    .tablet-mobile .nav-md .nav.side-menu li a {
        width: 100%;
    }

    .tablet-mobile .dl-horizontal, .tablet-mobile .menu-efetch, .tablet-mobile .calc_wid_position, .tablet-mobile .addC__, .tablet-mobile .navbar-right .fa-angle-down {
        display: none !important;
    }

    .tablet-mobile .menu_section > ul {
        margin-top: 0px !important;
        top: 60px !important;
        width: 100% !important;
        position: absolute !important;
        height: calc(100% - 90px) !important;
        overflow-x: hidden;
        overflow-y: auto !important;
        padding-bottom: 1px !important;
    }

    .tablet-mobile .search-pesquisa {
        width: calc(100% - 20px) !important;
        border-radius: 20px !important;
        top: 5px !important;
        left: 10px;
    }

    .tablet-mobile li#list-menu {
        width: 100% !important;
        padding: 10px !important;
        list-style: none;
        border-radius: 0 20px 20px 0;
        overflow: hidden;
    }

    .tablet-mobile .result-search {
        height: auto;
        margin-top: 42px !important;
        display: none;
        background: #2A3F54;
        z-index: 9;
        position: relative;
    }

    .tablet-mobile div#menu-navigation {
        display: none;
        position: fixed !important;
        width: 291px !important;
        height: calc(100% - 50px) !important;
        min-height: calc(100% - 50px) !important;
        top: 50px;
    }

        .tablet-mobile div#menu-navigation .capobmen {
            position: fixed;
            background: var(--color-back-tra);
            width: 100%;
            height: 100%;
            top: 0;
            z-index: 9;
            left: 290px;
        }

    .tablet-mobile .openmenus {
        display: block !important;
    }

    .tablet-mobile div#menu-navigation .nav_title {
        display: none !important;
    }

    .tablet-mobile .tablet-mobile .sidebar-footer {
        width: 100% !important;
    }

    .tablet-mobile div#sidebar-menu, .tablet-mobile .scroll-view, .tablet-mobile .menu_section {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        min-height: 100% !important;
    }

    .tablet-mobile .main_container .top_nav {
        top: 0;
        position: fixed !important;
        z-index: 999 !important;
        left: 0;
        background: #172D44;
        width: 100%;
        height: 50px;
        margin-left: 0 !important;
    }

    .tablet-mobile .nav-md .container.body .right_col, .tablet-mobile .pagedassBord {
        width: 100% !important;
        height: calc(100% - 50px) !important;
        min-height: calc(100% - 50px) !important;
        position: fixed !important;
        left: 0 !important;
        margin-left: 0 !important;
        margin: 0 !important;
        top: 50px;
        overflow: hidden;
        overflow-y: auto !important;
    }

    .tablet-mobile .dinamic-center-css {
        height: calc(100% - 16px) !important;
    }

    .tablet-mobile .navbar-nav .open .dropdown-menu {
        width: 500px !important;
        padding: 30px !important;
    }

    .tablet-mobile .painels {
        width: 100% !important;
        height: calc(100% - 20px) !important;
        padding: 20px;
        margin-top: 0px !important;
        overflow: hidden;
        overflow-y: auto !important;
    }

    div::-webkit-scrollbar {
        width: 0px !important;
    }

    .tablet-mobile .cc_c, .tablet-mobile .load-alert {
        width: 80%;
    }
}

/** mobile menus de 900px */
@media screen and (max-width: 900px) {
    .tablet-mobile div#menu-navigation:before {
        display: none;
    }

    .tablet-mobile div#menu-navigation {
        width: 291px !important;
    }

    .tablet-mobile .painels {
        width: 100% !important;
        height: 100% !important;
        padding: 0px;
    }

    .tablet-mobile .back_news {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 50px !important;
    }

    .tablet-mobile .colunalines {
        margin-bottom: 50px !important;
        width: 100% !important;
        padding: 30px !important;
        margin: 0% !important;
    }

    .tablet-mobile .dinamic-center-css {
        width: calc(100% - 40px) !important;
        height: auto !important;
        margin-left: 20px;
    }

    .tablet-mobile .imgnj {
        height: 350px !important;
        margin-bottom: 20px !important;
    }

    .tablet-mobile .coluna-fils {
        float: left !important;
        width: calc(50% - 40px) !important;
        height: 200px !important;
        position: relative !important;
        margin: 20px !important;
        background: #999ba224;
        border-radius: 4px;
        position: relative;
        overflow: hidden;
        padding-left: 0px !important;
    }

    .tablet-mobile li.ps-container {
        display: none;
    }

    .tablet-mobile .append-fils {
        width: 100% !important;
        margin-top: 0 !important;
        float: left !important;
        height: auto !important;
        position: relative !important;
        margin-bottom: 10px;
        right: 0px !important;
    }

    .tablet-mobile .receber-usuarios {
        width: 100% !important;
        min-height: auto !important;
        margin: 0 !important;
        float: left !important;
        margin-bottom: 50px !important;
    }

    .tablet-mobile .painels li:nth-child(1), .tablet-mobile .painels li:nth-child(2), .tablet-mobile .painels li:nth-child(3), .tablet-mobile .painels li:nth-child(4) {
        width: 100% !important;
        margin-left: 0;
        height: auto !important;
    }
}

/** mobile menus de 650px */
@media screen and (max-width: 650px) {
    .bodyPop {
        width: 90% !important;
        min-width: 90% !important;
    }

    .lomobile {
        display: none;
    }

    .lomobilesym {
        display: block;
        margin-left: 20px;
        width: 38px;
        margin-top: 2px;
    }

    .tablet-mobile .i-con-mobile .fa-bars {
        left: 70px;
    }

    .tablet-mobile .pull-right, .tablet-mobile ul.navbar-right > li:not(:nth-child(1)), .tablet-mobile .mobilecolun {
        display: none !important;
    }

    .tablet-mobile .open > .dropdown-menu {
        display: block !important;
    }

    .tablet-mobile .navbar-nav .open .dropdown-menu {
        width: calc(100% - 20px) !important;
        padding: 20px !important;
    }

    .tablet-mobile .remove_permi .switch {
        right: 30px !important;
    }

    .tablet-mobile .coluna-fils {
        width: calc(100% - 40px) !important;
    }
}

@media screen and (max-width: 380px) {
    .tablet-mobile div#menu-navigation, .tablet-mobile .sidebar-footer {
        width: 250px !important;
    }

        .tablet-mobile div#menu-navigation .capobmen {
            left: 250px;
        }

    .openmenusm {
        left: 200px !important;
    }
}


#serialNoID {
    padding: 1px 10px;
    cursor: pointer;
    color: #337ab7;
}

.customer_merge_footer {
    float: left;
    width: 50%;
    margin-left: 15px;
    padding: 15px 0;
}

.goods_calculation_space_form {
    padding: 25px 0 0 0;
}

.goods_calculation_label_form {
    padding: 146px 0 0 210px;
}

.goods_calculation_final_form {
    padding: 42px 0 0 210px;
}

.goods_calculation_label_size {
    font-size: 15px;
    font-weight: bold;
    color: #337ab7;
}

.goods_calculation_table_border {
    border: 5px solid #337ab7;
    height: 50%;
    width: calc(100% - 30px);
    left: 30px;
    position: absolute;
    overflow: hidden;
    overflow-y: auto;
}

.goods_calculation_footer {
    list-style: none;
    position: fixed;
    bottom: 50px;
    width: 80%;
    margin-left: -36px;
}

.footer_desc {
    text-align: right;
    right: 21px;
    position: fixed;
    bottom: 52px;
}

.goods_calculation_second_form {
    padding: 9px 0 0 210px;
}

.goods_calculation_third_form {
    padding: 287px 0 0 210px;
}

.hiddenlabel > label {
    display: none;
}

.capslock {
    position: absolute;
    right: 25px;
    margin-top: 10px;
    font-size: 11px;
    padding: 1px 5px;
    border-radius: 3px;
    color: #fff;
    text-shadow: none;
}

.wiuspass {
    position: absolute;
    width: 30px;
    height: 20px;
    right: 0;
    bottom: -5px;
    color: #000;
    cursor: pointer;
    text-shadow: none;
    opacity: .0;
}

.pmFocus .wiuspass {
    color: #fff;
}

b.useronlines {
    background: rgba(0,0,0,.15);
    padding: 1px 8px;
    border-radius: 3px;
    font-size: 14px;
}

.refreshpage {
    float: right;
    margin: 0 5px;
    margin-top: -4px;
    font-size: 18px;
    background: #5a738e;
    color: #fffff7;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 5px 8px;
}

.new_favoritos {
    position: fixed !important;
    width: 400px;
    height: 42px;
    top: 0;
    right: 554px;
    z-index: 99 !important;
    cursor: auto !important;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

._loods {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.ll30 {
    width: 30px !important;
}

.ll50 {
    width: 50% !important;
}

.ll100 {
    width: 100% !important;
}

.list_favori {
    float: left;
    margin: 1px 4px;
}

b.replac_desig i {
    font-size: 12px !important;
}

.list_favori a {
    font-size: 14px;
    color: #fff;
    padding: 10px 0px;
}

.center_favorit {
    width: 3000px;
    margin-top: 8px;
}

.list_favori b {
    width: 25px;
    height: 25px;
    position: relative;
    float: left;
    background: #485769;
    border-radius: 50%;
}

b.replac_desig span._ghh {
    width: 100%;
    position: absolute;
    text-align: center;
    top: 5px;
    font-size: 12px;
    text-transform: uppercase;
}

li.new_favoritos ul li a {
    color: #fff !important;
    font-size: 14px !important;
}


.menu_fixed_favoritos {
    position: fixed;
    width: 120px;
    background: #2a3f54;
    left: calc(50% - 100px);
    z-index: 9;
}

.desc_riport {
    color: #73879C;
}

.menu_fixed_favoritos span {
    position: relative;
    float: left;
    padding: 3px 10px;
    cursor: pointer;
    color: #fff;
}

.title_favor_pin {
    position: absolute;
    margin-top: 2px;
}

.fade_favorits {
    font-size: 19px !important;
    color: #337ab7 !important;
    margin-top: 7px !important;
    position: absolute;
    padding: 5px 0;
    background: #172D44;
    width: 97px !important;
    right: -35px;
    z-index: 9;
    cursor: pointer;
    transform: rotate(90deg);
}



.novaPop .k-dropdown .k-input {
    margin-top: -8px;
}

.list-tool-favoritos {
    position: absolute;
    z-index: 9;
    background: #000;
    padding: 4px 5px;
    font-size: 13px;
    border-radius: 4px;
    color: #fff;
}

    .list-tool-favoritos:before {
        width: 0;
        height: 0;
        position: absolute;
        content: "";
        border-top: 10px solid transparent;
        border-bottom: 11px solid #000;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        margin-top: -18px;
        left: 16px;
    }

.top_nav .dropdown-menu li a:active,
.top_nav .dropdown-menu li a:hover,
.top_nav .dropdown-menu li a:focus {
    background: transparent !important;
}

.top_nav .dropdown-menu li a, .openConfig {
    width: 100%;
    padding: 12px 20px;
    cursor: pointer;
}

span.cc_label {
    float: left;
    padding: 5px 20px;
    color: #fff !important;
}

.dfn {
    color: #1da1f2;
    font-size: 20px;
    position: absolute;
    margin-top: 11px;
    left: 20px;
}

.switch {
    position: absolute;
    display: inline-block;
    width: 30px;
    height: 18px;
    margin: 3px 0;
}

    .switch input {
        display: none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 10px;
        width: 10px;
        left: 5px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #1da1f2;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}

.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.textarea-label label {
    padding-top: 4px;
    padding-left: 4px;
}

/*New Layout Sev + Ric*/

input:not(#pesquisar):not(.totalcontainer):not(#lupatable):not(.ps_c):not(.findobject):not(.lettercss):not([data-role]):not([role]):not([data-bind]):not(.naopart), select:not([data-role]):not([role]):not([data-bind]):not(.naopart) {
    background-color: #e3e5f1;
    margin-top: 10px;
    padding-left: 3px !important;
    padding-right: 3px !important;
}

.k-multiselect input {
    background: #e3e5f1 !important;
}

.group > .k-widget.k-header {
    background-color: #e3e5f1;
    top: 10px !important;
    height: 22px !important;
    border-radius: 0px !important;
}

    .group > .k-widget.k-header input {
        background: transparent;
        padding-left: 3px;
    }

        .group > .k-widget.k-header input[data-role=datepicker] {
            top: -5px;
        }


.k-multiselect-wrap {
    background: #e3e5f1;
}

.novaPop .focusg input, .pmFocus input:not(#pesquisar):not(.naopart):not(.ps_c):not([data-role]):not([role]):not([data-bind]), .pmFocus select:not([data-role]):not([role]):not([data-bind]), .group.pmFocus > .k-widget.k-header {
    background-color: #5f6368 !important;
    /*border: 1px solid orange !important;*/
    color: #fff !important;
}

    .pmFocus .k-input:not([readonly]), .pmFocus .k-dropdown .k-input, .novaPop .focusg input:not([readonly]) {
        color: #fff !important;
    }

.pmFocus option:disabled {
    color: #ececec !important;
}

.pmFocus td input {
    background-color: #FFFFFF !important;
    border: none !important;
}


.form-horizontal .form-group {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
}

.k-icon.k-i-calendar {
    margin-left: 11px;
}

.k-icon.k-i-clock {
    margin-right: 7px !important;
    margin-top: -12px !important;
}

.KendoDropDown-ajust .k-widget.k-dropdown.k-header {
    background-color: #e3e5f1;
    padding-left: 3px !important;
    top: 10px;
    height: 22px;
}

.k-dropdown, .k-dropdown-wrap, .k-select {
    border-radius: 0px !important;
}

.group .k-icon.k-i-arrow-60-down, .k-i-arrow-60-down {
    display: none;
}

.k-autocomplete > .k-i-close {
    margin-right: 20px !important;
}

.k-autocomplete .k-i-loading, .k-multiselect .k-i-loading {
    top: 0px !important;
}

.k-button-icontext {
    color: #337ab7 !important;
}

.k-picker-wrap.k-state-default {
    margin-top: -5px;
    padding-left: 3px !important;
}

.fa-1x {
    font-size: 1.2em;
}

[data-role=grid] .k-icon.k-i-calendar {
    margin-left: 0px;
    margin-top: 5px !important;
}

[data-role=grid] .k-widget.k-datepicker {
    width: 100% !important;
    height: 28px !important;
    background: #fff !important;
}

[data-role=grid] span.k-dropdown-wrap {
    border-radius: 4px !important;
    border: none !important;
    height: 32px;
}

.table-responsive {
    overflow: hidden !important;
}

/*.buttons:not([data-toggle-class]):not(.btnBranches):not(.btnother), button:not([data-toggle-class]):not(.btnBranches):not(.btnother), .btn:not([data-toggle-class]):not(.btnBranches):not(.btnother) {
    width: 120px !important;
}*/

button:not(.btnBranches):not(.autowidth):not(.x-button):not(.btnother):not(.btnpos):not(.btnaction):not(.docID), input[type=submit], input[type=button] {
    width: 120px !important;
}


.btnBranches, .btnother {
    width: 50px !important;
}

.footer-buttom {
    margin-left: -40px;
}

.borderOnTotalDiv {
    border: 1px #337ab7 solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    padding-bottom: 5px;
}


.login_content label {
    text-align: left !important;
}

.filterTooltip, .filterTooltips {
    position: fixed;
    background: #000;
    color: #fff;
    z-index: 99999 !important;
    padding: 5px 10px;
    border-radius: 3px;
}

    .filterTooltip .set, .filterTooltips .set {
        position: fixed;
        width: 0;
        border-right: 5px solid transparent;
        border-top: 0px solid transparent;
        border-left: 5px solid transparent;
        border-bottom: 8px solid #000;
        text-align: center;
    }

.add_mask_list {
    position: relative;
    float: left;
    opacity: 0.0;
}


/*Start: Jusley A. Style for Hidden fields on Customer/Supplier requirements*/
.mais {
    position: absolute;
    right: -3px;
    top: 12px;
}

#showRest {
    position: absolute;
    padding: 2px;
    margin-top: -2px;
    right: -3px;
    font-size: 12px;
    cursor: pointer;
}
/*End: Jusley A. Style for Hidden fields on Customer/Supplier requirements*/


.goods_calc_first_form {
    padding: 75px 0 0 210px;
}

.goods_calc_second_form {
    padding: 113px 0 0 310px;
}

.goods_calc_third_form {
    padding: 43px 0 0 210px;
}

.goods_calc_fourth_form {
    padding: 77px 0 0 210px;
}

.goods_calc_fifth_form {
    padding: 50px 0 0 210px;
}



/*START OF CARLOS C. R. MAGALHAES STYLE FOR CUSTOMER CONTRACT MANAGEMENT FOOTER*/

#contract_footer_inner_div {
    padding-top: 0px;
    margin-bottom: 5px !important;
}

#TotalValueForecast, #TotalResidualValue {
    width: 95%;
}

.contract_footer_form_group {
    padding-bottom: 12px;
}

.col_contract_footer {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.footer_file_attach > div.htmlCentro {
    margin: 1px;
}

.contract_footer_table tr, .contract_footer_table td, .contract_footer_table th {
    border: 1px solid #dddddd;
    padding: 1px;
    font-size: 10px;
    background-color: #e3e5f1;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}

.contract_footer_table th {
    text-align: center;
    color: #337ab7;
}

.contract_footer_table {
    border-spacing: 5px;
    width: 100%;
    height: 161px;
}


/*END OF CARLOS C. R. MAGALHAES STYLE FOR CUSTOMER CONTRACT MANAGEMENT FOOTER*/

/*START OF CARLOS C. R. MAGALHAES STYLE FOR GOODS COST CALCULATION AND GOODS COST CALCULATION PRODUCT*/

.line_height_reduced .form-group {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

    .line_height_reduced .form-group .group label {
        font-weight: 400;
        padding-left: 45px;
    }

.header_label {
    font-weight: 700 !important;
    padding-left: 0px !important;
}

.for_resize_field .group label {
    font-style: italic !important;
}

.for_resize_label {
    width: 47.333333%;
}

.for_resize_input {
    width: 52.666667%;
}

.custom_indent {
    padding-left: 70px !important;
}

/*START OF CARLOS C. R. MAGALHAES STYLE FOR GOODS COST CALCULATION AND GOODS COST CALCULATION PRODUCT*/

/*START OF CARLOS C. R. MAGALHAES STYLE FOR AVERAGE DELIVERY TIME ANALYSIS POPUP*/

.popuptable {
    width: 100%;
    height: 150px;
}

    .popuptable tr th, .popuptable tr td {
        border: 1px solid black;
        font-size: 12px;
        background: white;
        padding-left: 5px;
        padding-right: 5px;
        text-align: center;
        font-weight: 300;
        width: 25%;
    }

    .popuptable tr th {
        color: white;
        background: #337ab7;
        font-weight: 700;
    }

/*END OF CARLOS C. R. MAGALHAES STYLE FOR AVERAGE DELIVERY TIME ANALYSIS POPUP*/

/*START OF CARLOS C. R. MAGALHAES STYLE FOR DASHBOARD ALERTS VIEW*/
.alert-container-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-back-tra);
}

.Maskcapa-popup {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.load-alert {
    position: relative;
    min-width: 300px;
    padding: 2px;
    padding-top: 0;
    width: 75%;
    margin: 50px auto;
    height: calc(100% - 100px);
    background: #2f3136;
    border-radius: 10px;
    box-shadow: 2px 2px 100px rgba(0,0,0,0.30) !important;
    overflow: hidden;
    z-index: 1;
}
/*END OF CARLOS C. R. MAGALHAES STYLE FOR DASHBOARD ALERTS VIEW*/

/*START OF CARLOS C. R. MAGALHAES CSS FOR TAX DISPLAY TABLE*/

.tax-display-table {
    border: 1px;
    width: 100%;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.471;
}

    .tax-display-table td, .tax-display-table th {
        border: 1px solid #dddddd;
        padding: 1px;
        font-size: 12px;
        background-color: #e3e5f1;
        padding-left: 5px;
        padding-right: 5px;
        text-align: right;
    }

    .tax-display-table tfoot {
        width: 100%;
    }

    .tax-display-table th {
        background: #337ab7;
        color: white;
        text-align: center;
    }

.payment-table td:not(.payment_amount) {
    text-align: left
}
/*END OF CARLOS C. R. MAGALHAES CSS FOR TAX DISPLAY TABLE*/
/*START OF CARLOS C. R. MAGALHAES CSS FOR SLIDE IN MENU FOR OBSERVATIONS AND ATTACHMENTS*/
.sideMenuIn {
    position: fixed;
    height: 20%;
    width: 15px;
    overflow: hidden;
    background: white;
    right: 0;
    border-radius: 2px 0 0 2px;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    z-index: 99999;
}

.leftClickLine {
    position: absolute;
    width: 15px;
    height: 100%;
    background: #2a3f54;
    cursor: pointer;
}

div.slideinnerContent {
    position: relative;
    top: 0;
    left: 15px;
    width: calc(100% - 15px);
    height: 100%;
    overflow: hidden;
}

    div.slideinnerContent textarea {
        height: 190px !important;
    }

.expandSlidein {
    width: 85% !important;
    height: 70% !important;
    top: 12% !important;
    z-index: 100000 !important;
}

.vertText {
    position: absolute;
    top: 50%;
    left: 50%;
}

.textVertical {
    position: absolute;
    color: #fff;
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    white-space: nowrap;
}

/*END OF CARLOS C. R. MAGALHAES CSS FOR SLIDE IN MENU FOR OBSERVATIONS AND ATTACHMENTS*/

/*Chantell 2/4/2019 cancel receipt button*/
.btn-cancel-style {
    color: #fff;
    background-color: #ff0000;
    border-color: #eea236;
    display: none
}

.btn-delete-style {
    color: #fff;
    background-color: #ff0000;
    border-color: #eea236;
}

[data-role=editable], [data-role=grid] .k-state-selected:hover, [data-role=grid] .k-state-selected, .k-grid tr td:not(.kgridcell):not(.mes-pintado):not(.mes-pintados):not(.cssDeliver):not(.cssColec):not(.cssReady):not(.cssConf), [data-role=grid] input:not(.lettercss) {
    background: transparent !important;
    background-color: transparent !important;
    color: #000;
    height: 31px;
}

[data-role=grid] .k-autocomplete.k-state-default, [data-role=grid] .k-dropdown-wrap.k-state-default, [data-role=grid] .k-numeric-wrap.k-state-default, [data-role=grid] .k-picker-wrap.k-state-default {
    background-image: none;
    background-image: none,-webkit-gradient(linear,left top,left bottom,from(false));
    background-image: none,-webkit-linear-gradient(top,false);
    background-image: none,linear-gradient(to bottom,false);
    background-position: 50% 50%;
    background: transparent !important;
    background-color: transparent !important;
    color: #000;
}

[data-role=grid] tr.k-grid-edit-row td > span, [data-role=grid] tr.k-grid-edit-row td > input {
    background: transparent !important;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: 0px !important;
}

[data-role=grid] tr td {
    line-height: 0;
}

[data-role=grid] .k-state-hover {
    background: transparent !important;
    background-color: transparent !important;
}

[data-role=grid] .k-autocomplete.k-state-default, [data-role=grid] .k-dropdown-wrap.k-state-default, [data-role=grid] .k-multiselect.k-header,
[data-role=grid] .k-numeric-wrap.k-state-default, [data-role=grid] .k-picker-wrap.k-state-default, [data-role=grid] input {
    border: none !important;
}

    [data-role=grid] input:focus, [data-role=grid] tr.k-grid-edit-row td > input:focus {
        background-color: #5f6368 !important;
        /*border: 1px solid orange !important;*/
        color: #fff !important;
    }

[data-role=grid] tr td input, [data-role=grid] .k-dropdown-wrap .k-input, [data-role=grid] .k-numeric-wrap .k-input,
[data-role=grid] .k-picker-wrap .k-input, [data-role=grid] .k-selectbox .k-input {
    width: 100%;
    border-radius: 0 !important;
    border: 0px !important;
    height: 31px !important;
    overflow: hidden;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
}

[data-role=grid] .k-state-selected, [data-role=grid] .k-state-selected:hover {
    background: #ddd !important;
}

[data-role=grid] .setNavLists, [data-role=grid] .setNavLists:hover {
    background: #ccc !important;
}

[data-role=grid] [type=checkbox] {
    margin-top: 0px !important;
}

.ceter-ani {
    position: relative;
    width: 500px;
    text-align: center;
    margin: auto;
    padding: 100px 0;
}

.aniluiz {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
    background: #2A3F54;
    color: #fff;
}

.aniefesct {
    -webkit-animation: animate-bosrs__ 7.5s infinite;
    -moz-animation: animate-bosrs__ 7.5s infinite;
    -o-animation: animate-bosrs__ 7.5s infinite;
    animation: animate-bosrs__ 7.5s infinite;
}

.img-class-in {
    display: none;
}

.sdjlss, .sdjls {
    font-size: 30px;
    padding: 10px 0;
    background: #fff;
    color: #000;
    margin-bottom: 30px;
    border-radius: 3px;
    margin-top: 30px;
}

.aniluiz p {
    font-size: 35px;
}

.capamask, .capamaskdiv {
    position: absolute;
    z-index: 1;
    width: calc( 100% - 30px);
    top: 5px;
    left: -15px;
    height: inherit;
    background: transparent;
}

.capamaskdiv {
    top: 0;
    height: 100%;
}

.painel_slide {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.70);
    z-index: 9999999;
    display: none;
}

    .painel_slide img {
        position: absolute;
        width: 180px;
    }

.img-class-in img {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    border: 10px solid #fff;
    box-shadow: 0 0 10px #000 !important;
}

.disabled_button {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}

/*[data-role=grid] {
    user-select: none;
}*/

@keyframes animate-bosrs__ {
    0% {
        background: red;
    }

    60% {
        background: yellow;
    }

    100% {
        background: #2A3F54;
    }
}


.object_require {
    box-shadow: 0 2px 4px rgba(0,0,0,0.40) !important;
    position: fixed;
    background: transparent;
    border-radius: 4px;
    overflow: hidden;
}

.tooltipmsg {
    position: fixed;
    padding: 10px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.40) !important;
    z-index: 9;
    border-radius: 3px;
    background: #f8f8b6;
    color: #000 !important;
    opacity: 0;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.tooltipmsg-focus {
    opacity: 9;
}

.menu-efetch {
    position: absolute;
    overflow: auto;
    width: 100%;
    height: 100%;
    z-index: 99;
    top: 0;
    color: #000;
    right: -100%;
    box-shadow: -2px 0 4px rgba(0,0,0,0.20) !important;
    background: #fbfbfb;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.infohelp {
    display: none;
    background: #e8f0fe;
    padding-bottom: 20px;
}

    .infohelp li {
        list-style: none;
        padding: 5px 20px;
        border-top: 1px solid #eee;
        padding-top: 10px;
        margin-top: 10px;
        /* color: blue; */
    }

.oclick {
    padding: 10px 20px;
    cursor: pointer;
    width: 350px;
}

    .oclick:hover {
        text-decoration: underline;
    }

.retusrns {
    width: 650px;
    margin: 80px auto;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    box-sizing: border-box;
}

.pesquisas {
    width: 480px;
    margin: 30px auto;
    margin-top: 8%;
    text-align: center;
}

.psgr {
    padding: 0 10px;
    height: 43px;
    margin: 30px auto;
    background: #fff;
    position: relative;
    border-radius: 5px;
    border: none;
    border-radius: .5rem;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    box-sizing: border-box;
}

    .psgr input {
        background: transparent !important;
        width: 80%;
        padding: 7px;
        top: -5px;
        left: 50px;
        position: absolute;
        border: none;
    }

    .psgr span {
        position: absolute;
        left: 0;
        font-size: 18px;
        padding: 13px;
    }

.iconssac {
    position: relative;
    width: 70px;
    height: 70px;
    background-position: -3px 4px;
    background-repeat: no-repeat;
    background-size: 60px;
    /* padding: 10px; */
    margin: 30px auto;
    background-color: #fff;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
    border: 8px solid #fff;
    border-radius: 50%;
}

.pesquisas h1 {
    font-size: 30px;
}

.retusrns > div {
    padding: 0px;
    position: relative;
    border-bottom: 1px solid #ccc;
}

.miuou {
    position: absolute;
    /* background: red; */
    width: 20px;
    height: 25px;
    right: 15px;
    top: 7px;
    cursor: pointer;
    z-index: 2;
}

    .miuou > i {
        font-size: 25px;
        color: #337ab7;
    }

.retusrns > div:nth-last-child(1) {
    border: none;
}

.menu-efetch-focus {
    right: 0 !important;
}


.requirefocus:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 2px solid transparent;
    animation: animate 1s linear forwards;
}

@keyframes animate {
    0% {
        width: 0;
        height: 0;
        border-top-color: #337ab7;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
    }

    50% {
        width: 100%;
        height: 0;
        border-top-color: #337ab7;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: #337ab7;
    }

    100% {
        width: 100%;
        height: 100%;
        border-top-color: #337ab7;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-right-color: #337ab7;
    }
}

.requirefocus:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background: transparent;
    border: 2px solid transparent;
    animation: animate2 1s linear forwards;
    animation-delay: 1s;
}

@keyframes animate2 {
    0% {
        width: 0;
        height: 0;
        border-top-color: transparent;
        border-bottom-color: transparent;
        border-left-color: #337ab7;
        border-right-color: transparent;
    }

    50% {
        width: 0;
        height: 100%;
        border-top-color: transparent;
        border-bottom-color: #337ab7;
        border-left-color: #337ab7;
        border-right-color: transparent;
    }

    100% {
        width: 100%;
        height: 100%;
        border-top-color: transparent;
        border-bottom-color: #337ab7;
        border-left-color: #337ab7;
        border-right-color: transparent;
    }
}

.opacity_text {
    opacity: 0.0;
    bottom: -1400000px;
}

.chart_progress {
    float: left;
    /* background: red; */
    border: 1px solid #ccc;
    border-radius: 3px;
    min-width: 100%;
    max-width: 100%;
}

.chart_progress_top {
    padding: 6px 10px;
    border-bottom: 1px solid #ccc;
    background: #eee;
}

.chart_progress_line {
    float: left;
    clear: both;
    padding: 5px 10px;
    background: #d8f5cc;
    border: 1px solid #d8f5cc;
    margin: 4px 10px;
    color: #159269;
    font-size: 11px;
    font-weight: 300;
    border-radius: 3px;
    width: calc(100% - 20px);
}

.chart_progress_line_red {
    background: #fccdcd;
    border: 1px solid #fccdcd;
    color: #a71616;
}

.chart_progress_line_red_del {
    background: #ffffff;
    border: 1px solid #fccdcd;
    color: #a71616;
}

.chart_progress_line b span {
    float: right;
    color: #337ab7;
}

.chart_progress_center {
    min-height: 100px;
    overflow: hidden;
    overflow-y: auto;
}

.icon-colunn {
    position: relative;
    width: calc(100% - 64px);
    float: left;
}

    .icon-colunn:not(:nth-child(2)) {
        width: 30px;
        margin-top: 10px;
        height: 22px;
        overflow: hidden;
        background: #ccc;
    }

    .icon-colunn > i {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 15%;
        font-size: 17px;
        cursor: pointer;
    }

    .icon-colunn:not(:nth-child(2)):hover {
        cursor: pointer;
        background: #337ab7;
        color: #fff;
    }

.page-content {
    width: calc(100% + 40px) !important;
    border-right: 20px solid #fff !important;
    margin-left: -20px !important;
    border-left: 10px solid #fff !important;
    height: 100% !important;
    background: #fff !important;
    padding: 20px 0 10px 0 !important;
}

.main_container {
    background: #2a3f54;
    position: absolute;
    height: 100%;
    width: 100%;
}

body .container.body .right_col {
    background: #fff !important;
}

.nav-sm .container.body .right_col {
    margin-left: 80px !important;
}


[data-role=grid] .k-grid-content > table {
    margin-bottom: 40px !important;
}

/*Chantell 4/9 CostCalculationButtonStyling*/
#original_value {
    position: absolute;
    right: 0;
    bottom: 0;
}

/*Junior 13/9 StockTransferStyling*/
#yesbutton, #nobutton {
    width: 48%;
}

/*Junior 14/9 StockTransferStyling*/
#btnPriceFormationPrint {
    width: 160px !important;
}

/*Junior 1/10 ProductTagButtonStyling*/
#consultInventory {
    width: auto !important;
}

/*Junior 20/07/2020 CatalogManagementGrid*/
#CatalogGrid:not(.not-extern-css) {
    height: 400px !important;
    margin-top: 100px;
}


.assistancecheckbox {
    position: absolute !important;
    /* z-index: 12391212; */
    right: -37px !important;
    top: -3px !important;
    width: 43px !important;
    height: 23px !important;
    -webkit-appearance: checkbox !important;
}


.resize-text {
    width: 15%;
}

.info {
    width: 15%;
}

div.TaxInfoTable {
    width: 30%;
}

    div.TaxInfoTable tbody td {
        font-size: 11.5px;
    }

    div.TaxInfoTable tbody tr td:nth-child(1) {
        max-width: 80px !important;
    }

.fix-menu-w {
    position: absolute;
    right: 0;
    background: #172D44;
    height: 100%;
}

.painelupload {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.40);
}

.painell {
    position: absolute;
    width: 350px;
    height: calc(100% - 70px);
    overflow: hidden;
    border-radius: 8px;
    transform: scale(0,0);
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    box-shadow: 0 0 40px rgba(0,0,0,0.40);
}

.oprit {
    opacity: 0;
    width: 100%;
    height: calc(100% - 58px);
    position: absolute;
    top: 58px;
    left: 0;
    z-index: 11;
    background: rgba(0,0,0,0.50);
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.20);
    cursor: pointer;
}

    .oprit i {
        position: absolute;
        font-size: 100px;
        color: #337ab7 !important;
    }

.mascks {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.painell:hover .oprit {
    opacity: 9;
}

.focuspainel {
    transform: scale(1,1);
}

.painell-f {
    width: 500px;
    height: 600px;
}

.painell:before {
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 9;
    background: red;
}

.opaciry-f:before {
    background: transparent;
}

.painelupload iframe {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
    border: none;
}

.div-poppus-cambio {
    position: absolute;
    background: #fff;
    padding: 20px;
    right: 0;
    border-radius: 8px;
    /*width: 456px;*/
    padding-bottom: 35px;
    display: none;
    box-shadow: 0 0 8px rgb(0 0 0 / 40%) !important;
}

.title-bni {
    float: left;
    clear: both;
    width: 100%;
    height: 112px;
}

.divop {
    float: left;
    width: 208px;
    height: auto;
}

.line-cambios > span {
    /* border-bottom: 1px solid #ccc; */
    float: left;
    clear: both;
    width: 100%;
    padding: 5px 0;
    padding-bottom: 9px;
    margin-bottom: 10px;
    font-size: 14px;
}

.title-bni span {
    position: absolute;
    right: 30px;
    font-size: 14px;
}

.nmk .line-cambios {
    margin-left: 10px;
}

.div-poppus-cambio:before {
    content: "";
    position: absolute;
    /* width: 0; */
    /* height: 0; */
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 13px solid #fff;
    top: -10px;
    right: 16px;
    /* z-index: 9; */
}

.line-cambios {
    float: left;
    position: relative;
    width: 195px;
}

.icon-cambio {
    height: 30px !important;
    float: left;
    clear: both;
}

.icon-cambio, .text-cambio {
    float: left;
    padding: 5px;
    font-size: 14px;
}

.money {
    font-size: 18px;
    font-weight: 700;
    background: #E7E7E7;
    width: 100%;
    height: 38px;
    border-radius: 8px;
    padding-left: 10px;
}

.div-poppus-cambio-focus {
    display: block;
    will-change: opacity,transform;
    animation: ub .3s cubic-bezier(.18,.89,.32,1.28);
    -ms-transform-origin: top center;
    transform-origin: top center;
}

@keyframes ub {
    0% {
        transform: scale(.8) perspective(400px) rotateX(70deg);
        opacity: 0;
    }

    100% {
        transform: scale(1) perspective(400px) rotateX(0deg);
    }
}

._lert_body {
    position: absolute;
    width: 100%;
    background: #999ba224;
    height: calc(100% - 200px);
    overflow: hidden;
}

.openRiportHistory {
    font-size: 13px;
    color: #fff;
    float: left;
    margin-left: 60px;
    width: calc(100% - 80px);
    cursor: pointer;
    position: relative;
    padding: 15px 5px;
    overflow: hidden;
}

    .openRiportHistory div.dd {
        font-size: 11px;
        width: 130px;
        height: 100%;
        top: 0px;
        position: absolute;
        right: -125px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

    .openRiportHistory div b {
        position: absolute;
        width: 100%;
    }

    .openRiportHistory > span {
        margin-left: 0px;
        float: left;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

.idon {
    position: absolute;
    width: 80px;
    height: calc(100% - 20px);
    background: #f0ad4e;
    top: 10px;
    left: -100px;
    border-radius: 5px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}

.openRiportHistory:hover > div.dd {
    right: 0px;
}

.openRiportHistory:hover > span {
    margin-left: 85px;
}

.openRiportHistory:hover > .idon {
    left: 5px;
}

    .openRiportHistory:hover > .idon i {
        position: absolute;
        font-size: 15px;
    }

.informStatus {
    position: absolute;
    width: 100%;
    height: 0;
    background: #172D44;
    color: #fff;
    top: 0;
}

    .informStatus div {
        position: relative;
        width: 150px;
        text-align: center;
        font-size: 11px;
        background: #000;
        padding: 10px 6px;
        border-radius: 20px;
        box-shadow: 0 3px 3px rgba(0,0,0,0.90) !important;
        margin: auto;
        margin-top: -70px;
        -moz-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        cursor: pointer;
    }

.mostragridupdate div {
    margin-top: 20px !important;
}

table.error-fileUpload {
    width: 100%;
    border-bottom: 10px solid #eee;
}

    table.error-fileUpload td {
        padding: 5px;
    }

    table.error-fileUpload tr td:nth-child(1) {
        width: 200px;
        font-weight: 700;
        padding-left: 15px;
    }

p.p-error-fileUpload {
    font-size: 12px;
    padding: 10px 15px;
    color: green;
    font-weight: 700;
}


.pop-message, .pop-mask-message {
    position: fixed;
    background: rgba(0,0,0,0.30);
    height: 100%;
    width: 100%;
    top: 0;
}

.pop-mask-message {
    position: absolute;
    background: var(--color-back-tra);
}

.pop-body-message {
    position: relative;
    min-width: 660px;
    padding: 2px;
    padding-top: 0;
    width: 360px;
    margin: 50px auto;
    height: calc(100% - 100px);
    background: #2f3136;
    border-radius: 10px;
    box-shadow: 2px 2px 100px rgba(0,0,0,0.30) !important;
    overflow: hidden;
    color: var(--color-siza-t);
}

.pop-left-message, .pop-right-message {
    position: relative;
    float: left;
    margin-top: 10px;
    height: 100%;
    width: calc(100% - 350px);
    overflow: hidden;
}

.pop-left-message {
    user-select: none;
    width: calc(100% - 20px);
    margin-left: 10px;
    font-size: 13px !important;
    font-family: Verdana, "Helvetica Neue", Roboto, Arial, "Droid Sans", sans-serif !important;
}

.pop-searh-message, .pop-body-dm-message {
    position: absolute;
    width: 100%;
    height: 90px;
    overflow: hidden;
}

.pop-body-dm-message {
    top: 90px;
    height: calc(100% - 120px);
    overflow-y: auto;
}

.pop-right-message {
    display: none;
    width: 100%;
    position: absolute;
    background: #2f3136;
    left: 0;
}

.displayblock {
    display: block;
    will-change: opacity,transform;
    animation: ub1 .3s cubic-bezier(.18,.89,.32,1.28);
    -ms-transform-origin: top center;
    transform-origin: top center;
}

@keyframes ub1 {
    0% {
        top: 100px;
    }

    100% {
        top: 0px;
    }
}

.pop-top-message, .pop-center-message {
    position: absolute;
    width: 100%;
    height: 95px;
    overflow: hidden;
}

.pop-center-message {
    top: 90px;
    height: calc(100% - 100px);
    overflow-y: auto;
}

.pop-inputs-message {
    position: relative;
    background: #282b31;
    border: 1px solid #222429;
    margin: 10px;
    border-radius: 5px;
    width: calc(100% - 20px);
    height: 35px;
}

    .pop-inputs-message input {
        width: 100%;
        height: 100%;
        position: absolute;
        border: none;
        outline: none;
        margin: 0 !important;
        background: transparent !important;
    }

    .pop-inputs-message i {
        font-size: 20px;
        color: #1da1f2;
        float: right;
        margin: 5px 8px;
        cursor: pointer;
    }

.pop-list-sms {
    position: relative;
    float: left;
    width: calc(100% - 15px);
    padding: 15px;
    cursor: pointer;
    background: #36393f;
    margin-left: 7px;
    border-radius: 5px;
    clear: both;
    float: left;
    color: #8e9297;
    margin-bottom: 10px;
}

.lis-psd > b, .lis-psd span {
    float: left;
    width: 100%;
    margin-bottom: 1px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
}


    .lis-psd span > b > b {
        padding-left: 5px;
    }

.pop-list-sms:not(.novasmslist) {
    opacity: .5;
}

.lis-psd {
    float: left;
    width: 100%;
}

.orgdata {
    position: absolute;
    right: 15px;
    font-weight: 700;
    font-size: 11px;
    color: #000;
    display: none;
}

.lis-psd b {
    color: #fff;
}

.pop-top1-message {
    float: left;
    width: 100%;
    padding: 0px 10px;
}

    .pop-top1-message span {
        float: left;
        margin-right: 10px;
        position: relative;
        cursor: pointer;
        padding: 5px;
    }

        .pop-top1-message span.focus {
            color: #1da1f2;
        }

.foo-users {
    width: 70px;
    height: 70px;
    background: #fff;
    /* border: 1px solid rgb(214, 230, 236); */
    float: left;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 10px;
    margin-left: 20px;
}

.foo-users-dest {
    margin-left: 10px;
    float: left;
    padding-top: 14px;
    width: calc(100% - 150px);
    height: 80px;
    overflow: hidden;
}


    .foo-users-dest span {
        clear: both;
        float: left;
        padding: 0px 15px;
    }

        .foo-users-dest span:nth-child(1) {
            font-size: 11px;
            color: #fff;
            font-weight: 700;
        }

        .foo-users-dest span:nth-child(2) {
            font-weight: 700;
        }

.foo-users-icosn {
    float: left;
    font-size: 18px;
    margin: 10px 15px;
    cursor: pointer;
    color: #c6d5de;
}

    .foo-users-icosn:hover {
        color: #1da1f2;
    }

.pop-mdsh {
    padding: 20px;
    width: calc(100% - 25px);
    height: calc(100% - 12px);
    background: #282b31;
    border-radius: 8px;
    margin-left: 10px;
}

.nn-mm {
    position: absolute;
    border-radius: 3px;
    top: 6px;
    right: 20px;
    color: #E7E7E7;
    font-size: 50px;
    /* padding: 0 8px; */
    /* font-weight: 700; */
    /* text-shadow: 6px 4px 2px #000; */
}


.focusMensagesn {
    cursor: pointer;
}

    .focusMensagesn .nn-mm {
        position: absolute;
        display: none;
    }

.removeimages {
    background-color: red;
    animation: myfirst3 2.4s infinite;
    -moz-animation: myfirst3 2.4s infinite; /* Firefox */
    -webkit-animation: myfirst3 2.4s infinite; /* Safari and Chrome */
}

.addimages {
    background-color: green;
    animation: myfirst4 2.4s infinite;
    -moz-animation: myfirst4 2.4s infinite; /* Firefox */
    -webkit-animation: myfirst4 2.4s infinite; /* Safari and Chrome */
}

.focusanimate i {
    animation: myfirst1 2.4s infinite;
    -moz-animation: myfirst1 2.4s infinite; /* Firefox */
    -webkit-animation: myfirst1 2.4s infinite; /* Safari and Chrome */
}

.focusanimate .nn-mm {
    display: block;
}

@-webkit-keyframes myfirst1 {
    0% {
        color: #f0ad4e;
    }

    100% {
        color: rgba(253, 247, 247, 0.29);
    }
}

@-webkit-keyframes myfirst3 {
    0% {
        background-color: red;
    }

    100% {
        background-color: #2f3136;
    }
}

@-webkit-keyframes myfirst4 {
    0% {
        background-color: green;
    }

    100% {
        background-color: #2f3136;
    }
}

.popup-notification {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.80);
    z-index: 9;
}

.mask-popup {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: transparent;
}

.container-popup {
    position: relative;
    min-width: 400px;
    padding: 15px;
    width: 50%;
    margin: 50px auto;
    height: calc(100% - 100px);
    background: #2f3136;
    border-radius: 10px;
    box-shadow: 2px 2px 100px rgba(0,0,0,0.30) !important;
    overflow: hidden;
    overflow-y: auto;
}

.popupcaixa > .bodyPop {
    display: none;
    position: relative;
    min-width: 500px;
    padding: 2px;
    padding-top: 0;
    width: 500px;
    padding: 20px;
    margin: 5% auto;
    background: #2f3136;
    border-radius: 10px;
    overflow: hidden;
    color: var(--color-siza-t);
}


.displayblock1 {
    display: block !important;
    will-change: opacity,transform;
    animation: ub12 .5s;
    -ms-transform-origin: top center;
    transform-origin: top center;
}

@keyframes ub12 {
    0% {
        margin: 0 auto;
    }

    100% {
        margin: 5% auto;
    }
}

.row-cx-contt, .row-cx {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
}

.row-cx-input {
    margin-bottom: 10px;
    height: 48px;
    background: #282b31;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #222429;
}

    .row-cx-input > div {
        float: left;
    }

        .row-cx-input > div:nth-child(1) {
            padding: 8px;
            margin: 6px;
            color: #fff;
            border-radius: 5px;
            font-weight: 700;
        }

        .row-cx-input > div:nth-child(2) {
            float: right;
            margin-right: 10px;
        }

        .row-cx-input > div input {
            width: 200px;
            float: right;
            outline: none;
            border: none !important;
            background: transparent !important;
            font-size: 18px;
        }

.cx-not {
    background: #25272e;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

.row-cx-contt > div:nth-child(1) {
    background: #1da1f2;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-weight: 700;
}

.buttos {
    padding: 10px 0;
}

.mm-error {
    padding: 10px 15px;
}

.n-input #separation-newlocal,
.n-input #separation-collectresponsable,
.n-input #readytodeliver-operator,
.n-input input#auxRevokeReason,
.n-input #inputconference-newlocal,
.n-input #inputconference-operator,
.n-input #conference-operator,
.n-input #conference-newlocal,
.n-input #conference-gotolocal {
    border: 2px solid transparent;
    height: 40px;
    width: 100%;
    color: #fff;
    border-radius: 5px;
    background: #282b31 !important;
}

    .n-input #conference-operator:focus,
    .n-input #conference-newlocal:focus,
    .n-input #conference-operator:active,
    .n-input #conference-newlocal:active,
    .n-input #separation-newlocal:focus,
    .n-input #separation-collectresponsable:focus,
    .n-input #separation-newlocal:active,
    .n-input #separation-collectresponsable:active,
    .n-input #readytodeliver-operator:focus,
    .n-input input#auxRevokeReason:focus,
    .n-input #conference-gotolocal:focus,
    .n-input #inputconference-operator:focus,
    .n-input #inputconference-newlocal:focus,
    .n-input input#auxRevokeReason:active,
    .n-input #inputconference-newlocal:active,
    .n-input #inputconference-operator:active,
    .n-input #readytodeliver-operatoractive:active,
    .n-input #conference-gotolocal:active {
        border-color: #1da1f2;
    }

.n-input input::placeholder {
    color: #fff;
}

.bpart {
    border-radius: 5px;
    background: #36393f;
    color: #8e9297;
    margin-bottom: 10px;
    overflow: hidden;
}

    .bpart > div:nth-child(1) {
        cursor: pointer;
        float: left;
        padding: 20px;
        color: #fff;
        width: 100%;
        transition: all .3s ease-in-out;
    }

        .bpart > div:nth-child(1):hover, .opens > div:nth-child(1) {
            background: #1da1f2;
        }

.opens {
    border: 2px solid #1da1f2;
}


.bpart > div:nth-child(6) {
    float: left;
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    background: #26282d;
    display: none;
}

.bpart > div:nth-child(6) .gk-input:nth-child(1),
.bpart > div:nth-child(6) .gk-input:nth-child(2),
.bpart > div:nth-child(6) .gk-input:nth-child(3){
    width:100%;
    display: flex;
}

.bpart > div:nth-child(6) .gk-input:nth-child(1) > div:nth-child(2),
.bpart > div:nth-child(6) .gk-input:nth-child(2) > div:nth-child(2),
.bpart > div:nth-child(6) .gk-input:nth-child(3) > div:nth-child(2){
    flex:1;
}

.bpart > div:nth-child(6) .gk-input:nth-child(1) > div:nth-child(2) input,
.bpart > div:nth-child(6) .gk-input:nth-child(2) > div:nth-child(2) input,
.bpart > div:nth-child(6) .gk-input:nth-child(3) > div:nth-child(2) input{
   width:100%;
}

.bpart > div:nth-child(6) input {
    float: left;
    clear: both;
    min-width: 50px;
    border: none;
    background: transparent !important;
    padding: 5px 10px !important;
    border-radius: 5px;
}

.plopen {
    background: #26282d;
    padding: 10px 20px;
    float: left;
    clear: both;
    width: 100%;
    display: none;
}

    span.labels, .plopen span {
        float: left;
        clear: both;
        background: #2f3136;
        width: 100%;
        padding: 20px;
        border-radius: 5px;
        color: #fff;
        margin-top: 10px;
        transition: all .3s ease-in-out;
    }

        .plopen span i {
            padding-right: 20px;
            font-size: 18px;
        }

.groupdp {
    display: none;
    float: left;
    clear: both;
    background: #2f3136;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0;
}

.labels:hover, .plopen span:hover {
    cursor: pointer;
    background: #2d2f33;
}

.gk-input {
    float: left;
    position: relative;
    margin-right: 20px;
}

    .gk-input > div:nth-child(1) {
        max-width: 200px;
        white-space: nowrap;
        text-overflow: ellipsis;
        margin-right: 5px;
        overflow: hidden;
    }

        .gk-input > div:nth-child(1) span {
            max-width: 100%;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .gk-input > div {
        position: relative;
        float: left;
    }

        .gk-input > div > span:not(.k-widget) {
            color: #fff;
            float: left;
            padding: 15px 0;
            padding-right: 5px;
        }

span.gk-input-edit {
    opacity: 0;
    top: 5px;
    background: #2f3136;
    padding: 10px 14px !important;
    position: absolute;
    right: -50px;
    border-radius: 5px;
    transition: all .2s ease-in-out;
}

.gk-input-d:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
}

.bpart > div:nth-child(6) .opendata input {
    transition: all .3s ease-in-out;
}

    .bpart > div:nth-child(6) .opendata input:hover,
    .bpart > div:nth-child(6) .opendata input:focus,
    .bpart > div:nth-child(6) .opendata input:active {
        background: #1a1a1c !important;
    }

.opendata:before {
    display: none;
}

span.gk-input-edit:hover {
    background: #1da1f2;
    cursor: pointer;
}

.gk-input:hover span.gk-input-edit {
    opacity: 9;
}

.opendata span.gk-input-edit {
    background: green !important;
}


.opens > div:nth-child(6), .groupdpf .groupdp, .opens .plopen {
    display: block !important;
    will-change: opacity,transform;
    animation: ubss .3s cubic-bezier(.18,.89,.32,1.28);
    -ms-transform-origin: top center;
    transform-origin: top center;
}

.clsadd input {
    display: none;
}

.clsadd button#nhm {
    position: relative;
    width: 30px !important;
    margin-left: 10px;
    margin-top: 14px;
    cursor: pointer;
    color: #1da1f2;
    background: #000;
    border: 2px solid transparent;
    border-radius: 2px;
    box-shadow: 0 0 5px rgba(0,0,0,0.90) !important;
}


.clsadd-painel {
    display: none;
    position: absolute;
    width: 450px;
    height: 130px;
    background: #000;
    bottom: 20px;
    left: -10px;
    border-radius: 5px;
    padding: 20px;
    border: 2px solid #1da1f2;
}

    .clsadd-painel > div {
        float: left;
        position: relative;
        width: calc(33% - 6px);
        height: 100%;
        background: #000;
        border-radius: 5px;
        overflow: hidden;
        border: 2px solid transparent;
    }

        .clsadd-painel > div:nth-child(1):before,
        .clsadd-painel > div:nth-child(2):before,
        .clsadd-painel > div:nth-child(3):before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: url(../Content/images/pos1.png);
            background-position: center;
            background-size: 90%;
            background-repeat: no-repeat;
            top: 0;
            left: 0;
            transition: all 0.2s ease-out;
            -moz-transition: all 0.2s ease-out;
            -webkit-transition: all 0.2s ease-out;
            -o-transition: all 0.2s ease-out;
        }

        .clsadd-painel > div:nth-child(2):before {
            background-image: url(../Content/images/pos2.png);
        }

        .clsadd-painel > div:nth-child(3):before {
            background-image: url(../Content/images/pos3.png);
        }




        .clsadd-painel > div:hover:before {
            background-size: 100% !important;
        }

.greens {
    border: 2px solid green !important;
}

    .greens:before {
        background-size: 100% !important;
    }

.clsadd-painel > div:not(:nth-child(1)) {
    margin-left: 10px;
}

.clsadd button#nhm:hover {
    border: 2px solid #1da1f2;
}

    .clsadd button#nhm:hover .clsadd-painel {
        display: block;
    }

.clsadd-painel:before {
    content: "";
    position: absolute;
    width: 26px;
    height: 10px;
    bottom: -4px;
    left: 7.8px;
    background: #000;
}

.slaltre {
    float: right;
    clear: both;
    margin: 25px;
    margin-top: 0;
}

button#sv-updates {
    width: auto !important;
    padding: 8px 15px !important;
    cursor: pointer;
    background: #1da1f2 !important;
    border: none;
    border-radius: 4px !important;
}

@keyframes ubss {
    0% {
        transform: scale(.8) perspective(400px) rotateX(70deg);
        opacity: 0;
    }

    100% {
        transform: scale(1) perspective(400px) rotateX(0deg);
    }
}

.maskpoc {
    position: absolute;
    width: 100%;
    min-height: 2350px;
    top: 0;
    left: 0;
}

/** editor de imagens */
.editor-row, .editor-bod, .editor-slide, .editor-colunm label {
    float: left;
    clear: both;
    width: 100%;
    height: auto;
}

.editor-bod {
    width: calc(100% - 40px);
    margin-left: 20px;
    background: #2f3136;
    position: relative;
    min-height: 45px;
    margin-top: 10px;
    border-radius: 5px;
    padding: 20px;
}



.bpart .editor-row {
    display: none;
}

.opens .editor-row {
    background: #26282d;
}

.opens1 .editor-row {
    display: block;
    width: calc(100% / 3);
    clear: inherit;
}

.col-labbel {
    clear: both;
    float: left;
    padding-top: 10px;
    padding-left: 20px;
    color: #fff;
}

.editor-bod .editor-colunm {
    float: left;
    width: 100%;
    max-height: 190px;
    min-height: 80px;
}

    .editor-bod .editor-colunm:nth-child(1) {
        overflow: hidden;
        display: flex;
        justify-content: center;
        height: 150px;
        align-items: center;
    }

        .editor-bod .editor-colunm:nth-child(1) i {
            position: absolute;
            padding: 15px;
            font-size: 20px;
            background: rgba(0,0,0,0.20);
            border-radius: 5px;
            color: #fff;
            cursor: pointer;
            opacity: 0;
            transition: all 0.6s ease-out;
            -moz-transition: all 0.6s ease-out;
            -webkit-transition: all 0.6s ease-out;
            -o-transition: all 0.6s ease-out;
        }

        .editor-bod .editor-colunm:nth-child(1):hover i {
            z-index: 3;
            opacity: 9;
            background: rgba(0,0,0,0.90);
        }

    .editor-bod .editor-colunm:nth-child(2) {
        padding: 0;
    }

.editor-colunm img {
    position: relative;
    z-index: 2;
    background-color: #2f3136;
}

.editor-slide > div {
    float: left;
    clear: both;
    width: 100%;
    height: 4px;
    background: blue;
    position: relative;
    border-radius: 4px;
}

.editor-slide {
    margin-bottom: 20px;
}

input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    background: transparent !important;
}

    input[type=range]:focus {
        outline: none;
    }

    input[type=range]::-webkit-slider-runnable-track {
        width: 100%;
        height: 4px;
        cursor: pointer;
        background: #757677;
        border-radius: 3px;
    }

    input[type=range]::-webkit-slider-thumb {
        height: 13px;
        width: 13px;
        border-radius: 7px;
        background: #1da1f2;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -5.5px;
    }

    input[type=range]:focus::-webkit-slider-thumb {
        background: #1da1f2;
        border: 2px solid #fff;
    }

.gk-input-d .sDrop {
    margin-top: 9px;
    margin-left: 10px;
}


.sDrop {
    position: relative;
    width: auto;
    height: auto;
    min-width: 100px;
    background: #000;
    border-radius: 3px;
}

.sDrop-label {
    padding: 5px 10px;
    float: left;
    clear: both;
    width: auto;
    color: #fff;
    min-width: 100%;
}

    .sDrop-label i {
        float: right;
        padding: 2px 5px;
        padding-left: 10px;
        font-size: 16px;
    }

.sDrop-center {
    position: absolute;
}

.fcusl {
    background-color: yellow;
}

.sDrop-center {
    display: none;
    position: absolute;
    width: 100%;
    background: blue;
    top: calc(100% + 5px);
    z-index: 9;
    border-radius: 3px;
    overflow: hidden;
}

.sDropFcos {
    display: block !important;
    will-change: opacity,transform;
    animation: ubss .3s cubic-bezier(.18,.89,.32,1.28);
    -ms-transform-origin: top center;
    transform-origin: top center;
}


.sDrop-center ul {
    padding-inline-start: 0px;
}

    .sDrop-center ul li {
        float: left;
        clear: both;
        padding: 5px 10px;
        min-width: 100%;
        background: #000;
        border-bottom: 1px solid rgba(255,255,255,0.20);
        color: #fff;
        cursor: pointer;
    }

        .sDrop-center ul li:hover {
            background: #1da1f2 !important;
        }


        .sDrop-center ul li:nth-last-child(1) {
            border: none;
        }

/** popupimport excel */
.doc-popuprip {
    position: fixed;
    /*  background: var(--color-back-tra);*/
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

    .doc-popuprip .di-masks {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: transparent !important;
    }

    .doc-popuprip .db-center {
        position: absolute;
        min-width: 300px;
        min-height: 50px;
        background: #2f3136;
        box-shadow: 0px 35px 54px rgb(0 0 0 / 30%) !important;
        border-radius: 5px;
    }

.dljmk {
    float: left;
    clear: both;
    width: 250px;
    margin: 20px;
    border: 2px dashed #26B99A;
    position: relative;
    text-align: center;
    color: #fff;
    user-select: none;
    cursor: pointer;
}

button.dljdow {
    clear: both;
    float: left;
    margin: 0 20px;
    padding: 5px;
    min-width: 250px !important;
    margin-bottom: 20px;
    background: #26B99A;
    border: none;
    border-radius: 4px;
    color: #fff;
}

.dljmk b {
    float: left;
    clear: both;
    width: 100%;
    padding: 20px 0;
}

.x_content1 {
    position: fixed;
    height: calc(100% - 190px);
}

    .x_content1 div#tabs,
    .x_content1 .gridPadding,
    .x_content1 .tab-pane,
    .x_content1 [data-role=grid] {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .x_content1 .k-grid-content {
        position: relative;
        height: calc(100% - 80px) !important;
    }

    .x_content1 #UnitGroupGrid .k-grid-content {
        height: calc(100% - 110px) !important;
    }

.Delivery-class {
    position: absolute;
    right: 32px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
}

    .Delivery-class .cl {
        float: left;
        padding: 8px 20px;
    }

.popTheme {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-back-tra);
}

    .popTheme .pothem {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }

.them-center {
    border-radius: 5px;
    position: absolute;
    width: 450px;
    height: 180px;
    background: #2f3136;
    right: 20px;
    top: 40px;
    box-shadow: 0px 35px 54px rgb(0 0 0 / 30%) !important;
}

.mthrm {
    float: left;
    width: calc(33% - 40px);
    height: 80px;
    margin-left: 30px;
    border: 3px solid #fff;
    position: relative;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.mthrm-focus {
    border-color: #399BFF !important;
}

.mthrm:hover {
    border-color: #ccc !important;
}




.them-center h1 {
    padding: 5px 25px;
    padding-bottom: 15px;
    font-size: 20px;
    color: #fff;
}


.t1t > div:nth-child(3),
.t1t > div:nth-child(1) {
    background: #000 !important;
}

.t1t {
    background-image: url(images/Theme/tema2.png);
    background-color: #683917 !important;
}

.t2t > div:nth-child(3),
.t2t > div:nth-child(1) {
    background-color: #172D44 !important;
}

.t2t {
    background-image: url(images/Theme/tema3.png);
    background-color: #2a3f54 !important;
}

.t3t > div:nth-child(3),
.t3t > div:nth-child(1) {
    background: #ccc !important;
}

.t3t {
    background: #f8f8f8 !important;
}

.nav-md .nav.side-menu li a > span.fa-star-o,
.nav-md .nav.side-menu li a > span.fa-star {
    position: absolute;
    right: 11px;
    top: 8px;
}

.fk-white {
    color: #fff;
}

/** progress store Procedure */

.progressProcedure {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 2px;
    overflow: hidden;
    background: #282b31;
    opacity: 0;
}

    .progressProcedure > div {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        min-width: 40px;
        overflow: hidden;
        background: green;
        -webkit-transition: all 3s ease-in-out;
        -moz-transition: all 3s ease-in-out;
        -o-transition: all 3s ease-in-out;
        transition: all 3s ease-in-out;
    }

        .progressProcedure > div > div {
            position: absolute;
            width: 40px;
            height: 100%;
            background: green;
            right: 0px;
            top: 0;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .progressProcedure > div::before, .progress #IntegrationProgressBar::before {
            background: linear-gradient(to right, rgb(255 255 255 / 21%) 0%, rgb(246 246 246 / 15%) 47%, rgb(237 237 237 / 8%) 100%);
        }

.butto-footer {
    width: 100%;
    float: left;
    clear: both;
    margin-top: 35px;
}

.progress-ani {
    position: absolute;
    clear: both;
    width: 100%;
    height: 25px;
    bottom: 0;
    left: 0;
    margin-top: 15px;
}

.tblOpenDialog td input[type=checkbox] {
    height: 20px !important;
    width: 20px !important;
    margin-top: 4px !important;
}

#DepositListGrid .k-select {
    margin-top: 3px !important;
}

#DepositListGrid #Date {
    margin-top: 5px !important;
}

.filter-optios {
    position: absolute;
    width: 25px;
    height: 100%;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

    .filter-optios:hover {
        color: #337ab7;
    }

    .filter-optios i {
        background: #e3e5f1;
    }

.filter-openv {
    position: absolute;
    background: #d9d9d9;
    z-index: 9;
    border: 1px solid #ccc;
}

    .filter-openv .filter-list {
        padding: 10px 10px;
        min-width: 80px;
        cursor: pointer;
        position: relative;
        padding-right: 50px;
    }


.filter-list input {
    right: 5px;
    position: absolute;
    top: 5px;
    margin-top: 5px !important;
    width: 20px;
    height: 20px;
}

.filter-openv .filter-list:hover {
    background-color: #e3e5f1 !important;
}

.results-filtros {
    float: left;
    padding: 1px 0;
    height: 22px;
    background: #eee;
}

    .results-filtros span {
        padding: 0 15px;
    }

.tdfilter {
    position: relative;
}

.mask-text {
    position: absolute;
    background: #e3e5f1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 5px 10px;
}

.filter-table {
    position: relative;
    height: 35px;
    background: #f8f8f8;
    width: 100%;
    overflow: hidden;
    border-radius: 5px 5px 0px 0px;
}

    .filter-table > div {
        position: absolute;
        top: 4px;
        right: 5px;
        width: auto;
        height: 28px;
        background: #5f6368 !important;
        display: flex;
        align-items: center;
        border-radius: 5px;
        overflow: hidden;
        border: 1px solid #eee;
    }

        .filter-table > div > * {
            float: left;
        }

        .filter-table > div i.fa-search {
            background: #337ab7;
            color: #fff;
            font-size: 16px;
            height: 100%;
            padding: 0px 8px;
            display: flex;
            align-items: center;
        }

.rsoult {
    background: #fff;
    height: 100%;
    display: flex;
    align-items: center;
}

    .rsoult span {
        padding: 0 10px;
    }


.removele {
    position: absolute;
    right: 40px;
    padding: 0 5px;
    height: 100%;
    display: flex;
    align-items: center;
}

.filter-table input {
    height: 100%;
    padding: 0 !important;
    border: none;
    margin-top: 0px !important;
    padding-left: 10px !important;
    background: transparent !important;
}

.bt-ext-marge {
    float: right !important;
    margin-top: 13px !important;
}

.w-stra-200 {
    width: 200px;
}

.w-stra-400 {
    width: 400px;
}

.w-stra-300 {
    width: 300px;
}

.w-stra-100 {
    width: 150px;
}

.w-stra-250 {
    width: 250px;
}


.ajust-marge {
    margin-left: 0px !important;
}


.margin-ledt-16px {
    margin-left: 16px;
}

.div-scroll-paren {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    overflow-y: scroll;
    border: 1px solid #000;
    border-top: none;
}

    .div-scroll-paren tr td {
        border: none !important;
        border-bottom: 1px solid #000 !important;
        border-left: 1px solid #000 !important;
    }

    .div-scroll-paren tr:nth-child(1) td {
        border-top: 1px solid #000 !important;
    }

    .div-scroll-paren tr td:nth-child(1) {
        border-left: none !important;
    }

.btnProd {
    width: auto !important;
    position: absolute;
    right: 20px;
}

.crossbuton {
    float: right !important;
    margin-top: 13px !important;
}

.groupStyleLocal {
    width: 225px !important;
    padding-top: 20px !important;
}

table.tdStyle {
    width: 100%;
    font-size: 11px;
    border: 1px solid #ffffff36;
    --border: 1px solid #ffffff36;
}

    table.tdStyle tr td {
        padding: 2px 4px;
    }

        table.tdStyle tr td:not(:nth-child(1)) {
            border-left: var(--border);
        }

    table.tdStyle tr:nth-child(1) {
        background: #337ab7;
    }

    table.tdStyle tr {
        border-top: var(--border);
    }

li#list-menu span {
    position: absolute;
    right: 10px;
    padding: 5px 10px;
    cursor: pointer;
}

.dvik {
    position: absolute;
    width: 40px;
    height: 100%;
    background: transparent;
    z-index: 2;
    top: 0;
    left: 0;
}

[role=menuitemcheckbox] {
    position: relative;
}

.count-area-template {
    position: absolute;
    width: 160px;
    margin-top: -25px;
    height: 20px;
    right: 0;
}

    .count-area-template > div {
        position: relative;
        width: 100%;
        height: 100%;
    }

        .count-area-template > div > div {
            float: left;
            width: 50%;
            font-size: 11px;
        }
/*Chantell Neto - Reconcile button hidden*/
.btn-reconcile-style {
    display: none
}

.footer-right .width-columns {
    width: 500px !important;
    margin-right: 10px;
}

    .footer-right .width-columns:nth-child(1) {
        width: calc(100% - 1050px) !important;
    }

.width-columns .col-md-12 .group > div {
    width: 50% !important;
}

.pagaforn #DocumentDate {
    margin-top: -3px !important;
}

.pagaforn .k-i-calendar {
    margin-top: -20px !important;
}

.addicon {
    position: relative !important;
}

.addiconfocus > div:not(.k-widget) {
    width: calc(100% - 36px);
}

.addiconc.addiconfocus > div:not(.k-widget) {
    width: calc(100% - 30px);
}

.addicon > div#addicon {
    width: 31px !important;
    position: absolute;
    right: 19px;
    top: 10px;
    height: 23px;
    background: #ccc;
    display: none;
}

.addiconc > div#addicon {
    right: 0;
}

.addiconfocus div#addicon {
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-cell {
    position: relative;
    width: 100%;
    border-radius: 10px;
    height: 40px;
}

    .input-cell > input {
        position: absolute;
        top: 0 !important;
        left: 0;
        height: 100%;
        width: 100%;
        border: none;
    }

.extracontas-popup .bodyPop {
    width: 70% !important;
    height: 80% !important;
}

    .extracontas-popup .bodyPop .BorSert2 {
        position: absolute;
        height: 100%;
        max-height: calc(100% - 114px);
    }

        .extracontas-popup .bodyPop .BorSert2 .k-grid-content {
            position: absolute;
            height: calc(100% - 90px) !important;
        }

        .extracontas-popup .bodyPop .BorSert2 #div-grid {
            position: absolute;
            width: calc(100% - 30px);
            left: 15px;
            height: calc(100% - 10px) !important;
        }

    .extracontas-popup .bodyPop .BorSertFooter {
        position: absolute;
        bottom: 0;
        left: 30px;
    }

.imput {
    height: 32px;
    border-radius: 2px;
    background-color: #3e4045;
}

.espaco {
    margin-top: 15px;
}

.esconder-mostrar {
    display: none;
}

button[open] {
    float: right;
    background: transparent;
    width: 24px !important;
    border: none;
}

.totalcontainer {
    float: left;
    margin-top: 5px !important;
    border: none;
    width: 300px;
    margin-left: 10px;
    height: 20px;
    background: #296293 !important;
    z-index: 7;
    padding-left: 10px;
    position: relative;
    border-radius: 5px;
    color: #000;
}

.contract-text {
    margin-top: 8px;
}

.contract-text textarea {
    height: 90px;
}

.label-inativeActive {
    position: absolute;
    left: 300px;
    top: 5px;
    height: 20px;
    font-size: 13px;
    padding-right: 10px;
    background: #296293;
    border-radius: 0 5px 5px 0;
    display: flex;
    align-items: center;
}

    .label-inativeActive b {
        margin-left: 16px;
        padding: 2px;
        padding-left: 4px;
    }


.center-foto {
    position: relative;
    width: 100%;
    height: 100px;
    display: flex;
}

    .center-foto .fotoContainer {
        position: absolute;
        width: 80px;
        height: 80px;
        border-radius: 100%;
        margin-left: 20px;
        overflow: hidden;
    }

        .center-foto .fotoContainer > img {
            position: absolute;
            width: 100%;
        }

.mask-file {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0;
    background: rgba(0,0,0,0.60);
    opacity: 0;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    .mask-file span {
        font-size: 20px;
        text-shadow: 1px 1px 2px #000;
    }

        .mask-file span:nth-child(2) {
            margin-left: 10px;
            color: red;
        }

.center-foto .fotoContainer:hover .mask-file {
    opacity: 9;
}

.limpfotos {
    position: relative;
    margin-top: -130px;
    float: left;
    z-index: 3;
    width: 100%;
    height: 30px;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
    display: none;
}

    .limpfotos button {
        position: absolute;
        width: 100% !important;
        height: 100%;
        border: none;
        top: 0;
        left: 0;
        color: #fff;
    }

.cpfotos:hover .limpfotos {
    display: block;
}

.formularios[style^=opacity] {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.totalcontainer::placeholder {
    color: #444 !important;
}

.totalcontainer::-ms-input-placeholder {
    color: #444 !important;
}

.costcenterlabel {
    color: #337ab7;
}

.responseData {
    position: relative;
    width: 100%;
    height: 235px;
    clear: both;
    display: none;
}

.painelss {
    float: left;
    width: 260px;
    height: 100%;
    position: relative;
}

    .painelss:nth-child(2) {
        width: calc(100% - 260px);
        overflow: hidden;
        overflow-y: auto;
    }

.BorSert3 {
    max-height: 1000px !important;
}

.maxwidfg {
    margin: 4% auto;
    min-width: 570px !important;
}

.apendimage img {
    height: 100%;
    border-radius: 10px;
}

.textssdata > div {
    float: left;
    clear: both;
    width: calc(100% - 10px);
    padding-bottom: 4px;
    margin-bottom: 4px;
    border-bottom: 1px solid #222429;
}

.showcompare {
    display: none;
}


.textssdata > div:nth-last-child(1) {
    border: none;
}

.terts {
    color: #8e9297;
}

.painelss:nth-child(2)::-webkit-scrollbar {
    width: 4px;
    background: red;
}

.painelss:nth-child(2)::-webkit-scrollbar-thumb {
    background: #131313;
}

.painelss:nth-child(2)::-webkit-scrollbar-track {
    background: #282b31;
}

.popupcaixa {
    overflow: auto !important;
}

.designCards {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 10px;
    border-radius: 10px;
    background: #282b31;
}

.roetops {
    height: 50px;
    padding: 0 20px;
    font-size: 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 10px;
    background: #23252a;
}

    .roetops i {
        position: absolute;
        right: 40px;
    }

.roecenters {
    height: auto;
    border-radius: 0 0 10px 10px;
    padding-bottom: 20px;
    display: none;
}

.noQrcode {
    height: auto !important;
}

    .noQrcode .painelss {
        width: 0;
    }

        .noQrcode .painelss:nth-child(2) {
            width: 100%;
        }

.roetops b {
    background: #fe0000;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 10px;
    border-radius: 100%;
}

    .roetops b[status=true] {
        background: #1ABB9C;
    }

.tituls {
    position: relative;
    padding: 10px 20px;
    margin-bottom: 10px;
}

.rols {
    position: relative;
    padding: 0 5px;
    /* margin-bottom: 10px; */
    width: calc(100% - 40px);
    margin-left: 15px;
    background: #fff;
    color: #000;
    cursor: pointer;
    /* border-radius: 5px; */
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.roecenters .rols:nth-child(2) {
    background: #1da1f2;
    color: #fff;
}

span.slsd {
    position: absolute;
    right: 70px;
    background: #1da1f2;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 14px;
}

#SaldosBalanceteRazao {
    width: calc(100% - 36px);
    right: 0;
}

#PayMethodCard {
    display: none;
    right: 16px;
}

.grouplos .group {
    width: calc(100% - 25px) !important;
}

.rols > div.std {
    float: left;
    width: calc(28% - 45px);
    border-left: 1px solid #ccc;
    padding: 0 5px;
}

    .rols > div.std:nth-child(1) {
        border: none;
        width: 90px;
    }

    .rols > div.std:nth-child(3),
    .rols > div.std:nth-child(4),
    .rols > div.std:nth-child(5) {
        text-align: right;
    }

input#documentonumeber {
    position: relative;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    background: transparent !important;
    border: 1px solid #ccc;
}


@media screen and (max-width: 1600px) {
    .hidenremove {
        width: 5%;
    }

    .groupspamds {
        width: 33%;
    }
}

.slt-textarea #auxLostTo {
    width: 100%;
    max-width: 100% !important;
    margin-top: 15px !important;
    padding: 5px !important;
    border-radius: 5px;
}

.slt-textarea #auxLostReason {
    padding: 20px 10px !important;
}

[for=auxLostReason] {
    margin: 10px !important;
}

.cbn-buttom {
    position: absolute;
    right: 0;
    width: calc(100% - 300px) !important;
}

button.downloads {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    font-size: 18px;
    border: none !important;
    cursor: pointer;
    background: transparent !important;
    color: #337ab7;
}

    button.downloads:hover {
        color: #2e6da4;
    }


.colorWhite .BorSertFooter {
    position: relative !important;
    bottom: 0 !important;
    width: 100% !important;
}

.iconfocus {
    position: absolute;
    right: 0;
    height: 100%;
    width: 30px;
    background: #337ab7;
    top: 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

[data-container-for=COACode] .k-i-close {
    right: 15px !important;
}

#AccountPlanGrid th input {
    background: #fff !important;
    border: 1px solid #ccc !important;
    color: #000 !important;
}

#AccountPlanGrid th button {
    display: none !important;
}

.errorDataPiker:before,
.errors:before {
    position: absolute;
    content: "";
    border: 1px solid red;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    top: 0;
    left: 0;
    border-radius: 8px;
}

.errorDataPiker:before {
    border-radius: 0;
    border: 1px solid red;
    width: 100%;
    height: 100%
}

[class~=col] .k-tooltip-validation,
[class^=col] .k-tooltip-validation {
    margin-top: 10px;
}

.errorDataPiker [data-role^=date] {
    margin-top: -3px !important;
}

.errorDataPiker .k-tooltip-validation {
    margin-top: 20px;
}

.comment-localizaction {
    padding-top: 4px;
    padding-left: 2px;
}

.saveButton {
    padding-left: 30px;
}

input:read-only,
textarea:read-only,
.group > .k-widget.k-header:has(input:read-only) {
    background-color: #f2f3f7 !important;
    opacity: 90%;
}

    input:read-only ~ label,
    textarea:read-only ~ label,
    .group > .k-widget.k-header:has(input:read-only) ~ label {
        color: #5b95ca !important;
    }

.k-dropdown-wrap:has(+ input[readonly]) .k-input,
.pmFocus .k-input[disabled] {
    color: #444 !important;
}

.oo-invoice-btn {
    width: 40px !important;
}

.warehouse-info {
    list-style: none;
    height: 100px;
    padding: 0;
    overflow-y: auto
}

.text-red {
    color: red !important;
}

tr.text-red td {
    color: inherit !important;
}

#updatesFilter .row-panels {
    margin-bottom: 14px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#updatesFilter .colun-1 {
    float: none;
    width: auto;
    margin: 0
}

.filterBtn {
    padding-top: 4px;
    padding-bottom: 4px;
}

.deliverySession th {
    text-align: right;
}

.deliverySession th,
.deliverySession td {
    padding: 5px;
}

.deliverySession caption {
    font-weight: bold;
    font-size: 14px;
    color: black;
    text-align: left;
    border-bottom: 1px solid;
    padding-bottom: 3px;
}

.deliverySession td {
    padding: 5px;
    width: 100%;
}

.deliverySession:last-of-type {
    margin-top: 10px
}

.no-return-row {
    background-color: #f5f5f5;
    pointer-events: none; /* Disables mouse events */
    opacity: 0.6;
}

.k-qrcode {
    position: absolute;
    bottom: -2000px;
}

.styleqrcode {
    background: rgba(0,0,0,.75);
}

    .styleqrcode .topoHt, .styleqrcode .BorSertFooter {
        display: none;
    }

    .styleqrcode textarea {
        width: 100% !important;
        height: 300px;
        opacity: 0;
        outline: none;
    }

.masckimg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-image: url(/uploadFiles/qrcoderead.png);
    background-position: center -250px;
    background-size: 100%;
    background-repeat: no-repeat;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.efeitosqr {
    position: absolute;
    width: 150px;
    height: 150px;
    /*  border: 4px dashed red;*/
    animation: lupa-movimento 2s infinite ease-in-out;
}

    .efeitosqr > div:nth-child(1):before {
        content: "";
        position: absolute;
        width: 800px;
        height: 200px;
        background: rgba(0,0,0,.70);
        margin-top: -207px;
        margin-left: -300px;
    }

    .efeitosqr > div:nth-child(1):after {
        content: "";
        position: absolute;
        width: 300px;
        height: 400px;
        background: rgba(0,0,0,.70);
        margin-top: -7px;
        margin-left: -307px;
    }

    .efeitosqr > div:nth-child(2):after {
        content: "";
        position: absolute;
        width: 300px;
        height: 400px;
        background: rgba(0,0,0,.70);
        margin-top: -7px;
        margin-left: 148px;
    }

    .efeitosqr > div:nth-child(2):before {
        content: "";
        position: absolute;
        width: 155px;
        height: 200px;
        background: rgba(0,0,0,.70);
        margin-top: 150px;
        margin-left: -7px;
    }

@keyframes lupa-movimento {
    0% {
        margin-top: 0;
        margin-left: 0;
    }

    25% {
        margin-top: -50px;
        margin-left: 0;
    }

    50% {
        margin-top: -50px;
        margin-left: -60px;
    }

    75% {
        margin-top: -10px;
        margin-left: -40px;
    }

    100% {
        margin-top: 0;
        margin-left: 0;
    }
}

.smdtops {
    position: absolute;
    z-index: 2;
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    padding: 18px;
}

.footermsdg {
    position: absolute;
    z-index: 2;
    background: #fff;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.filsinput {
    clear: both;
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

div#loadgptref span {
    margin-bottom: 5px;
    float: left;
}

.filsinput label {
    padding-right: 5px;
}

.barcodeBody .bodyPop {
    width: 414px !important;
}

.barcodeBody .filsinput,
.barcodeBody .filsinput label,
.barcodeBody .filsinput input {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
}

    .barcodeBody .filsinput input {
        width: calc(100% - 6px);
        padding: 6px 10px;
        padding-left: 35px;
        border-radius: 5px;
        border: 1px solid #ccc;
    }

.filsinput .fa {
    position: absolute;
    left: 10px;
    top: 32px;
    z-index: 2;
}

.barcodeBody .filsinput #amount {
    padding-left: 6px !important;
}

.barcodeBody .topoHt {
    display: block !important;
}

.fsucess {
    color: green !important;
}

.historv {
    right: -50px !important;
    float: right;
    height: 34px;
    line-height: 34px;
    margin-top: 3px;
    position: absolute;
    z-index: 9;
}

.historv-marge {
    right: -5px !important;
    margin-top: 5px !important;
}


.dpl-row {
    clear: both;
    width: 100%;
    position: relative;
}

.linesdpr {
    width: 100%;
    position: relative;
    height: 120px;
    overflow: hidden;
    margin-top: 20px;
    background: #eee;
    border-radius: 5px;
    border: 1px solid #337ab7;
    color: #000;
}

    .linesdpr:before {
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        top: calc(50% - 1px);
    }

    .linesdpr > div {
        float: left;
        width: 150px;
        height: 120px;
        position: relative;
    }

        .linesdpr > div:before {
            content: "";
            width: 100%;
            height: 1px;
            background: #ccc;
            position: absolute;
            top: calc(50% - 1px);
        }

        .linesdpr > div:after {
            content: "";
            width: 10px;
            height: 10px;
            background: #ccc;
            position: absolute;
            top: calc(50% - 5px);
            left: calc(50% - 5px);
            border-radius: 50%;
        }

        .linesdpr > div > div {
            float: left;
            width: 100%;
            height: 50%;
            position: relative;
            padding-top: 12px;
            font-size: 12px;
        }

            .linesdpr > div > div:nth-child(1):before {
                content: "";
                width: 100%;
                height: 1px;
                bottom: 0;
                background: #ccc;
                position: absolute;
            }

        .linesdpr > div:nth-child(1) > div:nth-child(1):after {
            content: "";
            width: 50%;
            height: 1px;
            bottom: 0;
            background: #eee;
            position: absolute;
            left: 0;
        }

        .linesdpr > div > div > span {
            width: 100%;
            float: left;
            clear: both;
            text-align: center;
        }

#qrfilter {
    width: 100%;
    height: 30px;
    border: 1px solid #eee;
    border-radius: 4px;
    background: transparent;
}

.qrfilter {
    position: relative;
}

    .qrfilter i {
        position: absolute;
        z-index: 5;
        right: 5px;
        top: 13px;
        font-size: 18px;
        padding: 3px;
        background: #e3e5f1;
    }

.x-split-button {
    position: relative;
    display: inline-block;
    text-align: left;
    margin-top: 0px;
    padding: 5px;
}

.x-button {
    width: auto;
    position: relative;
    margin: 0;
    height: 30px;
    float: left;
    outline: none;
    line-height: 27px;
    background: #F2F2F2;
    border: 1px solid #E0E0E0;
}

    .x-button:hover {
        cursor: pointer;
        background: #E0E0E0;
    }

    .x-button:active {
        background: #D3D3D3;
    }

    .x-button[disabled]:hover {
        cursor: not-allowed;
        background: #F2F2F2;
    }

    .x-button.x-button-drop {
        border-left: 0;
        height: 30px;
        border-radius: 0 3px 3px 0;
    }

.open > .x-button-drop-menu {
    display: block;
}

.x-button-drop-menu {
    position: absolute;
    top: 27px;
    right: 0;
    z-index: 1000;
    display: none;
    /*float: right;*/
    min-width: 100px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #FAFAFA;
    background-clip: padding-box;
    border: 1px solid #E0E0E0;
    box-shadow: 1px 1px 2px #E0E0E0;
}

    .x-button-drop-menu li {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-family: arial;
        color: #444;
        text-decoration: none;
    }

        .x-button-drop-menu li:hover {
            background: #E6E6E6;
            cursor: pointer;
        }

.x-button-main {
    min-width: 100px;
    text-align: left;
    border-radius: 3px 0 0 3px;
}

.invoice-ready {
    background: #26B99A;
    color: #fff;
    border: 1px solid #169F85;
}

    .invoice-ready:hover {
        background-color: #209F87;
        border-color: #1B8671;
    }

.x-button-main i {
    padding: 5px;
}

.cancel-order.disabled {
    color: #999;
}

    .cancel-order.disabled:hover {
        background: transparent;
        cursor: not-allowed;
    }

.btn-store {
    width: auto !important;
    clear: both !important;
    float: left !important;
    min-width: 200px;
    margin-bottom: 10px;
}

.marbottom {
    margin-bottom: 80px !important;
    max-height: 470px !important;
}

.showAntiguidade {
    position: absolute;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    overflow: hidden;
    overflow-y: auto;
    margin: 15px;
}

table#showAntiguidade {
    width: 100%;
}

    table#showAntiguidade tr:nth-child(2n) {
        background-color: #f4f4f4;
    }

    table#showAntiguidade tr:nth-child(1) {
        background-color: #ccc;
    }

    table#showAntiguidade tr:nth-child(2) {
        background-color: #fcfcde;
        font-weight: 700;
        border-bottom: 1px solid #ccc;
    }


    table#showAntiguidade tr td {
        padding: 8px 10px;
    }


form.proposta .row .col-md-12 > .sideMenuIn:nth-child(2) {
    top: 7%;
}

form.proposta .row .col-md-12 > .sideMenuIn:nth-child(3) {
    top: 29%;
}

form.proposta .row .col-md-12 > .sideMenuIn:nth-child(4) {
    top: 51%;
}

form.proposta .row .col-md-12 > .sideMenuIn:nth-child(5) {
    top: 73%;
}

form.proposta .row .col-md-12 > .expandSlidein {
    top: 20% !important;
}

form.proposta #oppGrid {
    position: absolute;
    width: 100%;
    height: 100%;
}

form.proposta #oppGrid .k-grid-content {
    position: absolute;
    width: 100%;
    height: calc( 100% - 80px) !important;
}
.open-contrato {
    width: 100%;
    height: 100%;
    background: #F7F7F7;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.div-center {
    max-width: 900px;
    width: calc(100% - 40px);
    height: calc(100% - 100px);
    background: #fff;
    position: absolute;
    border-radius: 20px;
    box-shadow: 0 .75rem 1.5rem rgba(18, 38, 63, .10);
}

.logo-contrato {
    position: relative;
    width: 100%;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.center-contrato {
    position: relative;
    width: 100%;
    height: calc(100% - 130px);
    overflow: hidden;
    overflow-y: auto;
    padding: 30px 50px;
    border-bottom: 1px solid #F7F7F7;
}

.center-contrato::-webkit-scrollbar-track {
    background-color: #fff;
}

.footer-contrato {
    position: relative;
    width: 100%;
    height: 100px;
}

#aceitarbb input {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 20px;
    margin-top: -5px !important;
}

#aceitarbb > div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    margin-top:10px;
}

#aceitarbb label{
    padding-left: 30px;
}

.logo-cc {
    position: absolute;
    width: 100px;
    height: 100px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#aceitarbb {
    display: none;
    position: absolute;
    left: 10px;
    padding: 32px 20px;
}

#aceitarbbb{
    display:none;
}


.fgh {
    position: absolute;
    right: 40px;
    top: 40px;
}
}

.ajustp-2 .group {
    width: calc(100% - 50px) !important;
}


.ajustp-2 #PayMethodCard {
    right: 40px !important;
}

.ajustp-2 #voucherIcon {
    right: 15px !important;
}

.ajustp-1 .group {
    width: calc(100% - 20px) !important;
}

.ajustp-1 .mais {
    right: 15px !important;
}

.lirow {
    position: relative;
    width: auto;
    padding: 10px !important;
    float: left;
    margin-right: 10px;
    background: #f8f8f8;
    margin-bottom: 10px;
    padding-right: 50px !important;
    border-radius: 5px;
}

div#mmshows {
    float: left;
    clear: both;
}

label.chk-container {
    position: absolute;
    margin-left: 10px;
    top: 6px;
}

.chk-container {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-family: system-ui;
    user-select: none;
}

    /* esconder checkbox real */
    .chk-container input {
        display: none;
    }

.checkmark {
    width: 26px;
    height: 26px;
    border: 2px solid #888;
    border-radius: 6px;
    padding: 2px;
    box-sizing: border-box;
    transition: border-color .3s;
}

.chk-container:hover .checkmark {
    border-color: #0d6efd;
}

/* path do check (linha a ser desenhada) */
.checkmark path {
    fill: none;
    stroke: #0d6efd;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 20; /* tamanho total da linha */
    stroke-dashoffset: 20; /* começa invisível */
    transition: stroke-dashoffset .3s ease;
}

/* QUANDO CHECKADO → anima o desenho */
.chk-container input:checked + .checkmark path {
    stroke-dashoffset: 0; /* desenha a linha */
}

/* cor da borda quando marcado */
.chk-container input:checked + .checkmark {
    border-color: #0d6efd;
}
.mes-pintado {
    background-color: #e3e5f1 !important; /* amarelo suave */
    font-weight: bold;
}
.k-grid tbody tr:hover td.mes-pintado {
    background-color: #e0e0e0 !important; /* hover visível */
}

.k-grid tbody tr:se td.mes-pintado {
    background-color: #e0e0e0 !important; /* hover visível */
}

.k-grid tbody tr.k-state-selected td.mes-pintado {
    background-color: #cfd8dc !important; /* selected */
    color: #000; /* garante contraste */
}

.k-grid tbody tr.k-state-selected:hover td.mes-pintado {
    background-color: #b0bec5 !important;
}

.clsinfo{
    position:relative;
    font-size:20px;
}


.clsinfo:hover .showfno {
    display: flex;
}

.showfno {
    background: #ffffff;
    border: 1px solid #e9edf5;
    border-radius: 16px;
    padding: 18px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
    display: none;
    flex-direction: column;
    gap: 12px;
    font-family: "Segoe UI", Arial, sans-serif;
    position: absolute;
    bottom: calc(100% + 5px);
    width: 360px;
    right: -10px;
    text-align:left;
}

.help-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
    color: #1e293b;
    margin-bottom: 6px;
}

.help-title i {
    color: #2563eb;
    font-size: 18px;
}

.shortcut-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 14px;
    background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    transition: all 0.2s ease;
    flex-wrap: wrap;
}

.shortcut-item:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(37, 99, 235, 0.08);
}

.shortcut-icon {
    color: #2563eb;
    font-size: 16px;
    width: 20px;
    text-align: center;
}

.shortcut-text {
    flex: 1;
    font-size: 14px;
    font-weight: 600;
    color: #334155;
}

.shortcut-keys {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
}

.key {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 32px;
    padding: 0 10px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #dbe3ee;
    box-shadow: inset 0 -2px 0 #e2e8f0, 0 2px 6px rgba(15, 23, 42, 0.05);
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
}

.key-sep {
    font-size: 14px;
    font-weight: 700;
    color: #64748b;
}