article,
aside,
figure,
footer,
header,
main,
nav,
section
{
    display: block;
}

*,
:after,
:before
{
    box-sizing: border-box;
}

@font-face
{
    font-family: Lato;
    src: url(../font/lato.ttf);
}.dataTable .dataTableContent table

@font-face
{
    font-family: LatoLight;
    src: url(../font/latoLight.ttf);
}

body
{
    background: #FFF;
    color: #646464;
    font-size: 13px;
    font-family: Lato !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: auto;
}

hr
{
    display: block;
    margin: .5em auto;
    border: 1px inset #66BFE3;
}

.field_generator hr
{
    border-color: #000;
}

h1
{
    font-size: 22px;
    font-weight: 400;
}

.fullWidth
{
    width: 100%;
}

body #loadingOverlay
{
    display: none;
}

body #loadingOverlay #loadingOverlayMask
{
    background-color: #000;
    opacity: .4;
    position: fixed;
    top: 0;
    z-index: 3000000;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
}

body #loadingOverlay #loadingOverlayContainer
{
    display: block;
    margin: auto;
    width: 250px;
    height: 250px;
    position: fixed;
    padding: 20px;
    z-index: 3000005;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
}

body #loadingOverlay #loadingOverlayPercent
{
    position: absolute;
    width: 130px;
    height: 125px;
    bottom: 0;
    color: #FFF;
    font-size: 50px;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3000004;
    text-align: center;
    margin: auto;
}

body #loadingOverlay #loadingOverlayAnimationBG
{
    position: relative;
    animation: a 1s infinite linear;
    border: 4px solid hsla(0, 0%, 100%, .25);
    width: 150px;
    height: 150px;
    border-radius: 999px;
    z-index: 3000002;
    margin: auto;
}

body #loadingOverlay #loadingOverlayAnimationBG #loadingOverlayAnimation
{
    position: absolute;
    width: 150px;
    height: 150px;
    border: 4px solid transparent;
    border-top: 4px solid #FFF;
    top: -4px;
    left: -4px;
    border-radius: 999px;
    z-index: 3000003;
}

.loadingOverlay
{
    position: absolute;
    height: 100%;
    width: 100%;
    background: #FFF;
    top: 0;
    left: 0;
    z-index: 2147483639;
}

.loadingOverlay.boxSize
{
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 99990;
}

.loadingOverlay .loadingOverlayContainer
{
    bottom: 0;
    display: block;
    height: 200px;
    left: 0;
    margin: auto;
    padding: 20px;
    right: 0;
    top: 0;
    width: 200px;
    position: absolute;
}

.loadingOverlay.boxSize .loadingOverlayContainer
{
    height: 100%;
    width: 100%;
}

.loadingOverlay .loadingOverlayAnimationBG
{
    position: relative;
    animation: a 1s infinite linear;
    border: 4px solid rgba(0, 0, 0, .25);
    width: 150px;
    height: 150px;
    border-radius: 999px;
    margin: auto;
}

.loadingOverlay .loadingOverlayAnimationBG .loadingOverlayAnimation
{
    position: absolute;
    width: 150px;
    height: 150px;
    border: 4px solid transparent;
    border-top: 4px solid #61BF6C;
    top: -4px;
    left: -4px;
    border-radius: 999px;
}

.smallLoadingOverlayAnimationBG
{
    position: relative;
    animation: a 1s infinite linear;
    border: 1px solid #000;
    width: 20px;
    height: 20px;
    border-radius: 999px;
    z-index: 3000002;
    margin: auto;
}

.smallLoadingOverlayAnimationBG .smallLoadingOverlayAnimation
{
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    border-top: 1px solid #000;
    top: 0;
    left: 0;
    border-radius: 999px;
    z-index: 3000003;
}

@keyframes a
{
    0%
    {
        transform: rotate(0);
    }
    to
    {
        transform: rotate(1turn);
    }
}

.clear
{
    clear: both;
}

.visible
{
    display: block !important;
}

.hidden
{
    display: none;
}

.hiddenImportant
{
    display: none !important;
}

.dataField.hidden
{
    display: none !important;
    transition: display 0s, opacity 0.5s linear;
}

.left
{
    float: left;
}

.right
{
    float: right;
}

.half
{
    width: 50%;
}

.italic
{
    font-style: italic;
}

.bold
{
    font-weight: 700 !important;
}

.normal
{
    font-weight: 400 !important;
}

.textCenter
{
    text-align: center;
}

.textLeft
{
    text-align: left;
}

.textRight
{
    text-align: right;
}

.colorGray
{
    color: #BDBDBD;
}

.marginLeft5
{
    margin-left: 5px !important;
}

.marginLeft10
{
    margin-left: 10px !important;
}

.marginLeft50
{
    margin-left: 50px !important;
}

.marginRight5
{
    margin-right: 5px !important;
}

.marginRight10
{
    margin-right: 10px !important;
}

.marginRight30Percent
{
    margin-right: 30%;
}

.marginTop5
{
    margin-top: 5px !important;
}

.marginTop10
{
    margin-top: 10px !important;
}

.marginBottom5
{
    margin-bottom: 5px !important;
}

.marginBottom10
{
    margin-bottom: 10px !important;
}

.paddingLeft10
{
    padding-left: 10px !important;
}

.width10
{
    width: 10%;
}

.width15
{
    width: 15%;
}

.width25
{
    width: 25%!important;
}

.width35
{
    width: 35%!important;
}

.width30
{
    width: 30%;
}

.width100
{
    width: 100%!important;
}

.padding5
{
    padding: 5px!important;
}

.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail
{
    display: block;
}

.ps-container.ps-in-scrolling
{
    pointer-events: none;
}

.ps-container.ps-in-scrolling > .ps-scrollbar-x-rail
{
    background-color: #EEE;
    opacity: .9;
}

.ps-container.ps-in-scrolling > .ps-scrollbar-x-rail > .ps-scrollbar-x
{
    background-color: #999;
}

.ps-container.ps-in-scrolling > .ps-scrollbar-y-rail
{
    background-color: #EEE;
    opacity: .9;
}

.ps-container.ps-in-scrolling > .ps-scrollbar-y-rail > .ps-scrollbar-y
{
    background-color: #999;
}

.ps-container > .ps-scrollbar-x-rail
{
    bottom: 3px;
    display: none;
    height: 8px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s, 0s;
    transition-duration: .2s, .2s;
    transition-property: background-color, opacity;
    transition-timing-function: linear, linear;
}

.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x
{
    background-color: #AAA;
    bottom: 0;
    height: 8px;
    position: absolute;
    transition-delay: 0s;
    transition-duration: .2s;
    transition-property: background-color;
    transition-timing-function: linear;
}

.ps-container > .ps-scrollbar-y-rail
{
    display: none;
    opacity: 0;
    position: absolute;
    right: 4px;
    transition-delay: 0s, 0s;
    transition-duration: .2s, .2s;
    transition-property: background-color, opacity;
    transition-timing-function: linear, linear;
    width: 8px;
}

.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y
{
    background-color: #AAA;
    position: absolute;
    right: 0;
    transition-delay: 0s;
    transition-duration: .2s;
    transition-property: background-color;
    transition-timing-function: linear;
    width: 8px;
}

.ps-container.ps-in-scrolling:hover
{
    pointer-events: none;
}

.ps-container.ps-in-scrolling:hover > .ps-scrollbar-x-rail
{
    background-color: #EEE;
    opacity: .9;
}

.ps-container.ps-in-scrolling:hover > .ps-scrollbar-x-rail > .ps-scrollbar-x
{
    background-color: #999;
}

.ps-container.ps-in-scrolling:hover > .ps-scrollbar-y-rail
{
    background-color: #EEE;
    opacity: .9;
}

.ps-container.ps-in-scrolling:hover > .ps-scrollbar-y-rail > .ps-scrollbar-y
{
    background-color: #999;
}

