/*====================================================================================================================================================================================
DEFINICJE KOLORÓW
======================================================================================================================================================================================*/

/*

GRANAT:         #2c3e50
CIEMNY SZARY:   #666666
ŚREDNI SZARY:   #e6e6e6
JASNY SZARY:    #f6f6f6
CZERWONY:       #ed1d24
POMARAŃCZOWY:   #F17E12
ZIELONY:        #27ae60

*/

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
    outline: 0
}

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
/* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: none;
    margin: 0 2px;
    padding: 1.2em 0.625em 0em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css END*/

/**/

/*====================================================================================================================================================================================
DEFINICJE OGÓLNE
======================================================================================================================================================================================*/

* {
    box-sizing: border-box;
}

html {
    font-family:'Lato', sans-serif !important;
    font-size: 12px;
    font-weight: normal;
    color: #000;
}

a {
    text-decoration:none;
    color:#27ae60;
}

a:hover {
    color:#2c3e50;
}

/* INPUT */

input {
    padding-left: 4px;
}

.field label {
    padding-left: 2px;
}

input[type="submit"],
input[type="button"],
.button,
.loginbox a.ButtonNormal,
.loginbox .RemainderDiv a {
    display: inline-block;
    background: #27ae60;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    padding: 0px 10px;
    font-size: 12px;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
    font-style: normal;
    text-transform:uppercase;
    border: none;
    transition: all 0.15s ease-in-out 0s;
    height:30px;
}

input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover,
.loginbox a.ButtonNormal:hover,
.loginbox .RemainderDiv a:hover {
    background: #2c3e50;
}

input[type="text"],
input[type="password"],
textarea,
.styledSelect,
.field .styled-select,
html div.gridbox_dhx_terrace td.filter input, 
html div.gridbox_dhx_terrace td.filter select,
html .dhx_combo_box {
    height: 24px;
    line-height: 24px;
    border: 1px solid #e6e6e6 !important;
    background: #fff;
    color: #000;
    border-radius:0px;
}

.styledSelect,
.field .styled-select,
html .dhx_combo_box {
    overflow:hidden;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */

    html .field .styledSelect select {
        padding-right:0px;
    }

}

html .dhx_combo_box {
    width:100% !important;
    box-sizing:border-box;
}

    .styledSelect select,
    .styled-select select,
    html div.gridbox_dhx_terrace td.filter .dhx_combo_box input.dhx_combo_input {
        width: calc(100% + 20px) !important;
        border: none !important;
        background: #fff url("../../Images/Layout/Megapolisy/icon_styledSelect.png") no-repeat scroll right center;
        height: 24px;
        line-height: 30px;
        padding-right: 20px;
    }
    
    html .dhx_combo_box input.dhx_combo_input {
        background: #fff url("../../Images/Layout/Megapolisy/icon_styledSelect.png") no-repeat scroll right center !important;
    }
    
    html div.gridbox_dhx_terrace td.filter .dhx_combo_box img.dhx_combo_img {
        display:none;
    }

input[disabled="disabled"],
input[disabled=""],
input[disabled],
input:disabled,
input[disabled="disabled"]:hover,
input[disabled=""]:hover,
input[disabled]:hover,
input:disabled:hover {
    background-color: #ececec;
    color: #5e5e5e;
}

.listsearchextender {
    padding:0 10px 0 5px;
    font-size:10px;
    background:#FFF;
    width:auto !important;
}

.styledSelect select[disabled="disabled"],
.styledSelect select[disabled=""],
.styledSelect select[disabled],
.styledSelect select:disabled,
.styled-select select[disabled="disabled"],
.styled-select select[disabled=""],
.styled-select select[disabled],
.styled-select select:disabled {
    background: url("../../Images/Layout/Megapolisy/icon_styledSelect_disabled.png") no-repeat scroll right center #ececec;
    color: #5e5e5e;
}

