@font-face {
    font-family: Ubuntu;
    src: url("/Content/fonts/Ubuntu-Light.ttf");
    font-weight: 300;
}

@font-face {
    font-family: "Ubuntu";
    src: url("/Content/fonts/Ubuntu-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Ubuntu";
    src: url("/Content/fonts/Ubuntu-Medium.ttf");
    font-weight: 500;
}

@font-face {
    font-family: "Ubuntu";
    src: url("/Content/fonts/Ubuntu-Bold.ttf");
    font-weight: 700;
}

@font-face {
    font-family: "Ubuntu Mono";
    src: url("/Content/fonts/UbuntuMono-Regular.ttf");
    font-weight: 300;
}

@font-face {
    font-family: "Ubuntu Mono";
    src: url("/Content/fonts/UbuntuMono-Bold.ttf");
    font-weight: 500;
}

@font-face {
    font-family: WebComponentsIcons;
    src: url(/Content/kendo/fonts/glyphs/WebComponentsIcons.eot?gedxeo);
    src: url(/Content/kendo/fonts/glyphs/WebComponentsIcons.eot?gedxeo#iefix) format('embedded-opentype'),url(/Content/kendo/fonts/glyphs/WebComponentsIcons.ttf?gedxeo) format('truetype'),url(/Content/kendo/fonts/glyphs/WebComponentsIcons.woff?gedxeo) format('woff'),url(/Content/kendo/fonts/glyphs/WebComponentsIcons.svg?gedxeo#WebComponentsIcons) format('svg');
    font-weight: 400;
    font-style: normal
}

:root {
    --clr-primary-dark-liver: rgba(80, 80, 80);
    --clr-secondary-debian-red: rgba(214, 11, 82);
    --clr-secondary-debian-red-dark: rgb(178, 10, 69);
    --clr-tertiary-platinum: rgba(230, 230, 230);
    --clr-tertiary-platinum-50: rgb(240, 240, 240);
    --clr-tertiary-platinum-10: rgb(248, 248, 248);
    --clr-neutral-000: rgba(255, 255, 255);
    --clr-neutral-100: rgba(200, 200, 200);
    --clr-neutral-200: rgba(180, 180, 180);
    --clr-neutral-300: rgba(150, 150, 150);
    --clr-neutral-400: rgba(120, 120, 120);
    --clr-neutral-500: rgba(110, 110, 110);
    --clr-neutral-600: rgba(100, 100, 100);
    --clr-neutral-700: rgba(90, 90, 90);
    --clr-neutral-800: rgba(80, 80, 80);
    --clr-neutral-900: rgba(70, 70, 70);
    --clr-complementary-black: rgba(0, 0, 0);
    --clr-complementary-japanese-violet: rgba(94, 39, 80);
    --clr-complementary-spanish-gray: rgba(145, 155, 156);
    --clr-complementary-iceberg: rgba(128, 173, 208);
    --clr-complementary-orange-soda: rgba(251, 89, 65);
    --clr-complementary-deep-saffron: rgba(252, 164, 52);
    --clr-complementary-banana-yellow: rgba(252, 216, 54);
    --clr-complementary-green-sheen: rgba(121, 196, 174);
    --ft-family: Ubuntu, Arial, Helvetica, sans-serif;
}

html {
    height: 99.9%;
    width: 99.9%;
}

body {
    height: 100%;
    width: 100%;
    color: #505050;
    margin: 0 0 0 0;
    font-size: 12px !important;
    font-family: Ubuntu, Arial, Helvetica, sans-serif; /* Fallback */
}

.full {
    height: 100%;
    width: 100%;
}

.modalpopuploading {
    background-image: url("/App_Themes/default/imagens/master-page/opaco.png");
    display: none;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 9000;
    position: fixed;
    top: 79px;
    overflow: hidden;
    zoom: 1;
}

.center {
    position: absolute;
    left: 50%;
    top: 30%;
}

.header-rdc {
    height: 72px;
    width: 100%;
    /*min-width: 970px;*/
    padding: 0px !important;
    margin: 0;
    border-bottom: 1px solid #c8c8c8;
    font-size: 10px;
    /*padding: 4px 16px;*/
    color: #6e6e6e;
    background-color: #ffffff;
}

    .header-rdc a:link,
    a:visited,
    a:active {
        text-decoration: none !important;
        border: none !important;
    }

.img-header {
    display: block;
    outline: none;
    padding: 0px 200px 72px 0px;
    margin: 8px auto;
    background: url("/App_Themes/default/imagens/master-page/logo-semparar.svg") no-repeat center;
    background-size: 56px;
    box-sizing: border-box;
}

.header-boldtext {
    font-weight: 700;
    font-size: 14px;
    margin-top: 4px;
    margin-bottom: 2px;
    display: block;
}

.header-icon-contact-semparar {
    margin: -2px 10px -5px 0;
    display: unset !important;
}

.header-icon-contact {
    display: none;
}

.header-icon-tools {
    margin: -2px 0 -10px 15px;
}

.header-rdc .k-dropdown {
    margin-left: 16px;
}

.main {
    height: 100%;
    width: 100%;
}

.menuFim {
    height: 100px;
    min-height: 100px;
}

#div_cph {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    width: 99%;
}

.tdPopUpManual {
    border-bottom: 1px;
    border-bottom-style: solid;
    border-color: #e6e6e6;
}

/* breadcrumbs */
#breadcrumbs {
    height: 18px;
    list-style: none;
    margin: 0 0 0 2px;
    padding: 7px 6px 0;
    border-bottom: 1px solid #e6e6e6;
}

    #breadcrumbs li {
        display: inline;
        margin: 0 2px 0 0;
    }

        #breadcrumbs li.img {
            padding: 8px;
            margin-right: 2px;
        }

        #breadcrumbs li.marcador {
            color: #787878;
        }

    #breadcrumbs a,
    #breadcrumbs a:link,
    #breadcrumbs a:visited {
        text-decoration: none;
        font-weight: bold;
        color: #787878;
    }

        #breadcrumbs a:hover {
            text-decoration: underline;
        }

