﻿.LoginText { color: white; font-size: 11px; }

.HeaderTopLink { background: url(../images/TabLeftArrow.png) no-repeat left; float: left; height: 46px; line-height: 40px; padding-left: 30px; color: white; text-decoration: none; }

.b2cContainer h1 { font-size: 32px; line-height: 20px; color: #414742; margin-bottom: 20px; }

.Button { background-color: #ad0101; padding: 5px 35px; color: white !important; text-decoration: none; display: inline-block; margin-top: 5px; border: 0px; text-align: center; }

    .Button:disabled,
    .Button:disabled:hover { opacity: .65; cursor: not-allowed; background-color: #8A0000; }

    .Button:hover { background-color: #8A0000; }

    .Button:hover,
    .Button:focus { text-decoration: none; }

.ButtonDisabled,
.ButtonDisabled:hover { background-color: grey; }

.ButtonInline { margin: 0px; padding: 12px 49px 13px 49px; }

.ButtonMore { display: none; }

.form-horizontal .control-label { text-align: left !important; font-weight: bold; font-size: 10pt !important; }

@media only screen and (max-width: 1024px) {
    .HeaderTopLink { line-height: 46px; padding-left: 10px; font-size: 11px; background-position-x: -14px; }

    .LoginText { color: white; font-size: 10px; }

    .ButtonMore { display: inline-block; background-color: #8A0000; padding: 20px 90px; color: white !important; text-decoration: none; display: inline-block; margin-top: 20px; }
}

#progressBackgroundFilter { position: fixed; top: 0px; left: 0px; min-height: 100%; min-width: 100%; background-position: center center; background-repeat: no-repeat; background-color: #e4e4e6; z-index: 500; opacity: 0.8; overflow: hidden; }

#processMessage { position: fixed; top: 300px; right: 50%; z-index: 1000; padding: 10px; background-color: White; border: 2px solid lightgrey; text-align: center; font-weight: bold; filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1; }

.panel-default > .panel-heading, .card > .card-header { color: white !important; background-color: #0a2857 !important; border-color: #ddd !important; }

a.external:hover { text-decoration: underline; color: #004e71; }

.LoginMessage { color: Red; }

.SessionExpired { text-align: center; background-color: #d9f8d8; padding-top: 10px; padding-bottom: 10px; }

#Slogan { font-size: 20px; color: #fff; position: absolute; top: 30%; right: 20%; }

.informationText { color: #8A0000; }

/*.RadPanelBar .rpSlide {
    padding: 10px;
}

.RadPanelBar_Bootstrap {
    margin-bottom: 3px;
}*/

/*.RadPanelBar_Bootstrap .rpRootLink.rpSelected {
        color: white !important;
        background-color: #004665 !important;
        border-color: #004665 !important;
    }*/

.RadMultiPage .rmpView { border: 1px solid; padding: 20px; }

.rgSelectedRow input { color: #000; }

.inlineEditor .rgSave { height: auto !important; width: auto !important; }

.alert-sm { margin-bottom: 1px; height: 30px; line-height: 30px; padding: 0px 15px; }

.space-20 { height: 20px; }

.space-50 { height: 50px; }

.table-borderless,
.table-borderless tr,
.table-borderless th,
.table-borderless td,
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th { border: none !important; }

.panel-title-fit { padding: 7.5px 0px; }

.modal-header-info, .modal-header-info h4, .modal-header-info .close { background-color: #5c97b8; color: white !important; text-align: center; font-size: 30px; }

.modal-header-success, .modal-header-success h4, .modal-header-success .close { background-color: #86bd6f; color: white !important; text-align: center; font-size: 30px; }

.modal-header-danger, .modal-header-danger h4, .modal-header-danger .close { background-color: #ad4747; color: white !important; text-align: center; font-size: 30px; }

.modal-header-warning, .modal-header-warning h4, .modal-header-warning .close { background-color: #ffbc3d; color: white !important; text-align: center; font-size: 30px; }
/*---------------------------------------------------------------BLINKING---------------------------------------*/
.blink { animation: blinker 2s linear infinite; }

@keyframes blinker {
    50% { opacity: 0; }
}

/*--------------------------------------------------------------RAD EDITOR--------------------------------------*/
.reToolZone { display: none !important; }

/*--------------------------------------------------------------Old style---------------------------------------*/

.MenuHorizontal { bottom: 0; height: 41px; background: #f3f3f4 url(../images/background.gif) repeat-x; font-family: Arial; font-size: 14px; font-weight: 400; color: #666; }

    .MenuHorizontal ul { list-style: none; height: 41px; border-left: solid 1px #d8d8d8; }

    .MenuHorizontal li { float: left; line-height: 41px; border-right: solid 1px #d8d8d8; }

        .MenuHorizontal li.last { background: none; }

        .MenuHorizontal li a { color: #333; display: block; padding-left: 20px; padding-right: 20px; }


.TopNovice h1 { font-family: Arial; font-size: 12px; color: #666; font-weight: 700; padding-bottom: 10px; line-height: 12px; }

.NewsCenter h1 { font-family: Arial; font-size: 12px; color: #666; font-weight: 700; line-height: 1px; }

.TopNovice { height: 150px; }

    .TopNovice p { font-family: Arial; font-size: 11px; color: #666; font-weight: 400; padding-bottom: 5px; line-height: 11px; }

.NewsCenter p { font-family: Arial; font-size: 11px; color: #666; font-weight: 400; line-height: 11px; }

.TopNovice { height: 150px; }

    .TopNovice p, .NewsCenter p { font-family: Arial; font-size: 11px; color: #666; font-weight: 400; padding-bottom: 5px; line-height: 11px; }

.NewsLeft { font-family: Arial; font-size: 12px; font-weight: 700; color: #fff; background: linear-gradient(180deg, rgba(23,87,149,1) 0%, rgba(0,0,0,1) 100%); width: 10%; height: 50px; border-radius: 8px 0 0 8px; }

    .NewsLeft td { padding-bottom: 3px; }

.NewsCenter { background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(179,179,179,1) 100%); height: 50px; width: 89%; padding-left: 10px; padding-top: 5px; }

.NewsRight { background: linear-gradient(180deg, rgba(237,237,237,1) 0%, rgba(179,179,179,1) 100%); width: 1%; height: 50px; border-radius: 0px 8px 8px 0px; }

.TableNewsLeasing { font-weight: 400; margin-left: 30px; padding: 15px; }

.NewsTd h1 { font-size: 16px; }

.NewsTd { padding: 5px; }

    .NewsTd a { color: Blue; }

.rrButton { display: none !important; }

.radRotator { margin-top: 3px; margin-bottom: 1.2rem; }

    .RadRotator .rrClipRegion .rrItemsList { width: 100% !important; }

.Menu { position: relative; z-index: 499; vertical-align: top; margin: 0; }

    .Menu ul { position: relative; list-style: none; padding: 0px; }

        .Menu ul li { background: #0a2857; line-height: 34px; font-family: Arial; color: white; text-decoration: none; font-weight: 700; font-size: 13px; position: relative; margin-bottom: 12px; }

            .Menu ul li a { font-family: Arial; color: white; text-decoration: none; font-weight: 700; font-size: 13px; line-height: 34px; }

        .Menu ul ul { background: #f3f3f4; position: relative; overflow: hidden; border-top: #cdcdcd solid 1px; padding-left: 0px; }

            .Menu ul ul li { background: #fff url(../Images/menu.gif) no-repeat 5px 50%; position: relative; padding-left: 0; border-left: #cdcdcd solid 1px; border-right: #cdcdcd solid 1px; border-bottom: #cdcdcd solid 1px; margin-bottom: 0; padding: 0px 0px 0px 25px; }

                .Menu ul ul li a { font-family: Arial; color: #333; font-size: 12px; font-weight: 400; }

        .Menu ul ul1 ul { padding-left: 36px; }

        .Menu ul ul li.selected a { font-weight: 700; }

        .Menu ul li img { position: absolute; top: 10px; left: 5px; height: 16px; }

        .Menu ul li div { margin-left: 30px; }

.input-group-addon { padding: 9px 12px !important; }

.FormButton { background-color: #8A0000; padding: 5px 20px; color: white !important; text-decoration: none; display: inline-block; /* margin-top: 20px; */ border: 0px; }

.table-matrika { font-size: 12px !important; }

    .table-matrika th { background-color: #F2F2F2; }

    .table-matrika td:nth-child(1) { font-weight: bold !important; }

.RadComboBox_Bootstrap .rcbReadOnly { max-height: 30px; }

.RadComboBox_Bootstrap .rcbInner { max-height: 30px; }

.RadComboBox .rcbInput { padding: 0 !important; }

.input-group-addon { font-size: 9px !important; }

.RadPicker_Bootstrap .rcCalPopup { max-height: 28px; }

.panel { margin-bottom: 5px !important; }

/*.RadPanelBar_Bootstrap .rpRootLink, .RadPanelBar_Bootstrap .rpHeaderTemplate {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

    .RadPanelBar_Bootstrap .rpRootLink .rpExpandHandle { padding: 0px !important; border-radius: 0px !important; }

.RadPanelBar_Bootstrap .rpExpandHandle {
    top: 4px !important;
}*/

.RadTabStrip .rtsLink { padding: 7px 15px !important; }

.RadButton.rbDisabled { background: none; }

/* poravnava checkbox-sa s textom-om */
.RadButton.checkboxTextAlign { vertical-align: bottom !important; }

.RadButton.checkboxTextAlign { vertical-align: bottom !important; }

.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered { padding: 3px 12px !important; }

.TestSlogan { position: absolute; margin-left: 35%; }

.RadWindow .rwContent { padding: 10px !important; }

.form-group { margin-bottom: 3px !important; }

.form-label { align-self: center; }

.RadComboBox .rcbActionButton { height: 20px !important; }

.RadComboBox_Bootstrap .rcbActionButton { padding: 4px !important; }

.RadComboBox .rcbActionButton .p-icon { width: 1.42857143em !important; }

.RadComboBox_Bootstrap .rcbInner { padding: 4px 12px !important; }

.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered { padding: 3px 12px !important; }

.TestSlogan { /*position: absolute;
    margin-left: 35%;*/ text-align: center; }
/* RADWINDOW */
.RadWindow_Bootstrap .rwTitleWrapper { padding: 4px 5px !important; }

.RadWindow .rwIcon { margin: -.5em 0 0 0 !important; }

/*.RadPanelBar .rpSlide {
    padding: 0px;
}

.RadPanelBar_Bootstrap .rpRootLink, .RadPanelBar_Bootstrap .rpHeaderTemplate {
    color: white !important;
    background-color: #004665 !important;
    border-color: #eee !important;
}*/
/* RADPANELBAR */
/*.RadPanelBar_Bootstrap .rpRootLink, .RadPanelBar_Bootstrap .rpHeaderTemplate { padding: 5px !important; color: whitesmoke !important; background-color: #004e72 !important; }
.RadPanelBar .rpExpandHandle { top: 4px !important; padding: 1px !important; border: 0px !important; }
.RadPanelBar_Bootstrap .rpRootLink.rpSelected.Test1234 { background-color: #5cb85c !important; }*/
.form-group { margin-bottom: 3px !important; }

/* DOCUMENTS DOWNLOAD PROGRESS STYLE */
.RadUploadProgressArea_Bootstrap .ruShadow .ruProgress,
.RadUploadProgressArea .ruShadow .ruProgress { box-shadow: none !important; }

.RadUploadProgressArea_Bootstrap .ruProgress { border-radius: 0px !important; }

.RadUploadProgressArea_Bootstrap .ruProgressHeader { background-color: transparent !important; }

/* RADCOMBOBOX */
.RadComboBox_Bootstrap .rcbArrowCell a { width: 30px !important; height: 22px !important; background-position: -10px -63px !important; }

.RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered { min-height: 26px !important; }

.calculation-heading { padding: 5px 10px; color: white; background-color: #0a2857; }

.RadInput_Bootstrap.riSingle textarea.riTextBox, html .RadInput_Bootstrap textarea.riTextBox { height: auto !important; }

.FilterLinkButton { border-radius: 0px !important; background-color: #004665 !important; border: 0px; color: white !important; }

.FilterAddButton { position: absolute; bottom: 15px; right: 26px; }

/* RADLISTBOX */
.btn-remove-item-listbox,
.btn-remove-item-listbox:disabled { height: 16px; width: 16px; background-size: 16px 16px; margin-left: 3px; }

.RadListBox .rlbHeader { background-color: #0a2857; color: white; }

/* POPOVER */
.xpopover a:hover { text-decoration: none !important; }

.xpopover .popover-title { background-color: #004E72; }


/* MODAL */
.modal-xlg { width: 90%; }

/* SELECTED INSURANCE DEDUCTIBLE */
.selectedPackage, .selectedPackage a { font-weight: bold; color: #004E72 !important; }

.unselectedPackage, .unselectedPackage a { color: #c7c7c7 !important; }

/*.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}*/

.modal-danger { color: #fff; background: #dc3545; }

.modal-success { color: #fff; background: #28a745; }

.modal-error { color: #fff; background: #ff5959; }

.modal-warning { color: #ffffff; background: #fb3; }

@media only screen and (max-width: 1379px) {

    .Menu { display: none; }

        .Menu ul { width: 100%; }

    .ContentPage { max-width: 100% !important; flex: auto; }

    .divSpinner { margin: 15px 0px; }
}

@media only screen and (min-width: 1380px) {
    .divSpinner { display: none; }
}

.sideNav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: white; overflow-x: hidden; transition: 0.5s; padding-top: 45px; }

    .sideNav .btnClose { position: absolute; top: 0; right: 5px; font-size: 36px; color: #111; }

.RadButton_Bootstrap.rbPrimaryButton { background-color: #ad0101 !important; border-color: darkred !important; }

    .RadButton_Bootstrap.rbPrimaryButton:hover { background-color: #8A0000 !important; }

.divButtons { margin-bottom: 10px; padding: 5px; background-color: #efefef; border-width: 0px 1px 1px 1px; border-style: solid; border-color: #e3e3e3; }

#Logo_right { display: none; }

.divHeader { background-color: #efefef; margin-bottom: 0px; position: relative; }

/*FAQ STYLE*/
.faq-body img { max-width: 100%; }

/*RADBUTTON*/
span.RadButton_Bootstrap.rbSkinnedButton, span.RadButton_Bootstrap.rbLinkButton, span.RadButton_Bootstrap.rbVerticalButton, span.RadButton_Bootstrap.RadButton.rbDisabled, span.RadButton_Bootstrap.RadButton.rbDisabled:hover, span.RadButton_Bootstrap.RadButton.rbDisabled:active, span.RadButton_Bootstrap.RadButton.rbDisabled:focus { background-color: #ad0101 !important; padding: 6px 10px !important; border: 1px solid transparent !important; }

    span.RadButton_Bootstrap.rbSkinnedButton:hover, span.RadButton_Bootstrap.rbLinkButton:hover, span.RadButton_Bootstrap.rbVerticalButton:hover, span.RadButton_Bootstrap.rbSkinnedButton:focus, span.RadButton_Bootstrap.rbLinkButton:focus, span.RadButton_Bootstrap.rbVerticalButton:focus { background-color: #8A0000 !important; border-color: transparent !important; box-shadow: inset 0 0 1px #333 !important; }

span.RadButton_Bootstrap .rbDecorated { color: white !important; }

/*FORM ADD-ON*/
.input-group-sm .custom-select, .input-group-sm .form-control, .input-group-sm > .input-group-append > .btn, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-prepend > .input-group-text { line-height: 0.5 !important; }

.input-group-sm .riSingle, .input-group .riSingle { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; }

.input-group-sm .RadComboBox, .input-group .RadComboBox { position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; }

.input-group-sm .form-control:nth-last-child(2), .input-group .form-control:nth-last-child(2) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

.input-group-sm .RadComboBox_Bootstrap .rcbInputCell:nth-last-child(2), .input-group .RadComboBox_Bootstrap .rcbInputCell:nth-last-child(2) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }

/*DASOF PANELS*/

.dasof-panel .dasof-panel-content { padding: 0px 15px .5rem 15px; }

.dasof-panel legend { width: auto; font-size: 12px; margin-left: 10px; text-transform: uppercase; font-weight: bold; padding: 0px 5px; float: none !important; }

.dasof-panel fieldset { border: 1px solid rgba(0,0,0,.125); border-radius: 3px; }

/*REQUEST - KENDO*/

.k-form-error { color: #a94442; }

.k-textbox.k-invalid,
.k-dropdown.k-invalid > .k-dropdown-wrap,
.k-datepicker.k-invalid > .k-picker-wrap,
.k-combobox.k-invalid > .k-dropdown-wrap,
.k-numerictextbox.k-invalid > .k-numeric-wrap,
.k-dropdown .k-dropdown-wrap.k-invalid,
.k-datepicker .k-picker-wrap.k-invalid,
.k-numerictextbox .k-numeric-wrap.k-invalid { border-color: #a94442; }

    .k-dropdown.k-invalid > .k-dropdown-wrap.k-valid,
    .k-datepicker.k-invalid > .k-picker-wrap.k-valid,
    .k-combobox.k-invalid > .k-dropdown-wrap.k-valid,
    .k-numerictextbox.k-invalid > .k-numeric-wrap.k-valid { border-color: #ced4da; }

.k-stepper .k-step-error .k-step-label > .k-step-text,
.k-stepper .k-step-error .k-step-label > .k-icon { color: #a94442; }

.card { margin-bottom: 0.5rem; }
.multi { margin-bottom: 0px !important; }

.accordion > .card > .card-header { border-radius: 0; margin-bottom: -1px; background-color: #0a2857 !important; }

    .accordion > .card > .card-header a,
    .accordion > .card > .card-header .btn-link { color: white !important; text-transform: uppercase; text-decoration: none; padding: 0px; }

.k-button .k-primary,
.k-stepper .k-step-current .k-step-indicator,
.k-stepper .k-step-done .k-step-indicator,
.k-progressbar .k-state-selected,
.k-window-titlebar,
.k-pager-numbers .k-link.k-state-selected { border-color: #0a2857; color: #fff; background-color: #0a2857; }

.k-button.k-primary { border-color: #ad0101; color: #fff; background-color: #ad0101; }

    .k-button.k-primary:hover { background-color: #8A0000; color: #fff; }

.k-numerictextbox > .k-numeric-wrap > .k-select { visibility: hidden; }

.k-window > div.k-popup-edit-form { padding: 2em 1em; }

.k-edit-label { text-align: left; }

input.k-textbox { padding: 0px; }

.k-widget { width: 100%; }

    .k-widget.k-window { width: 25%; }

.k-grid-header-wrap th { color: #fff; background-color: #0a2857; }

.k-button.btn-download { color: #fff; background-color: #5bc0de; border-color: #46b8da; }

.k-button.btn-delete { color: #fff; background-color: #e74a3b; border-color: #e74a3b; }

.k-button.btn-manualUpload,
.k-button.btn-complete { color: #fff; background-color: #28a745; border-color: #28a745; }

.k-pager-wrap.k-grid-pager.k-widget.k-floatwrap a { color: #0a2857; }

.k-tabstrip-items .k-item.k-active,
.k-grid tr.k-selected > td { color: #fff; background-color: #0a2857; }

.k-tabstrip-items .k-item { color: #858796; }

.k-listview { border: none; }
/*fix Kendo UI vertical scrollbar issue*/
.k-wizard-content,
.k-listview-content { overflow-x: hidden; }
/* BOOTSTRAP v4 ADDONS */
.bg-classic { background-color: #0a2857; }

.bg-porsche { background: rgb(149,28,61); }

.invalidRut { background: red; }

/*DESCRIPTION LIST CALCULATION*/
.dl-calculation,
.dl-dis,
.dl-finance { margin-bottom: 0; }

    .dl-calculation dt,
    .dl-dis dt,
    .dl-finance dt { background-color: rgba(0,0,0,.05); padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6; }

    .dl-calculation dd,
    .dl-dis dd,
    .dl-finance dd { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6; margin-bottom: 0; }

        .dl-calculation dt:last-of-type,
        .dl-calculation dd:last-of-type,
        .dl-dis dd:last-of-type,
        .dl-dis dt:last-of-type { border-bottom: 1px solid #dee2e6; }

/*ASP.NET CHECKBOX*/
input[type='checkbox'] + label { font-size: 10pt; margin-left: 5px; margin-bottom: 0px; }

.RadWindow_Bootstrap .rwTable .rwTitlebarControls .rwIcon { display: none !important; }

.k-animation-container, .k-animation-container *, .k-animation-container ::after, .k-block .k-header, .k-widget, .k-widget *, .k-widget ::before { box-sizing: inherit !important; }

.k-checkbox:checked::before { transform: scale(0) translate(-50%,-50%) !important; }

.accordion .container-fluid { background-color: transparent; }

.accordion-button { background-color: #0a2857 !important; color: white !important; }

#MainForm { padding-bottom: 1.2rem; }

.loader-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); display: flex; align-items: center; justify-content: center; z-index: 1050; /* Ensure it's above other elements */ }