.field input[type="text"],
.field input[type="password"],
textarea,
.field .styledSelect,
.field .styled-select {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

textarea {
    min-height:80px;
}

.WallSectionColumn .field.dictionaryField,
.WallSectionColumn .field.vcomplexFakeSubHeader {
    min-height:56px;
}

.WallSectionColumn .field.dictionaryField label,
.WallSectionColumn .field.vcomplexFakeSubHeader label {
    display: table-cell;
    height: 28px;
    vertical-align: bottom;
}

.EquipmentSectionColumn .field.dictionaryField,
.EquipmentSectionColumn .field.vcomplexFakeSubHeader {
    min-height:82px;
}

.EquipmentSectionColumn .field.dictionaryField label,
.EquipmentSectionColumn .field.vcomplexFakeSubHeader label {
    display: table-cell;
    height: 55px;
    vertical-align: bottom;
}

/*.combustibilityForm {
    width:25%;
    float: left;
}

.combustibilityForm .field {
    width:100%;
}*/

/*====================================================================================================================================================================================
POPUP
======================================================================================================================================================================================*/

.ReminderPopUpPanel {
    background: #f6f6f6;
    border: 1px solid #e6e6e6;
}

.ModalLabel {
    display: block;
    color: #2c3e50;
    font-size: 22px;
    background: #fff;
    padding: 20px;
}

.ModalContent {
    padding: 20px
}

.ModalButtonsDiv {
    padding: 20px;
    text-align: center;
}

.ModalBackground {
    background: rgba(255,255,255,0.8)
}

.modalPopup {
    background: #fff;
    border: 1px solid #e6e6e6;
    width:600px;
}

.modalPopup .popupHandle {
    background:#27AE60;
    color: #fff;
    text-align:center;
    padding:8px;
}

.modalPopup .ModalContent {
    padding: 4px 10px;
}

.modalPopup .ModalButtonsDiv {
    padding: 4px 10px;
    text-align: center;
}


/*====================================================================================================================================================================================
COOKIE MORE INFO PAGE
======================================================================================================================================================================================*/
.MoreCookieInfo 
{
  margin-top: 15%;  
  font-size: 15px;
}

/*====================================================================================================================================================================================
HEADER
======================================================================================================================================================================================*/
#cookieModal {
    visibility:hidden !important;
    background: #2c3e50;
    border-radius: 0 0 8px 8px;
    text-align: center;
    padding: 4px 8px;
}

#cookieModal .cookieInnerDiv .cookieText {
    line-height: 36px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
}

#cookieModal .cookieInnerDiv .cookieText a:hover {
    color: #27ae60;
}

#cookieModal .close-reveal-modal {
    font-size:14px;
    color: #fff;
    background: #27ae60;
    padding: 6px 12px;
    margin-left:10px;
    border-radius: 4px;
    display: inline-block;
}

#cookieModal .close-reveal-modal:hover {
    color: #2c3e50;
    background:#fff;
}

.main > .header .topMenuMain .topmenu .topMenuProgram,
.main > .header #top .topmenuVersion {
    display:none;
}

form > .main {
    max-width:1080px;
    margin: 0 auto;
}

.main > .header {
    background: url("../../Images/Layout/Megapolisy/logo_megapolisy_h.png") no-repeat calc(50% - 370px) center #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    padding: 0 calc(50% - 540px);
    text-align: center;
    z-index: 999;
    border-bottom: 1px solid #e6e6e6;
}

    .main > .header > * {
        text-align:left;
    }


.main .header .LeftMenu {
    
}

.main .header .LeftMenu .menustyle {
    position: absolute;
    top: 64px;
    right: calc(50% - 540px);
}

.main .header .LeftMenu .menustyle td {
    margin-left: 20px;
    display: block;
    float: left;
}

.main .header .LeftMenu .menustyle td .menubuttoncontent {
    
}
    
.main .header .LeftMenu .menustyle td .menubuttoncontent .menubuttonlabel {
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    height: 36px;
    display: block;
}

.main .header .LeftMenu .menustyle td .menubuttoncontent .menubuttonlabel:hover {
    border-bottom:3px solid #27AD5F;
}


/*====================================================================================================================================================================================
FOOTER
======================================================================================================================================================================================*/

#footer {
    position:fixed;
    bottom:0px;
    right:0px;
    width:100%;
    background:#2c3e50;
    height:60px;
    padding: 20px calc((100% - 1080px)/2) 0;
    text-align:center;
}

#footer_left_logo,
#footer_right_logo {
    margin:0px !important;
    color:#fff;
    width:50%;
    display:inline-block;
    padding: 0 !important;
}

    #footer_right_logo > * {
        
        display:inline-block;
        margin-right:5px;
        float:none !important;
    }

    #footer_right_logo a.crlinks:hover {
        color:#fff;
    }

    #footer_left_logo {
        float:left;
        text-align:left;
    }

    #footer_right_logo {
        float:right;
        text-align:right;
    }