/*fmt para as tabelas*/
.tbDefault {
    line-height: 16px;
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 0px;
    padding-bottom: 16px;
    background-color: #f0f0f0;
}

    .tbDefault tr td {
        padding: 4px;
    }

.k-content,
.k-panelbar .k-tabstrip-items .k-item,
.k-tabstrip-items .k-item {
    border-color: #969696 !important;
}

.tbSubtitle {
    background: #e6e6e6;
    height: 18px;
    font-weight: 500;
    font-style: italic;
}

.tbHeader {
    background-color: #505050;
    color: #ffffff !important;
    height: 18px !important;
    max-height: 18px !important;
    min-height: 18px !important;
    font-weight: 700;
    padding-left: 8px !important;
}

.tbColumn {
    height: 18px;
}

.tbRow {
    line-height: 16px;
    height: 18px;
}

/*Controls*/
.MsgBox {
    border-right: #ffe58a 1px solid;
    padding-right: 3em;
    border-top: #ffe58a 1px solid;
    padding-left: 0px;
    background: #fff3c8 repeat-x;
    padding-bottom: 1em;
    margin: 1.6em 0px;
    border-left: #ffe58a 1px solid;
    color: #000000;
    padding-top: 1em;
    border-bottom: #ffe58a 1px solid;
}

    .MsgBox .Msg-Error {
        background: #fff3c8 repeat-x;
    }

    .MsgBox .Msg-Warning {
        background: #fff3c8 repeat-x;
    }

    .MsgBox .Msg-Information {
        background: #fff3c8 repeat-x;
    }

.MsgBox-Content {
    padding-right: 0px;
    padding-left: 66px;
    min-height: 30px;
    padding-bottom: 0px;
    padding-top: 0px;
}

/*------Formatação do validate summary-----*/

