:root
{
    --font-size: 15px;
    --text-color: #8694B0;
    --text-color-strong: #516283;
    --text-color-light: #ADB8CC;
    --template-border-color: #DFE4ED;
    --main-color: #fd9203;
    --font-family: 'Noto Sans', sans-serif;
    --scrollbar-color: var(--template-border-color);
    --header-height: 60px;
    --header-border-bottom: var(--template-border-color);
    --header-logo-border-right: var(--template-border-color);
    --header-logo-border-bottom: var(--template-border-color);
    --header-logo-background: #fff;
    --header-track-border-right: var(--template-border-color);
    --header-background-color:#fff;
    --header-logo-font-size: 22px;
    --header-box-display: none;
    --header-text-color: #16213A;
    --header-box-width:60px;
    --header-box-background: transparent;
    --header-box-shadow: none;

    --button-height: 35px;
    --button-border: var(--template-border-color);
    --button-text-color: #516283;
    --button-text-color-hover: var(--main-color);
    --button-background: #fff;
    --button-border-radius: 32px;
    --button-padding: 13px;
    --button-box-shadow: none;

    --menu-box-shadow: none;
    --menu-master-color-strong: #516283;
    --menu-width: 280px;
    --menu-border-right: var(--template-border-color);
    --menu-background-color:#fff;
    --menu-icon-font-size: var(--font-size);
    --menu-background-check: var(--main-color);
    --menu-check-color: #fff;
    --menu-button-border-color: var(--button-border);

    --submenu-border-right: var(--template-border-color);
    --submenu-background-color:#fff;
    --submenu-sub-text-color:#8694B0;
    --submenu-text-color: var(--text-color-strong);
    --submenu-text-hover: var(--main-color);
    --submenu-background-check: var(--main-color);
    --submenu-check-color: #fff;

    --top-menu-border: var(--template-border-color);
    --top-menu-background-color: var(--live-background-color);
    --top-menu-background-check: var(--main-color);
    --top-menu-check-color: #fff;
    --top-menu-hover-color: var(--main-color);
    --top-menu-color: #8694B0;

    --top-submenu-background-color: var(--live-background-color);
    --top-submenu-text-color: #8694B0;
    --top-submenu-text-hover: var(--main-color);
    --top-submenu-background-check: var(--main-color);
    --top-submenu-check-color: #fff;

    --live-background-color:#fff;

    --login-background-color: var(--live-background-color);
    --login-panel-header-background: var(--panel-header-background);
    --login-panel-left-background-color: var(--main-color);
    --login-panel-right-background-color: var(--live-background-color);
    
    --login-button-background: var(--button-background);
    --login-button-text-color: var(--button-text-color);
    
    --login-panel-left-text-header-color: var(--text-color);
    --login-panel-left-text-header-align: left;
    --login-panel-left-text-header-font-size: 40px;
    --login-panel-left-text-header-font-weight: 700;
    
    --login-panel-left-text-footer-color:  var(--text-color);
    --login-panel-left-text-footer-align: left;
    --login-panel-left-text-footer-font-size: 30px;
    --login-panel-left-text-footer-font-weight: 700;
    
    --login-title-font-size: 40px;
    --login-title-align: center;
    --login-title-font-weight: 700;
    --login-title-color: var(--text-color);

    --login-header-font-size: 14px;
    --login-header-align: left;
    --login-header-color: var(--text-color);
    --login-border-color: var(--template-border-color);

    --login-panel-detail-display: flex;
    --login-panel-detail-display-image: flex;
    --login-panel-detail-display-details: flex;

    --login-panel-detail-image-size: contain;
    --login-panel-detail-image-position: center;
    --login-panel-detail-direction: row;
    --login-panel-max-width: 1250px;
    --login-panel-border-radius: 10px;
    --login-panel-box-shadow: 0px 0px 10px 4px #0000004d;
    --login-form-box-shadow: none;
    --login-link-color: var(--login-title-color);

    --field-border-color: var(--template-border-color);
    --field-border-top: 1px;
    --field-border-bottom: 1px;
    --field-border-right: 1px;
    --field-border-left: 1px;
    --field-height: var(--button-height);
    --field-border-radius: 24px;
    --field-placeholder-color: #ADB8CC;
    --field-padding-horizontal: 8px;
    --field-padding-vertical: 0px;
    --field-padding: var(--field-padding-vertical) var(--field-padding-horizontal) var(--field-padding-vertical) var(--field-padding-horizontal);
    --field-color: #516283;
    --field-background: #fff;
    --field-focus-border-color: #bcc2d1;

    --content-border-color: #DFE4ED;
    --content-border-radius: 10px;
    --content-background: #f8f9fb;
    --color-overlay: #0000004d;
    --color-green: #2ecc71;
    --color-red: #EF4648;
    --color-blue: #047afd;
    --color-orange: #F9BF3B;
    --color-sea: #1BA39C;
    --color-purple: #8E44AD;

    --modal-background: #fff;
    --modal-footer-background: #DFE4ED;
    --modal-header-background: var(--main-color);
    --modal-header-color: #fff;

    --preloader-color: var(--main-color);
    --live-area-width: 100%;
    --login-background-opacity: 0.6;

    --panel-background: #fff;
    --panel-header-background: #eceff4;
    --panel-footer-background: #fff;
    --panel-header-color: var(--text-color-strong);
    --panel-body-padding: 15px;
    --panel-border-radius: 8px;
    --panel-box-shadow: none;
    --panel-border-color: var(--content-border-color);

    --tr-hover-background: #eceff4;
    --tr-hover-color:  var(--text-color);
    --tr-even-background: #fff;
    --tr-odd-background: #f8f9fb;
    --table-body-color: var(--text-color);
    --table-header-color: orange;

    --menu-user-splash-background: var(--submenu-background-color);
    --panel-header-font-size: calc(var(--font-size) + 2px);
    --panel-header-font-weight: 600;
    
    --panel-header-padding-vertical: 20px;
    --panel-header-padding-horizontal: 10px;
    --panel-header-border-color: transparent;

    --header-logo-text-color: var(--header-text-color);
    --menu-background-button-circle: var(--button-background);
    --menu-color-button-circle: var(--button-text-color);

    --top-menu-background-button-circle:var(--button-background);
    --top-menu-color-button-circle:var(--button-text-color);

    --submenu-font-size: var(--font-size);
    --submenu-padding-horizontal: 0px;
    --submenu-item-padding-horizontal: 12px;
    --submenu-item-padding-vertical: 12px;
    --modules-button-radius: 100px;

    --header-box-padding-horizontal: 0px;
    --header-box-padding-vertical: 0px;
    --header-logo-padding-horizontal: 0px;
    --header-logo-padding-vertical: 0px;
    --login-panel-left-header-image-position: center;

    --login-text-center-align: center;
    --login-text-center-size: 18px;
    --login-text-center-weight: 600;
    --login-text-center-color: var(--text-color);
}
.header-box{
    opacity: 0;
}