/*====================================================================================================================================================================================
CONTENT WRAPPER
======================================================================================================================================================================================*/

.main .content .oneThird {
    width:33.33333%;
}

.main .content .innerContentWrapper {
    display: none;
    }

.main > .content #pagecontent.pagecontent {
    width:100%;
    float:right;
}
    
.main .content {
    padding-bottom: 100px;
    padding-top: 40px;
    position:inherit !important;
}

    .main .content h1 {
        color: #2c3e50;
        text-align: center;
        text-transform: uppercase;
        font-size: 48px;
        font-weight: bold;
        margin: 48px 0;
    }

    .main .content h3 {
        color: #2c3e50;
        text-align: center;
        text-transform: uppercase;
        font-size: 24px;
        font-weight: bold;
        margin: 48px 0 24px 0;
        border-bottom: 8px solid #3d566e;
        padding: 8px 0;
    }

    .main .content .insuranceOptions > div,
    .main .content .contactOptions > div {
        float: left;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: bold;
        color: #2c3e50;
        position: relative;
        margin: 20px 0 30px 0;
    }

    .main .content .insuranceOptions > div > span,
    .main .content .contactOptions > div > span {
        position: absolute;
        bottom: 0;
        display: block;
        width: 100%;
        text-align: center;
    }        
        .main .content .insuranceOptions .communication {
            background: url('../../Images/Layout/Megapolisy/direct/icon_homeinsurance01.png') no-repeat center top transparent;
            height: 240px;
        }

        .main .content .insuranceOptions .property {
            background: url('../../Images/Layout/Megapolisy/direct/icon_homeinsurance02.png') no-repeat center top transparent;
            height: 240px;
        }

        .main .content .insuranceOptions .travel {
            background: url('../../Images/Layout/Megapolisy/direct/icon_homeinsurance03.png') no-repeat center top transparent;
            height: 240px;
        }
    
        .main .content .contactOptions .internet {
            background: url('../../Images/Layout/Megapolisy/direct/icon_homecontact01.png') no-repeat center top transparent;
            height: 190px;
        }

        .main .content .contactOptions .telephone {
            background: url('../../Images/Layout/Megapolisy/direct/icon_homecontact02.png') no-repeat center top transparent;
            height: 190px;
        }

        .main .content .contactOptions .consultant {
            background: url('../../Images/Layout/Megapolisy/direct/icon_homecontact03.png') no-repeat center top transparent;
            height: 190px;
        }

    .main .content .ourPartners {
        
    }

        .main .content .ourPartners .partnersLogos {
            background: url('../../Images/Layout/Megapolisy/direct/icon_homelogos.png') no-repeat center top transparent;
            height: 100px;
        }



/*====================================================================================================================================================================================
FORMS
======================================================================================================================================================================================*/

html .ajax__tab_container .ajax__tab_body {
    border:none;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 0 10px 0;
}

html .ajax__tab_container {
    margin-bottom: 10px;
}

html .ajax__tab_container .ajax__tab_header {
    background:#27AE60;
    font-size: 18px;
    margin-bottom: 4px;
}

html .ajax__tab_container .ajax__tab_header .ajax__tab_active,
html .ajax__tab_container .ajax__tab_header .ajax__tab_active .ajax__tab_outer,
html .ajax__tab_container .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner,
html .ajax__tab_container .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
    background:none;
    margin: 0;
    padding: 0;
    height: auto;
}

html .ajax__tab_container .ajax__tab_header,
html .ajax__tab_container .ajax__tab_header .ajax__tab_outer,
html .ajax__tab_container .ajax__tab_header .ajax__tab_outer .ajax__tab_inner,
html .ajax__tab_container .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
    margin: 0;
    padding: 0px;
    height: auto;
}

html .ajax__tab_container .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
    font-family: 'Lato', sans-serif;
    color: #FFF;
    line-height: 32px;
    padding: 0 10px;
    opacity: 0.66;
}

html .ajax__tab_container .ajax__tab_header .ajax__tab_outer,
html .ajax__tab_container .ajax__tab_header .ajax__tab_outer .ajax__tab_inner,
html .ajax__tab_container .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
    background: none;
}