.ValidateSummaryErro {
    border: 1px solid red;
    border-radius: 8px;
    color: red;
    margin: 2px 0px;
    padding: 10px;
    background: url("/App_Themes/default/imagens/ico-alerta.png") no-repeat 20px 50%;
    display: flex;
}

    .ValidateSummaryErro ul {
        margin: 0;
        padding: 0;
        margin-left: 80px;
        list-style: square;
    }

    .ValidateSummaryErro span {
        margin: 0;
        padding: 0;
        margin-left: 50px;
        list-style: square;
    }

.ValidateSummaryInformation {
    border: 1px solid #aad81e;
    color: #689f21;
    margin: 2px 0px;
    padding: 10px;
    background: url("/App_Themes/default/imagens/ico-ticar.png") no-repeat 20px 50%;
    display: flex;
}

    .ValidateSummaryInformation ul {
        margin: 0;
        padding: 0;
        margin-left: 80px;
        list-style: square;
    }

span[data-valmsg-for] {
    color: red;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
}

.comentario {
    font-size: x-small;
    font-style: italic;
}

.btnHidden {
    visibility: hidden;
    display: none;
}

/*
    Botao
*/
.btnDisabled {
    opacity: 0.25;
    -moz-opacity: 0.25;
    filter: alpha(opacity=25);
    cursor: wait;
}

/*
Popup Comprovante Impressão
*/

.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.no-border,
.no-border td {
    border: none !important;
}

.tb-comprovante {
    border-right: 1px solid #b4b4b4;
    border-bottom: 1px solid #b4b4b4;
    width: 100%;
}

    .tb-comprovante td {
        border-left: 1px solid #b4b4b4;
        border-top: 1px solid #b4b4b4;
        padding: 5px;
        vertical-align: top;
    }

/***********************************************/

.RadDockZoneContainer {
    padding: 4px 4px 0px 4px !important;
}

.RadDockZoneContainer2 {
    padding: 0px 4px 4px 4px !important;
    width: 99% !important;
}

/*------Padronização text area do site para diferentes browsers-----*/

textarea,
input:not([type]),
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"] {
    background-color: #ffffff;
    border: 1px solid #c8c8c8;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    min-width: 26px;
    min-height: 26px !important;
    box-sizing: border-box;
    margin-right: 8px;
}

    textarea:disabled,
    input:not([type]):disabled,
    input[type="color"]:disabled,
    input[type="date"]:disabled,
    input[type="datetime"]:disabled,
    input[type="datetime-local"]:disabled,
    input[type="email"]:disabled,
    input[type="month"]:disabled,
    input[type="password"]:disabled,
    input[type="number"]:disabled,
    input[type="search"]:disabled,
    input[type="tel"]:disabled,
    input[type="text"]:disabled,
    input[type="time"]:disabled,
    input[type="url"]:disabled,
    input[type="week"]:disabled {
        background-color: #f8f8f8;
        border: 1px solid #c8c8c8;
        color: #b4b4b4;
    }

input:focus,
.k-dropdown:focus {
    outline: 2px dashed #79c4ae !important;
    outline-offset: 2px;
}

.RadComboBox_Default:focus {
    outline: 2px dashed #79c4ae !important;
    outline-offset: 2px;
}

.rcbReadOnly:focus {
    outline: 2px dashed #79c4ae !important;
    outline-offset: 2px;
}

.k-multiselect:focus-within {
    outline: 2px dashed #79c4ae !important;
    outline-offset: 2px;
}

.k-multiselect-wrap .k-input:focus {
    outline: none !important;
}
/* Helper's styles */
.toolbar-out {
    border-top: 1px solid #c8c8c8;
    background-color: #f0f0f0;
    padding: 16px 8px 16px;
}