[page-name="NegociacaoFormView"] .tbreadcrumb li span {
    font-size: 12px;
    color: var(--header-text-color);
    padding-left: 5px;
}
[page-name="NegociacaoFormView"] ol.tbreadcrumb li.home a:after {
    color: var(--header-text-color);
    font-size: 12px;
}
[page-name="NegociacaoFormView"] ol.tbreadcrumb li:not(.home) a:after {
    content: "\f138";
    color: var(--header-text-color);
    font-size: 12px;
}
[page-name="NegociacaoFormView"] ol.tbreadcrumb li:not(.home):last-child a:after {
    display: none;
}
[page-name="NegociacaoFormView"] .tbreadcrumb {
    padding-bottom: 0px;
    margin-bottom: 0px;
}
[page-name="NegociacaoFormView"] .card {
    border: none;
}

.header-actions label,
.header-actions {
    font-size: 14px !important;
    color: var(--button-text-color) !important;
}

.header-actions span i {
    color: var(--header-text-color) !important;
}

.header-actions button {
    border-radius: 5px !important;
    padding: 13px 18px;
    border: none !important;
}

[page-name="NegociacaoFormView"] .card-header {
    padding: 4px 8px 4px 15px;
    margin-bottom: 5px;
}

[page-name="NegociacaoFormView"] .card-body {
    padding: 0px;
}