html .ajax__tab_container .ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab:hover {
    opacity: 1;
}

html .ajax__tab_container .ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
    opacity: 1;
    pointer-events: none;
    padding: 0 10px;
}

html #MC_pc_header.ajax__tab_header {
    background:#fff;
    border-bottom:2px solid #2C3E50;
}

html #MC_pc_header.ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
    line-height:32px
}

html #MC_pc_body {
    padding-left: 20px;
    /* border-left: 1px solid; */
}


html #MC_pc_header.ajax__tab_header .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
    color: #2C3E50;
    padding-bottom: 4px;
}

html #MC_pc_header.ajax__tab_header .ajax__tab_active .ajax__tab_outer .ajax__tab_inner .ajax__tab_tab {
    border-bottom:4px solid #2C3E50;
    padding-bottom: 0;
}


div.PolicyState {
    display: block;
    width: auto;
    padding: 0;
    position: fixed;
    top: 120px;
    right: calc((100% - 1080px)/2);
    color: #2C3E50;
    font-weight: bold;
    z-index: 9999;
    text-align: right;
}

div.PolicyState span.PolicyState {
    
}

.searchresults td {
    padding:5px;
}

.searchresults {
    width:100%;
}

.searchresults,
.searchresults tr th,
.searchresults tr th * {
    border: none !important;
}

.searchresults tr > td {
    border:none;
    border-top:1px solid #ddd;
}

.searchresults tr.rowstyleOnHover td {
    background:#f6f6f6;
}

.calculation input[type="submit"] {
    margin-bottom:10px;
}


/*====================================================================================================================================================================================
FIELDS
======================================================================================================================================================================================*/

.field {
    width:25%;
    float:left;
    padding:0 10px;
    margin-bottom:4px;
    min-height: 48px;
    font-size:11px;
}

.field.fullWidth {
    width:100%;
}

.field.oneHalf {
    width:50%
}

.field.twoThirds {
    width:66.666%
}

.field.checkBoxDiv.checkBoxLow,
fieldset .field.checkBoxDiv.checkBoxLow {
    padding-top: 14px;
    min-height: 48px;
}

.field.checkBoxDiv {
    padding-top: 12px;
}

    .field.checkBoxDiv input {
        margin-right:4px;
        float: left;
        height: 24px;
    }

    .field.checkBoxDiv label {
        display: block;
        width: 88%;
        float: left;
        line-height: 16px;
        padding-top: 4px;
    }

.field table.formvalidation_fieldValid tr {
    display: inline-block;
    padding: 10px 10px 0px 0;
}

.field.yearField input[type="text"] {
    min-width: calc(100% - 24px);
    width: calc(100% - 24px);
    border-right: none !important;
}

.field img.imCalendar {
    float: right;
}

html .ajax__calendar .ajax__calendar_container {
    z-index:999;
}

fieldset {
    clear:both;
    float:none;
}

fieldset legend {
    display: block;
    width: 100%;
    font-size: 16px;
    border-bottom: 2px solid #27AD5F;
    padding-bottom: 4px;
}

fieldset .field.checkBoxDiv {
    padding-top: 14px;
    min-height: 48px;
}

.ajax__calendar_body {
    max-width:160px;
}

.PolicyStateLabel {
    display:none;
}


.genericList .GenericListWithFilter .GridBoxDiv.gridbox .objbox {
    overflow:hidden !important;
}

.genericList .GenericListWithFilter .GridBoxDiv.gridbox .objbox table.obj tr.rowselected td,
.genericList .GenericListWithFilter .GridBoxDiv.gridbox .objbox table.obj tr.rowselected td.cellselected {
    background-color: #dff3e7;
}

.modalPopup.formPopup .lowerbuttonbar {
    text-align: center;
}

.modalPopup.formPopup .lowerbuttonbar input[type="image"] {
    display: inline-block;
}

.modalPopup.formPopup .lowerbuttonbar input[type="submit"] {
    clear: both;
    display: block;
    margin: 10px auto;
}

.paginationDiv {
    margin-top:20px;
    float:right;
}

.paginationDiv .currentPageLbl {
    padding:10px;
}