.toolbar-inner {
    font-style: normal;
    padding: 4px;
    border: none;
    /* background-color: #FFFFFF; */
}

    .toolbar-inner a {
        text-decoration: none;
        display: inline-flex;
        background-color: #d60b52;
        color: #ffffff;
        padding: 8px 16px !important;
        border-radius: 4px;
        margin-right: 16px;
        transition: background 200ms linear;
        gap: 12px;
    }

        .toolbar-inner a:hover {
            background-color: #b20a45;
        }

        .toolbar-inner a img {
            vertical-align: middle;
        }

        .toolbar-inner a span {
            vertical-align: middle;
        }

.toolbar-button {
    text-decoration: none;
    padding: 5px;
    line-height: 20px;
    color: #505050;
    background-color: transparent;
}

    .toolbar-button img {
        border: none;
    }

.collapsible-header {
    background-color: #505050;
    color: #ffffff;
    height: 16px;
    padding: 4px;
    border-radius: 4px 4px 0 0;
}

.collapsible-header-inner {
    background-image: url("/App_Themes/default/imagens/seta-Title-spe.svg") !important;
    background-position: left center !important;
    background-repeat: no-repeat;
    padding: 1px;
}

    .collapsible-header-inner em {
        font-style: normal;
        font-weight: 700;
        color: #ffffff !important;
        padding-left: 20px !important;
        width: 430px !important;
        max-width: 430px !important;
        margin-top: 0px;
    }

    .collapsible-header-inner ul {
        padding: 0;
        margin: 0px;
        list-style: none;
        float: right;
    }

        .collapsible-header-inner ul li a {
            display: block;
            width: 19px;
            height: 19px;
            text-decoration: none;
            text-indent: -9999px;
            background-repeat: no-repeat;
            cursor: pointer;
        }

.collapsible-button {
    background-position: 0px 0px;
    /* background-image: url("Telerik-RadDock-CommandSprite-vb.gif") !important; */
    background-image: url("/App_Themes/default/imagens/commandSprite-spe.svg") !important;
    display: block;
    width: 19px;
    height: 19px;
    text-decoration: none;
    text-indent: -9999px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.collapsible-content {
    border: 1px solid #b4b4b4;
    padding: 8px;
    background-color: #f0f0f0;
    border-radius: 0 0 4px 4px;
    margin-bottom: 16px;
    border-top: none;
}

.checkbox-list {
    margin: 0;
    padding: 0;
}

    .checkbox-list li {
        list-style: none;
        float: left;
        margin-left: 10px;
    }

.base-strength-calculating {
    display: inline-block;
    line-height: 18px;
    height: 20px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 60px;
    color: #000000 !important;
    border: 1px solid #505050;
}

li.item-menu-nivel4 a {
    padding-left: 3.5em !important;
}

.panelbar-menu {
    line-height: 24px;
}

.barra-lateral-menu {
    background-color: #ffffff;
    padding: 8px 4px;
    border-left: 1px solid #f0f0f0;
    border-right: 1px solid #f0f0f0;
}

.barra-lateral-menu-img {
    content: url("/App_Themes/default/imagens/master-page/menu-ocultar.svg");
}

.barra-lateral-menu-img-out {
    content: url("/App_Themes/default/imagens/master-page/menu-exibir.svg");
}

.texto-ouvidoria {
    font-size: 8pt;
    text-align: right;
    display: block;
}

.btn-img-desconectar {
    content: url("/App_Themes/default/imagens/master-page/header-btn-desconecta.svg");
    height: 32px;
}

.box-aviso-debito-container {
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    width: 99%;
}


.box-aviso-debito {
    border-radius: 0.25rem;
    border: 1px solid #FCA434;
    background: #FDFAF1;
    display: flex;
    gap: 16px;
    padding: 16px;
    /*margin-bottom: 24px;*/
}

.box-aviso-debito-tittle {
    margin: 0 0 .4rem 0;
    color: #D60B52;
    font-size: 1.125rem;
    font-weight: 700;
}

.box-aviso-debito-text {
    font-size: .84rem;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 0 0 0;
    color: #505050;
}

.box-aviso-debito-link {
    font-size: .84rem;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 0 0 0;
    text-decoration: underline;
    cursor: pointer;
    color: #D60B52;
}