[page-name="NegociacaoFormView"] .tab-pane {
    padding:10px 0px !important;
}
[page-name="NegociacaoFormView"] .arrow_steps .step:first-child {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step {
    margin-right: 10px;
}

[page-name="NegociacaoFormView"] .arrow_steps .step span {
    font-size: 12px;
    font-weight: 800;
    color: #203D54;
}

[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="1"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="1"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="1"] {
    background-color: #CCE6FF !important;
}

[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="1"]:after,
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="1"]:after {
    border-left-color: #CCE6FF !important;
}
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="2"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="2"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="2"] {
    background-color: #FFF6BE !important;
}

[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="2"]:after,
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="2"]:after {
    border-left-color: #FFF6BE !important;
}
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="3"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="3"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="3"] {
    background-color: #FFCB8E !important;
}

[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="3"]:after,
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="3"]:after {
    border-left-color: #FFCB8E !important;
}
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="4"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="4"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="4"] {
    background-color: #FFD5D5 !important;
}

[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="4"]:after,
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="4"]:after {
    border-left-color: #FFD5D5 !important;
}
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="5"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="5"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="5"] {
    background-color: #F1ECE1 !important;
}

[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="5"]:after,
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="5"]:after {
    border-left-color: #F1ECE1 !important;
}
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="6"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="6"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="6"] {
    background-color: #CAC4FA !important;
}
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="6"]:after,
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="6"]:after {
    border-left-color: #CAC4FA !important;
}

[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="7"]:after,
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="7"]:after {
    border-left-color: #C6FCBC !important;
}
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="7"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="7"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="7"] {
    background-color: #C6FCBC !important;
}
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="8"]:after,
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="8"]:after {
    border-left-color: #70CAD5 !important;
}
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="8"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.preview-current[data-key="8"],
[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step.current[data-key="8"] {
    background-color: #70CAD5 !important;
}
[page-name="NegociacaoFormView"] .arrow_steps .step:last-child {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

[page-name="NegociacaoFormView"] .arrow_steps_etapa_negociacao_id .step:last-child {
    margin-right: 0px;
}
[page-name="NegociacaoFormView"] .fb-inline-field-container label {
    font-size: 9px !important;
    font-weight: 700 !important;
    color: var(--button-text-color) !important;
}


[page-name="NegociacaoFormView"] .fb-inline-field-container span.label {
    font-size:14px;
    font-weight: 400 !important;
    font-family: "Montserrat", sans-serif;
    line-height:12px;
    padding: 8px 20px;
    margin-top: -10px;
}

[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(3),
[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(2) {
    background-color: #F8F9FB;
    width: 100%;
    margin-left: 0px;
    margin-bottom: 0px;
}

[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(3) {
    border-radius: 0px 0px 10px 10px;
}

[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(3) .fb-field-container,
[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(2) .fb-field-container {
    padding: 0px 8px;
}
[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(3) .fb-field-container:nth-child(4),
[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(2) .fb-field-container:nth-child(4),
[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(3) .fb-field-container:nth-child(3),
[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(2) .fb-field-container:nth-child(3),
[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(3) .fb-field-container:nth-child(2),
[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(2) .fb-field-container:nth-child(2) {
    padding: 0px 8px 0px 0px;
}
[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(3) .fb-inline-field-container,
[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(2) .fb-inline-field-container {
    width: 100%;
    background-color: #FFFFFF;
    min-height: 30px;
}
[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(3) .fb-inline-field-container:nth-child(1),
[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(2) .fb-inline-field-container:nth-child(1) {
    border-radius: 5px 5px 0px 0px;
    margin-top:5px;
    padding: 0px 8px;
}
[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(2) .fb-inline-field-container:nth-child(2),
[page-name="NegociacaoFormView"] .form-group.tformrow.row:nth-child(3) .fb-inline-field-container:nth-child(2) {
    margin-bottom:5px;
    padding: 0px 8px;
    border-radius: 0px 0px 5px 5px;
}
[page-name="NegociacaoFormView"] span.ttd {
    color: #16213A;
    font-weight: 500;
}