.AccordionPaneFilter,
.accordionHeader,
.accordionHeaderSel.filterHeaderSelected {
    background: #27AD5F;
    width: 100%;
    display: block;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

html .GridBoxDiv.gridbox.gridbox_dhx_terrace {
    min-width:100% !important;
}

.field.complexfield,
.field.complexfield table {
    width:100%;
    float:none;
    clear:both;
    border: none;
    margin-bottom: 20px;
}

.field.complexfield table th,
.field.complexfield table td {
    text-align: left;
    padding: 10px;
    border: none;
    border-bottom: 1px solid #e6e6e6;
}

.field.complexfield table th {
    background:#f1f1f1;
}

html .acc-btn-prev {
    white-space: nowrap;
    overflow: hidden;
    width: 18%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
}

    html .acc-btn-prev legend {
        background: url('../../Images/Layout/Megapolisy/arrow_left.png') no-repeat 10% center #2C3E50;
        border-radius: 0 8px 0 8px;
    }


    html .acc-btn-prev legend:hover {
        background:url('../../Images/Layout/Megapolisy/arrow_left.png') no-repeat 10% center #27AE60;
    }

html .acc-btn-next {
    white-space: nowrap;
    overflow: hidden;
    width: 18%;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 0;
}

    html .acc-btn-next legend {
        background: url('../../Images/Layout/Megapolisy/arrow_right.png') no-repeat 90% center #2C3E50;
        border-radius: 8px 0 8px 0;
    }

    html .acc-btn-next legend:hover {
        background:url('../../Images/Layout/Megapolisy/arrow_right.png') no-repeat 90% center #27AE60;
    }

fieldset legend {
    border-radius:8px 8px 0 0;
}

.acc-btn {
    cursor: default !important;
}

fieldset fieldset.acc-content-inner {
    border-radius:0 0 8px 8px;
    background:#f6f6f6;
    margin: 0 0 4px 0;
    position: relative;
    padding-bottom: 48px;
}

fieldset.insurance-header-btn > legend {
    background: url('../../Images/Layout/Megapolisy/.png') no-repeat 90% center #27AE60;
}

fieldset.car-header-btn > legend {
    background: url('../../Images/Layout/Megapolisy/.png') no-repeat 90% center #27AE60;
}

fieldset.owner-header-btn > legend {
    background: url('../../Images/Layout/Megapolisy/.png') no-repeat 90% center #27AE60;
}

fieldset.offer-header-btn > legend {
    background: url('../../Images/Layout/Megapolisy/.png') no-repeat 90% center #27AE60;
}


/*====================================================================================================================================================================================
TOOLBAR
======================================================================================================================================================================================*/

.toolbarDiv.toolbarDiv .dhx_toolbar_btn {
    border-radius:0 !important;
    border:none !important;
    background:#2C3E50;
    color:#fff;
    box-shadow:none;
    margin-right: 10px;
}

.toolbarDiv.toolbarDiv .dhx_toolbar_btn:hover {
    background:#27ae60;
}



/*====================================================================================================================================================================================
BUTTONBAR
======================================================================================================================================================================================*/

.buttonbar {
    width: 100%;
    margin: 20px 0;
}

    .buttonbar .buttonouterdiv {
        float: left;
        margin-right: 4px;
    }

        .buttonbar .buttonouterdiv .buttoninnerdiv {

        }

            .buttonbar .buttonouterdiv .buttoninnerdiv a {
                color: #FFF;
                background: #27AD5F;
                line-height: 32px;
                padding: 8px;
                transition: all 0.15s ease-in-out 0s;
            }

            .buttonbar .buttonouterdiv .buttoninnerdiv a:hover {
                background: #2C3E50;
            }

                .buttonbar .buttonouterdiv .buttoninnerdiv a img {
                    display:none;
                }

                .buttonbar .buttonouterdiv .buttoninnerdiv a span {
                    
                }

                    .buttonbar .buttonouterdiv .buttoninnerdiv a span em {
                        font-style:normal !important;
                    }

            .buttonbar .buttonouterdiv .buttoninnerdiv a {
                
            }


/*====================================================================================================================================================================================
KARTA PRZELEWU
======================================================================================================================================================================================*/

.content.kartaprzelewu .paneldiv table tbody tr {
    display:block;
    margin-bottom:10px;
}

.content.kartaprzelewu .paneldiv table tbody tr th {
    text-align: right;
    padding-right: 10px;
    width: 160px;
}

.content.kartaprzelewu .paneldiv table tbody tr td .field.divDataWykonPrzelewu {
    padding:0;
    width: 100%;
    min-height: 0;
}

.content.kartaprzelewu .paneldiv table tbody tr td .field.divDataWykonPrzelewu * {
    float: left;
    min-width: 0;
}

.content.kartaprzelewu .paneldiv table tbody tr td .field.divDataWykonPrzelewu input.datetextbox {
    width:70px;
}

.content.kartaprzelewu .paneldiv table tbody tr td .field.divDataWykonPrzelewu input.timetextbox {
    width:38px;
}

.content.kartaprzelewu .paneldiv table tbody tr td .field.divDataWykonPrzelewu img.imCalendar {
    margin: 8px 10px 0 10px;
}

.content.listaprzelewow .FilterAccordion .accordionContent .gridfilter {
    position:relative;
}

.content.listaprzelewow .searchresults tr.rowstyleSelected,
.content.listaprzelewow .searchresults tr.rowstyleOnHoverSelected {
    background: #dff3e7;
}

.content.listaprzelewow .FilterAccordion .accordionContent .gridfilter .TitleCss,
.content.listaprzelewow .FilterAccordion .accordionContent .gridfilter .AssignedCss,
.content.listaprzelewow .FilterAccordion .accordionContent .gridfilter .AmountCss,
.content.listaprzelewow .FilterAccordion .accordionContent .gridfilter .filterField {
    display: block;
    float: left;
    width: 45%;
    margin-top: 12px;
    margin-right: 5%;
}

.content.listaprzelewow .FilterAccordion .accordionContent .gridfilter .AmountCss {
    position: absolute;
    text-align: right;
    color: red;
}

.content.listaprzelewow .FilterAccordion .accordionContent .gridfilter .filterField {
    margin-bottom: 12px;
}

.content.listaprzelewow .FilterAccordion .accordionContent .gridfilter .filterbuttonbar {
    margin-top:12px;
}

.content.listaprzelewow .FilterAccordion .accordionContent .gridfilter .TitleCss input {
    width:100%;
}

.content.listaprzelewow .FilterAccordion .accordionContent .gridfilter .AssignedCss select {
    width:100%;
    height: 30px;
    border: 1px solid #e6e6e6 !important;
}

.content.listaprzelewow .FilterAccordion .accordionContent .gridfilter .filterField label.fieldlabel {

}

.content.listaprzelewow .FilterAccordion .accordionContent .gridfilter .filterField input.watermarked.datetextbox {
    width:70px;
    margin:0 0 0 10px;
}

.content.listaprzelewow .FilterAccordion .accordionContent .gridfilter .filterField img.imCalendar {
    margin:0 10px 0 0;
}

.content.dopasowywanieprzelewow .searchresults .accordionHeader {
    background:none;
}

.content.dopasowywanieprzelewow table {
    border: none;
}

.content.dopasowywanieprzelewow .searchresults tr th td {
    color:#27ae60;
    font-size: 12px;
}

.content.dopasowywanieprzelewow .searchresults tr.rowstyleNormal th td,
.content.dopasowywanieprzelewow .searchresults tr.rowstyleOnHover td {
    color: #000;
    background:none;
}

.content.dopasowywanieprzelewow .searchresults tr td {
    color: #000;
    font-size: 12px;
}

.content.dopasowywanieprzelewow .searchresults tr td.col3 {
    text-align:center;
}

.modalPopupScroll {
    width:auto !important;
    max-width:100% !important;
    background: #fff;
    border: 1px solid #ddd;
    padding: 20px;
}

/*====================================================================================================================================================================================
PORÓWNYWARKA / KOMPARATOR
======================================================================================================================================================================================*/


.content.kartapolisy .comparator .field.complexfield #mainComplexDiv .ComplexOptButItem input[type="button"] {
    display:none;
}