.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail
{
    opacity: .6;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover
{
    background-color: #EEE;
    opacity: .9;
}

.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x
{
    background-color: #999;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover
{
    background-color: #EEE;
    opacity: .9;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y
{
    background-color: #999;
}

.tooltip
{
    position: absolute;
    z-index: 2000005;
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    visibility: visible;
    opacity: 0;
    text-transform: none;
}

.tooltip.show
{
    opacity: .9;
}

.tooltip.bs-tooltip-top
{
    padding: 5px 0;
    margin-top: -3px;
}

.tooltip.bs-tooltip-right
{
    padding: 0 5px;
    margin-left: 3px;
}

.tooltip.bs-tooltip-bottom
{
    padding: 5px 0;
    margin-top: 3px;
}

.tooltip.bs-tooltip-left
{
    padding: 0 5px;
    margin-left: -3px;
}

.tooltip-inner
{
    max-width: 200px;
    padding: 3px 8px;
    color: #FFF;
    white-space: normal;
    word-break: break-word;
    text-align: center;
    text-decoration: none;
    background-color: #3AB44A;
    border: 1px solid #3AB44A;
}

.error + .tooltip .tooltip-inner,
.tooltip.error .tooltip-inner
{
    border: 1px solid #E73600;
    background: #E73600;
}

.info + .tooltip .tooltip-inner
{
    border: 1px solid #0091D1;
    background: #0091D1;
}

.tooltip .arrow
{
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.bs-tooltip-top .arrow
{
    bottom: 0;
    left: 50% !important;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #3AB44A;
}

.tooltip.bs-tooltip-top-left .arrow
{
    right: 5px !important;
}

.tooltip.bs-tooltip-top-left .arrow,
.tooltip.bs-tooltip-top-right .arrow
{
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #3AB44A;
}

.tooltip.bs-tooltip-top-right .arrow
{
    left: 5px;
}

.tooltip.bs-tooltip-right .arrow
{
    top: 50%;
    left: 0 !important;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #3AB44A;
}

.tooltip.bs-tooltip-left .arrow
{
    top: 50%;
    right: 0 !important;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #3AB44A;
}

.tooltip.bs-tooltip-bottom .-arrow
{
    top: 0;
    left: 50% !important;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #3AB44A;
}

.tooltip.bs-tooltip-bottom-left .arrow
{
    top: 0;
    right: 5px !important;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #3AB44A;
}

.tooltip.bs-tooltip-bottom-right .arrow
{
    top: 0;
    left: 5px !important;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #3AB44A;
}

.error + .tooltip.bs-tooltip-top .arrow,
.error + .tooltip.bs-tooltip-top-left .arrow,
.error + .tooltip.bs-tooltip-top-right .arrow,
.tooltip.error.bs-tooltip-top .arrow,
.tooltip.error.bs-tooltip-top-left .arrow,
.tooltip.error.bs-tooltip-top-right .arrow
{
    border-top-color: #E73600;
}

.error + .tooltip.bs-tooltip-right .arrow
{
    border-right-color: #E73600;
}

.error + .tooltip.bs-tooltip-left .arrow,
.tooltip.error.bs-tooltip-left .arrow
{
    border-left-color: #E73600;
}

.error + .tooltip.bs-tooltip-bottom .arrow,
.error + .tooltip.bs-tooltip-bottom-left .arrow,
.error + .tooltip.bs-tooltip-bottom-right .arrow,
.tooltip.error.bs-tooltip-bottom .arrow,
.tooltip.error.bs-tooltip-bottom-left .arrow,
.tooltip.error.bs-tooltip-bottom-right .arrow
{
    border-bottom-color: #E73600;
}

.error + .tooltip.bs-tooltip-top-left .arrow,
.info + .tooltip.bs-tooltip-top .arrow,
.info + .tooltip.bs-tooltip-top-right .arrow,
.tooltip.error.bs-tooltip-top-left .arrow
{
    border-top-color: #0091D1;
}

.info + .tooltip.bs-tooltip-right .arrow
{
    border-right-color: #0091D1;
}

.info + .tooltip.bs-tooltip-left .arrow
{
    border-left-color: #0091D1;
}

.info + .tooltip.bs-tooltip-bottom .arrow,
.info + .tooltip.bs-tooltip-bottom-left .arrow,
.info + .tooltip.bs-tooltip-bottom-right .arrow
{
    border-bottom-color: #0091D1;
}

.btn
{
    display: inline-block;
    padding: 5px 6px;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus
{
    outline: dotted 5px;
    outline-offset: -2px;
}

.btn.focus,
.btn:focus,
.btn:hover
{
    color: #646464;
    text-decoration: none;
}

.btn.active,
.btn:active
{
    background-image: none;
    outline: 0;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn
{
    pointer-events: none;
    box-shadow: none;
    opacity: .65;
}

.btn-default
{
    color: #646464 !important;
    background: 0 0;
    border: 2px solid transparent;
    transition-duration: .5s;
}

.btn-default:hover
{
    background: #FBFEFE;
    border: 2px solid #7FCAE8;
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.show > .dropdown-toggle.btn-default
{
    background: #FFF;
    border: 2px solid #0776B9;
}

.btn-default.active,
.btn-default:active,
.show > .dropdown-toggle.btn-default
{
    background-image: none;
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover
{
    background-color: #FFF;
    border-color: #CCC;
}

.clearfix:after,
.clearfix:before
{
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after
{
    clear: both;
}

.hide-text
{
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.input-block-level
{
    display: block;
    width: 100%;
    min-height: 30px;
    box-sizing: border-box;
}

.ui-helper-hidden-accessible
{
    border: 0 none;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

div.fbautocomplete-main-div
{
    background-color: #FFF;
    border: 2px solid #D1D1D1;
    cursor: default;
    margin: 0 auto;
    padding: 0 2px;
    position: relative;
}

div.fbautocomplete-main-div .lineWrapper
{
    overflow: hidden;
    white-space: nowrap;
    padding: 2px 0 0;
}

div.fbautocomplete-main-div:hover
{
    border: 2px solid #7FCAE8;
}

.ui-autocomplete-container
{
    position: relative;
    display: block;
    background: #FFF;
}

ul.ui-autocomplete
{
    list-style: outside none none;
    overflow: hidden;
}

ul.ui-autocomplete li
{
    list-style: outside none none;
    width: 100%;
    padding: 5px;
}

div.fbautocomplete-main-div input[type=text]
{
    background-color: transparent !important;
    border: medium none !important;
    display: inline-block;
    padding: 0 9px;
    position: relative;
    top: 0;
    width: auto;
    height: 26px;
}

div.fbautocomplete-main-div span
{
    background-color: #ECECEC;
    display: inline-block;
    padding: 3px 20px 0 8px;
    position: relative;
    text-align: left;
    width: auto;
    height: 24px;
    margin-right: 2px;
    margin-bottom: 2px;
    cursor: default;
    float: left;
}

div.fbautocomplete-main-div span:hover
{
    background-color: #E2E2E2;
}

div.fbautocomplete-main-div span.ui-helper-hidden-accessible
{
    display: none !important;
}

div.fbautocomplete-main-div span a
{
    color: #EAA38E;
    font: 700 12px Verdana, sans-serif;
    position: absolute;
    right: 8px;
    text-decoration: none;
}

div.fbautocomplete-main-div span a:hover
{
    color: red;
}

div.fbautocomplete-main-div .remove-fbautocomplete
{
    color: #E50D0D !important;
}

div.fbautocomplete-main-div .revert-fbautocomplete
{
    padding: 0 !important;
    right: 4px !important;
}

.autocompleterWrapper
{
    background-color: #FFF;
    display: block;
    width: 290px;
}

.autocompleterWrapper,
.autocompleterWrapper .itemWrapper
{
    margin: 0;
    overflow: hidden;
    padding: 0;
}

.autocompleterWrapper .itemWrapper .itemImg
{
    float: left;
    width: 50px;
}

.autocompleterWrapper .itemWrapper .itemImg img
{
    width: 50px;
}

.autocompleterWrapper .itemWrapper .itemDesc
{
    margin: 0 0 0 50px;
    padding: 4px;
    width: auto;
}

.autocompleterWrapper .itemWrapper .itemDesc p
{
    padding: 0;
    margin: 0;
}

.autocompleterWrapper .itemWrapper .itemDesc .title
{
    color: #255DAB;
    font-weight: 700;
    padding: 4px 0;
    cursor: pointer;
}

.autocompleterWrapper .itemWrapper .itemDesc .other
{
    color: #727272;
}

.ui-widget-content
{
    max-height: 300px;
    width: 100%;
    padding: 0;
    position: absolute !important;
    border: 2px solid #D1D1D1 !important;
}

.ids-fbautocomplete-loader
{
    position: absolute;
    right: 0;
    width: 24px;
}

.ui-autocomplete-input
{
    width: 150px !important;
}

.fbautocomplete-main-div .dropDown
{
    background: transparent url(../gfx/drop.png) no-repeat scroll 0 0;
    height: 10px;
    margin-right: 0;
    margin-top: 10px;
    position: absolute;
    right: 5px;
    width: 8px;
    text-decoration: none;
}

.switchField
{
    display: block;
    clear: both;
}

.switchField .field
{
    float: left;
    display: inline-table;
    width: auto;
}

.switchField .field label
{
    position: relative;
    display: block;
    height: 15px;
    width: 44px;
    background: #B8B8B8;
    border-radius: 100px;
    cursor: pointer;
    transition: all .3s ease;
}

.switchField .field label:after
{
    position: absolute;
    left: -2px;
    top: -5px;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100px;
    background: #F2F2F2;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .25);
    content: "";
    transition: all .3s ease;
}

.switchField .field label:active:after
{
    transform: scale(1.15, .85);
}

.switchField .field input:checked ~ label
{
    background: #7FCAE8;
}

.switchField .field input:checked ~ label:after
{
    left: 20px;
    background: #0091D1;
}

.switchField .field input:disabled ~ label
{
    pointer-events: none;
}

.switchField .field input:disabled ~ label:after
{
    background: #F2F2F2;
}

.switchField .label
{
    display: inline-table;
    margin: 0 0 0 10px;
    font-weight: 700;
    font-size: 13px;
    color: #646464;
}

.switchField .counter
{
    font-size: 11px;
    color: #FFF;
    background: #0791D0;
    display: inline-block;
    height: 16px;
    line-height: 14px;
    padding: 0 5px;
    vertical-align: middle;
    border: 1px solid #0791D0;
    border-radius: 3px;
    margin: 0 0 0 10px;
}

.bootstrap-datetimepicker-widget
{
    top: 0;
    left: 0;
    width: auto;
    min-width: auto !important;
    padding: 0 !important;
    margin-top: 4px !important;
    z-index: 3000;
}

.bootstrap-datetimepicker-widget .pull-right:before
{
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget .pull-right:after
{
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget > ul
{
    list-style-type: none;
    margin: 0;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second
{
    width: 100%;
    font-size: 13px;
    color: #646464;
}

.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator
{
    width: 4px;
    padding: 0;
    margin: 0;
}

.bootstrap-datetimepicker-widget .datepicker > div
{
    display: none;
}

.bootstrap-datetimepicker-widget .picker-switch
{
    text-align: center;
}

.bootstrap-datetimepicker-widget table
{
    width: 100%;
    margin: 0;
}

.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th
{
    text-align: center;
    width: 34px;
    height: 20px;
}

.bootstrap-datetimepicker-widget td.separator
{
    width: 6px;
}

.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover
{
    background: #EEE;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget td.new,
.bootstrap-datetimepicker-widget td.old
{
    color: #999;
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover
{
    color: #FFF;
    background-color: #006DCC;
}

.bootstrap-datetimepicker-widget td.active.active,
.bootstrap-datetimepicker-widget td.active.disabled,
.bootstrap-datetimepicker-widget td.active:active,
.bootstrap-datetimepicker-widget td.active:hover,
.bootstrap-datetimepicker-widget td.active:hover.active,
.bootstrap-datetimepicker-widget td.active:hover.disabled,
.bootstrap-datetimepicker-widget td.active:hover:active,
.bootstrap-datetimepicker-widget td.active:hover:hover,
.bootstrap-datetimepicker-widget td.active:hover[disabled],
.bootstrap-datetimepicker-widget td.active[disabled]
{
    color: #FFF;
    background-color: #6BCE33;
}

.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover
{
    background: 0;
    color: #999;
}

.bootstrap-datetimepicker-widget td span
{
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    float: left;
    margin: 2px;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget td span.year
{
    width: auto;
}

.bootstrap-datetimepicker-widget td a:hover,
.bootstrap-datetimepicker-widget td span:hover
{
    background: #EEE;
}

.bootstrap-datetimepicker-widget td span.active
{
    background-color: #006DCC;
    border-color: #6BCE33 #6BCE33 #002A80;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    color: #FFF;
}

.bootstrap-datetimepicker-widget td span.active.active,
.bootstrap-datetimepicker-widget td span.active.disabled,
.bootstrap-datetimepicker-widget td span.active:active,
.bootstrap-datetimepicker-widget td span.active:hover,
.bootstrap-datetimepicker-widget td span.active[disabled]
{
    color: #FFF;
    background-color: #6BCE33;
}

.bootstrap-datetimepicker-widget td span.old
{
    color: #999;
}

.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover
{
    background: 0;
    color: #999;
}

.bootstrap-datetimepicker-widget th.switch
{
    width: 145px;
}

.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev
{
    font-size: 21px;
}

.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover
{
    background: 0;
    color: #999;
}

.bootstrap-datetimepicker-widget thead tr:first-child th
{
    cursor: pointer;
}

.bootstrap-datetimepicker-widget thead tr:first-child th:hover
{
    background: #EEE;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i
{
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.bootstrap-datetimepicker-widget.left-oriented:before
{
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.left-oriented:after
{
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table
{
    border-collapse: separate;
    border-spacing: 1px;
    border: none;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr
{
    display: block;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td
{
    padding: 0;
    margin: 0;
}

.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td a,
.bootstrap-datetimepicker-widget .timepicker .timepicker-picker table tr td span
{
    width: 34px;
    height: 20px;
    padding: 0;
    margin: 0;
}

.caret
{
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.dropdown
{
    position: relative;
}

.dropdown-toggle:focus
{
    outline: 0;
}

.dropdown-toggle .pull-left {
    float: left !important;
}

.dropdown-menu
{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0;
    font-size: 13px;
    text-align: left;
    list-style: none;
    background-color: #FBFEFE;
    background-clip: padding-box;
    border: 2px solid #7FCAE8;
    color: #646464;
}

.dropdown-menu.pull-right
{
    right: 0;
    left: auto;
}

.dropdown-menu .divider
{
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #E5E5E5;
}

.dropdown-menu > li > a
{
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: 400;
    line-height: 24px;
    color: #646464;
    white-space: nowrap;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover,
.dropdown-menu > li.selected > a,
.dropdown-menu > li > a:hover
{
    text-decoration: none;
    background-color: #7FCAE8;
    outline: 0;
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover
{
    color: #777;
}

.dropdown-menu > .disabled > a:focus,
.dropdown-menu > .disabled > a:hover
{
    text-decoration: none;
    background-color: transparent;
    background-image: none;
}

.show > .dropdown-menu
{
    display: block;
}

.show > a
{
    outline: 0;
}

.dropdown-menu-right
{
    right: 0;
    left: auto;
}

.dropdown-menu-left
{
    right: auto;
    left: 0;
}

.dropdown-header
{
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-backdrop
{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu
{
    right: 0;
    left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret
{
    content: "";
    border-top: 0;
    border-bottom: 4px solid;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu
{
    top: auto;
    bottom: 100%;
    margin: 2px 0;
}

@media (min-width: 768px)
{
    .navbar-right .dropdown-menu
    {
        right: 0;
        left: auto;
    }

    .navbar-right .dropdown-menu-left
    {
        right: auto;
        left: 0;
    }
}

.btn-group,
.btn-group-vertical
{
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.btn-group-vertical > .btn,
.btn-group > .btn
{
    position: relative;
}

.btn-group-vertical > .btn.active,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:hover,
.btn-group > .btn.active,
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover
{
    z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group
{
    margin-left: -1px;
}

.btn-toolbar
{
    margin-left: -5px;
}

.btn-toolbar .btn-group,
.btn-toolbar .input-group
{
    float: left;
}

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group
{
    margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle)
{
    border-radius: 0;
}

.btn-group > .btn:first-child
{
    margin-left: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle)
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child)
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group > .btn-group
{
    float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn
{
    border-radius: 0;
}

.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn-group:last-child > .btn:first-child
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.show .dropdown-toggle
{
    outline: 0;
}

.btn-group > .btn + .dropdown-toggle
{
    padding-right: 8px;
    padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle
{
    padding-right: 12px;
    padding-left: 12px;
}

.btn .caret
{
    margin-left: 0;
}

.btn-lg .caret
{
    border-width: 5px 5px 0;
}

.dropup .btn-lg .caret
{
    border-width: 0 5px 5px;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn
{
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

.btn-group-vertical > .btn-group > .btn
{
    float: none;
}

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group
{
    margin-top: -1px;
    margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child)
{
    border-radius: 0;
}

.btn-group-vertical > .btn:first-child:not(:last-child)
{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn:last-child:not(:first-child)
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn
{
    border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle
{
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child
{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.btn-group-justified
{
    display: table;
    width: 100%;
    table-layout: fixed;
    border-collapse: separate;
}

.btn-group-justified > .btn,
.btn-group-justified > .btn-group
{
    display: table-cell;
    float: none;
    width: 1%;
}

.btn-group-justified > .btn-group .btn
{
    width: 100%;
}

.btn-group-justified > .btn-group .dropdown-menu
{
    left: auto;
}

[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio]
{
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.bootstrap-select
{
    width: auto;
}

.bootstrap-select > .btn
{
    width: auto;
    padding: 6px 25px 6px 9px;
    margin: 0;
    height: 30px;
    line-height: 13px;
}

.error .bootstrap-select .btn
{
    border: 1px solid #B94A48;
}

.control-group.error .bootstrap-select .dropdown-toggle
{
    border-color: #B94A48;
}

.bootstrap-select.fit-width
{
    width: auto !important;
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn)
{
    width: auto;
}

.bootstrap-select .btn:focus
{
    outline: #0776B9 dotted thin !important;
    outline-offset: -2px;
}

.bootstrap-select.form-control
{
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.bootstrap-select.form-control:not([class*=col-])
{
    width: 100%;
}

.bootstrap-select.dropdown:not(.input-group-btn),
.bootstrap-select.dropdown[class*=col-]
{
    float: none;
    display: inline-block;
    margin-left: 0;
}

.bootstrap-select.dropdown.dropdown-menu-right,
.bootstrap-select.dropdown[class*=col-].dropdown-menu-right,
.row-fluid .bootstrap-select.dropdown[class*=col-].dropdown-menu-right
{
    float: right;
}

.form-group .bootstrap-select.dropdown,
.form-horizontal .bootstrap-select.dropdown,
.form-inline .bootstrap-select.dropdown,
.form-search .bootstrap-select.dropdown
{
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.dropdown.form-control,
.form-group-sm .bootstrap-select.dropdown.form-control
{
    padding: 0;
}

.form-inline .bootstrap-select.dropdown .form-control
{
    width: 100%;
}

.input-append .bootstrap-select.dropdown
{
    margin-left: -1px;
}

.input-prepend .bootstrap-select.dropdown
{
    margin-right: -1px;
}

.bootstrap-select.dropdown > .disabled
{
    cursor: default;
}

.bootstrap-select.dropdown > .disabled:focus
{
    outline: 0 !important;
}

.bootstrap-select.dropdown .btn .filter-option
{
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.bootstrap-select.dropdown.btn-max-width > .btn
{
    width: 100%;
}

.bootstrap-select.dropdown.btn-max-width > .btn .filter-option
{
    text-align: center;
}

.bootstrap-select.dropdown .btn .caret,
.bootstrap-select.btn-group .btn .caret
{
    position: absolute;
    top: 50%;
    right: 9px;
    margin-top: -2px;
    vertical-align: middle;
    color: #3AB44A;
}

.bootstrap-select.dropdown .btn .caret.blue
{
    color: #0A75B9;
}

.bootstrap-select.dropdown .btn:hover .caret
{
    color: #61C36E;
}

.bootstrap-select.dropdown[class*=col-] .btn
{
    width: 100%;
}

.bootstrap-select.dropdown .dropdown-menu
{
    min-width: 100%;
    z-index: 2000010;
}

.bootstrap-select.dropdown.dropup .dropdown-menu
{
    transform: none !important;
    top: auto !important;
    left: 0 !important;
    will-change: auto !important;
}

.bootstrap-select.dropdown .dropdown-menu.inner
{
    height: 100%;
    position: relative;
    top: auto;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    overflow-y: hidden !important;
}

.bootstrap-select.dropdown .dropdown-menu li
{
    position: relative;
}

.bootstrap-select.dropdown .dropdown-menu li.disabled a
{
    cursor: default;
}

.bootstrap-select.dropdown .dropdown-menu li a
{
    cursor: pointer;
}

.bootstrap-select.dropdown .dropdown-menu li a.opt
{
    position: relative;
    padding-left: 2.25em;
}

.bootstrap-select.dropdown .dropdown-menu li a span.check-mark
{
    display: none;
}

.bootstrap-select.dropdown .dropdown-menu li a span.text
{
    display: inline-block;
}

.bootstrap-select.dropdown .dropdown-menu .notify
{
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 30px;
    padding: 3px 5px;
    background: #F5F5F5;
    border: 1px solid #E3E3E3;
    pointer-events: none;
    opacity: .9;
    box-sizing: border-box;
}

.bootstrap-select.dropdown .no-results
{
    padding: 3px;
    background: #F5F5F5;
    margin: 0 5px;
}

.bootstrap-select.dropdown.fit-width .btn .filter-option
{
    position: static;
}

.bootstrap-select.dropdown.fit-width .btn .caret
{
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.dropdown.show-tick .dropdown-menu li.selected a span.check-mark
{
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.bootstrap-select.dropdown.show-tick .dropdown-menu li a span.text
{
    margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.show > .btn
{
    z-index: 1036;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before
{
    content: "";
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom-width: 7px;
    border-bottom-style: solid;
    border-bottom-color: #CCC;
    border-bottom-color: hsla(0, 0%, 80%, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after
{
    content: "";
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #FFF;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before
{
    bottom: auto;
    top: -3px;
    border-bottom: 0;
    border-top-width: 7px;
    border-top-style: solid;
    border-top-color: #CCC;
    border-top-color: hsla(0, 0%, 80%, .2);
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after
{
    bottom: auto;
    top: -3px;
    border-top: 6px solid #FFF;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before
{
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after
{
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.show > .dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.show > .dropdown-toggle:before
{
    display: block;
}

.bootstrap-select .multiselect-container
{
    overflow: hidden !important;
    width: auto;
}

.bootstrap-select .multiselect-container li
{
    padding: 0 10px 0 20px;
    cursor: pointer;
    white-space: nowrap;
}

.bootstrap-select .multiselect-container li.multiselect-all,
.bootstrap-select .multiselect-container li.multiselect-group
{
    padding: 0 10px;
    line-height: 30px;
}

.bootstrap-select .multiselect-container li.multiselect-group
{
    padding: 0 10px 0 20px;
}

.bootstrap-select .multiselect-container li.multiselect-group:after
{
    position: absolute;
    content: "";
    background: transparent url(../gfx/layout/icons_caret.png) no-repeat 0 0;
    width: 8px;
    height: 8px;
    top: 11px;
    left: 5px;
}

.bootstrap-select .multiselect-container li a
{
    line-height: 30px;
    padding: 0 10px;
}

.bootstrap-select .multiselect-container li.multiselect-all a
{
    padding: 0;
}

.bootstrap-select .multiselect-container li.active,
.bootstrap-select .multiselect-container li.active:hover
{
    background: #7FCAE8;
    color: #FFF;
}

.bootstrap-select .multiselect-container li:hover
{
    background: #F2F2F2;
}

.bootstrap-select .multiselect-container li.active:hover
{
    background: #7FCAE8;
}

.bootstrap-select .multiselect-container li.multiselect-group.active
{
    background: 0 0;
    color: #646464;
}

.bootstrap-select .multiselect-container li a,
.bootstrap-select .multiselect-container li label
{
    display: block;
    width: 100%;
    cursor: pointer;
    min-height: 30px;
    position: relative;
}

.bootstrap-select .multiselect-container li a:focus
{
    background: 0 0;
}

.bootstrap-select .multiselect-container li a input
{
    display: block;
    position: absolute;
    opacity: 0;
    background: 0 0;
    width: 100%;
    min-height: 30px;
    cursor: pointer;
}

.bootstrap-select .multiselect-container .ps-scrollbar-y-rail
{
    margin: 4px 0 0;
}

.bootstrap-select.error .btn
{
    border-color: #E73600 !important;
}

.bs-actionsbox,
.bs-searchbox
{
    padding: 4px 8px;
}

.bs-actionsbox
{
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.bs-actionsbox .btn-group button
{
    width: 50%;
}

.bs-searchbox + .bs-actionsbox
{
    padding: 0 8px 4px;
}

.bs-searchbox input.form-control
{
    margin-bottom: 0;
    width: 100%;
}

.mobile-device
{
    position: absolute;
    top: 0;
    left: 0;
    display: block !important;
    width: 100%;
    height: 100% !important;
    opacity: 0;
}

.bootstrap-radio > button.btn
{
    width: 28px;
}

.bootstrap-checkbox > button.btn.displayAsButton,
.bootstrap-radio > button.btn.btn-lg.displayAsButton,
.bootstrap-radio > button.btn.btn-sm.displayAsButton,
.bootstrap-radio > button.btn.btn-sx.displayAsButton,
.bootstrap-radio > button.btn.displayAsButton
{
    width: auto;
}

.bootstrap-checkbox > button.btn.displayAsButton > span.label-checkbox,
.bootstrap-radio > button.btn.displayAsButton > span.label-radio
{
    padding: 0 8px 0 4px;
}

.bootstrap-checkbox > button.btn.displayAsButton > span.icon,
.bootstrap-radio > button.btn.displayAsButton > span.icon
{
    margin: 2px 4px;
}

.bootstrap-checkbox > button.btn.displayAsButton > span.label-prepend-checkbox,
.bootstrap-radio > button.btn.displayAsButton > span.label-prepend-radio
{
    padding: 0 4px 0 8px;
}

.bootstrap-checkbox > button.btn.btn-large,
.bootstrap-radio > button.btn.btn-lg
{
    padding: 10px 0 6px 2px;
    width: 36px;
}

.bootstrap-checkbox > button.btn.btn-small,
.bootstrap-radio > button.btn.btn-sm
{
    padding: 5px 0 3px 1px;
    width: 24px;
}

.bootstrap-checkbox > button.btn.btn-mini,
.bootstrap-radio > button.btn.btn-xs
{
    padding: 4px 0 1px 1px;
    width: 20px;
}

.bootstrap-checkbox > .btn.btn-link,
.bootstrap-radio > .btn.btn-link
{
    text-decoration: none;
    background-color: transparent;
    outline: 0;
}

label.bootstrap-checkbox.disabled,
label.bootstrap-radio.disabled
{
    cursor: default;
    color: #666;
}

.bootstrap-checkbox > .label-prepend-checkbox,
.bootstrap-radio > .label-prepend-radio
{
    padding-right: 4px;
}

.bootstrap-checkbox > .label-checkbox,
.bootstrap-radio > .label-radio
{
    padding-left: 4px;
}

.bootstrap-checkbox.disabled > [class^=label-],
.bootstrap-checkbox > .btn[disabled],
.bootstrap-radio.disabled > [class^=label-],
.bootstrap-radio > .btn[disabled]
{
    cursor: not-allowed;
}

[class*=" cb-icon-"],
[class^=cb-icon-]
{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    line-height: 16px;
    vertical-align: text-top;
    background-image: url(../gfx/layout/icons_checkbox.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check,
.bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check,
.bootstrap-checkbox.disabled button.btn > span.cb-icon-check
{
    background-position: -48px 0;
}

.bootstrap-checkbox button.btn:active > span.cb-icon-check,
.bootstrap-checkbox button.btn:focus > span.cb-icon-check,
.bootstrap-checkbox button.btn:hover > span.cb-icon-check,
.bootstrap-checkbox button.btn > span.cb-icon-check
{
    background-position: -16px 0;
    opacity: .8;
}

.bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check-empty,
.bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check-empty,
.bootstrap-checkbox.disabled button.btn > span.cb-icon-check-empty
{
    background-position: -32px 0;
}

.bootstrap-checkbox button.btn:active > span.cb-icon-check-empty,
.bootstrap-checkbox button.btn:focus > span.cb-icon-check-empty,
.bootstrap-checkbox button.btn:hover > span.cb-icon-check-empty
{
    background-position: 0 0;
    opacity: .8;
}

.bootstrap-checkbox button.btn:active > span.cb-icon-check-indeterminate,
.bootstrap-checkbox button.btn:focus > span.cb-icon-check-indeterminate,
.bootstrap-checkbox button.btn:hover > span.cb-icon-check-indeterminate,
.bootstrap-checkbox button.btn > span.cb-icon-check-indeterminate,
.bootstrap-checkbox.disabled button.btn:active > span.cb-icon-check-indeterminate,
.bootstrap-checkbox.disabled button.btn:hover > span.cb-icon-check-indeterminate
{
    background-position: -48px 0;
}

.bootstrap-checkbox.error button.btn:active > span.cb-icon-check-empty,
.bootstrap-checkbox.error button.btn:hover > span.cb-icon-check-empty,
.bootstrap-checkbox.error button.btn > span.cb-icon-check-empty
{
    background-position: -64px 0 !important;
}

.bootstrap-radio [class*=" cb-icon-"],
.bootstrap-radio [class^=cb-icon-]
{
    background-position: 0 -16px;
}

.bootstrap-radio.disabled button.btn:active > span.cb-icon-radio-check,
.bootstrap-radio.disabled button.btn:hover > span.cb-icon-radio-check,
.bootstrap-radio.disabled button.btn > span.cb-icon-radio-check
{
    background-position: -48px -16px;
}

.bootstrap-radio button.btn:active > span.cb-icon-radio-check,
.bootstrap-radio button.btn:focus > span.cb-icon-radio-check,
.bootstrap-radio button.btn:hover > span.cb-icon-radio-check,
.bootstrap-radio button.btn > span.cb-icon-radio-check
{
    background-position: -16px -16px;
    opacity: .8;
}

.bootstrap-radio.disabled button.btn:active > span.cb-icon-radio-check-empty,
.bootstrap-radio.disabled button.btn:hover > span.cb-icon-radio-check-empty,
.bootstrap-radio.disabled button.btn > span.cb-icon-radio-check-empty
{
    background-position: -32px -16px;
}

.bootstrap-radio button.btn:active > span.cb-icon-radio-check-empty,
.bootstrap-radio button.btn:focus > span.cb-icon-radio-check-empty,
.bootstrap-radio button.btn:hover > span.cb-icon-radio-check-empty
{
    background-position: 0 -16px;
    opacity: .8;
}

.bootstrap-radio button.btn:active > span.cb-icon-radio-check-indeterminate,
.bootstrap-radio button.btn:focus > span.cb-icon-radio-check-indeterminate,
.bootstrap-radio button.btn:hover > span.cb-icon-radio-check-indeterminate,
.bootstrap-radio button.btn > span.cb-icon-radio-check-indeterminate,
.bootstrap-radio.disabled button.btn:active > span.cb-icon-radio-check-indeterminate,
.bootstrap-radio.disabled button.btn:hover > span.cb-icon-radio-check-indeterminate
{
    background-position: -48px -16px;
}

.bootstrap-radio.error button.btn:active > span.cb-icon-radio-check-empty,
.bootstrap-radio.error button.btn:hover > span.cb-icon-radio-check-empty,
.bootstrap-radio.error button.btn > span.cb-icon-radio-check-empty
{
    background-position: -64px -16px;
}

.autocomplete
{
    position: relative;
}

.autocomplete input.autocomplete-loading
{
    padding-right: 30px;
}

.autocomplete .smallLoadingOverlayAnimationBG
{
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px;
}

.autocomplete input.autocomplete-loading + .smallLoadingOverlayAnimationBG
{
    display: block;
}

.autocomplete .smallLoadingOverlayAnimationBG .smallLoadingOverlayAnimation
{
    border-color: #D1D1D1;
}

.autocomplete-list
{
    position: relative;
    display: none;
    margin: 2px 0 0;
}

.autocomplete-list .autocomplete-container
{
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 100000;
    overflow: hidden;
    border: 2px solid #7FCAE8;
}

.autocomplete-list .autocomplete-container ul
{
    background: #FBFEFE;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none outside none;
}

.autocomplete-list .autocomplete-container ul li
{
    padding: 6px 9px;
    color: #646464;
    cursor: pointer;
}

.autocomplete-list .autocomplete-container ul li.selected,
.autocomplete-list .autocomplete-container ul li:hover
{
    background: #7FCAE8;
    color: #FFF;
}

.autocomplete-list .autocomplete-container ul li div
{
    display: block;
    padding: 0;
    line-height: normal;
}

.autocomplete-list .autocomplete-container ul li div.autocomplete-name
{
    font-size: 13px;
}

.autocomplete-list .autocomplete-container ul li div.autocomplete-info
{
    font-size: 11px;
}

.autocomplete-list .autocomplete-container ul li div.autocomplete-avatar
{
    float: left;
    margin: 0px 10px;
    background-color: #F8F8F8;
    border-radius: 50%;
}

.autocomplete-list .autocomplete-container ul li div.autocomplete-avatar span
{
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    width: 57px;
    height: 57px;
    border-radius: 50%;
}

.autocomplete-list .autocomplete-container ul li div.autocomplete-name.with-avatar
{
    color: #0096D2;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 350px;
    margin-top: 5px;
}

.autocomplete-list .autocomplete-container ul li div.autocomplete-info.with-avatar
{
    margin-top: 5px;
    font-size: 12px;
    color: #646464;
}

.dropzone,
.dropzone *
{
    box-sizing: border-box;
}

.dropzone .dz-preview
{
    width: 120px;
    margin: 14px;
}

.dropzone .dz-preview .dz-progress
{
    display: block;
    height: 15px;
    border: 1px solid #AAA;
}

.dropzone .dz-preview .dz-progress .dz-upload
{
    display: block;
    height: 100%;
    background: green;
}

.dropzone .dz-preview .dz-error-message
{
    color: red;
}

.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone .dz-preview.dz-error .dz-error-message,
.dropzone .dz-preview.dz-success .dz-success-mark
{
    display: block;
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark
{
    display: none;
    left: 30px;
    top: 30px;
    width: 54px;
    height: 58px;
}

@keyframes b
{
    0%
    {
        opacity: 0;
        transform: translateY(40px);
    }
    30%,
    70%
    {
        opacity: 1;
        transform: translateY(0);
    }
    to
    {
        opacity: 0;
        transform: translateY(-40px);
    }
}

@keyframes c
{
    0%
    {
        opacity: 0;
        transform: translateY(40px);
    }
    30%
    {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes d
{
    0%
    {
        transform: scale(1);
    }
    10%
    {
        transform: scale(1.1);
    }
    20%
    {
        transform: scale(1);
    }
}

.dropzone
{
    min-height: 150px;
    border: 2px dashed #D0D0D0;
    border-radius: 5px;
    position: relative;
    background: #FFF;
    padding: 20px;
    color: #646464;
    font-size: 20px;
}

.dropzone.dz-clickable
{
    cursor: pointer;
}

.dropzone.dz-clickable *
{
    cursor: default;
}

.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message *
{
    cursor: pointer;
}

.dropzone.dz-started .dz-message
{
    display: none;
}

.dropzone.dz-drag-hover
{
    border-style: solid;
}

.dropzone.dz-drag-hover .dz-message
{
    opacity: .5;
}

.dropzone .dz-message
{
    text-align: center;
    margin: 2em 0;
}

.dropzone .dz-preview
{
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 16px;
    min-height: 100px;
}

.dropzone .dz-preview:hover
{
    z-index: 1000;
}

.dropzone .dz-preview.dz-file-preview .dz-image
{
    border-radius: 20px;
    background: #999;
    background: linear-gradient(180deg, #EEE, #DDD);
}

.dropzone .dz-preview.dz-file-preview .dz-details
{
    opacity: 1;
}

.dropzone .dz-preview.dz-image-preview
{
    background: #FFF;
}

.dropzone .dz-preview.dz-image-preview .dz-details
{
    transition: opacity .2s linear;
}

.dropzone .dz-preview .dz-remove
{
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    text-decoration: none;
    color: #0776B9;
}

.dropzone .dz-preview .dz-remove:hover
{
    text-decoration: underline;
}

.dropzone .dz-preview:hover .dz-details
{
    opacity: 1;
}

.dropzone .dz-preview .dz-details
{
    z-index: 20;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    font-size: 13px;
    min-width: 100%;
    max-width: 100%;
    padding: 2em 1em;
    text-align: center;
    color: rgba(0, 0, 0, .9);
    line-height: 150%;
}

.dropzone .dz-preview .dz-details .dz-size
{
    margin-bottom: 1em;
    font-size: 16px;
}

.dropzone .dz-preview .dz-details .dz-filename
{
    white-space: nowrap;
    margin-top: 35px;
}

.dropzone .dz-preview .dz-details .dz-filename:hover span
{
    border: 1px solid hsla(0, 0%, 78%, .8);
    background-color: hsla(0, 0%, 100%, .8);
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover)
{
    overflow: hidden;
    text-overflow: ellipsis;
}

.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span
{
    border: 1px solid transparent;
}

.dropzone .dz-preview .dz-details .dz-filename span,
.dropzone .dz-preview .dz-details .dz-size span
{
    background-color: hsla(0, 0%, 100%, .4);
    padding: 0 .4em;
    border-radius: 3px;
    color: #646464;
}

.dropzone .dz-preview:hover .dz-image img
{
    transform: scale(1.05);
    filter: blur(8px);
}

.dropzone .dz-preview .dz-image
{
    border-radius: 20px;
    overflow: hidden;
    width: 120px;
    height: 120px;
    position: relative;
    display: block;
    z-index: 10;
}

.dropzone .dz-preview .dz-image img
{
    display: block;
}

.dropzone .dz-preview.dz-success .dz-success-mark
{
    animation: b 3s cubic-bezier(.77, 0, .175, 1);
}

.dropzone .dz-preview.dz-error .dz-error-mark
{
    opacity: 1;
    animation: c 3s cubic-bezier(.77, 0, .175, 1);
}

.dropzone .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark
{
    pointer-events: none;
    opacity: 0;
    z-index: 500;
    position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    margin-left: -27px;
    margin-top: -27px;
}

.dropzone .dz-preview .dz-error-mark svg,
.dropzone .dz-preview .dz-success-mark svg
{
    display: block;
    width: 54px;
    height: 54px;
}

.dropzone .dz-preview.dz-processing .dz-progress
{
    opacity: 1;
    transition: all .2s linear;
}

.dropzone .dz-preview.dz-complete .dz-progress
{
    opacity: 0;
    transition: opacity .4s ease-in;
}

.dropzone .dz-preview:not(.dz-processing) .dz-progress
{
    animation: d 6s ease infinite;
}

.dropzone .dz-preview .dz-progress
{
    opacity: 1;
    z-index: 1000;
    pointer-events: none;
    position: absolute;
    height: 16px;
    left: 50%;
    top: 50%;
    margin-top: -8px;
    width: 80px;
    margin-left: -40px;
    background: hsla(0, 0%, 100%, .9);
    -webkit-transform: scale(1);
    border-radius: 8px;
    overflow: hidden;
}

.dropzone .dz-preview .dz-progress .dz-upload
{
    background: #333;
    background: linear-gradient(180deg, #666, #444);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    transition: width .3s ease-in-out;
}

.dropzone .dz-preview.dz-error .dz-error-message
{
    display: block;
}

.dropzone .dz-preview.dz-error:hover .dz-error-message
{
    opacity: 1;
    pointer-events: auto;
}

.dropzone .dz-preview .dz-error-message
{
    pointer-events: none;
    z-index: 1000;
    position: absolute;
    display: none;
    opacity: 0;
    transition: opacity .3s ease;
    border-radius: 8px;
    font-size: 13px;
    top: 130px;
    left: -10px;
    width: 140px;
    background: #BE2626;
    background: linear-gradient(180deg, #BE2626, #A92222);
    padding: .5em 1.2em;
    color: #FFF;
}

.dropzone .dz-preview .dz-error-message:after
{
    content: "";
    position: absolute;
    top: -6px;
    left: 64px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #BE2626;
}

button,
input,
select
{
    height: 30px;
    border: 2px solid #D1D1D1;
}

button,
input,
select,
textarea
{
    font-family: Lato;
    font-size: 13px;
    display: inline-block;
    background: #FFF;
    width: auto;
    padding: 6px 9px;
    font-weight: 400;
    color: #646464;
    transition-duration: .5s;
}

textarea
{
    border: 2px solid #D0D0D0;
    resize: none;
}

input:hover,
select:hover,
textarea:hover
{
    border-color: #7FCAE8;
}

input:focus,
select:focus,
textarea:focus
{
    border-color: #0776B9;
    outline-style: none;
    outline-width: 0;
}

.categoryTreeContainer .categoryTreeButton.error,
input.error,
input:invalid,
select.error,
select:invalid,
textarea.error,
textarea:invalid
{
    border-color: #E73600 !important;
}

.switchField .field label.error
{
    background: #E73600;
}

input:disabled,
select:disabled,
textarea:disabled
{
    cursor: default;
    border: 2px solid #D5DADC;
    background: #F6FBFD;
    color: #919698;
}

input.small,
select.small,
textarea.small
{
    width: 250px !important;
}

input.medium,
select.medium,
textarea.medium
{
    width: 400px !important;
}

input.max,
select.max,
textarea.max
{
    width: 100% !important;
}

.searchField
{
    height: 30px;
    width: 298px;
    border-style: solid;
    border-width: 2px 0 2px 2px;
    float: left;
    padding: 0 0 0 10px;
    font-size: 16px;
    color: #646464;
    line-height: 30px;
}

.searchField,
.searchField:focus,
.searchField:hover
{
    border-color: #3AB44A;
}

.searchField:focus::-webkit-input-placeholder
{
    color: transparent;
}

.searchField:focus:-moz-placeholder,
.searchField:focus::-moz-placeholder
{
    color: transparent;
}

.searchField::-ms-clear
{
    display: none;
}

.searchField:focus:-ms-input-placeholder
{
    color: transparent;
}

.actionButton,
.actionButton:focus
{
    cursor: pointer;
    color: #FFF;
    background: #3AB44A;
    font-size: 14px;
    border: 2px solid #3AB44A;
    padding: 0 5px 1px;
    width: auto;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    transition-duration: .5s;
    text-decoration: none;
}

.actionButton.blue
{
    background: #0776B9;
    border: 2px solid #0776B9;
}

.actionButton.orange
{
    background: #FF7800;
    border: 2px solid #FF7800;
}

.actionButton.red
{
    background: #EE3F10;
    border: 2px solid #EE3F10;
}

.actionButton.gray
{
    background: #B3B3B3;
    border: 2px solid #B3B3B3;
}

.actionButton:hover
{
    color: #646464;
    background: #FFF;
}

.actionButton.disabled,
.actionButton.disabled:hover
{
    background: #B3B3B3;
    border: 2px solid #B3B3B3;
    color: #FFF;
    cursor: default;
    transition: none;
}

.searchButton
{
    cursor: pointer;
    color: #FFF;
    background: #3AB44A;
    font-size: 14px;
    border: 2px solid #3AB44A;
    display: table-cell;
    padding: 0;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    transition-duration: .5s;
}

.searchButton:hover
{
    color: #646464;
    background: #FFF;
    border: 2px solid #3AB44A;
}

.searchButton a
{
    display: block;
    width: 26px;
    height: 26px;
    background: url(../gfx/layout/search_icon.png) no-repeat 0 0;
}

.searchButton:hover a
{
    background: url(../gfx/layout/search_icon.png) no-repeat 0 -26px;
}

.deleteButton
{
    transition-duration: .5s;
    display: block;
    width: 22px;
    height: 22px;
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -286px;
}

.deleteButton:hover
{
    opacity: .8;
}

.showButton
{
    display: block;
    width: 30px;
    height: 21px;
    cursor: pointer;
    transition-duration: .5s;
}

.showButton:hover
{
    opacity: .8;
}

.showButton .icon
{
    display: block;
    width: 30px;
    height: 21px;
    background: url(../gfx/layout/icon_show.png) no-repeat -30px 0;
}

.showButton.active .icon
{
    background: url(../gfx/layout/icon_show.png) no-repeat 0 0;
}

.pageFiltersBG,
.pageFiltersNoBG
{
    background: #F2F2F2;
    padding: 24px 10px;
    display: block;
    width: 100%;
}

.pageFiltersBG .pageFilters,
.pageFiltersNoBG .pageFilters
{
    display: table;
}

.pageFiltersBG .pageFilters .pageFiltersFields,
.pageFiltersNoBG .pageFilters .pageFiltersFields
{
    width: 100%;
    display: table-cell;
    margin: 0 20px 0 0;
    padding: 5px 0;
}

.pageFiltersBG .pageFiltersSubmit,
.pageFiltersNoBG .pageFiltersSubmit
{
    display: table-cell;
    vertical-align: middle;
    margin: 0;
}

.pageFiltersBG .pageFiltersSubmit a,
.pageFiltersNoBG .pageFiltersSubmit a
{
    text-decoration: none;
    text-align: center;
    color: #2EA1D5;
    display: block;
    margin: 5px 0 0;
}

.pageFiltersBG .filter,
.pageFiltersNoBG .filter
{
    float: left;
    width: auto;
    margin: 5px 30px 5px 0;
    display: flex;
    align-items: flex-start;
}

.pageFiltersBG ~ .dataTable .dataTableTopSection,
.pageFiltersNoBG ~ .dataTable .dataTableTopSection
{
    margin: 30px 0 0;
}

.pageFiltersBG .pageFilters .pageFiltersFields.pageFiltersFieldsModal
{
    padding: 0;
}

.pageFiltersBG .pageFilters .pageFiltersFields.pageFiltersFieldsModal .filter
{
    margin: 0 30px 5px 0;
}

.inlinePageFiltersBG .pageFilters,
.pageFiltersNoBG .pageFilters
{
    display: block;
}

.formField .field,
.formField .fieldButton,
.formField .fieldLabel
{
    display: flex;
    align-items: center;
    height: 30px;
    color: #646464;
    font-size: 13px;
    line-height: 13px;
}

.formField .fieldLabel
{
    font-weight: 700;
    padding: 0 5px 0 0;
}

.formField .field input
{
    background: 0 0;
    border: 2px solid transparent;
    color: #646464;
    display: block;
    float: left;
    padding: 0 0 0 6px;
    transition-duration: .5s;
}
.pageFiltersFields .field input,
.formField .field input:focus,
.formField .field input:hover
{
    background: #FFF;
    border: 2px solid #0776B9;
}

.pageFiltersFields .field input
{
    border: 2px solid #D1D1D1;
}

.datepicker .datepickerContainer,
.timepicker .timepickerContainer
{
    height: 34px;
}

.datepicker .datepickerContainer input,
.timepicker .timepickerContainer input
{
    color: #646464;
    background: 0 0;
    border: 2px solid #D1D1D1;
    transition-duration: .5s;
    display: block;
    padding-right: 0;
    float: left;
}

.datepicker .datepickerContainer input.error,
.timepicker .timepickerContainer input.error
{
    border: 2px solid #E73600 !important;
}

.datepicker .datepickerContainer input:disabled,
.timepicker .timepickerContainer input:disabled
{
    cursor: default !important;
    border: 2px solid #D5DADC !important;
    background: #F6FBFD !important;
    color: #919698 !important;
}

.datepicker .datepickerContainer input
{
    width: 90px !important;
}

.timepicker .timepickerContainer input
{
    width: 58px !important;
}

.datepicker .datepickerContainer input:focus,
.datepicker .datepickerContainer input:hover,
.timepicker .timepickerContainer input:focus,
.timepicker .timepickerContainer input:hover
{
    background: #FFF;
    border: 2px solid #0776B9;
}

.datepicker .datepickerContainer span,
.timepicker .timepickerContainer span
{
    display: block;
    float: left;
    width: 28px;
    background: transparent url(../gfx/layout/icons_forms.png) no-repeat 0 0;
    height: 28px;
    margin: 0;
    cursor: pointer;
}

.timepicker .timepickerContainer span
{
    background: transparent url(../gfx/layout/icons_forms.png) no-repeat -56px 0;
}

.datepicker .datepickerContainer span:hover
{
    opacity: .8;
}

.filterInputLabel
{
    line-height: 34px;
    margin: 0 10px 0 8px;
}

.modal
{
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000000;
}

.modal .vertical-alignment-helper
{
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}

.modal .vertical-align-center
{
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.modal.fade .modal-dialog
{
    opacity: 0;
    transform: scale(.7);
    transition: all .2s ease-out 0s;
}

.modal.show .modal-dialog
{
    opacity: 1;
    transform: scale(1);
}

.modal-show
{
    overflow-y: hidden;
}

.modal-show #devToolbar
{
    display: none;
}

.modal-show .modal
{
    overflow-x: hidden;
    overflow-y: hidden;
}

.modal-dialog
{
    margin: 10px;
    position: relative;
    z-index: 1000005;
    width: 1000px;
}

.modal-content
{
    background-clip: padding-box;
    background-color: #FFF;
    box-shadow: 0 0 5px #0776B9;
    outline: 0 none;
    position: relative;
    width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
    font-size: 13px;
}

.modal-backdrop
{
    background-color: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 900000;
}

.modal-backdrop.fade
{
    opacity: 0;
}

.modal-backdrop.in
{
    opacity: .1;
}

.modal-header
{
    min-height: 16.43px;
    padding: 20px 30px 0;
}

.modal-header.modal-header-search
{
    display: block;
    overflow: hidden;
}

.modal-header .close
{
    float: right;
    background: url(../gfx/layout/icon_close.png) no-repeat 50%;
    border: 0 none;
    width: 16px;
    height: 16px;
    cursor: pointer;
    padding: 0;
    transition-duration: .5s;
}

.modal-header .close:hover
{
    opacity: .8;
}

.modal-header .search
{
    float: right;
    width: 35%;
}

.modal-header.modal-header-search .search
{
    float: right;
    width: 43%;
}

.modal-header.modal-header-search .searchField
{
    width: 92%;
}

.modal-title
{
    font-size: 16px;
    margin: 0;
    cursor: default;
    font-weight: 400;
}

.modal-dialog .modal-content .modal-header .modal-info
{
    font-size: 16px;
    margin: 5px 0px;
    cursor: default;
    font-weight: 400;
    color: #EE3F10;
}

.modal-body
{
    padding: 30px 30px 0;
    position: relative;
    max-height: 700px;
    overflow: hidden;
    margin-bottom: 30px;
}

#providerDBModal .modal-body,
#productDBModal .modal-body
{
    overflow: visible;
}

.modal-body.modal-body-scrollable
{
    overflow-y: scroll;
}

@media (max-height: 768px)
{
    .modal-body
    {
        max-height: 485px;
    }

    #quickRFXModal .modal-body
    {
        max-height: 500px;
    }
}

.modal-body .dialogMessageBox,
.modal-body .messageBox
{
    display: block;
    font-size: 18px;
    width: auto;
    padding: 0;
}

.modal-body .dialogMessageBox.confimrModal,
.modal-body .messageBox.confimrModal
{
    background: #FFF !important;
    border: none;
}

.modal-empty-footer
{
    height: 1px;
    clear: both;
}

.modal-footer
{
    background: #F2F2F2;
    padding: 20px 30px;
    text-align: right;
}

.modal-footer .footer-buttons
{
    display: block;
    float: right;
}

.modal-footer .footer-buttons .btn
{
    display: inline-block;
}

.modal-footer .btn + .btn
{
    margin-bottom: 0;
    margin-left: 10px;
}

.modal-footer .btn-group .btn + .btn
{
    margin-left: -1px;
}

.modal-footer .btn-block + .btn-block
{
    margin-left: 0;
}

.modal-footer a
{
    margin: 0 10px 0 0;
    padding: 0;
    color: #0776B9;
    text-decoration: none;
    line-height: 0;
    transition-duration: .5s;
}

.modal-scrollbar-measure
{
    height: 50px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
    width: 50px;
}

@media (min-width: 768px)
{
    .modal-dialog
    {
        margin: 30px auto;
        width: 1000px;
    }

    .modal-dialog.medium
    {
        margin: 30px auto;
        width: 500px;
    }

    .modal-dialog.big
    {
        margin: 30px auto;
        width: 800px;
    }

    .modal-content
    {
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }

    .modal-sm
    {
        width: 300px;
    }
}

.modal .modalButtonList .list
{
    padding: 0;
    margin: 0;
    list-style: none;
}

.modal .modalButtonList .list .element
{
    display: inline-block;
    margin-right: 20px;
    float: left;
}

.modal .modalButtonList .list .element:nth-child(3n)
{
    margin-right: 0;
}

.modal .modalButtonList .list .element:nth-child(n+4)
{
    margin-top: 20px;
}

.modal .modalButtonList .rfxAuctionsList .element:nth-child(3n)
{
    margin-right: 20px;
}

.modal .modalButtonList .rfxAuctionsList .element:nth-child(n+4)
{
    margin-top: 0;
}

.modal .modalButtonList .list .element a
{
    display: block;
    width: 300px;
    height: 160px;
    background: #FFF;
    color: #646464;
    font-size: 16px;
    text-decoration: none;
}

.modal .modalButtonList .list .element a div.linkNormal
{
    display: table;
    width: 300px;
    height: 160px;
    border: none;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity .5s linear;
}

.modal .modalButtonList .list .element a:hover div.linkNormal
{
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}

.modal .modalButtonList .list .element a div.linkNormal span
{
    display: table-cell;
    height: 50px;
    vertical-align: top;
    font-size: 16px;
    color: #646464;
    padding: 33px 0 0;
}

.modal .modalButtonList .list .element a div.linkNormal span.title
{
    padding-left: 20px;
}

.modal .modalButtonList .list .element a div.linkNormal span.icon
{
    width: 50px;
    display: block;
    margin: 20px 0 0 20px;
}

.modal .modalButtonList .list .element a div.linkHover
{
    display: table;
    background: #F8FDFE;
    border: none;
    width: 0;
    height: 0;
    padding: 20px;
    font-size: 13px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .5s linear;
}

.modal .modalButtonList .list .element a:hover div.linkHover
{
    border: 2px solid #78C7E6;
    height: 160px;
    width: 296px;
    visibility: visible;
    opacity: 1;
}

.modal .modalButtonList .list .element a div.linkHover span.icon
{
    display: block;
    height: 30px;
    width: 30px;
    margin: 0 10px 0 0;
    float: left;
}

.modal .modalButtonList .list .element a div.linkHover span.title
{
    font-size: 16px;
    color: #646464;
    height: 30px;
    display: block;
}

.modal .modalButtonList .list .element a div.linkHover span.description
{
    margin: 20px 0 0;
    color: #646464;
    display: block;
}

.modal .modalButtonList .list .element a.disabled
{
    cursor: default;
}

.modal .modalButtonList .list .element a.disabled div.linkNormal
{
    display: table;
    width: 300px;
    height: 160px;
    border: none;
    visibility: visible;
    opacity: 1;
}

.modal .modalButtonList .list .element a.disabled div.linkNormal span.title
{
    color: #ABB4B8;
}

.modal .modalButtonList .list .element a.disabled div.linkNormal span.icon
{
    opacity: .5;
}

.modal .modalButtonList .list .element a.disabled div.linkHover
{
    display: table;
    background: #F8FDFE;
    border: none;
    width: 0;
    height: 0;
    padding: 20px;
    font-size: 13px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .5s linear;
}

#mainPageTopMenuBarBG
{
    display: block;
    height: 98px;
    background: #D9EFF8;
    padding-left: 2px;
    width: 100%;
    margin: 0 0 10px;
}

#mainPageTopMenuBarBG #mainPageTopMenuBar
{
    background: #D9EFF8;
    display: block;
    height: 98px;
    margin: 2px auto auto;
    padding-left: 2px;
    width: 100%;
}

#mainPageTopMenuBarBG #mainPageTopMenuBar .topMenuBarItem
{
    display: block;
    float: left;
    height: 88px;
    width: 88px;
    margin-left: 5px;
    margin-top: 5px;
    transition-duration: .5s;
    border: 2px solid #D9EFF8;
}

#mainPageTopMenuBarBG #mainPageTopMenuBar .topMenuBarItem:hover
{
    background: #F8FDFE;
    border: 2px solid #78C7E6;
}

#mainPageTopMenuBarBG #mainPageTopMenuBar .topMenuBarItem.active
{
    background: #FFF;
    border: 2px solid #0776B9;
}

#mainPageTopMenuBarBG #mainPageTopMenuBar .topMenuBarItem a
{
    display: block;
    width: 84px;
    margin: 11px auto 0;
    text-align: center;
    color: #646464;
    text-decoration: none;
}

#mainPageTopMenuBarBG #mainPageTopMenuBar .topMenuBarItem a .icon
{
    display: block;
    margin: auto;
    height: 32px;
    background-repeat: no-repeat;
}

#mainPageTopMenuBarBG #mainPageTopMenuBar .topMenuBarItem a .text
{
    margin: auto 0;
    padding: 2px;
    line-height: 14px;
    height: 41px;
    width: 84px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
}

#mainPageTopMenuBarBG #mainPageTopMenuBar .seperator
{
    display: block;
    float: left;
    background: #F2F8FA;
    height: 98px;
    width: 5px;
    margin-left: 5px;
}

#mainPageSecondaryTabsBG,
#mainPageTabsBG
{
    background: #FFF;
    display: block;
    width: 100%;
}

#mainPageSecondaryTabsBG #mainPageSecondaryTabs,
#mainPageTabsBG #mainPageTabs
{
    display: block;
    margin: 10px 0 0;
    background: #FFF;
}

#mainPageSecondaryTabsBG #mainPageSecondaryTabs:after,
#mainPageTabsBG #mainPageTabs:after
{
    content: " ";
    display: block;
    height: 0;
    clear: both;
}

#mainPageSecondaryTabsBG #mainPageSecondaryTabs .mainPageTabItem,
#mainPageTabsBG #mainPageTabs .mainPageTabItem
{
    display: block;
    float: left;
    font-size: 14px;
    background: #F2F2F2;
    color: #646464;
    cursor: pointer;
    height: 32px;
    width: auto;
    min-width: 80px;
    margin: 0 8px 0 0;
    text-align: center;
    line-height: 30px;
    text-decoration: none;
    padding: 0 10px;
    position: relative;
    text-transform: uppercase;
}

#mainPageSecondaryTabsBG #mainPageSecondaryTabs .mainPageTabItem
{
    background: #FFF;
}

#mainPageSecondaryTabsBG #mainPageSecondaryTabs .mainPageTabItem.active,
#mainPageSecondaryTabsBG #mainPageSecondaryTabs .mainPageTabItem.active:hover,
#mainPageTabsBG #mainPageTabs .mainPageTabItem.active,
#mainPageTabsBG #mainPageTabs .mainPageTabItem.active:hover
{
    background: #FFF;
    color: #0576B8;
    border: 2px solid #0777B9;
}

#mainPageSecondaryTabsBG #mainPageSecondaryTabs .mainPageTabItem:hover,
#mainPageTabsBG #mainPageTabs .mainPageTabItem:hover
{
    transition-duration: .5s;
    background: #33AADA;
}

#mainPageBarMenuBG
{
    width: 100%;
    margin: 0;
}

#mainPageBarMenuBG #mainPageBarMenu #mainPageBarMenuHeader
{
    width: 100%;
    position: relative;
    min-height: 30px;
    padding: 0;
    background: #FFF;
}

#mainPageBarMenuBG #mainPageBarMenu #mainPageBarMenuHeader #title
{
    font-size: 20px;
    color: #646464;
    float: left;
    margin: 2px 0 0;
}

#mainPageBarMenuBG #mainPageBarMenu #mainPageBarMenuHeader #title .number
{
    color: #3AB44A;
}

#mainPageBarMenuBG #mainPageBarMenu #mainPageBarMenuHeader .icons
{
    float: left;
    margin: 0 10px 0 0;
}

#mainPageBarMenuBG #mainPageBarMenu #mainPageBarMenuHeader .icons span
{
    margin: 1px 0 0;
}

#mainPageBarMenuBG #mainPageBarMenu #mainPageBarMenuHeader .icons .statusIcon
{
    margin: 5px 0 0;
}

#mainPageBarMenuBG #mainPageBarMenu #mainPageBarMenuHeader .rightIcons
{
    float: right;
    margin: 20px 20px 0 0;
}

#mainPageBarMenuBG #mainPageBarMenu #mainPageBarMenuHeader #backButton
{
    display: block;
    background-image: url(../gfx/layout/icon_green_back.png);
    background-repeat: no-repeat;
    width: 28px;
    height: 30px;
    float: left;
    margin: 0 10px 0 0;
}

#mainPageBarMenuBG #mainPageBarMenu #mainPageBarMenuHeader .menuIcon
{
    margin: 0 10px 0 0;
}

#contextMenuContent
{
    display: block;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3000;
}

#contextMenuContent a
{
    background-repeat: no-repeat;
}

#contextMenuContent.mainPageContentWindow .optionList
{
    width: 330px;
    font-size: 14px;
    color: #646464;
    background: #FFF;
    box-shadow: 0 4px 10px 0 #B4BCBF;
    padding: 4px;
    margin: 0;
    position: absolute;
    display: none;
    z-index: 99991;
}

#contextMenuContent.mainPageContentWindow .optionList li
{
    background: #FFF;
    border: 2px solid #FFF;
    height: 36px;
    transition: .5s;
    cursor: pointer;
    display: table;
    padding: 0;
    margin: 3px 7px;
    width: 305px;
}

#contextMenuContent.mainPageContentWindow .optionList li:first-child
{
    margin: 13px 7px 0;
}

#contextMenuContent.mainPageContentWindow .optionList li:last-child
{
    margin: 7px 0 11px 7px;
}

#contextMenuContent.mainPageContentWindow .optionList li:hover
{
    border: 2px solid #FFF;
    background: #F8F8F8;
}

#contextMenuContent.mainPageContentWindow .optionList li a
{
    width: 100%;
    margin-left: 10px;
    text-decoration: none;
    color: #646464;
    display: table-cell;
    vertical-align: middle;
    height: auto;
    padding: 8px 0 8px 18px;
    position: relative;
}

#contextMenuContent.mainPageContentWindow .optionList li a span.icon
{
    margin: 0 13px 0 8px;
    width: 39px;
    height: 36px;
    position: absolute;
    display: block;
    overflow: hidden;
}

#contextMenuContent.mainPageContentWindow .optionList li a span.text
{
    display: inline-block;
    margin: 0 0 0 60px;
    line-height: 36px;
}

#contextMenuContent.mainPageContentWindow .optionList li a.group span.text
{
    margin: 0 10px 0 60px;
    width: 190px;
}

#contextMenuContent.mainPageContentWindow .optionList li a.group span.button
{
    display: inline-block;
    width: 10px;
}

#contextMenuContent.mainPageContentWindow .optionList li a.group span.button .caret
{
    border-color: transparent transparent transparent #52BD62;
    border-width: 4px 0 4px 4px;
    border-style: solid;
}

#mainPageContentStarter
{
    width: 1260px;
    margin: 54px auto 0;
}

#mainPageContentBG,
#mainPageFooter,
#mainPageHeaderBG
{
    width: 100%;
    min-width: 1260px;
    margin: 0 auto;
}

#mainPageContentBG
{
    background: #F2F2F2;
    padding: 10px;
    margin: 0 auto;
}

#mainPageContentCreateNew
{
    display: inline-block;
    background: #FFF;
    padding: 10px;
    margin: 0 0 5px;
}

#mainPageContentCreateNew a
{
    display: table-cell;
    width: auto;
}

#mainPageContent
{
    background: #FFF;
    padding: 10px 10px 40px;
    margin: auto;
}

#mainPageContent .row
{
    display: block;
    overflow: hidden;
    clear: both;
}

#mainPageContent .row .label
{
    font-weight: 700;
    float: left;
}

#mainPageContent .row .content
{
    float: left;
    margin: 0 0 0 5px;
}

#mainPageContent .row .labelBlock
{
    font-weight: 700;
}

#mainPageContent .row.last
{
    margin: 15px 0 10px;
}

#mainPageContent .row.medium
{
    margin: 0 0 10px;
}

#mainPageContent .row .listItems
{
    margin: 3px 0 0;
}

#mainPageContent .row .listItems div
{
    padding: 5px 0;
}

#mainPageContent .large
{
    font-size: 16px;
    margin: 15px 0 0;
}

#mainPageContent #mainHeader
{
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 40px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #startButton
{
    display: inline-block;
    width: 24px;
    height: 16px;
    position: relative;
    margin: 20px 0 0 23px;
    transform: rotate(0);
    transition: .5s ease-in-out;
    cursor: pointer;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #startButton span
{
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #FFF;
    opacity: 1;
    left: 0;
    transform: rotate(0);
    transition: .25s ease-in-out;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #startButton span:first-child
{
    top: 0;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #startButton span:nth-child(2),
#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #startButton span:nth-child(3)
{
    top: 6px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #startButton span:nth-child(4)
{
    top: 12px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #startButton.show span:first-child
{
    top: 14px;
    width: 0;
    left: 50%;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #startButton.show span:nth-child(2)
{
    transform: rotate(45deg);
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #startButton.show span:nth-child(3)
{
    transform: rotate(-45deg);
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #startButton.show span:nth-child(4)
{
    top: 18px;
    width: 0;
    left: 50%;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #logoButton
{
    margin: 0 15px 0 0;
    width: 30px;
    height: 52px;
    display: inline-block;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #logoButton a
{
    margin: 0 0 -5px 10px;
    background: url(../gfx/layout/icon_logo.png) no-repeat 0 0;
    width: 30px;
    height: 30px;
    display: inline-block;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #menuItems
{
    display: inline-block;
    vertical-align: 3px;
    margin: 0 35px 0 -7px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #menuItems a
{
    text-decoration: none;
    font-size: 16px;
    text-transform: uppercase;
    color: #9CC8E1;
    padding: 0 16px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #menuItems a.active
{
    color: #FFF;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar .searchFieldInput
{
    display: inline-block;
    width: 410px;
    vertical-align: -7px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar .searchFieldInput .searchButton
{
    background: 0 0;
    border: 0;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar .searchFieldInput .searchButton a:hover
{
    background: url(../gfx/layout/search_icon.png) no-repeat 0 0;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar .searchFieldInput .searchField
{
    width: 370px;
    border: #FFF;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions
{
    top: 0;
    right: 0;
    display: block;
    position: fixed;
    line-height: 18px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions > div
{
    float: left;
    padding: 9px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .icon
{
    margin: 10px 9px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .headerIcons,
#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar .headerIcons
{
    background-image: url(../gfx/layout/menu/icons_options.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .headerIcons.headerIconsClock
{
    background-position: -5px -5px;
    cursor: default;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .headerIcons.headerIconsConversations
{
    position: relative;
    background-position: -5px -33px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .headerIcons.headerIconsDropdownArrow
{
    background-position: -5px -61px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .headerIcons.headerIconsInfo
{
    position: relative;
    background-position: -5px -117px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .headerIcons.headerIconsDropdownArrow:hover
{
    background-position: -5px -90px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .headerIcons.headerIconsInfo:hover
{
    background-position: -5px -145px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar .headerIcons.headerIconsHome
{
    margin-left: 15px;
    background-position: -5px -173px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar .headerIcons.headerIconsHome:hover
{
    background-position: -5px -201px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .personHeader
{
    cursor: pointer;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .personHeader .icon
{
    float: left;
    border-radius: 50%;
    margin: 5px 10px 10px;
    display: block;
    width: 30px;
    height: 30px;
    background-size: cover;
    overflow: hidden;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .personHeader .icon.userIcon
{
    background-size: 30px 30px;
    background: #FFF url(../gfx/layout/icon_user.png) no-repeat 0 0;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .personHeader .value
{
    color: #FFF;
    float: left;
    text-align: left;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .dateHeader .icon,
#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .dateHeader .value
{
    float: left;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions #pageHeaderTopbarNavigation a,
#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions .personHeader a
{
    margin: 9px 0 0 25px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions #pageHeaderTopbarClock
{
    font-size: 12px;
    line-height: 14px;
    color: #646464;
    width: auto;
    float: right;
    text-align: right;
    padding: 0;
    margin: 8px 30px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions #pageHeaderTopbarClock div
{
    cursor: default;
    text-align: left;
    padding-left: 5px;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions #pageHeaderTopbarNavigation a .messageInfo
{
    -moz-font-feature-settings: normal;
    -moz-font-language-override: normal;
    -x-system-font: none;
    background-color: #EE3F10;
    border-radius: 2px;
    color: #FFF;
    font-family: Lato;
    font-size: 10px;
    padding: 1px 3px;
    position: absolute;
    right: -4px;
    top: -4px;
    text-align: center;
    line-height: normal;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions #pageHeaderTopbarNavigation a.new
{
    -webkit-animation-name: e;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -o-animation-name: e;
    -o-animation-duration: .5s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: e;
    animation-duration: .5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes e
{
    0%
    {
        transform: translateY(1px);
    }
    to
    {
        transform: translateY(-1px);
    }
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions #pageHeaderTopbarNavigation #settings
{
    background: url(../gfx/layout/icons_main_menu.png) no-repeat -80px 0;
    transition: transform .4s ease-out;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions #pageHeaderTopbarNavigation #settings:hover
{
    transform: rotate(180deg);
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions #pageHeaderTopbarCurrent .topbarItemIcon
{
    float: left;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
    background-repeat: no-repeat;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions #pageHeaderTopbarCurrent .topbarItemText
{
    float: left;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions #pageHeaderTopbarCurrent #finances .topbarItemIcon
{
    background: url(../gfx/layout/icons_main_menu.png) no-repeat -20px 0;
}

#mainPageHeaderBG #mainPageHeader #pageHeaderTopbar #pageHeaderTopbarOptions #pageHeaderTopbarCurrent #user .topbarItemIcon
{
    background: url(../gfx/layout/icons_main_menu.png) no-repeat 0 0;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu
{
    position: fixed;
    top: 53px;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
    z-index: 99999;
    font-size: 13px;
    color: #FFF;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: .5s ease-out;
}

#mainPageHeaderBG #mainPageHeader #mainMenu.show
{
    visibility: visible;
    opacity: 1;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuScroller
{
    display: block;
    float: left;
    width: 70px;
    height: 100%;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuScroller #mainMenuList
{
    background: #F2F2F2;
    list-style: none outside none;
    margin: 5px 0 0;
    padding: 1px 0 0;
    height: 100%;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuScroller #mainMenuList li
{
    margin: 5px;
    padding: 0;
    overflow: hidden;
    vertical-align: central;
    min-height: 58px;
    list-style: none outside none;
    text-transform: none;
    word-wrap: break-word;
    width: 60px;
    line-height: 35px;
    cursor: pointer;
    transition-duration: .5s;
    border: 2px solid #F2F2F2;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuScroller #mainMenuList li.active,
#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuScroller #mainMenuList li:hover
{
    border-color: #0776B9;
    background-color: #FFF;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuScroller #mainMenuList li a
{
    display: block;
    overflow: hidden;
    min-height: 58px;
    min-width: 56px;
    padding-top: 15px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuScroller #mainMenuList li a span
{
    background: url(../gfx/layout/menu/icons_menu.png) no-repeat 0 0;
    display: block;
    margin: 0 auto;
    width: 26px;
    height: 26px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuScroller #mainMenuList li.new a span
{
    background-position: -5px -5px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuScroller #mainMenuList li.desktop a span
{
    background-position: -5px -42px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuScroller #mainMenuList li.apps a span
{
    background-position: -5px -78px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent
{
    visibility: hidden;
    opacity: 0;
    display: block;
    margin: 0;
    height: 100%;
    background: #FFF;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent.show
{
    visibility: visible;
    opacity: 1;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu
{
    color: #646464;
    display: block;
    overflow: hidden;
    font-family: Lato;
    max-width: 1260px;
    margin: 0 auto;
    text-align: center;
    line-height: normal;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .headerContent
{
    font-size: 45px;
    margin: 0 auto;
    text-align: center;
    padding: 30px;
    font-family: LatoLight;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .headerContent .back
{
    background: url(../gfx/layout/icon_back.png) no-repeat 0 0;
    width: 22px;
    height: 20px;
    display: inline-block;
    margin: 0 0 5px;
    cursor: pointer;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list
{
    padding: 0;
    list-style: none;
    margin: 0 0 0 60px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element
{
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 30px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element:first-child:nth-last-child(n+5),
#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element:first-child:nth-last-child(n+5) ~ .element
{
    float: left;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a
{
    display: block;
    width: 254px;
    height: 188px;
    background: #FFF;
    color: #646464;
    font-size: 16px;
    text-decoration: none;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a div.linkNormal
{
    display: block;
    width: 254px;
    height: 188px;
    border: none;
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity .5s linear;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a:hover div.linkNormal
{
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    display: none;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a div.linkNormal span
{
    float: left;
    height: 50px;
    vertical-align: top;
    font-size: 16px;
    color: #646464;
    padding: 34px 0 0;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a div.linkNormal span.title
{
    padding-left: 20px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a div.linkNormal span.icon
{
    width: 50px;
    float: left;
    margin: 20px 0 0 20px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a div.linkHover
{
    display: table;
    background: #F8FDFE;
    border: none;
    width: 0;
    height: 0;
    padding: 20px;
    font-size: 13px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .5s linear;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a:hover div.linkHover
{
    border: 2px solid #78C7E6;
    width: 250px;
    height: 188px;
    visibility: visible;
    opacity: 1;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a:hover div.linkHover > div
{
    display: block;
    overflow: hidden;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a div.linkHover span.icon
{
    height: 30px;
    width: 30px;
    float: left;
    display: block;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a div.linkHover span.title
{
    font-size: 18px;
    color: #646464;
    height: 30px;
    float: left;
    margin-left: 20px;
    display: block;
    margin-top: 5px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a div.linkHover span.description
{
    margin: 20px 0 0;
    color: #646464;
    display: block;
    overflow: hidden;
    font-size: 14px;
    text-align: left;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a.disabled
{
    cursor: default;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a.disabled div.linkNormal
{
    display: table;
    width: 254px;
    height: 188px;
    border: none;
    visibility: visible;
    opacity: 1;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a.disabled div.linkNormal span.title
{
    color: #ABB4B8;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a.disabled div.linkNormal span.icon
{
    opacity: .5;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent .listMenu .list .element a.disabled div.linkHover
{
    display: table;
    background: #F8FDFE;
    border: none;
    width: 0;
    height: 0;
    padding: 20px;
    font-size: 13px;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity .5s linear;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments.listMenu .linkHover .icon,
#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments.listMenu .linkNormal .icon
{
    background: url(../gfx/layout/menu/icons_proceeding.png) no-repeat 0 0;
    display: block;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments.listMenu .linkNormal .icon
{
    width: 50px;
    height: 50px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments.listMenu .linkHover .icon
{
    width: 30px;
    height: 30px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuRFX .linkNormal .icon
{
    background-position: 0 0;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuRFX .linkHover .icon
{
    background-position: -50px 0;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuAuction .linkNormal .icon
{
    background-position: 0 -50px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuAuction .linkHover .icon
{
    background-position: -50px -30px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuSpecialShopping .linkNormal .icon
{
    background-position: 0 -100px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuSpecialShopping .linkHover .icon
{
    background-position: -50px -60px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuRFXInstant .linkNormal .icon
{
    background-position: 0 -150px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuRFXInstant .linkHover .icon
{
    background-position: -50px -90px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuRFXStandard .linkNormal .icon
{
    background-position: 0 -200px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuRFXStandard .linkHover .icon
{
    background-position: -50px -120px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuRFXFull .linkNormal .icon
{
    background-position: 0 -250px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuRFXFull .linkHover .icon
{
    background-position: -50px -150px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuTemplates .linkNormal .icon
{
    background-position: 0 -300px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuTemplates .linkHover .icon
{
    background-position: -50px -180px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuAuctionDescending .linkNormal .icon
{
    background-position: 0 -350px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuAuctionDescending .linkHover .icon
{
    background-position: -50px -210px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuAuctionAscending .linkNormal .icon
{
    background-position: 0 -400px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuAuctionAscending .linkHover .icon
{
    background-position: -50px -240px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuAuctionMultiobject .linkNormal .icon
{
    background-position: 0 -450px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuAuctionMultiobject .linkHover .icon
{
    background-position: -50px -270px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuAuctionJapan .linkNormal .icon
{
    background-position: 0 -500px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuDocuments #menuAuctionJapan .linkHover .icon
{
    background-position: -50px -300px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuApps.listMenu .linkHover .icon,
#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuApps.listMenu .linkNormal .icon
{
    background: url(../gfx/layout/menu/icons_apps.png) no-repeat 0 0;
    display: block;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuApps #menuOrders .linkNormal .icon
{
    width: 45px;
    height: 45px;
    background-position: -5px -225px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuApps #menuOrders .linkHover .icon
{
    width: 40px;
    height: 40px;
    background-position: -55px -165px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuApps #menuPulpit .linkNormal .icon
{
    width: 45px;
    height: 45px;
    background-position: -5px -390px;
}

#mainPageHeaderBG #mainPageHeader #mainMenu #mainMenuContent #menuApps #menuPulpit .linkHover .icon
{
    width: 40px;
    height: 40px;
    background-position: -55px -284px;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel,
#mainPageHeaderBG #mainPageHeader #notificationPanel
{
    width: 500px;
    min-height: 40px;
    background: #FFF;
    color: #FFF;
    position: absolute;
    word-wrap: break-word;
    z-index: 99999;
    box-shadow: 0 3px 10px silver;
    line-height: normal;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel:after,
#mainPageHeaderBG #mainPageHeader #notificationPanel:after
{
    content: "";
    display: block;
    position: absolute;
    top: -19px;
    left: 70%;
    right: 0;
    width: 0;
    height: 0;
    border-color: transparent transparent #FFF;
    border-style: solid;
    border-width: 10px;
    z-index: -1;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel .item,
#mainPageHeaderBG #mainPageHeader #notificationPanel .item
{
    width: 100%;
    display: block;
    overflow: hidden;
    min-height: 55px;
    padding: 10px;
    color: #646464;
    cursor: pointer;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel .item a,
#mainPageHeaderBG #mainPageHeader #notificationPanel .item a
{
    color: inherit;
    text-decoration: none;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel .item.green,
#mainPageHeaderBG #mainPageHeader #notificationPanel .item.green
{
    background-color: #3AB44A;
    color: #FFF;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel .item.grey,
#mainPageHeaderBG #mainPageHeader #notificationPanel .item.grey
{
    background-color: #F2F2F2;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel .item .content,
#mainPageHeaderBG #mainPageHeader #notificationPanel .item .content
{
    width: 430px;
    float: left;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel .item .content .text,
#mainPageHeaderBG #mainPageHeader #notificationPanel .item .content .text
{
    margin-bottom: 3px;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel .item .content .date,
#mainPageHeaderBG #mainPageHeader #notificationPanel .item .content .date
{
    font-size: 10px;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel .item .noDataRow,
#mainPageHeaderBG #mainPageHeader #notificationPanel .item .noDataRow
{
    font-size: 16px;
    font-weight: 700;
    text-align: center;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel .item:hover,
#mainPageHeaderBG #mainPageHeader #notificationPanel .item:hover
{
    background: #F2F2F2;
    color: #646464;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel .showAll,
#mainPageHeaderBG #mainPageHeader #notificationPanel .showAll
{
    text-align: center;
    margin: 0 auto;
    border-top: 1px solid #F2F2F2;
    padding: 5px;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel .showAll a,
#mainPageHeaderBG #mainPageHeader #notificationPanel .showAll a
{
    color: #41A5D7;
    text-decoration: none;
    font-size: 14px;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel .item .icon,
#mainPageHeaderBG #mainPageHeader #notificationPanel .item .icon
{
    float: left;
    width: 50px;
    margin: 0 auto;
    text-align: center;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel .item .icon div,
#mainPageHeaderBG #mainPageHeader #notificationPanel .item .icon div
{
    display: block;
    width: 34px;
    height: 34px;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 50%;
    background-size: cover;
}

#mainPageHeaderBG #mainPageHeader #notificationPanel .item .icon .auto
{
    background: url(../gfx/layout/menu/icon_auto.png) no-repeat 0 0;
    background-size: 34px 34px;
}

#mainPageHeaderBG #mainPageHeader #messagesPanel .item .icon .user,
#mainPageHeaderBG #mainPageHeader #notificationPanel .item .icon .user
{
    background: url(../gfx/layout/icon_user.png) no-repeat 0 0;
    background-size: 34px 34px;
}

#mainPageHeaderBG #mainPageHeader #userPanel
{
    width: 180px;
    min-height: 40px;
    background: #FFF;
    color: #FFF;
    position: absolute;
    word-wrap: break-word;
    z-index: 99999;
    box-shadow: 0 3px 10px silver;
    line-height: normal;
}

#mainPageHeaderBG #mainPageHeader #userPanel:after
{
    content: "";
    display: block;
    position: absolute;
    top: -20px;
    left: 44%;
    right: 0;
    width: 0;
    height: 0;
    border-color: transparent transparent #F2F2F2;
    border-style: solid;
    border-width: 10px;
}

#mainPageHeaderBG #mainPageHeader #userPanel #userPanelDetails
{
    background: #F2F2F2;
    padding: 10px 0 0;
}

#mainPageHeaderBG #mainPageHeader #userPanel #userPanelDetails .icon
{
    display: block;
    background: url(../gfx/layout/icon_user.png) no-repeat;
    border-radius: 50%;
    background-size: cover;
    width: 75px;
    height: 75px;
    overflow: hidden;
    margin: 0 auto;
}

#mainPageHeaderBG #mainPageHeader #userPanel #userPanelDetails .name
{
    font-size: 14px;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0;
    color: #646464;
}

#mainPageHeaderBG #mainPageHeader #userPanel #userPanelMenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#headerSeperator
{
    display: block;
    width: 100%;
    height: 86px;
}

#mainPageTopMenu
{
    display: flex;
    overflow: hidden;
    margin: 0;
}

#mainPageTopMenu .tabs
{
    position: relative;
    height: 45px;
    max-height: 90px;
    clear: both;
    background-color: #F2F2F2;
    padding-left: 5px;
}

#mainPageTopMenu .tabs .tab
{
    float: left;
    height: 40px;
    text-decoration: none;
    color: #646464;
}

#mainPageTopMenu .tabs .tab.right
{
    float: right;
}

#mainPageTopMenu .tabs .tab label
{
    display: table;
    border-spacing: 9px 0;
    background: #F2F2F2;
    padding: 7px 18px 7px 13px;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 5px;
}

#mainPageTopMenu .tabs .tab label div
{
    display: table-cell;
    vertical-align: middle;
}

#mainPageTopMenu .tabs .tab [type=radio]
{
    display: none;
}

#mainPageTopMenu .tabs .tab [type=radio]:checked ~ label
{
    background: #FAFAFA;
    z-index: 2;
    transition-duration: .5s;
}

#mainPageTopMenu .tabs .tab [type=radio]:checked ~ label ~ .content
{
    z-index: 1;
}

#mainPageTopMenu .tabs .tab .menuBar
{
    display: block;
    width: 26px;
    height: 26px;
}

#mainPageTopMenu .subtabs
{
    display: none;
    width: 100%;
    height: 40px;
    background: #FAFAFA;
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
}

#mainPageTopMenu .subtabs .tab
{
    border: 1px solid transparent;
    display: inline-block;
    margin: 5px 10px;
    padding: 0 10px;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 22px;
    height: 26px;
    text-decoration: none;
    color: #646464;
}

#mainPageTopMenu .subtabs .tab.active
{
    color: #0776B9;
    border: 2px solid #0776B9;
    background: #FFF;
}

#mainPageTopMenu .subtabsPrev,
#mainPageTopMenu .subtabsNext
{
    display: none;
    align-items: center;
}

#mainPageTopMenu .arrowIcon
{
    background: url('../gfx/layout/icon_arrow2.png') no-repeat 0 0;
    width: 23px;
    height: 26px;
    display: inline-block;
    margin: 0;
    cursor: pointer;
}

#mainPageTopMenu .arrowIcon.next
{
    transform: scaleX(-1);
}

#mainPageBreadcrumbBG
{
    background: #FFF;
}

.categoryTreeContainer
{
    position: relative;
    display: block;
    width: auto;
    min-height: 30px;
    height: auto;
    cursor: pointer;
    margin: auto;
}

.categoryTreeContainer select
{
    display: none;
}

.categoryTreeContainer .categoryTreeButton
{
    position: relative;
    border: 2px solid transparent;
    color: #646464;
    background: 0 0;
    width: auto;
    padding: 6px 25px 6px 9px;
    font-size: 13px;
    min-height: 30px;
    height: auto;
    line-height: 12px;
    cursor: pointer;
    transition-duration: .5s;
    vertical-align: middle;
    margin-bottom: 2px;
}

.categoryTreeContainer.error .categoryTreeButton,
.categoryTreeContainer.error .categoryTreeButton:hover
{
    border: 2px solid #E73600;
}

.categoryTreeContainer .categoryTreeButton:active,
.categoryTreeContainer .categoryTreeButton:focus,
.categoryTreeContainer .categoryTreeButton:hover,
.categoryTreeContainer.show .categoryTreeButton
{
    background: #FFF;
    border: 2px solid #0776B9;
}

.categoryTreeContainer .categoryTreeButton.error:hover .caret
{
    color: #3AB44A;
}

.categoryTreeContainer .categoryTreeButton .categoryTreeButtonText
{
    text-align: left;
    float: left;
    width: 100%;
    height: auto;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.categoryTreeContainer .categoryTreeButton .caret
{
    color: #3AB44A;
    margin-top: -2px;
    position: absolute;
    right: 12px;
    top: 50%;
    vertical-align: middle;
}

.categoryTreeContainer .categoryTreeButton:hover .caret
{
    color: #61C36E;
}

.categoryTreeContainer .categoryTreeButton.error .caret
{
    color: #E73600;
}

.categoryTreeMenu
{
    background-clip: padding-box;
    background-color: #FBFEFE;
    border: 2px solid #7FCAE8;
    float: left;
    left: 0;
    margin: 2px 0;
    min-width: 220px;
    padding: 0;
    text-align: left;
    top: 100%;
    z-index: 10000005;
    color: #646464;
}

.categoryTreeMenu,
.categoryTreeMenu .containerMask
{
    display: none;
    width: 100%;
    position: absolute;
    overflow: hidden;
}

.categoryTreeMenu .containerMask
{
    background: 0 0;
    height: 100%;
    z-index: 100025;
}

.categoryTreeMenu.show
{
    display: block;
}

.categoryTreeMenu .categoryTreeList
{
    list-style: none inside none;
    padding: 5px 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: auto;
}

.categoryTreeMenu .categoryTreeList .ps-scrollbar-y-rail
{
    margin-top: 5px;
}

.categoryTreeMenu .categoryTreeList > li
{
    position: relative;
    display: list-item;
    cursor: pointer;
    line-height: 24px;
    min-height: 30px;
}

.categoryTreeMenu .categoryTreeList > li > div.listRow.active,
.categoryTreeMenu .categoryTreeList > li > div.listRow:hover
{
    background: #7FCAE8;
}

.categoryTreeMenu .categoryTreeList > li > a
{
    color: #646464;
    display: block;
    padding: 3px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
    line-height: 24px;
    float: left;
    width: 90%;
    height: 30px;
    font-size: 13px;
}

.categoryTreeMenu .categoryTreeList > li > a:focus,
.categoryTreeMenu .categoryTreeList > li > a:hover
{
    text-decoration: none;
    color: #000;
}

.categoryTreeMenu .categoryTreeList li .moreCategoriesButton
{
    float: left;
    height: 30px;
    width: 20px;
}

.categoryTreeMenu .categoryTreeList li .categoryLink
{
    margin: 0 0 0 20px;
    display: block;
}

.categoryTreeMenu .categoryTreeList li .moreCategoriesButton .moreCategoriesButtonIcon
{
    height: 8px;
    width: 8px;
    margin: 9px auto;
    display: block;
}

.categoryTreeMenu .categoryTreeList li .moreCategoriesButton .moreCategoriesButtonIcon.active
{
    background: transparent url(../gfx/layout/icons_caret.png) no-repeat 0 -8px;
}

.categoryTreeMenu .categoryTreeList li .moreCategoriesButton .moreCategoriesButtonIcon.active.show
{
    background: transparent url(../gfx/layout/icons_caret.png) no-repeat 0 0;
}

.categoryTreeMenu .categoryTreeList.childList
{
    display: none;
}

.categoryTreeMenu .categoryTreeList.childList.show
{
    display: block;
}

.error .cke_inner,
.error .cke_inner:hover
{
    border: 2px solid #E73600;
}

.messageBox
{
    width: 96%;
    min-height: 78px;
    border-width: 2px;
    border-style: solid;
    font-weight: 700;
    font-size: 16px;
    color: #000;
    display: none;
    box-sizing: initial;
    margin: 0 0 10px;
    background: #FFF;
}

.messageBox.messageBoxStatic
{
    min-height: 73px;
    box-shadow: 0 5px 10px silver;
}

.messageBox.messageBoxStatic .text
{
    width: 100%;
    height: 73px;
    color: #646464;
}

.messageBox.messageBoxStatic .icon p
{
    margin: 0 30px 0 15px;
}

#messageBoxContainer
{
    position: fixed;
    right: 10px;
    top: 26px;
    width: 50%;
    z-index: 100000;
}

#messageBoxContainer .messageBox
{
    overflow: hidden;
    width: 100%;
}

#messageBoxContainer .messageBox .left
{
    width: 100%;
}

.messageBox.clickable
{
    cursor: pointer;
}

.dialogMessageBox.delete
{
    height: auto;
}

.dialogMessageBox
{
    cursor: default;
    width: 96%;
    height: 78px;
    border-width: 2px;
    border-style: solid;
    font-weight: 400;
    font-size: 16px;
    color: #646464;
    display: none;
    box-sizing: initial;
    margin: 0 0 30px;
}

.messageBox .close
{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    border: 0 none;
    cursor: pointer;
    padding: 0;
    transition-duration: .5s;
}

.messageBox .close > span
{
    display: block;
    background: url(../gfx/layout/icon_close.png) no-repeat 50%;
    border: 0 none;
    width: 16px;
    height: 16px;
    margin-left: auto;
    margin-right: 20px;
}

.messageBox .close:hover
{
    opacity: .8;
}

.dialogMessageBox .icon,
.messageBox .icon
{
    display: table-cell;
    vertical-align: middle;
}

.dialogMessageBox .icon span,
.messageBox .icon span
{
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 20px 0 10px;
}

.dialogMessageBox .text,
.messageBox .text
{
    display: table-cell;
    height: 78px;
    vertical-align: middle;
    padding: 0 20px 0 0;
}

.medium .dialogMessageBox .text,
.medium .messageBox .text
{
    max-width: 350px;
}

.dialogMessageBox.success,
.messageBox.success
{
    border-color: #3AB44A;
}

.dialogMessageBox.success .icon span,
.messageBox.success .icon span
{
    background: url(../gfx/layout/icons_message.png) no-repeat 0 0;
}

.dialogMessageBox.failure,
.messageBox.failure
{
    border-color: #E73600;
}

.dialogMessageBox.failure .icon span,
.messageBox.failure .icon span
{
    background: url(../gfx/layout/icons_message.png) no-repeat -37px 0;
}

.dialogMessageBox.delete,
.messageBox.delete
{
    border-color: #3AB44A;
    background: #EBF7ED;
}

.dialogMessageBox.delete .icon span,
.messageBox.delete .icon span
{
    background: url(../gfx/layout/icons_message.png) no-repeat -73px 0;
}

.dialogMessageBox.info,
.messageBox.info
{
    border-color: #0777B9;
}

.dialogMessageBox.info .icon span,
.messageBox.info .icon span
{
    background: url(../gfx/layout/icons_message.png) no-repeat -111px 0;
}

.dialogMessageBox.warning,
.messageBox.warning
{
    border-color: #EF3F10;
}

.dialogMessageBox.warning .icon span,
.messageBox.warning .icon span
{
    background: url(../gfx/layout/icons_message.png) no-repeat -147px 0;
}

.dialogMessageBox .row,
.messageBox .row
{
    padding: 10px 0 0 0;
}

.dialogMessageBox .cell,
.messageBox .cell
{
    display: table-cell;
    height: auto;
    vertical-align: middle;
    padding: 0 20px 10px 0;
}

.dialogMessageBox .top,
.messageBox .top
{
    vertical-align: top;
    padding-top: 10px;
}

.dataTable .dataTableLabel
{
    font-size: 16px;
    margin: 40px 0 0;
}

.dataTable .dataTableLabel ~ .dataTableContent th
{
    padding: 15px 5px 10px 0;
}

.dataTable .dataTableTopSection
{
    height: 30px;
}

.dataTable .searchFieldContainer
{
    width: 330px;
    position: relative;
}

.dataTable .searchFieldContainer .clearTextButton
{
    display: none;
    position: absolute;
    height: 16px;
    right: 35px;
    background: transparent url(../gfx/layout/icon_close.png) no-repeat scroll 0 0;
    top: 7px;
    width: 16px;
    bottom: 7px;
    cursor: pointer;
    transition-duration: .5s;
}

.dataTable .searchFieldContainer .clearTextButton:hover
{
    opacity: .8;
}

.dataTable .searchDescriptionContainer
{
    display: block;
    height: 30px;
}

.dataTable .searchDescriptionContainer .checkboxpicker
{
    display: block;
    float: left;
    height: 30px;
}

.dataTable .searchDescriptionContainer label
{
    display: block;
    height: 30px;
    line-height: 30px;
}

.dataTable .searchSortFieldContainer
{
    position: relative;
    float: right;
}

.dataTable .searchSortFieldContainer .bootstrap-select
{
    float: right;
    border-style: solid;
    border-width: 2px;
    border-color: #3AB44A;
}

.dataTable .searchSortFieldContainer .btn.dropdown-toggle.btn-default
{
    width: 260px;
}

.dataTable .searchSortFieldContainer .formField
{
    display: table-row;
}

.dataTable .searchSortFieldContainer .fieldLabel
{
    display: table-cell;
}

.dataTable .searchSortFieldContainer .btn
{
    font-size: 13px;
}

.dataTable .searchSortFieldContainer .dropdown-menu
{
    font-size: 13px;
}

.dataTable .dataTableOptions
{
    float: right;
}

#providerDBModal .modal-body,
#rfxDBModal .modal-body,
#shareModal .modal-body
{
    padding: 0;
}

#providerDBModal .dataTable .pageFiltersBG,
#rfxDBModal .dataTable .pageFiltersBG,
#shareModal .dataTable .pageFiltersBG
{
    padding: 30px 30px 0;
}

#providerDBModal .dataTable .dataTableContent,
#rfxDBModal .dataTable .dataTableContent,
#shareModal .dataTable .dataTableContent
{
    padding: 0 30px;
    max-height: 325px;
    position: relative;
    overflow: hidden;
}

@media (min-height: 769px)
{
    #providerDBModal .dataTable .dataTableContent,
    #rfxDBModal .dataTable .dataTableContent,
    #shareModal .dataTable .dataTableContent
    {
        max-height: 425px;
    }
}

#providerDBModal .dataTable .dataTableBottomSection,
#rfxDBModal .dataTable .dataTableBottomSection,
#shareModal .dataTable .dataTableBottomSection
{
    padding: 0 30px;
}

#providersDataModal #providersDataWarning .text
{
    padding: 10px 0;
}

#providersDataModal #providersDataContainer #providersDataList
{
    margin: 40px 0 0 0;
    width: 100%;
}

#providersDataModal #providersDataContainer #providersDataList .ordinal
{
    width: 4%;
}

#providersDataModal #providersDataContainer #providersDataList .name
{
    width: 26%;
    padding: 0 10px;
}

#providersDataModal #providersDataContainer #providersDataList .email input,
#providersDataModal #providersDataContainer #providersDataList .street input,
#providersDataModal #providersDataContainer #providersDataList .number input,
#providersDataModal #providersDataContainer #providersDataList .nip input,
#providersDataModal #providersDataContainer #providersDataList .city input,
#providersDataModal #providersDataContainer #providersDataList .zipcode input,
#providersDataModal #providersDataContainer #providersDataList .country input
{
    width: 130px;
    padding: 0;
}

#providersDataModal ul.dropdown-menu.inner
{
    overflow: auto !important;
}

#providersDataModal ul.dropdown-menu.inner
{
    max-height: 200px !important;
}

#providersDataModal .modal-body
{
    overflow: auto;
}

#providersDataModal input.small, select.small, textarea.small
{
    width: 10px !important;
}

.dataTable .dataTableContent
{
    display: block;
}

.dataTable .dataTableContent table
{
    width: 100%;
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    text-align: center;
    margin: 0 0 30px;
    padding: 0 0 0 10px;
}

.dataTable .dataTableContent table.table50Pct
{
    width: 50%;
}

.dataTable .dataTableContent table tr:last-of-type td
{
    border-style: solid;
    border-color: #F2F2F2;
    border-width: 0 0 1px;
}

.dataTable .dataTableContent table tr:first-of-type td
{
    border-style: solid;
    border-color: #F2F2F2;
    border-width: 1px 0 0;
}

.dataTable .dataTableContent table tr td,
.dataTable .dataTableContent table tr th
{
    padding: 0;
}

.dataTable .dataTableContent table tr th
{
    padding: 22px 5px 10px 0;
    border-color: #F2F2F2;
    font-size: 13px;
    font-weight: 700;
    color: #646464;
    vertical-align: middle;
    border-style: solid;
    border-width: 0 0 1px;
    background: #FFF;
}

.dataTable .dataTableContent table tr:nth-child(odd)
{
    background: #F8F8F8;
}

.dataTable .dataTableContent table tr:nth-child(2n)
{
    background: #FFF;
}

.dataTable .dataTableContent table tr:hover
{
    background: #E5F4FA;
}

.dataTable .dataTableContent table tr.selected
{
    background: #66BFE3;
}

.dataTable .dataTableContent table tr.selected .bootstrap-select:not(.show) .btn-default:not(:hover):not(:focus),
.dataTable .dataTableContent table tr.selected .bootstrap-select:not(.show) .btn-default:not(:hover):not(:focus) .caret,
.dataTable .dataTableContent table tr.selected .categoryTreeContainer .categoryTreeButton:not(:hover):not(:focus),
.dataTable .dataTableContent table tr.selected .categoryTreeContainer .categoryTreeButton:not(:hover):not(:focus) .caret
{
    color: #FFF;
}

.dataTable .dataTableContent table tr td
{
    padding: 23px 10px;
    font-size: 13px;
}

.dataTable .dataTableContent table tr td.options > *,
.dataTable .dataTableContent table tr td.status > *
{
    margin: auto;
    text-align: center;
}

.dataTable .dataTableContent table tr.noDataRow td
{
    text-align: center;
}

.dataTable .dataTableContent table tr.selected td
{
    color: #FFF;
}

.dataTable .dataTableContent table tr td.ordinal
{
    width: 50px;
}

.dataTable .dataTableContent table tr td.title
{
    text-align: left;
    width: 60%;
}

@media (max-width: 1580px)
{
    .dataTable .dataTableContent table tr td.title
    {
        width: 40%;
    }
}

.dataTable .dataTableContent table tr td.title30
{
    width: 30%;
}

.dataTable .dataTableContent table tr td.title a.name
{
    display: block;
    font-weight: 700;
    font-size: 15px;
    color: #0776B9;
    text-decoration: none;
}

.dataTable .dataTableContent table tr.selected td.title a.name
{
    color: #FFF;
}

.dataTable .dataTableContent table tr td.title a.number
{
    display: block;
    text-decoration: none;
    font-size: 13px;
    color: #646464;
    margin: 10px 0 0;
}

.dataTable .dataTableContent table tr.selected td.title a.number
{
    color: #FFF;
}

.dataTable .dataTableContent table tr td.follow
{
    width: 30px;
}

.dataTable .dataTableContent table tr td.follow span
{
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 29px;
    background: url(../gfx/layout/icons_favorite.png) no-repeat 0 -29px;
    cursor: pointer;
}

.dataTable .dataTableContent table tr td.follow span.active
{
    background: url(../gfx/layout/icons_favorite.png) no-repeat 0 0;
}

.dataTable .dataTableContent table tr td input
{
    margin: 0 15px 0 0;
}

.dataTable .dataTableContent table tr td > div.error:not(.tooltip)
{
    border: 2px solid #E73600;
}

.dataTable .dataTableContent table tr td a.titleLink
{
    display: block;
    font-weight: 700;
    font-size: 15px;
    color: #0776B9;
    text-decoration: none;
    cursor: pointer;
}

.dataTable .dataTableBottomSection
{
    display: block;
    margin: 20px 0;
    height: 30px;
    width: 100%;
}

.dataTable .dataTableBottomSection button,
.dataTable .dataTableBottomSection input
{
    float: right;
    margin: 0 0 0 10px;
}

.dataTable .dataTableBottomSection .checkAll
{
    float: right;
    margin: 0 10px;
    height: 30px;
    width: 30px;
    background: url(../gfx/layout/icons_checkall.png) no-repeat 0 0;
    cursor: pointer;
    transition-duration: .5s;
}

.dataTable .dataTableBottomSection .checkAll:hover
{
    opacity: .8;
}

.dataTable .offerFormalCriteriaSection
{
    margin: 0 0 30px;
}

.dataTable.attachmentsList
{
    width: 52%;
    margin: 13px 0 30px;
}


.dataTable.attachmentsList td
{
    height: 60px;
}

.dataTable.attachmentsList td:first-child
{
    margin: 0 20px;
    width: 25px;
}

.dataTable.attachmentsList td:last-child
{
    margin: 0 20px;
    width: 100px;
}

.dataTable.attachmentsList td a
{
    font-size: 13px;
    color: #646464;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dataTable.attachmentsModalList
{
    width: 100%;
    margin: 5px 0;
}

.dataTable.attachmentsModalList .dataTableContent
{
    max-height: 400px;
    overflow: hidden;
    position: relative;
}

.dataList
{
    background: #EEFAFF;
    display: block;
    margin: 10px 0;
    padding: 20px 10px;
}

.dataList table
{
    border-collapse: separate;
    border-spacing: 0;
    width: 50%;
}

.dataList.full table
{
    width: 100%;
}

.dataList table tr
{
    display: table-row;
}

.dataList table tr.noDataRow td
{
    text-align: center;
}

.dataList table tr td
{
    padding: 5px 0;
}

.dataList table tr td.fullValue
{
    width: auto;
}

.dataList table tr td.value
{
    width: 70%;
}

.dataList table tr td.option
{
    width: auto;
    padding: 0 10px;
}

.dataList table tr td.option div
{
    margin: auto;
}

.dataList table tr td input[type=text]
{
    width: 100%;
}

.dataList table tr td.checkbox
{
    width: 30px;
    text-align: center;
}

.dataList .dataListBottomSection
{
    display: block;
    margin: 20px 0 0;
    height: 30px;
    width: 50%;
}

.dataList.full .dataListBottomSection
{
    width: 100%;
}

.dataList .dataListBottomSection input
{
    float: right;
    margin: 0 0 0 10px;
}

.dataList .dataListBottomSection .checkAll
{
    float: right;
    margin: 0 0 0 10px;
    height: 30px;
    width: 30px;
    background: url(../gfx/layout/icons_checkall.png) no-repeat 0 0;
    cursor: pointer;
    transition-duration: .5s;
}

.dataList .dataListBottomSection .checkAll:hover
{
    opacity: .8;
}

.dataList .dataListSection
{
    padding: 20px;
}

.dataList .dataListSection .header
{
    font-size: 13px;
    font-weight: 700;
    margin: 0 0 20px;
}

.dataList .dataListSection .switchField
{
    display: block;
    height: 30px;
    margin: 10px 0;
}

.dataList .dataListSection .switchField .field
{
    display: inline-block;
    height: 30px;
    width: 50px;
}

.dataList .dataListSection .switchField .label
{
    display: inline-block;
    margin: 0 0 0 10px;
    font-weight: 400;
}

.dataList .dataListSection .premisesList .switchField
{
    min-height: 30px;
    height: auto;
}

.dataList .dataListSection .premisesList .switchField .label
{
    max-width: 90%;
}

#timeTable
{
    width: 1065px;
    margin: 0 auto;
    display: table;
}

#timeTable .item
{
    display: table-row;
}

#timeTable .item > div
{
    display: table-cell;
    vertical-align: middle;
    height: inherit;
}

#timeTable .item div.left-column
{
    width: 500px;
    background: #D9EFF8;
    padding: 10px 0;
    background-clip: content-box;
}

#timeTable .item div.left-column.disabled
{
    background: 0 0;
    text-align: right;
}

#timeTable .item div.left-column-arrow
{
    width: 10px;
}

#timeTable .item div.left-column-arrow .arrow
{
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent #D9EFF8;
}

#timeTable .item div.left-column-arrow.disabled .arrow
{
    border-color: transparent;
}

#timeTable .item div.middle-column
{
    width: 45px;
    background: url(../gfx/layout/icon_timeline_line.png) repeat-y 50%;
}

#timeTable .item div.right-column-arrow
{
    width: 10px;
}

#timeTable .item div.right-column-arrow .arrow
{
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 10px 5px 0;
    border-color: transparent #D9EFF8 transparent transparent;
}

#timeTable .item div.right-column-arrow.disabled .arrow
{
    border-color: transparent;
}

#timeTable .item div.right-column
{
    width: 500px;
    background: #D9EFF8;
    padding: 10px 0;
    background-clip: content-box;
}

#timeTable .item div.right-column.disabled
{
    background: 0 0;
}

#timeTable .item div.left-column .user,
#timeTable .item div.right-column .user
{
    float: left;
    display: block;
    margin: 10px 30px 10px 15px;
}

#timeTable .item div.left-column .user .icon,
#timeTable .item div.right-column .user .icon
{
    background-size: 76px 76px;
    border-radius: 38px;
    display: block;
    width: 76px;
    height: 76px;
}

#timeTable .item div.left-column .user .icon.autoUser
{
    background-size: auto;
}

#timeTable .item div.left-column .content,
#timeTable .item div.right-column .content
{
    margin: 0 0 0 121px;
    font-size: 13px;
}

#timeTable .item div.left-column .content .title,
#timeTable .item div.right-column .content .title
{
    margin: 15px 0 0;
    font-weight: 700;
}

#timeTable .item div.left-column .content .message,
#timeTable .item div.right-column .content .message
{
    margin: 15px 0 0;
}


#timeTable .item div.left-column .content .message a,
#timeTable .item div.right-column .content .message a
{
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    color: #0776B9;
}

#timeTable .item div.left-column .content .footer,
#timeTable .item div.right-column .content .footer
{
    margin: 0 0 15px;
    font-weight: 700;
}

#timeTable .item div.middle-column .icon
{
    margin: 0 5px;
    height: 35px;
    width: 35px;
}

#timeTable .item.first,
#timeTable .item.last
{
    height: 30px;
}

#timeTable .item.last div.middle-column
{
    background: 0 0;
    vertical-align: top;
}

#timeTable .item.last div.middle-column .icon
{
    margin: 0 5px 0 10px;
    width: 26px;
    height: 20px;
    background: url(../gfx/layout/icons_timeline.png) no-repeat -147px -109px;
    display: inline-block;
}

#timeTable .item.first div.middle-column .icon
{
    margin: 0 5px 0 10px;
    width: 26px;
    height: 20px;
    background: url(../gfx/layout/icons_timeline.png) no-repeat -147px -128px;
    display: inline-block;
    position: relative;
    top: -17px;
}

#mainPageContentBG .mainpageContentHeader .mainpageContentHeaderContainer
{
    background: #FFF;
    width: 100%;
    margin: 0 0 40px;
}

#mainPageContentBG .mainpageContentHeader.scroll-to-fixed-fixed
{
    font-size: 13px;
    padding: 20px 0 5px;
    margin: 0;
    background: #FFF;
}

#mainPageContentBG .mainpageContentHeader .contentTitle
{
    font-size: 20px;
    margin: 0 0 20px;
    transition-duration: .5s;
}

#mainPageContentBG .dataFields .dataFieldsHeader.scroll-to-fixed-fixed .dataFieldsTitle,
#mainPageContentBG .mainpageContentHeader.scroll-to-fixed-fixed .contentTitle
{
    font-size: 13px;
}

#mainPageContentBG .mainpageContentHeader .contentTitle .title,
#mainPageContentBG .mainpageContentHeader .contentTitle .titleType
{
    color: #646464;
}

#mainPageContentBG .mainpageContentHeader .contentTitle .titleNumber
{
    color: #3AB44A;
}

#mainPageContentBG .mainpageContentHeader .progressTabs
{
    text-align: center;
    display: table;
    width: 100%;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab
{
    display: table-cell;
    text-decoration: none;
    height: 32px;
    width: auto;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab.count1
{
    widtH: 100%;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab.count2
{
    widtH: 50%;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab.count3
{
    widtH: 33%;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab.count4
{
    widtH: 25%;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab.count5
{
    widtH: 20%;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab.count6
{
    widtH: 16%;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab span
{
    height: 32px;
    display: table-cell;
    vertical-align: middle;
    float: left;
    transition-duration: .5s;
    line-height: 28px;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab:hover span
{
    opacity: .8;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab span.content
{
    border: none;
    background: url(../gfx/layout/icon_progress.png) repeat-x 0 0;
    color: #FFF;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
    width: calc(100% - 26px);
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab.active span.content
{
    background: url(../gfx/layout/icon_progress_active.png) repeat-x 0 0;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab.active span.content,
#mainPageContentBG .mainpageContentHeader .progressTabs .tab.active:hover span.content
{
    color: #646464;
    opacity: 1;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab:hover span.content
{
    border-color: #61C36E;
    background-color: #61C36E;
    color: #FFF;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab span.left,
#mainPageContentBG .mainpageContentHeader .progressTabs .tab span.right
{
    height: 32px;
    width: 13px;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab span.left
{
    background: url(../gfx/layout/icon_progress_side.png) no-repeat 0 0;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab span.right
{
    background: url(../gfx/layout/icon_progress_side.png) no-repeat -13px 0;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab.active span.left
{
    background: url(../gfx/layout/icon_progress_side_active.png) no-repeat 0 0;
}

#mainPageContentBG .mainpageContentHeader .progressTabs .tab.active span.right
{
    background: url(../gfx/layout/icon_progress_side_active.png) no-repeat -13px 0;
}

.dataFields .fieldZone
{
    width: 50%;
    float: left;
}

.dataFields .dataFieldsForm
{
    margin: 0 0 30px;
}

.dataFields .dataFieldsForm .sectionTitle
{
    background-color: #F2F2F2;
    color: #000;
    height: 40px;
    padding: 10px;
    font-size: 20px;
    width: 100%;
    margin-bottom: 30px;
}

.dataFields .dataFieldsForm .dataField
{
    margin: 0 0 30px;
    display: block;
    clear: both;
}

.dataFields .dataFieldsForm .dataField.infoField.infoHeader
{
    margin: 0;
}

.dataFields .dataFieldsForm .dataField.inline
{
    display: inline-block;
    float: left;
}

.dataFields .dataFieldsForm .dataField.inline + .dataField
{
    display: inline-block;
    margin: 0 0 0 20px;
}

.dataFields .dataFieldsForm .dataField .label
{
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #646464;
    margin: 0 0 5px;
}

.dataFields .dataFieldsForm .dataField .labelNotRequired
{
    font-weight: 700;
    margin: 0 0 5px;
}

.dataFields .dataFieldsForm .dataField .field
{
    display: block;
    width: 50%;
    height: 30px;
}

.dataFields .dataFieldsForm .dataField .field > .category
{
    border: 2px solid transparent;
}

.dataFields .dataFieldsForm .dataField .field > .category.error:not(.tooltip)
{
    border-color: #E73600;
}

.dataFields .dataFieldsForm .dataField.formField .field
{
    display: table-cell;
}

.dataFields .dataFieldsForm .dataField .sufix
{
    margin: 0 0 0 10px;
    line-height: 30px;
    font-weight: 700;
}

.dataFields .dataFieldsForm .dataField .field.inline,
.dataFields .dataFieldsForm .dataField .inline
{
    float: left;
}

.dataFields .dataFieldsForm .dataField .project
{
    margin: 0 0 0 calc(50% + 10px);
    cursor: pointer;
    height: 30px;
    width: 30px;
    display: block;
    transition-duration: .5s;
    background: url(../gfx/layout/icon_project.png) no-repeat 0 0;
}

.dataFields .dataFieldsForm .dataField .project:hover span
{
    opacity: .8;
}

.dataFields .dataFieldsForm .dataField .radioLine
{
    display: block;
}

.dataFields .dataFieldsForm .dataField .radioLine input,
.dataFields .dataFieldsForm .dataField .radioLine span
{
    float: left;
}

.dataFields .dataFieldsForm .dataField .radioLine .label,
.dataFields .dataFieldsForm .dataField .radioLine .text
{
    line-height: 30px;
}

.dataFields .dataFieldsForm .dataField .radioLine .text span
{
    float: left;
}

.dataFields .dataFieldsForm .dataField .radioLine span.attachmentLabel
{
    float: inherit;
    font-weight: bold;
    text-decoration: underline;
    color: #0776B9;
    cursor: pointer;
    margin-left: 20px;
}

.dataFields .dataFieldsForm .dataField .radioLine input
{
    width: 45%;
}

.infoFields
{
    color: #646464;
    font-size: 13px;
    margin: 30px 0 0;
}

.infoFields .infoField
{
    display: block;
    margin: 10px 0 0;
}

.infoFields .infoField.infoHeader
{
    font-size: 16px;
    margin: 15px 0 0;
}

.infoFields .infoField.separator
{
    display: block;
    height: 30px;
}

.infoFields .infoField .label
{
    font-weight: 700;
    padding: 0 5px 0 0;
    display: inline-block;
}

.infoFields .infoField .field
{
    padding: 0;
    display: inline-block;
}

.infoFields.field_generator .infoField .field
{
    display: block;
}

.infoFields .infoField.tickField
{
    clear: both;
    height: 22px;
    margin: 15px 0 0;
}

.infoFields .infoField.tickField.indent
{
    margin-left: 30px;
}

.infoFields .infoField.tickField .icon
{
    background: url(../gfx/layout/icons_ticks.png) no-repeat 0 -22px;
    display: block;
    float: left;
    height: 22px;
    width: 22px;
    margin: 0 10px 0 0;
}

.infoFields .infoField.tickField .icon.active
{
    background: url(../gfx/layout/icons_ticks.png) no-repeat 0 0;
}

.infoFields .infoField.tickField .icon.none
{
    background: 0 0;
}

.infoFields .infoField.tickField .label
{
    display: block;
    float: left;
    font-weight: 400;
    line-height: 22px;
    width: 90%;
}

.infoFields .infoField.infoText
{
    height: 150px;
    border-top: 1px solid #66BFE3;
    border-bottom: 1px solid #66BFE3;
    padding: 10px 0;
}

.infoFields .infoField.infoText .text
{
    overflow: hidden;
    position: relative;
    height: 130px;
}

.infoFields .infoField.twoColumn
{
    display: block;
}

.infoFields .infoField.twoColumn .field
{
    float: left;
    width: 50%;
    margin: 0 0 18px;
}

#mainPageContentBG .mainPageContentPagination
{
    width: 100%;
    padding: 20px 10px;
    display: table;
    background: #F2F2F2;
}

#mainPageContentBG .mainPageContentPagination.mainPageContentPaginationModalWindow
{
    padding: 0;
    background: 0 0;
}

.mainPageContentPagination > div
{
    display: table-cell;
    vertical-align: middle;
    height: 30px;
    white-space: nowrap;
}

.mainPageContentPagination .paginationButtons
{
    width: auto;
    text-align: center;
    display: table;
    margin: auto;
}

.mainPageContentPagination .paginationButtons input.actionButton
{
    margin: 0 5px;
    float: left;
}

.mainPageContentPagination .paginationButtons .actionButton
{
    display: inline-block;
    line-height: 26px;
    margin: 0 5px;
}

.mainPageContentPagination .paginationButtons .actionButton.disabled + .tooltip
{
    opacity: 1;
}

.mainPageContentPagination .paginationJumpToPage
{
    text-align: left;
}

.mainPageContentPagination .paginationJumpToPage .formField
{
    display: flex;
}

.mainPageContentPagination .paginationJumpToPage .formField input
{
    width: 55px;
    background: #FFF;
    border-color: #D1D1D1;
}

.mainPageContentPagination .paginationJumpToPage .formField input:hover
{
    background: #FBFEFE;
    border: 2px solid #7FCAE8;
}

.mainPageContentPagination .paginationJumpToPage .formField input:focus
{
    background: #FFF none repeat scroll 0 0;
    border: 2px solid #0776B9;
}

.mainPageContentPagination .paginationJumpToPage .button
{
    display: block;
    height: 30px;
    vertical-align: middle;
    width: 30px;
    background: url(../gfx/layout/icons_pagination.png) no-repeat -30px 0;
    cursor: pointer;
    transition-duration: .5s;
}

.mainPageContentPagination .paginationJumpToPage .button:hover
{
    opacity: .8;
}

.mainPageContentPagination .paginationLinksContainer
{
    width: 100%;
    text-align: center;
}

.mainPageContentPagination.paginationLinksContainer
{
    width: 100%;
    text-align: center;
}

.mainPageContentPagination .paginationLinks .paginationPageLinks
{
    display: inline-table;
}

.mainPageContentPagination .paginationLinks a
{
    text-decoration: none;
    color: #646464;
    font-size: 14px;
    line-height: 30px;
    border: 2px solid transparent;
    padding: 0 10px;
    display: inline-block;
    margin-right: 4px;
    transition-duration: .5s;
}

.mainPageContentPagination .paginationLinks a.active
{
    border: 2px solid #0776B9;
    background: #FFF;
}

.mainPageContentPagination .paginationLinks a:hover
{
    border: 2px solid #7FCAE8;
    background: #FBFEFE;
}

.mainPageContentPagination .paginationLinks a.separator,
.mainPageContentPagination .paginationLinks a.separator:hover
{
    border: 2px solid transparent;
    background: 0 0;
    cursor: default;
}

.mainPageContentPagination .paginationLinks a.navigation
{
    width: 30px;
    background-color: transparent !important;
    border: 2px solid transparent !important;
    padding: 0;
    display: inline-table;
    transition-duration: .5s;
}

.mainPageContentPagination .paginationLinks a.navigation span
{
    display: block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    text-indent: -10000px;
}

.mainPageContentPagination .paginationLinks a.navigation:hover
{
    opacity: .8;
}

.mainPageContentPagination .paginationLinks a.first
{
    margin-right: 10px;
}

.mainPageContentPagination .paginationLinks a.first span
{
    background: url(../gfx/layout/icons_pagination.png) no-repeat -60px 0;
}

.mainPageContentPagination .paginationLinks a.prev span
{
    background: url(../gfx/layout/icons_pagination.png) no-repeat 0 0;
}

.mainPageContentPagination .paginationLinks a.last
{
    margin-left: 10px;
}

.mainPageContentPagination .paginationLinks a.last span
{
    background: url(../gfx/layout/icons_pagination.png) no-repeat -90px 0;
}

.mainPageContentPagination .paginationLinks a.next
{
    margin: 0;
}

.mainPageContentPagination .paginationLinks a.next span
{
    background: url(../gfx/layout/icons_pagination.png) no-repeat -30px 0;
}

.mainPageContentPagination .paginationItemPerPage
{
    text-align: right;
    float: right;
    font-weight: 700;
    font-size: 13px;
    margin-top: -8px;
}

.mainPageContentPagination .paginationItemPerPage label
{
    display: block;
}

.databaseModal .searchFieldContainer
{
    display: block;
    width: 330px;
    float: right;
    position: relative;
}

.databaseModal .dataTable .dataTableOptions
{
    float: none;
}

.databaseModal .dataTable .pageFiltersBG
{
    background: 0 0;
    padding: 0;
}

.databaseModal .databaseContent .dataTable table tr td
{
    font-size: 13px;
    height: 30px;
    width: 448px;
    padding: 0 0 0 20px;
    text-align: left;
}

.databaseModal .databaseContent .dataTable table tr td.small,
.modal .databaseContent .dataTable table tr td.small
{
    width: 224px;
}

.databaseModal .databaseContent .dataTable table tr td.center,
.modal .databaseContent .dataTable table tr td.center
{
    text-align: center;
}

.databaseModal .databaseContent .dataTable table tr th,
.modal .databaseContent .dataTable table tr th
{
    padding: 0 0 0 20px;
    height: 30px;
}

.databaseModal .databaseContent .dataTable table tr td.checkbox,
.modal .databaseContent .dataTable table tr td.checkbox
{
    padding: 0;
    width: 44px;
}

.databaseModal .databaseContent .dataTable table tr td.radio,
.modal .databaseContent .dataTable table tr td.radio
{
    padding: 0;
    text-align: center;
}

.databaseModal .databaseContent .dataTable table tr td.empty,
.modal .databaseContent .dataTable table tr td.empty
{
    text-align: center;
}

.databaseModal .databaseContent .paginationLinksContainer,
.modal .databaseContent .paginationLinksContainer
{
    display: table;
    width: 600px;
    margin: auto;
    text-align: center;
}

.databaseModal .databaseContent .paginationLinksContainer .paginationPageLinks,
.modal .databaseContent .paginationLinksContainer .paginationPageLinks
{
    display: inline-table;
}

.elemntsListContainer
{
    overflow: hidden;
    position: relative;
}

.elemntsListContainer.small
{
    height: 323px;
    width: 445px;
}

.elemntsListContainer.errorsList
{
    border-top: 1px solid #E73600;
    border-bottom: 1px solid #E73600;
}

.elemntsListContainer.errorsList p
{
    margin: 0;
    padding: 8px 20px;
    background-color: #FDEBE5;
}

.elemntsListContainer.errorsList p:nth-child(odd)
{
    background-color: #FFF;
}

.elemntsListContainer.errorsList p:hover
{
    background-color: #F6D9CF;
}

#quickRFXModal .modal-header h4 .number
{
    color: #3AB44A;
}

#quickRFXModal .modal-body
{
    margin: 0;
}

#quickRFXModal #quickRFXModalContent,
#quickRFXModal #quickRFXModalTitle
{
    width: 100%;
}

#quickRFXModal .datepicker,
#quickRFXModal .timepicker
{
    display: inline-block;
}

#quickRFXModal .datepicker input,
#quickRFXModal .timepicker input
{
    border: 2px solid #D1D1D1 !important;
}

#quickRFXModal .datepicker input.error,
#quickRFXModal .timepicker input.error
{
    border-color: #E73600 !important;
}

#quickRFXModal .datepicker input:hover,
#quickRFXModal .timepicker input:hover
{
    border: 2px solid #7FCAE8 !important;
}

#newRFXList .list .element #instantRFX div.linkNormal span.icon
{
    background: url(../gfx/layout/zapytania/icons_new_rfx.png) no-repeat 0 0;
}

#newRFXList .list .element #instantRFX div.linkHover span.icon
{
    background: url(../gfx/layout/zapytania/icons_new_rfx.png) no-repeat -50px 0;
}

#newRFXList .list .element #RFXStandardowy div.linkNormal span.icon
{
    background: url(../gfx/layout/zapytania/icons_new_rfx.png) no-repeat 0 -50px;
}

#newRFXList .list .element #RFXStandardowy div.linkHover span.icon
{
    background: url(../gfx/layout/zapytania/icons_new_rfx.png) no-repeat -50px -30px;
}

#newRFXList .list .element #RFXZaawansowany div.linkNormal span.icon
{
    background: url(../gfx/layout/zapytania/icons_new_rfx.png) no-repeat 0 -100px;
}

#newRFXList .list .element #RFXZaawansowany div.linkHover span.icon
{
    background: url(../gfx/layout/zapytania/icons_new_rfx.png) no-repeat -50px -60px;
}

#newRFXList .list .element #RFXSzablony div.linkNormal span.icon
{
    background: url(../gfx/layout/menu/icons_proceeding.png) no-repeat 0 -300px;
}

#newRFXList .list .element #RFXSzablony div.linkHover span.icon
{
    background: url(../gfx/layout/menu/icons_proceeding.png) no-repeat -50px -180px;
}

#newAuctionsList .list .element #aukcjaZnizkowa div.linkNormal span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat 0 0;
}

#newAuctionsList .list .element #aukcjaZwyzkowa div.linkNormal span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat 0 -50px;
}

#newAuctionsList .list .element #aukcjaWielokryterialnaWspolczynnikowa div.linkNormal span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat 0 -350px;
}

#newAuctionsList .list .element #aukcjaMultiobiektowa div.linkNormal span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat 0 -150px;
}

#newAuctionsList .list .element #aukcjaJaponska div.linkNormal span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat 0 -200px;
}

#newAuctionsList .list .element #aukcjaJaponskaMultiobiektowa div.linkNormal span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat 0 -650px;
}

#newAuctionsList .list .element #aukcjaHolenderska div.linkNormal span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat 0 -250px;
}

#newAuctionsList .list .element #aukcjaSzablon div.linkNormal span.icon
{
    background: url(../gfx/layout/menu/icons_proceeding.png) no-repeat 0 -300px;
}

#newAuctionsList .list .element #aukcjaZnizkowa div.linkHover span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat -50px 0;
}

#newAuctionsList .list .element #aukcjaZwyzkowa div.linkHover span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat -50px -30px;
}

#newAuctionsList .list .element #aukcjaWielokryterialnaWspolczynnikowa div.linkHover span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat -50px -210px;
}

#newAuctionsList .list .element #aukcjaMultiobiektowa div.linkHover span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat -50px -90px;
}

#newAuctionsList .list .element #aukcjaJaponska div.linkHover span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat -50px -120px;
}

#newAuctionsList .list .element #aukcjaJaponskaMultiobiektowa div.linkHover span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat -50px -390px;
}

#newAuctionsList .list .element #aukcjaHolenderska div.linkHover span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat -50px -150px;
}

#newAuctionsList .list .element #aukcjaSzablon div.linkHover span.icon
{
    background: url(../gfx/layout/menu/icons_proceeding.png) no-repeat -50px -180px;
}

#newMultiobjectAuctionsList .list .element #aukcjaMultiobiektowaBazowa div.linkNormal span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat 0 -150px;
}

#newMultiobjectAuctionsList .list .element #aukcjaMultiobiektowaZadania div.linkNormal span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat 0 -450px;
}

#newMultiobjectAuctionsList .list .element #aukcjaMultiobiektowaPZPnaProdukty div.linkNormal span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat 0 -500px;
}

#newMultiobjectAuctionsList .list .element #aukcjaMultiobiektowaPZPnaZadania div.linkNormal span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat 0 -550px;
}

#newMultiobjectAuctionsList .list .element #aukcjaMultiobiektowaBazowa div.linkHover span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat -50px -90px;
}

#newMultiobjectAuctionsList .list .element #aukcjaMultiobiektowaZadania div.linkHover span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat -50px -270px;
}

#newMultiobjectAuctionsList .list .element #aukcjaMultiobiektowaPZPnaProdukty div.linkHover span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat -50px -300px;
}

#newMultiobjectAuctionsList .list .element #aukcjaMultiobiektowaPZPnaZadania div.linkHover span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat -50px -330px;
}

#newJapanAuctionsList .list .element #aukcjaJaponskaBazowa div.linkNormal span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat 0 -200px;
}

#newJapanAuctionsList .list .element #aukcjaJaponskaMultiobiektowa div.linkNormal span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat 0 -650px;
}

#newJapanAuctionsList .list .element #aukcjaJaponskaBazowa div.linkHover span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat -50px -120px;
}

#newJapanAuctionsList .list .element #aukcjaJaponskaMultiobiektowa div.linkHover span.icon
{
    background: url(../gfx/layout/aukcje/icons_new_auctions.png) no-repeat -50px -390px;
}

#newDemandList .list .element #zapotrzebowaniaSzablon div.linkNormal span.icon
{
    background: url(../gfx/layout/menu/icons_proceeding.png) no-repeat 0 -300px;
}

#newDemandList .list .element #zapotrzebowaniaSzablon div.linkHover span.icon
{
    background: url(../gfx/layout/menu/icons_proceeding.png) no-repeat -50px -180px;
}

#newDemandList .list .element #ZapotrzebowaniaNowy div.linkNormal span.icon
{
    background: url(../gfx/layout/menu/icons_proceeding.png) no-repeat 0 -550px;
}

#newDemandList .list .element #ZapotrzebowaniaNowy div.linkHover span.icon
{
    background: url(../gfx/layout/menu/icons_proceeding.png) no-repeat -50px -330px;
}

#newDemandList .list .element #zapotrzebowaniaPunchout_allegro div.linkNormal span.icon
{
    background: url(../gfx/layout/zapotrzebowania/allegro_logo.png) no-repeat;
}

#newDemandList .list .element #zapotrzebowaniaPunchout_allegro div.linkHover span.icon
{
    background: url(../gfx/layout/zapotrzebowania/allegro_logo_30.png) no-repeat;
}

.menuIcon
{
    background-image: url(../gfx/layout/icon_menu.png);
    background-repeat: no-repeat;
    width: 19px;
    height: 15px;
    display: block;
}

.fileIcon
{
    width: 25px;
    height: 25px;
    display: block;
}

.fileIcon.sheet
{
    background: url(../gfx/layout/icons_files.png) no-repeat 0 0;
}

.fileIcon.document
{
    background: url(../gfx/layout/icons_files.png) no-repeat 0 -25px;
}

.fileIcon.pdf
{
    background: url(../gfx/layout/icons_files.png) no-repeat 0 -50px;
}

.fileIcon.other
{
    background: url(../gfx/layout/icons_files.png) no-repeat 0 -75px;
}

.fileIcon.image
{
    background: url(../gfx/layout/icons_files.png) no-repeat 0 -100px;
}

.fileIcon.archive
{
    background: url(../gfx/layout/icons_files.png) no-repeat 0 -125px;
}

.fileIcon.video
{
    background: url(../gfx/layout/icons_files.png) no-repeat 0 -150px;
}

.typeIcon
{
    width: 50px;
    height: 50px;
    display: block;
}

.typeIcon.target
{
    background: url(../gfx/layout/icons_type.png) no-repeat 0 0;
}

.typeIcon.target.small
{
    background: url(../gfx/layout/icons_type.png) no-repeat -50px 0;
}

.typeIcon.info
{
    background: url(../gfx/layout/icons_type.png) no-repeat 0 -50px;
}

.typeIcon.info.small
{
    background: url(../gfx/layout/icons_type.png) no-repeat -50px -30px;
}

.typeIcon.idea
{
    background: url(../gfx/layout/icons_type.png) no-repeat 0 -100px;
}

.typeIcon.idea.small
{
    background: url(../gfx/layout/icons_type.png) no-repeat -50px -60px;
}

.typeIcon.send
{
    background: url(../gfx/layout/icons_type.png) no-repeat 0 -150px;
}

.typeIcon.send.small
{
    background: url(../gfx/layout/icons_type.png) no-repeat -50px -90px;
}

.typeIcon.provider
{
    background: url(../gfx/layout/icons_type.png) no-repeat 0 -200px;
}

.typeIcon.provider.small
{
    background: url(../gfx/layout/icons_type.png) no-repeat -50px -120px;
}

.typeIcon.logintrade
{
    background: url(../gfx/layout/icons_type.png) no-repeat 0 -250px;
}

.typeIcon.logintrade.small
{
    background: url(../gfx/layout/icons_type.png) no-repeat -50px -150px;
}

.typeIcon.neetix
{
    background: url(../gfx/layout/icons_type.png) no-repeat 0 -300px;
}

.typeIcon.neetix.small
{
    background: url(../gfx/layout/icons_type.png) no-repeat -50px -180px;
}

.typeIcon.delete
{
    background: url(../gfx/layout/icons_type.png) no-repeat 0 -350px;
}

.typeIcon.delete.small
{
    background: url(../gfx/layout/icons_type.png) no-repeat -50px -210px;
}

.typeIcon.manual
{
    background: url(../gfx/layout/icons_type.png) no-repeat 0 -400px;
}

.typeIcon.manual.small
{
    background: url(../gfx/layout/icons_type.png) no-repeat -50px -240px;
}

.typeIcon.import
{
    background: url(../gfx/layout/icons_type.png) no-repeat 0 -450px;
}

.typeIcon.import.small
{
    background: url(../gfx/layout/icons_type.png) no-repeat -50px -270px;
}

.typeIcon.demand
{
    background: url(../gfx/layout/icons_type.png) no-repeat 0 -500px;
}

.typeIcon.demand.small
{
    background: url(../gfx/layout/icons_type.png) no-repeat -50px -300px;
}

.infoIcon
{
    width: 15px;
    height: 15px;
    display: inline-block;
    margin: 0 0 0 5px;
    background: url(../gfx/layout/icon_info.png);
    cursor: help;
}

.deleteIcon
{
    width: 25px;
    height: 25px;
    display: inline-block;
    margin: 0 0 0 5px;
    background: url(../gfx/layout/icon_delete.png);
    cursor: pointer;
}

.arrowIcon
{
    width: 16px;
    height: 10px;
    display: inline-block;
}

.arrowIcon.back
{
    background: url(../gfx/layout/icons_arrows.png) no-repeat 0 0;
}

.arrowIcon.down
{
    background: url(../gfx/layout/icons_arrows.png) no-repeat 0 -10px;
}

.arrowIcon.up
{
    background: url(../gfx/layout/icons_arrows.png) no-repeat 0 -20px;
}

.providerSourceIcon
{
    width: 32px;
    height: 30px;
    display: inline-block;
}

.providerSourceIcon.provider
{
    background: url(../gfx/layout/icons_provider_source.png) no-repeat 0 0;
}

.providerSourceIcon.buyer
{
    background: url(../gfx/layout/icons_provider_source.png) no-repeat 0 -30px;
}

.providerSourceIcon.operator
{
    background: url(../gfx/layout/icons_provider_source.png) no-repeat 0 -60px;
}

.statusIcon,
.rfxStatusIcon
{
    width: 22px;
    height: 22px;
    display: inline-block;
}

.statusIcon.closed
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 0;
}

.selected .statusIcon.closed
{
    background: url(../gfx/layout/icons_status.png) no-repeat -22px 0;
}

.statusIcon.open
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -22px;
}

.selected .statusIcon.open
{
    background: url(../gfx/layout/icons_status.png) no-repeat -22px -22px;
}

.statusIcon.rfxEdit
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -44px;
}

.selected .statusIcon.rfxEdit
{
    background: url(../gfx/layout/icons_status.png) no-repeat -22px -44px;
}

.statusIcon.waiting,
.statusIcon.rfxWaiting
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -66px;
}

.selected .statusIcon.rfxWaiting
{
    background: url(../gfx/layout/icons_status.png) no-repeat -22px -66px;
}

.statusIcon.active,
.statusIcon.rfxActive
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -88px;
}

.selected .statusIcon.rfxActive
{
    background: url(../gfx/layout/icons_status.png) no-repeat -22px -88px;
}

.statusIcon.rfxAfterFinished
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -110px;
}

.selected .statusIcon.rfxAfterFinished
{
    background: url(../gfx/layout/icons_status.png) no-repeat -22px -110px;
}

.statusIcon.rfxFinished
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -132px;
}

.selected .statusIcon.rfxFinished
{
    background: url(../gfx/layout/icons_status.png) no-repeat -22px -132px;
}

.statusIcon.rfxRatingOffer
{
    background: url(../gfx/layout/zapytania/icons_status_rfx.png) no-repeat 0 -286px;
}

.selected .statusIcon.rfxRatingOffer
{
    background: url(../gfx/layout/zapytania/icons_status_rfx.png) no-repeat -22px -286px;
}

.statusIcon.rfxPublishOffer
{
    background: url(../gfx/layout/zapytania/icons_status_rfx.png) no-repeat 0 -286px;
}

.selected .statusIcon.rfxPublishOffer
{
    background: url(../gfx/layout/zapytania/icons_status_rfx.png) no-repeat -22px -286px;
}

.statusIcon.rfxRecommendationAdded
{
    background: url(../gfx/layout/zapytania/icons_status_rfx.png) no-repeat 0 -308px;
}

.selected .statusIcon.rfxRecommendationAdded
{
    background: url(../gfx/layout/zapytania/icons_status_rfx.png) no-repeat -22px -308px;
}

.statusIcon.rfxRecommendationAccepted
{
    background: url(../gfx/layout/zapytania/icons_status_rfx.png) no-repeat 0 -330px;
}

.selected .statusIcon.rfxRecommendationAccepted
{
    background: url(../gfx/layout/zapytania/icons_status_rfx.png) no-repeat -22px -330px;
}


.statusIcon.rfxRecommendationRejected
{
    background: url(../gfx/layout/zapytania/icons_status_rfx.png) no-repeat 0 -374px;
}

.selected .statusIcon.rfxRecommendationRejected
{
    background: url(../gfx/layout/zapytania/icons_status_rfx.png) no-repeat -22px -374px;
}

.statusIcon.providerAccepted,
.statusIcon.participationAccepted
{
    background: url(../gfx/layout/zapytania/icons_status_rfx.png) no-repeat 0 -198px;
}

.statusIcon.participationRejected
{
    background: url(../gfx/layout/icon_close.png) no-repeat 0 5px;
}

.statusIcon.participationAwaiting
{
    width: 35px;
    height: 35px;
    display: inline-block;
    background: url(../gfx/layout/icons_timeline.png) no-repeat -183px 0
}

.selected .statusIcon.rfxRecommendationAccepted
{
    background: url(../gfx/layout/zapytania/icons_status_rfx.png) no-repeat -22px -330px;
}

.statusIcon.rfxOrderContract,
.selected .statusIcon.rfxOrderContract
{
    width: 22px;
    height: 22px;
    background: url(../gfx/layout/zapytania/icons_status_rfx.png) no-repeat 0 -352px;
}

.selected .statusIcon.rfxOrderContract
{
    background-position-x: -22px;
}

.statusIcon.rfxCanceled
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -154px;
}

.selected .statusIcon.rfxCanceled
{
    background: url(../gfx/layout/icons_status.png) no-repeat -22px -154px;
}

.statusIcon.rfxArchive
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -176px;
}

.selected .statusIcon.rfxArchive
{
    background: url(../gfx/layout/icons_status.png) no-repeat -22px -176px;
}

.statusIcon.supplierNotified
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -594px;
}

.selected .statusIcon.supplierNotified
{
    background: url(../gfx/layout/icons_status.png) no-repeat -22px -594px;
}

.statusIcon.selected,
.statusIcon.rfxSelected
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -198px;
}

.selected .statusIcon.rfxSelected
{
    background: url(../gfx/layout/icons_status.png) no-repeat -22px -198px;
}

.statusIcon.rfxRetiredChoice
{
    margin: 0 auto auto 10px;
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -220px;
}

.selected .statusIcon.rfxRetiredChoice
{
    margin: 0 auto auto 10px;
    background: url(../gfx/layout/icons_status.png) no-repeat -22px -220px;
}

.statusIcon.rfxShared
{
    margin: 0 auto auto 10px;
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -242px;
}

.selected .statusIcon.rfxShared
{
    margin: 0 auto auto 10px;
    background: url(../gfx/layout/icons_status.png) no-repeat -22px -242px;
}

.statusIcon.rfxSharedToMe
{
    margin: 0 auto auto 10px;
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -264px;
}

.selected .statusIcon.rfxSharedToMe
{
    margin: 0 auto auto 10px;
    background: url(../gfx/layout/icons_status.png) no-repeat -22px -264px;
}

.statusIcon.rfxPaused
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -506px;
}

.selected .statusIcon.rfxPaused
{
    background: url(../gfx/layout/icons_status.png) no-repeat -22px -506px;
}

.statusIcon.deleted
{
    margin: 0 auto auto 10px;
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -286px;
}

.statusIcon.accept,
.rfxStatusIcon.accept
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -66px;
}

.statusIcon.pending,
.rfxStatusIcon.pending
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -308px;
}

.statusIcon.back,
.rfxStatusIcon.back
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -550px;
}

.statusIcon.reject,
.rfxStatusIcon.reject
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -528px;
}

.statusIcon.next
{
    margin: 0 auto auto 10px;
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -330px;
}

.statusIcon.failed
{
    margin: 0 auto auto 10px;
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -352px;
}

.statusIcon.blocked
{
    margin: 0 auto auto 10px;
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -374px;
}

.statusIcon.alter
{
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -396px;
}

.statusIcon.cart
{
    width: 27px;
    height: 23px;
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -416px;
}

.statusIcon.cashLimit
{
    width: 27px;
    height: 23px;
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -440px;
}

.statusIcon.suspended
{
    width: 22px;
    height: 22px;
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -463px;
}

.statusIcon.maintenance
{
    width: 22px;
    height: 22px;
    background: url(../gfx/layout/icons_status.png) no-repeat 0 -485px;
}

.auctionTypeIcon
{
    width: 12px;
    height: 12px;
    display: inline-block;
}

.auctionTypeIcon.descending
{
    background: url(../gfx/layout/aukcje/icons_types.png) no-repeat 0 0;
}

.auctionTypeIcon.ascending
{
    background: url(../gfx/layout/aukcje/icons_types.png) no-repeat 0 -12px;
}

.auctionTypeIcon.multicriteria
{
    background: url(../gfx/layout/aukcje/icons_types.png) no-repeat 0 -24px;
}

.auctionTypeIcon.multicriteriaFactorbased
{
    background: url(../gfx/layout/aukcje/icons_types.png) no-repeat 0 -36px;
}

.auctionTypeIcon.factorbased
{
    background: url(../gfx/layout/aukcje/icons_types.png) no-repeat 0 -48px;
}

.auctionTypeIcon.multiobject
{
    background: url(../gfx/layout/aukcje/icons_types.png) no-repeat 0 -60px;
}

.auctionTypeIcon.multiobjectTasks
{
    background: url(../gfx/layout/aukcje/icons_types.png) no-repeat 0 -72px;
}

.auctionTypeIcon.multiobjectPPAProducts
{
    background: url(../gfx/layout/aukcje/icons_types.png) no-repeat 0 -84px;
}

.auctionTypeIcon.multiobjectPPATasks
{
    background: url(../gfx/layout/aukcje/icons_types.png) no-repeat 0 -96px;
}

.auctionTypeIcon.japanese
{
    background: url(../gfx/layout/aukcje/icons_types.png) no-repeat 0 -108px;
}

.auctionTypeIcon.dutch
{
    background: url(../gfx/layout/aukcje/icons_types.png) no-repeat 0 -120px;
}

.auctionTypeIcon.japaneseMultiobject
{
    background: url(../gfx/layout/aukcje/icons_types.png) no-repeat 0 -144px;
}

.auctionStatusIcon
{
    width: 22px;
    height: 22px;
    display: inline-block;
}

.auctionStatusIcon.edit
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat 0 -44px;
}

.selected .auctionStatusIcon.edit
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat -22px -44px;
}

.auctionStatusIcon.waiting
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat 0 -66px;
}

.selected .auctionStatusIcon.waiting
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat -22px -66px;
}

.auctionStatusIcon.active
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat 0 -88px;
}

.selected .auctionStatusIcon.active
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat -22px -88px;
}

.auctionStatusIcon.finished
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat 0 -110px;
}

.selected .auctionStatusIcon.finished
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat -22px -110px;
}

.auctionStatusIcon.canceled
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat 0 -132px;
}

.selected .auctionStatusIcon.canceled
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat -22px -132px;
}

.auctionStatusIcon.canJoin
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat 0 -154px;
}

.selected .auctionStatusIcon.canJoin
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat -22px -154px;
}

.auctionStatusIcon.cannotJoin
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat 0 -176px;
}

.selected .auctionStatusIcon.cannotJoin
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat -22px -176px;
}

.auctionStatusIcon.joined
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat 0 -198px;
}

.selected .auctionStatusIcon.joined
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat -22px -198px;
}

.auctionStatusIcon.archive
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat 0 -220px;
}

.selected .auctionStatusIcon.archive
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat -22px -220px;
}

.auctionStatusIcon.updating
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat 0 -242px;
}

.selected .auctionStatusIcon.updating
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat -22px -242px;
}

.auctionStatusIcon.invited
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat 0 -264px;
}

.selected .auctionStatusIcon.invited
{
    background: url(../gfx/layout/aukcje/icons_status.png) no-repeat -22px -264px;
}

.timeTableIcon
{
    width: 35px;
    height: 35px;
    display: inline-block;
    background: url(../gfx/layout/icons_timeline.png) no-repeat 0 0;
}

.timeTableIcon.autoUser
{
    width: 76px;
    height: 76px;
    background-position: 0 -76px;
}

.timeTableIcon.user
{
    width: 76px;
    height: 76px;
    background-position: 1px 0;
}

.timeTableIcon.start_rfx
{
    background-position: -183px 0;
}

.timeTableIcon.auto
{
    background-position: -75px -36px;
}

.timeTableIcon.offer_provider
{
    background-position: -75px 0;
}

.timeTableIcon.offer_correction
{
    background-position: -111px -35px;
}

.timeTableIcon.offer_grade
{
    background-position: -75px -109px;
}

.timeTableIcon.offer_buyer
{
    background-position: -111px 0;
}

.timeTableIcon.offer_after_deadline
{
    background-position: -148px 0;
}

.timeTableIcon.offer_update_provider
{
    background-position: -220px 0;
}

.timeTableIcon.offer_update_buyer
{
    background-position: -220px -36px;
}

.timeTableIcon.start_auction
{
    background-position: -111px -109px;
}

.timeTableIcon.auction_added
{
    background-position: -220px -72px;
}

.timeTableIcon.auction_canceled
{
    background-position: -220px -144px;
}

.timeTableIcon.accept
{
    background-position: -111px -72px;
}

.timeTableIcon.reject
{
    background-position: -147px -72px;
}
.timeTableIcon.withdraw
{
    background-position: -183px -72px;
}

.timeTableIcon.pending
{
    background-position: -220px -108px;
}

.timeTableIcon.back
{
    background-position: -75px -144px;
}

.timeTableIcon.round_added
{
    background-position: -183px -144px;
}

.timeTableIcon.auction_round_added
{
    background-position: -75px -181px;
}

.timeTableIcon.providers_notified
{
    background-position: -111px -181px;
}

.timeTableIcon.end
{
    background-position: -148px -108px;
    width: 25px;
    height: 20px;
}

.timeTableIcon.start
{
    background-position: -148px -128px;
    width: 25px;
    position: relative;
    top: -63px;
    height: 20px;
}

.timeTableIcon.hourglass
{
    background-position: -218px -74px;
}

[class*=" icon-"],
[class^=icon-]
{
    background-image: url(../gfx/layout/icons_glyphs.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
    vertical-align: text-top;
    width: 14px;
}

.icon-glass
{
    background-position: 0 0;
}

.icon-music
{
    background-position: -24px 0;
}

.icon-search
{
    background-position: -48px 0;
}

.icon-envelope
{
    background-position: -72px 0;
}

.icon-heart
{
    background-position: -96px 0;
}

.icon-star
{
    background-position: -120px 0;
}

.icon-star-empty
{
    background-position: -144px 0;
}

.icon-user
{
    background-position: -168px 0;
}

.icon-film
{
    background-position: -192px 0;
}

.icon-th-large
{
    background-position: -216px 0;
}

.icon-th
{
    background-position: -240px 0;
}

.icon-th-list
{
    background-position: -264px 0;
}

.icon-ok
{
    background-position: -288px 0;
}

.icon-remove
{
    background-position: -312px 0;
}

.icon-zoom-in
{
    background-position: -336px 0;
}

.icon-zoom-out
{
    background-position: -360px 0;
}

.icon-off
{
    background-position: -384px 0;
}

.icon-signal
{
    background-position: -408px 0;
}

.icon-cog
{
    background-position: -432px 0;
}

.icon-trash
{
    background-position: -456px 0;
}

.icon-home
{
    background-position: 0 -24px;
}

.icon-file
{
    background-position: -24px -24px;
}

.icon-time
{
    background-position: -48px -24px;
}

.icon-road
{
    background-position: -72px -24px;
}

.icon-download-alt
{
    background-position: -96px -24px;
}

.icon-download
{
    background-position: -120px -24px;
}

.icon-upload
{
    background-position: -144px -24px;
}

.icon-inbox
{
    background-position: -168px -24px;
}

.icon-play-circle
{
    background-position: -192px -24px;
}

.icon-refresh
{
    background-position: -240px -24px;
}

.icon-list-alt
{
    background-position: -264px -24px;
}

.icon-lock
{
    background-position: -287px -24px;
}

.icon-flag
{
    background-position: -312px -24px;
}

.icon-headphones
{
    background-position: -336px -24px;
}

.icon-volume-off
{
    background-position: -360px -24px;
}

.icon-volume-down
{
    background-position: -384px -24px;
}

.icon-volume-up
{
    background-position: -408px -24px;
}

.icon-qrcode
{
    background-position: -432px -24px;
}

.icon-barcode
{
    background-position: -456px -24px;
}

.icon-tag
{
    background-position: 0 -48px;
}

.icon-tags
{
    background-position: -25px -48px;
}

.icon-book
{
    background-position: -48px -48px;
}

.icon-bookmark
{
    background-position: -72px -48px;
}

.icon-print
{
    background-position: -96px -48px;
}

.icon-camera
{
    background-position: -120px -48px;
}

.icon-font
{
    background-position: -144px -48px;
}

.icon-bold
{
    background-position: -167px -48px;
}

.icon-italic
{
    background-position: -192px -48px;
}

.icon-text-height
{
    background-position: -216px -48px;
}

.icon-text-width
{
    background-position: -240px -48px;
}

.icon-align-left
{
    background-position: -264px -48px;
}

.icon-align-center
{
    background-position: -288px -48px;
}

.icon-align-right
{
    background-position: -312px -48px;
}

.icon-align-justify
{
    background-position: -336px -48px;
}

.icon-list
{
    background-position: -360px -48px;
}

.icon-indent-left
{
    background-position: -384px -48px;
}

.icon-indent-right
{
    background-position: -408px -48px;
}

.icon-facetime-video
{
    background-position: -432px -48px;
}

.icon-picture
{
    background-position: -456px -48px;
}

.icon-pencil
{
    background-position: 0 -72px;
}

.icon-map-marker
{
    background-position: -24px -72px;
}

.icon-adjust
{
    background-position: -48px -72px;
}

.icon-tint
{
    background-position: -72px -72px;
}

.icon-edit
{
    background-position: -96px -72px;
}

.icon-share
{
    background-position: -120px -72px;
}

.icon-check
{
    background-position: -144px -72px;
}

.icon-move
{
    background-position: -168px -72px;
}

.icon-step-backward
{
    background-position: -192px -72px;
}

.icon-fast-backward
{
    background-position: -216px -72px;
}

.icon-backward
{
    background-position: -240px -72px;
}

.icon-play
{
    background-position: -264px -72px;
}

.icon-pause
{
    background-position: -288px -72px;
}

.icon-stop
{
    background-position: -312px -72px;
}

.icon-forward
{
    background-position: -336px -72px;
}

.icon-fast-forward
{
    background-position: -360px -72px;
}

.icon-step-forward
{
    background-position: -384px -72px;
}

.icon-eject
{
    background-position: -408px -72px;
}

.icon-chevron-left
{
    background-position: -432px -72px;
}

.icon-chevron-right
{
    background-position: -456px -72px;
}

.icon-plus-sign
{
    background-position: 0 -96px;
}

.icon-minus-sign
{
    background-position: -24px -96px;
}

.icon-remove-sign
{
    background-position: -48px -96px;
}

.icon-ok-sign
{
    background-position: -72px -96px;
}

.icon-question-sign
{
    background-position: -96px -96px;
}

.icon-info-sign
{
    background-position: -120px -96px;
}

.icon-screenshot
{
    background-position: -144px -96px;
}

.icon-remove-circle
{
    background-position: -168px -96px;
}

.icon-ok-circle
{
    background-position: -192px -96px;
}

.icon-ban-circle
{
    background-position: -216px -96px;
}

.icon-arrow-left
{
    background-position: -240px -96px;
}

.icon-arrow-right
{
    background-position: -264px -96px;
}

.icon-arrow-up
{
    background-position: -289px -96px;
}

.icon-arrow-down
{
    background-position: -312px -96px;
}

.icon-share-alt
{
    background-position: -336px -96px;
}

.icon-resize-full
{
    background-position: -360px -96px;
}

.icon-resize-small
{
    background-position: -384px -96px;
}

.icon-plus
{
    background-position: -408px -96px;
}

.icon-minus
{
    background-position: -433px -96px;
}

.icon-asterisk
{
    background-position: -456px -96px;
}

.icon-exclamation-sign
{
    background-position: 0 -120px;
}

.icon-gift
{
    background-position: -24px -120px;
}

.icon-leaf
{
    background-position: -48px -120px;
}

.icon-fire
{
    background-position: -72px -120px;
}

.icon-eye-show
{
    background-position: -96px -120px;
}

.icon-eye-close
{
    background-position: -120px -120px;
}

.icon-warning-sign
{
    background-position: -144px -120px;
}

.icon-plane
{
    background-position: -168px -120px;
}

.icon-calendar
{
    background-position: -192px -120px;
}

.icon-random
{
    background-position: -216px -120px;
    width: 16px;
}

.icon-comment
{
    background-position: -240px -120px;
}

.icon-magnet
{
    background-position: -264px -120px;
}

.icon-chevron-up
{
    background-position: -288px -120px;
}

.icon-chevron-down
{
    background-position: -313px -119px;
}

.icon-retweet
{
    background-position: -336px -120px;
}

.icon-shopping-cart
{
    background-position: -360px -120px;
}

.icon-folder-close
{
    background-position: -384px -120px;
}

.icon-folder-show
{
    background-position: -408px -120px;
    width: 16px;
}

.icon-resize-vertical
{
    background-position: -432px -119px;
}

.icon-resize-horizontal
{
    background-position: -456px -118px;
}

.icon-hdd
{
    background-position: 0 -144px;
}

.icon-bullhorn
{
    background-position: -24px -144px;
}

.icon-bell
{
    background-position: -48px -144px;
}

.icon-certificate
{
    background-position: -72px -144px;
}

.icon-thumbs-up
{
    background-position: -96px -144px;
}

.icon-thumbs-down
{
    background-position: -120px -144px;
}

.icon-hand-right
{
    background-position: -144px -144px;
}

.icon-hand-left
{
    background-position: -168px -144px;
}

.icon-hand-up
{
    background-position: -192px -144px;
}

.icon-hand-down
{
    background-position: -216px -144px;
}

.icon-circle-arrow-right
{
    background-position: -240px -144px;
}

.icon-circle-arrow-left
{
    background-position: -264px -144px;
}

.icon-circle-arrow-up
{
    background-position: -288px -144px;
}

.icon-circle-arrow-down
{
    background-position: -312px -144px;
}

.icon-globe
{
    background-position: -336px -144px;
}

.icon-wrench
{
    background-position: -360px -144px;
}

.icon-tasks
{
    background-position: -384px -144px;
}

.icon-filter
{
    background-position: -408px -144px;
}

.icon-briefcase
{
    background-position: -432px -144px;
}

.icon-fullscreen
{
    background-position: -456px -144px;
}

.defaultStatusIcon
{
    background: url(../gfx/layout/zamowienia/icons_status.png) no-repeat 0 0;
    width: 22px;
    height: 22px;
    display: inline-block;
}

.defaultStatusIcon.accept,
.defaultStatusIcon.accepted
{
    background-position: 0 0;
}

.selected .defaultStatusIcon.accepted
{
    background-position: -22px 0;
}

.defaultStatusIcon.pending
{
    background-position: 0 -22px;
}

.selected .defaultStatusIcon.pending
{
    background-position: -22px -22px;
}

.defaultStatusIcon.declined,
.defaultStatusIcon.reject
{
    background-position: 0 -44px;
}

.selected .defaultStatusIcon.declined
{
    background-position: -22px -44px;
}

.defaultStatusIcon.canceled
{
    background-position: 0 -352px;
}

#shopLogo
{
    background-repeat: no-repeat;
    display: inline-block;
    /*@todo wywalenie wymiarów po przeniesieniu meni (logo na rozwoju)*/
    width: 106px;
    height: 40px;
}

#administrationWorkflowList p.mainTitle
{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
}

.label.labelPage
{
    border-bottom: 1px solid #F2F2F2;
    padding: 0 0 10px 0;
    font-size: 16px;
    color: #646464;
    font-weight: 700;
}

.label.labelWithBorder
{
    border-bottom: 1px solid #F2F2F2;
    padding: 0 0 10px 0;
}

a.jiraLink
{
    color: #646464;
}

div.dictionaryDB
{
    float: left;
    margin-top: 1px;
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-image: url(../../gfx/layout/budgetLines/icons_db.png);
    cursor: pointer;
}

div.dictionaryAdd
{
    background-position-y: -27px;
}

.formField .field input#filtrZglaszajacyNazwa,
.formField .field input#filtrWnioskujacyNazwa,
.formField .field input#filtrKupiecProwadzacyNazwa,
.formField .field input#filtrIdStrukturaKorporacjiNazwa
{
    background: #FFF;
    border: 2px solid #D1D1D1;
}

.formField .field input#filtrIdStrukturaKorporacjiNazwa:hover
{
    border: 2px solid #0776B9;
}

#mainPageTabsBG .administrationWorkflow .iconBox
{
    float: left;
    padding: 2px 0px 0px 0px;
    margin-right: 5px;
}

#mainPageTabsBG .administrationWorkflow .actionButton
{
    display: table-cell;
    float: left;
    padding: 4px 5px 0!important;
}

.pageFilters .switchField .hidden
{
    display: none !important;
}

.pageFilters .switchField
{
    display: block;
    clear: both;
    margin-right: 10px;
}

.disabledInput
{
    cursor: default;
    border: 2px solid #D5DADC;
    background: #F6FBFD;
    color: #919698;
}

.textarea_field
{
    width: 100% !important;
    height: 100% !important;
}

.input-affix.postfix
{
    display: inline-block;
    padding-top: 7px;
    padding-left: 5px;
    height: 30px;
}

.input-affix.normal
{
    padding-left: 0px;
}

table.selectiveHeader
{
    margin-bottom: 0px !important;
}

#administration .box
{
    -webkit-box-shadow: 1px 1px 8px 0px rgb(66, 68, 90);
    -moz-box-shadow: 1px 1px 8px 0px rgb(66, 68, 90);
    box-shadow: 1px 1px 8px 0px rgb(66, 68, 90);
    height: 100px;
    width: 15%;
    display: table;
    float: left;
    text-align: center;
    margin: 15px;
    background: #F2F2F2;
    color: #646464;
    font-size: 16px;
    text-decoration: none;
    padding: 10px;
    border: 2px solid #F2F2F2;
}

#administration .box .text
{
    margin: auto;
    vertical-align: middle;
    display: table-cell;
}

#administration .box:hover
{
    background: #FFF;
    color: #0576B8;
    border: 2px solid #0777B9;
}

#fixedTableHeader
{
    visibility: hidden;
    margin: -138px 0 0 0;
}

#fixedTableHeader + .fixedTableHeaderSpacer
{
    display: none !important;
}

.scrollableFixedHeaderContainer
{
    overflow: hidden;
    position: relative;
}

#scrollableFixedHeader:hover,
.draggableTable:hover
{
    cursor: grab;
}

.dragging
{
    cursor: move;
}

.ps-scrollbar-x-rail.draggable
{
    background: #F2F2F2;
    height: 15px;
    bottom: 0 !important;
}

.ps-scrollbar-x-rail.draggable .ps-scrollbar-x
{
    background: #808080;
    opacity: 0.5;
    border-radius: 4px;
    height: 15px;
    padding: 4px;
}

.ps-scrollbar-x-rail.draggable .ps-scrollbar-x .leftArrow,
.ps-scrollbar-x-rail.draggable .ps-scrollbar-x .rightArrow
{
    border: solid #FFFFFF;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
}

.ps-scrollbar-x-rail.draggable .ps-scrollbar-x .leftArrow
{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    float: left;
}

.ps-scrollbar-x-rail.draggable .ps-scrollbar-x .rightArrow
{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    float: right;
}

.scrollableFixedHeaderContainer .ps-scrollbar-x-rail
{
    display: none !important;
}

.productDetailsContent .description
{
    white-space: pre;
}

.modal-backdrop
{
    display: none;
    visibility: hidden;
    position: relative;
}