/* fixes default bootstrap property */
.tauronform * {
    box-sizing: content-box !important;
}
/* misc - remove form page margins and borders */
.tauronform > div > div.xdSection {
    margin-bottom: 0px !important;
    border: 0px !important;
}

.tauronform > div > div > div > div.xdSection {
    height: auto !important;
}

.tauronform TD {
    font-size: 13px;
}

.tauronform .xdSection {
    text-align: left;
}

.tauronform .xdFileAttachment {
    border: 1px solid #dcdcdc;
    height: auto !important;
    width: auto !important;
    cursor: pointer;
}

.tauronform .xdFileAttachment .fileicon {
    background: url('Images/attachment.gif') no-repeat;
    margin-left: 10px;
    margin-top: 5px;
    height: 30px;
    width: 10px;
    padding-right: 5px; 
    padding-left: 5px;
    display: inline-block;
}

.tauronform .xdFileAttachment .filename {
    padding-top: 5px; 
    padding-right: 5px; 
    padding-bottom: 5px; 
    display: inline-block;
}

/* komunikaty o bledach walidacji pod polami */
.tauronform tr td h6 { overflow: hidden; }
.tauronform tr td h6 span { float: left; }
.tauronform tr td h6 span:first-child { margin: 0px 5px 0 0; padding: 0; }

.tauronform .changetrace {
    border: solid 1px green !important;
}

.tauronform .xdDTPicker {
    display: inline-block !important;
    position: relative !important;
    border: 0px !important;
    border-radius: 0px !important;
    padding: 0px 0px 0px 0px !important;                   
    background-color: transparent !important;
}

.tauronform .info-box {
    background-color: white;
    border: 1px solid #bfbfbf !important;
    overflow: auto !important;
    padding: 2px 10px !important;
    text-decoration: none !important;
    display: block !important;
    font-size: 11px;
}

.tauronform .ip-calendar-button {
    background: url('Images/calendar.gif') no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
    margin-left: 8px !important;
    vertical-align: middle;
    cursor: pointer !important;
}

/* tooltips */
.ip-tooltip {
    background: #e5e5e5; 
    position: absolute; 
    display: none; 
}

.ip-tooltip-content {
    background: #fff; 
    padding: 5px; 
    border: 1px #b4b4b4 solid; 
    font-family: arial; 
    font-size: 11px; 
    color: #4c4c4c; 
    position: relative; 
    top: -1px; 
    left: -1px; 
}

/* custom inputs */
.tauronform .custominput {
    overflow: hidden; 
    background: url("Images/input-sprite.png") 0 1px no-repeat;
    display: inline-block; 
    height: 13px; 
    width: 13px;
    margin: 0 5px 0 0; 
    position: relative; 
    top: -0.135em; 
    vertical-align: middle;
    cursor: default;
}