.content.kartapolisy .comparator .field.complexfield {
    width:100%;
    clear: both;
    float: none;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv > div > table {
    width:100%;
    position: relative;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv > div > table  tr {
    height:80px;
    vertical-align:top;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table,
.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table tr,
.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table .ComplexOptButItem tr,
.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table th,
.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table td{
    border:none;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table tr {
    border-bottom:1px solid #dfdfdf;
    position:relative;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table tr th {
    padding:10px;
    font-size:14px;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table tr td {
    padding:10px;
    font-size:14px;
    text-align:center;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table tr td.ComplexOptButItem {
    position: absolute;
    width: 470px;
    left: 223px;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table tr td.ComplexOptButItem table tr {
    float:left;
    top:30px;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table tr td.ComplexOptButItem table tr td {
    background:#27AE60;
    color:#fff;
    text-align:center;
    padding:5px;
    font-size:12px;
    cursor: pointer;
    transition: all 0.15s ease-in-out 0s;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table tr td.ComplexOptButItem table tr td:hover {
    background:#2c3e50;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table tr td.ComplexOptButItem table tr:nth-child(1) {
    margin-left:10px;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table tr td.ComplexOptButItem table tr:nth-child(2) {
    margin-left:16px;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table tr td.ComplexOptButItem table tr:nth-child(3) {
    margin-left:18px;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table tr td.ComplexOptButItem table tr:nth-child(4) {
    margin-left:19px;
}

html .content.kartapolisy .acc-container .ajax__tab_container .ajax__tab_header {
    display:none;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table tr:nth-child(3) td.tuLogo {
    font-size: 0;
    background:url('../../Images/Layout/Megapolisy/logo_proama.png') no-repeat center center transparent;
}

.content.kartapolisy .comparator .field.complexfield #mainComplexDiv table tr:nth-child(2) td.tuLogo {
    font-size: 0;
    background:url('../../Images/Layout/Megapolisy/logo_interrisk.png') no-repeat center center transparent;
}


/*====================================================================================================================================================================================
HOME
======================================================================================================================================================================================*/

.BigButtons .BButton {
    width: 255px;
    height: 255px;
    float: left;
    margin: 0;
    transition: all 0.15s ease-in-out 0s;
    position: relative;
}

.BigButtons .BButton:hover {
    background-color:#27ae60 !important;
}

.BigButtons .BButton span {
    font-family: 'Lato', sans-serif;
    color:#fff;
    font-size: 18px;
    position: absolute;
    text-align: center;
    bottom: 26px;
    text-transform: uppercase;
    display: block;
    width: 100%;
}


.BigButtons .BButton:nth-child(1) {
    background:url('../../Images/Layout/Megapolisy/icon_bigButton01.png') no-repeat center 80px #2C3E50;
    margin-right:20px;
}

.BigButtons .BButton:nth-child(2) {
    background:url('../../Images/Layout/Megapolisy/icon_bigButton02.png') no-repeat center 80px #2C3E50;
    margin-right:20px;
}

.BigButtons .BButton:nth-child(3) {
    background: url('../../Images/Layout/Megapolisy/icon_bigButton03.png') no-repeat center 80px #2C3E50;
}

.BigButtons .BButton:nth-child(4) {
    background:url('../../Images/Layout/Megapolisy/icon_bigButton04.png') no-repeat center 80px #2C3E50;
    float:right;
}

.main .MainBanner {
    width: 100%;
    height: 410px;
    margin-top: 100px;
}

    .main .MainBanner .banner,
    .main .MainBanner .banner .ThickAsABanner {
        width: 100%;
        height: 100%;
        background: url('../../Images/Layout/Megapolisy/direct/slider_bg.png') no-repeat center center transparent;
    }

        .main .MainBanner .banner ul {
            background: transparent;
            width: 60%;
            list-style: none;
            font-size: 24px;
            color: #2c3e50;
            line-height: 72px;
            position: relative;
            top: 24px;
            }

            .main .MainBanner .banner ul li {
                padding-left: 50px;
            }

            .main .MainBanner .banner ul li:nth-child(1) {
                background: url('../../Images/Layout/Megapolisy/direct/icon_homeslider01.png') no-repeat 4px 18px transparent;
            }

            .main .MainBanner .banner ul li:nth-child(2) {
                background: url('../../Images/Layout/Megapolisy/direct/icon_homeslider02.png') no-repeat 4px 18px transparent;
            }

            .main .MainBanner .banner ul li:nth-child(3) {
                background: url('../../Images/Layout/Megapolisy/direct/icon_homeslider03.png') no-repeat 4px 18px transparent;
            }

            .main .MainBanner .banner ul li:nth-child(4) {
                background: url('../../Images/Layout/Megapolisy/direct/icon_homeslider04.png') no-repeat 4px 18px transparent;
            }

            .main .MainBanner .banner ul li:nth-child(5) {
                background: url('../../Images/Layout/Megapolisy/direct/icon_homeslider05.png') no-repeat 4px 18px transparent;
            }


/*====================================================================================================================================================================================
CSS LOADER
======================================================================================================================================================================================*/


@-webkit-keyframes preloader-inside-white {
  0% {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
  }
  100% {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
  }
}
@keyframes preloader-inside-white {
  0% {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
  }
  100% {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
  }
}
@-webkit-keyframes preloader-inside-red {
  0% {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
  }
  30% {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
  }
  100% {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
  }
}
@keyframes preloader-inside-red {
  0% {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
  }
  30% {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0);
    transform: scale(0,0);
  }
  100% {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1);
    transform: scale(1,1);
  }
}
div#MC_vupMain {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: white;
  opacity: 0.9;
  text-align: center;
}
div#MC_vupMain .masterupdatestyle {
  display: inline-block;
  width: 100px;
  height: 100px;
  margin: auto;
  position: absolute;
  top: 44%;
  left: 0;
  position: relative;
}
div#MC_vupMain .masterupdatestyle .masterupdateinnerstyle {
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  background: #27ae60;
  border-radius: 50em;
}
div#MC_vupMain .masterupdatestyle .masterupdateinnerstyle:after {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50em;
  background: white;
  -webkit-animation: preloader-inside-white 1s ease-in-out infinite;
  -ms-animation: preloader-inside-white 1s ease-in-out infinite;
  animation: preloader-inside-white 1s ease-in-out infinite;
}
div#MC_vupMain .masterupdatestyle .masterupdateinnerstyle:before {
  content: '';
  display: inline-block;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  border-radius: 50em;
  background: #27ae60;
  -webkit-animation: preloader-inside-red 1s ease-in-out infinite;
  -ms-animation: preloader-inside-red 1s ease-in-out infinite;
  animation: preloader-inside-red 1s ease-in-out infinite;
}



div#MC_vupMain .masterupdatestyle .masterupdateinnerstyle img {
	display:none;
}

.calcFloat,
.insuFloat {
    position: fixed;
    right: 200px;
    top:147px;
    width: 200px;
    z-index: 999;
}

.insuFloat {
    top:127px;
}


.calcFloat .ajax__tab_body {
    background: #f4f4f4 !important;
    text-align: center;
}

.insuFloat .ajax__tab_body {
    background: #f4f4f4 !important;
    padding:0 !important;
}

.calcFloat .ajax__tab_body .field,
.insuFloat .ajax__tab_body .field {
    width:100%;
}

.insuFloat .ajax__tab_body table {
    width:100%;
    border: none;
}

.insuFloat .ajax__tab_body table th {
    border:none;
    text-align:left;
    padding:5px 10px 5px 0;
    border-bottom: 1px solid #999;
    font-weight:normal;
    font-size:14px;
}

.insuFloat .ajax__tab_body table td {
    border:none;
    text-align:left;
    padding:5px 10px 5px 0;
    color:#666;
    font-size:14px;
}

.dhtmlxcalendar_dhx_terrace.dhtmlxcalendar_in_input {
    z-index: 1000 !important;
}

/*FIELD HINT (NEW)-----------------------------------------------------------------------------------------------------*/

.field {
    position:relative;
}

.field .hintCtl {
    display:none;
}

.field:hover .hintCtl {
    bottom: 100%;
    left: 0px;
    position: absolute;
    z-index: 9;
    display: block;
}

.field .hintCtl > div {
    visibility:hidden;
}

.field:hover .hintCtl > div {
    visibility:visible;
}

.field .hintCtl div.text {
    left:0px;
    bottom:100%;
    margin-bottom:9px;
    color: #fff;
    background: #27AD5F;
    padding: 6px 10px;
}

.field .hintCtl div.notext {
    width: 0;
    height: 0;
    position: absolute;
    left: calc(50% - 8px);
    bottom: 1px;
    background: transparent;
    border-style: solid;
    border-width: 8px 8px 0 8px;
    border-color: #27ad5f transparent transparent transparent;
    z-index: 9999;
}