.tauronform .custominput-checkbox { background-position: 0 -112px; }
.tauronform .custominput-radio.on { background-position: 0 -27px; }
.tauronform .custominput-checkbox.on { background-position: 0 -140px; }
.tauronform .custominput-radio.disabled { background-position: 0 -55px; color: #9A9A9A; }
.tauronform .custominput-radio.disabled.on { background-position: 0 -83px; }
.tauronform .custominput-checkbox.disabled { background-position: 0 -168px; color: #9A9A9A; }
.tauronform .custominput-checkbox.disabled.on { background-position: 0 -196px; }
.tauronform .ip-error.custominput-checkbox { background-position: 0 -338px; }
.tauronform .ip-error.custominput-radio.on { background-position: 0 -253px; }
.tauronform .ip-error.custominput-checkbox.on { background-position: 0 -366px; }
.tauronform .ip-error.custominput-radio.disabled { background-position: 0 -281px; color: #9A9A9A; }
.tauronform .ip-error.custominput-radio.disabled.on { background-position: 0 -309px; }
.tauronform .ip-error.custominput-checkbox.disabled { background-position: 0 -394px; color: #9A9A9A; }
.tauronform .ip-error.custominput-checkbox.disabled.on { background-position: 0 -422px; }

.tauronform .custominputhide {
    position: relative;
    right: 6000px;    
    width: 0px !important;
    height: 0px !important;
    margin: 0 !important;
    padding: 0 !important;
    -moz-appearance: none;
}

/* separators */
.tauronform .ip-separator {
    width: 100%;
    height: 8px;
    margin: 5px 0 !important;
    position: relative;
    background: url("Images/shadow-separator.png");
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}

/* placeholders */
.tauronform .ip-placeholder {
    left: 0px; 
    top: 8px; 
    position: absolute; 
    cursor: text;   
    height: 27px !important; 
    padding-left: 10px !important; 
    font-family: arial !important; 
    font-size: 13px; 
    font-weight: normal;
    color: #bfbfbf; 
}

/* inputs, placeholders */            
.tauronform input[type="text"], 
.tauronform input[type="password"],
.tauronform input[type="email"],
.tauronform input[type="number"],
.tauronform input[type="tel"],
.tauronform input[type="url"],
.tauronform .ui-selectmenu-status {
    height: 27px !important; 
    padding-left: 10px !important; 
    font-family: arial !important; 
    font-size: 13px; 
    font-weight: normal;
    color: #4c4c4c; 
    line-height: 24px !important; 
    vertical-align: middle !important;
    border: 1px solid #b4b4b4 !important;
    background: #ffffff;
}

.tauronform textarea {
    padding: 5px 10px !important;
    font-family: arial !important; 
    font-size: 13px; 
    font-weight: normal;
    color: #4c4c4c; 
    border-collapse: separate;
    border: 1px solid #bfbfbf;
    background: #ffffff;
    white-space: pre !important;
    resize: vertical;
    overflow: auto;
}

/* inputs with validation error */
.tauronform input.ip-error, 
.tauronform .xdExpressionBox.xdDataBindingUI.ip-error,
.tauronform textarea.ip-error,
.tauronform .info-box.ip-error,
.tauronform .ui-selectmenu-status.ip-error {
    border: 1px solid #b00947 !important;
} 

/* select-menu and autocomplete */
.tauronform .ui-selectmenu-dropdown {
    background: inherit !important;
    border: 0px !important;
    border-radius: 0px !important;
    padding: 0px 0px 0px 0px !important;
    margin-left: 1px !important; 
    cursor: pointer;
    display: inline-block;
    position: relative;
    overflow: visible;
    text-decoration: none !important; 
}

.tauronform .ui-selectmenu-icon {
    background: url("Images/selectbox-icon.gif");
    height: 24px !important;
    top: 4px !important;
    width: 22px !important;
    right: 1px !important;
    left: auto;
    position: absolute;
    margin: 0px 0px 0px 0px !important;
}

.tauronform .ui-selectmenu-status {
    display: block;
    border-radius: 0px !important;
    padding: 3px 1px 1px 10px !important;
    overflow: hidden;
}

.tauronform .ui-selectmenu-menu,
.tauronform .ui-autocomplete {
    position: absolute;
    display: block;
    cursor: pointer;
    background: #ffffff !important;
    border: 0px solid !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px -1px !important;
    z-index: 100 !important;
    width: inherit !important;
}

.tauronform [aria-hidden='true'] {
    display: none;
}

.tauronform .ui-selectmenu-menu-dropdown,
.tauronform .ui-autocomplete {
    background: #ffffff !important;
    list-style-type: none;
    list-style-position: outside;
    list-style-image: none;
    border-radius: 0px !important;
    border: 1px solid #b4b4b4 !important;
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px -1px !important;
    outline: invert none medium;
    overflow: auto !important;
    max-height: 252px;
}

.tauronform .ui-selectmenu-menu li,
.tauronform .ui-autocomplete li {
    padding: 0px 0px 0px 0px !important;
    margin: 0px 0px 0px 0px !important;
    display: block; 
    border: 0px !important; 
    font-weight: normal !important; 
    width: 100% !important;
}

.tauronform .ui-selectmenu-menu li a,
.tauronform .ui-autocomplete li a {
    line-height: 1.4em !important;   
    display: block; 
    outline: none; 
    text-decoration: none !important; 
    color: #4c4c4c; 
    font-size: 13px !important; 
    padding: 5px 5px 5px 5px !important;
    border-bottom: 1px solid #BFBFBF; 
    margin: 0px 5px 0px 5px !important;
    background: #fff; 
}

.tauronform .ui-selectmenu-menu li.ui-state-disabled a,
.tauronform .ui-autocomplete li.ui-state-disabled a {
    cursor: default; 
}

.tauronform .ui-selectmenu-menu .ui-state-hover a,
.tauronform .ui-selectmenu-menu .ui-state-hover,
.tauronform .ui-autocomplete .ui-state-hover {
    background: #e2007a !important; 
    color: #fff !important; 
}

/* buttons */
.tauronform .button input[type="button"],
.tauronform .button-big input[type="button"],
.tauronform .button-small input[type="button"] {
    background: url('Images/buttons.png') no-repeat center 0;
    border: 0;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    font-family: arial, sans-serif;
    width: auto;
    padding: 6px 12px 4px;
    line-height: 18px;
    border-width: 0 2px;
    border-color: #c2006b;
    border-style: solid;
    position: relative;
    outline: 0 !important;
    cursor: pointer;
    display: inline-block;
    vertical-align: text-bottom;
}

.tauronform .button-big input[type="button"] { padding: 8px 16px; font-size: 16px; line-height: 24px; background-image: url('Images/buttons_big.png'); }
.tauronform .button-small input[type="button"] { padding: 4px 9px; font-size: 12px; line-height: 16px; background-image: url('Images/buttons_small.png'); }

.tauronform .button-big input[type="button"]:hover { background-position: center -40px; }
.tauronform .button input[type="button"]:hover { background-position: center -30px; }
.tauronform .button-small input[type="button"]:hover { background-position: center -25px; }

.tauronform .button-big.button-left input[type="button"] { background-position: left 0; border-left: 0; padding-left: 26px; }
.tauronform .button-big.button-left input[type="button"]:hover { background-position: left -40px; }
.tauronform .button-big.button-right input[type="button"] { background-position: right 0; border-right: 0; padding-right: 26px; }
.tauronform .button-big.button-right input[type="button"]:hover { background-position: right -40px; }
.tauronform .button.button-left input[type="button"] { background-position: left 0; border-left: 0; padding-left: 22px; }
.tauronform .button.button-left input[type="button"]:hover { background-position: left -30px; }
.tauronform .button.button-right input[type="button"] { background-position: right 0; border-right: 0; padding-right: 22px; }
.tauronform .button.button-right input[type="button"]:hover { background-position: right -30px; }
.tauronform .button-small.button-left input[type="button"] { background-position: left 0; border-left: 0; padding-left: 19px; }
.tauronform .button-small.button-left input[type="button"]:hover { background-position: left -25px; }
.tauronform .button-small.button-right input[type="button"] { background-position: right 0; border-right: 0; padding-right: 19px; }
.tauronform .button-small.button-right input[type="button"]:hover { background-position: right -25px; }

.tauronform .button-blue.button input[type="button"] { background-position: center -60px; border-color: #002853; }
.tauronform .button-blue.button input[type="button"]:hover  { background-position: center -90px; }
.tauronform .button-blue.button.button-left input[type="button"] { background-position: left -60px; }
.tauronform .button-blue.button.button-left input[type="button"]:hover { background-position: left -90px; }
.tauronform .button-blue.button.button-right input[type="button"] { background-position: right -60px; }
.tauronform .button-blue.button.button-right input[type="button"]:hover { background-position: right -90px; }
.tauronform .button-blue.button-small input[type="button"] { background-position: center -50px; border-color: #002853; }
.tauronform .button-blue.button-small input[type="button"]:hover  { background-position: center -75px; }
.tauronform .button-blue.button-small.button-left input[type="button"] { background-position: left -50px; }
.tauronform .button-blue.button-small.button-left input[type="button"]:hover { background-position: left -75px; }
.tauronform .button-blue.button-small.button-right input[type="button"] { background-position: right -50px; }
.tauronform .button-blue.button-small.button-right input[type="button"]:hover { background-position: right -75px; }

.tauronform .button-black.button input[type="button"] { background-position: center -120px; border-color: #111111; }
.tauronform .button-black.button input[type="button"]:hover  { background-position: center -150px; }
.tauronform .button-black.button.button-left input[type="button"] { background-position: left -120px; }
.tauronform .button-black.button.button-left input[type="button"]:hover { background-position: left -150px; }
.tauronform .button-black.button.button-right input[type="button"] { background-position: right -120px; }
.tauronform .button-black.button.button-right input[type="button"]:hover { background-position: right -150px; }
.tauronform .button-black.button-small input[type="button"] { background-position: center -100px; border-color: #111111; }
.tauronform .button-black.button-small input[type="button"]:hover  { background-position: center -125px; }
.tauronform .button-black.button-small.button-left input[type="button"] { background-position: left -100px; }
.tauronform .button-black.button-small.button-left input[type="button"]:hover { background-position: left -125px; }
.tauronform .button-black.button-small.button-right input[type="button"] { background-position: right -100px; }
.tauronform .button-black.button-small.button-right input[type="button"]:hover { background-position: right -125px; }

.tauronform .button-white.button input[type="button"] { background-position: center -180px; border-color: #dedede; color: #272727; }
.tauronform .button-white.button input[type="button"]:hover  { background-position: center -210px; }
.tauronform .button-white.button.button-left input[type="button"] { background-position: left -180px; }
.tauronform .button-white.button.button-left input[type="button"]:hover { background-position: left -210px; }
.tauronform .button-white.button.button-right input[type="button"] { background-position: right -180px; }
.tauronform .button-white.button.button-right input[type="button"]:hover { background-position: right -210px; }
.tauronform .button-white.button-small input[type="button"] { background-position: center -150px; border-color: #dedede; color: #272727; }
.tauronform .button-white.button-small input[type="button"]:hover  { background-position: center -175px; }
.tauronform .button-white.button-small.button-left input[type="button"] { background-position: left -150px; }
.tauronform .button-white.button-small.button-left input[type="button"]:hover { background-position: left -175px; }
.tauronform .button-white.button-small.button-right input[type="button"] { background-position: right -150px; }
.tauronform .button-white.button-small.button-right input[type="button"]:hover { background-position: right -175px; }

.tauronform .button input[type="button"][disabled],
.tauronform .button-big input[type="button"][disabled],
.tauronform .button-small input[type="button"][disabled] { background-position: center bottom !important; border-color: #a8a8a8 !important; color: #707173 !important; cursor: default; }
.tauronform .button.button-left  input[type="button"][disabled],
.tauronform .button-big.button-left  input[type="button"][disabled],
.tauronform .button-small.button-left  input[type="button"][disabled] { background-position: left bottom !important;}
.tauronform .button.button-right input[type="button"][disabled],
.tauronform .button-big.button-right input[type="button"][disabled],
.tauronform .button-small.button-right input[type="button"][disabled] { background-position: right bottom !important;}
.tauronform .button input[type="button"][disabled]:active ,
.tauronform .button-big input[type="button"][disabled]:active ,
.tauronform .button-small input[type="button"][disabled]:active { left: 0; top: 0; }


/* custom styles */
.tauronform .ip-custom-style {
    border: 1px solid #e1e1e1 !important;
}

.tauronform .ip-custom-style > div {
    border-width: 0px !important;
    background: #fff !important;
}

/* headers with color gradient */
.tauronform .ip-header {
    background: #c7006b;
    background: linear-gradient(to bottom, #e61f8a 0%, #c7006b 100%);
    color: #fff;
    font-size: 21px !important;
    padding: 15px 32px 19px !important;
    width: auto !important;
    font-family: FrutigerBold, 'Frutiger LT Pro 55 Roman', Arial, sans-serif !important;
    font-weight: bold !important;
    margin: -1px -1px 0 !important;
    text-align: left !important;
}

/* navigation steps */
.tauronform .ip-steps {
    display: table;
    width: 100%;
    overflow: hidden;
}

.tauronform .ip-steps .ip-step {
    font-size: 27px;
    display: table-cell;
    text-align: center;
    font-family: FrutigerBold, 'Frutiger LT Pro 55 Roman', Arial, sans-serif !important;
    font-weight: bold !important;
    overflow: visible !important;
    background-color: #f0f0f0 !important;
}

.tauronform .ip-steps .ip-step .ip-step-inner {
    position: relative;
    padding: 16px 0 15px 30px;
    display: block;
    color: #4c4c4c;
    overflow: visible !important;
}

.tauronform .ip-steps .ip-step.ip-step-active {
    background-color: #fff !important;
    color: #e30d81;
}

.tauronform .ip-steps .ip-step.ip-step-nonactive .ip-step-inner {
    color: #c1c1c1;
}

/*
.tauronform .ip-steps .ip-step:first-child .ip-step-inner {
    padding: 16px 5px 15px 10px;
}

.tauronform .ip-steps .ip-step:last-child .ip-step-inner {
    padding-right: 5px;
}
*/

.tauronform .ip-steps .ip-step.ip-step-hidden {
    display: none;
}

.tauronform .ip-steps .ip-step .ip-step-inner:after {
    content: '';
    background: url("Images/steps-shadow.png") no-repeat;
    position: absolute;
    top: 0;
    right: -30px;
    font-size: 10px;
    width: 30px;
    height: 100%;
    z-index: 3;
}

.tauronform .ip-steps .ip-step .ip-step-inner:before {
    content: '';
    position: absolute;
    top: 0;
    right: -25px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 32px 0 32px 26px;
    border-color: transparent transparent transparent #f0f0f0;
    z-index: 2;
}

.tauronform .ip-steps .ip-step.ip-step-active .ip-step-inner:before {
    border-color: transparent transparent transparent #fff;
}
            
/* custom colors */
.tauronform .ip-custom-style.ip-custom-style-light > div {
    background-color: #fff !important;
}

.tauronform .ip-custom-style.ip-custom-style-dark > div {
    background-color: #f0f0f0 !important;
}

.tauronform .ip-custom-style-magenta .ip-header,
.tauronform .ip-header.ip-custom-style-magenta {
    background: #c7006b;
    background: linear-gradient(to bottom, #e61f8a 0%, #c7006b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e61f8a', endColorstr='#c7006b',GradientType=0 ); /* IE6-9 */
    color: #fff;
}

.tauronform .ip-custom-style-blue .ip-header,
.tauronform .ip-header.ip-custom-style-blue {
    background: #002954;
    background: linear-gradient(to bottom, #1f4772 0%, #002954 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f4772', endColorstr='#002954',GradientType=0 ); /* IE6-9 */
    color: #fff;
}

.tauronform .ip-custom-style-yellow .ip-header,
.tauronform .ip-header.ip-custom-style-yellow {
    background: #d0a100;
    background: linear-gradient(to bottom, #efc01f 0%, #d0a100 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc01f', endColorstr='#d0a100',GradientType=0 ); /* IE6-9 */
    color: #272727;
}

.tauronform .ip-custom-style-grey .ip-header,
.tauronform .ip-header.ip-custom-style-grey {
    background: #434343;
    background: linear-gradient(to bottom, #626262 0%, #434343 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#434343',GradientType=0 ); /* IE6-9 */
    color: #fff;
}

.tauronform .ip-custom-style-dark .ip-steps .ip-step { background-color: #e0e0e0 !important; }
.tauronform .ip-custom-style-dark .ip-steps .ip-step .ip-step-inner:before { border-color: transparent transparent transparent #e0e0e0; }
.tauronform .ip-custom-style-dark .ip-steps .ip-step.ip-step-active { background-color: #f0f0f0 !important; }
.tauronform .ip-custom-style-dark .ip-steps .ip-step.ip-step-active .ip-step-inner:before { border-color: transparent transparent transparent #f0f0f0; }

.tauronform .ip-custom-style-magenta .ip-steps .ip-step.ip-step-active .ip-step-inner { color: #e30d81; }
.tauronform .ip-custom-style-blue .ip-steps .ip-step.ip-step-active .ip-step-inner { color: #002e5f; }
.tauronform .ip-custom-style-yellow .ip-steps .ip-step.ip-step-active .ip-step-inner { color: #edb700; }
.tauronform .ip-custom-style-grey .ip-steps .ip-step.ip-step-active .ip-step-inner { color: #4c4c4c; }

