/*Layout*/

body.mceContentBody {background-color:#ffffff;background-image: none;}

#wrap { text-align: left; }
/*#container { margin:0px auto; text-align:left;}*/
#container {
    width: 1080px;
    background: #fff url('/images/layout/flag-header.png') no-repeat 0 58px;
    padding-left: 42px;
    padding-right: 42px;
}
#header {height:100px;}
#header-logo {padding-top:16px;width:184px;height:60px;float:left;}
#header-logo a { width:184px; height:60px; display:block;}

.gradient.blue {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f4fa1+0,2f4fa1+35,397ac5+100 */
    background: #2f4fa1; /* Old browsers */
    background: -moz-linear-gradient(left, #2f4fa1 0%, #2f4fa1 35%, #397ac5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2f4fa1 0%,#2f4fa1 35%,#397ac5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2f4fa1 0%,#2f4fa1 35%,#397ac5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4fa1', endColorstr='#397ac5',GradientType=1 ); /* IE6-9 */
}

.gradient.yellow {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6e50c+0,f0bf3f+100 */
    background: #f6e50c; /* Old browsers */
    background: -moz-linear-gradient(left, #f6e50c 0%, #f0bf3f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f6e50c 0%,#f0bf3f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f6e50c 0%,#f0bf3f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e50c', endColorstr='#f0bf3f',GradientType=1 ); /* IE6-9 */
}
:hover > .gradient.blue.hoverable {
    /*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f4fa1+0,397ac5+100 */
    background: #2f4fa1; /* Old browsers */
    background: -moz-linear-gradient(left, #2f4fa1 0%, #397ac5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2f4fa1 0%,#397ac5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2f4fa1 0%,#397ac5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4fa1', endColorstr='#397ac5',GradientType=1 ); /* IE6-9 */
}

:hover > .gradient.yellow.hoverable {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6e50c+0,f6e50c+50,f0bf3f+100 */
    background: #f6e50c; /* Old browsers */
    background: -moz-linear-gradient(left, #f6e50c 0%, #f6e50c 50%, #f0bf3f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f6e50c 0%,#f6e50c 50%,#f0bf3f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f6e50c 0%,#f6e50c 50%,#f0bf3f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e50c', endColorstr='#f0bf3f',GradientType=1 ); /* IE6-9 */
}

span.help, small.help {
    cursor: help;
}

label.block {
    display: block;
    float: none;
}

.container code, .container pre { color:#c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

.login-box {
    width: 420px;
    height: 370px;
    margin: 0 auto;
    text-align: center;
}
.login-box h1 {
    color: #2f4fa1;
    border-bottom: 1px solid #d8d8d8;
    padding: 20px;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: normal;
}

.login-box .form-container {
    width: 240px;
    margin: 45px auto;
}

.login-box input {
    padding: 6px;
    width: 100%;
    box-sizing: border-box;
}

#lang-menu {
    height: 32px;
    line-height: 32px;
    float: right;
    margin-right: 10px;
}
#lang-menu a img {
    padding-top: 4px;
}
#header-top-menu { float:right;}

#header ul {
    margin: 0;
    height: 32px;
}

#header-bottom-menu {
    clear: both;
    float: right;
    margin-top: -8px;
}
#header-bottom-menu a {
    text-decoration: underline;
}
.header-menu {
    color: #fff;
}

.header-menu li {
    margin-left: 10px;
    float: left;
}
.header-menu > li#alertBox a {
    color: #2f4fa1;
    font-weight: normal;
}
.header-menu > li.loggedAsBox div {
    padding: 0 10px;
}
.header-menu > li.loggedAsBox a {
    color: #fff;
    text-decoration: underline;
    padding-left: 10px;
}

.header-menu div {
    height: 32px;
    line-height: 32px;
}

#alertBox div {
    padding: 0;
}
#alertBox div a {
    display: block;
    padding: 0 10px;
}

#header-bottom-menu li {
    /*background: transparent url('../images/layout/menu-bg-bottom-right.png') no-repeat top right;*/
    padding-right: 10px;
}

#main-menu {
    height: 43px;
    background-color: #2f4fa1;
}
#main-menu ul {margin-bottom:0px;}

#main-menu a {
    font-weight: normal;
}

#content-wrapper {
    width: 100%;
    clear: both;
    margin: 0;
}

#content {
    width: 100%;
    clear: both;
}
#content {
    min-height: 370px;
    padding-bottom: 40px;
}
#content-header {
    height:43px;
    margin-bottom: 12px;
    display: flex;
}

#content-header .navigate-bar {
    flex-grow: 1;
    height: 43px;
    margin-left: 20px;
    line-height: 43px;
    font-size: 14px;
    color: #2f4fa1;
    text-align: left;
}

#content-header .bookmark-link-container {
    height: 43px;
    line-height: 43px;
}
#content-header .bookmark-link-container a.bookmark-link {
    color: #2f4fa1;
    font-size: 16px;
    font-weight: normal;
    text-shadow: 1px 1px #c7c7c7;
}

#content-header .navigate-bar a {
    color: #2f4fa1;
    font-weight: bold;
}
#content-header .navigate-bar a:hover {
    text-decoration: underline;
}
#content-header .navigate-bar .sep {
    margin: 0px 10px;
}

#footer {
    clear: both;
    height: 134px;
    margin-top: -40px;
    background: transparent url('/images/layout/footer-bg.png') no-repeat 0 40px;
}
#footer .footer-colors {
    position: relative;
    float: right;
    width: 29px;
    height:87px;
    background: transparent url('/images/layout/footer-colors.png') no-repeat top left;
    margin-right: 10px;
}

/* data grid */
table {
    border:0 none;
}
table th {
    background-color:transparent;
    border-top:0 none;
    border-left:0 none;
    border-right:0 none;
    color: #333;
    font-weight: normal;
}
table td {
    background-color:#ffffff;
}
.half table th, table.half th {
    color: #2f4fa1;
    border: none;
}

/*Buttons*/
span.link { height:25px; background:transparent url(/images/layout/href-bg.jpg) repeat-x; margin:5px 3px 4px 3px; -moz-border-radius:4px;}
span.submit-form { float:left; }

.action-form-submit {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#778af0+0,2f54aa+100 */
    background: #778af0; /* Old browsers */
    background: -moz-linear-gradient(left, #778af0 0%, #2f54aa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #778af0 0%,#2f54aa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #778af0 0%,#2f54aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#778af0', endColorstr='#2f54aa',GradientType=1 ); /* IE6-9 */
    color: #FFF;
    font-weight: bold;
    border: 1px solid #778af0;
    margin-right: 5px;
    padding: 4px 10px;
    min-width: 100px;
}
.action-form-submit:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#778af0+0,778af0+71,2f54aa+100 */
    background: #778af0; /* Old browsers */
    background: -moz-linear-gradient(left, #778af0 0%, #778af0 71%, #2f54aa 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #778af0 0%,#778af0 71%,#2f54aa 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #778af0 0%,#778af0 71%,#2f54aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#778af0', endColorstr='#2f54aa',GradientType=1 ); /* IE6-9 */
}

.action-form-link {
    background:transparent url(/images/layout/href-bg.jpg) repeat-x !important; -moz-border-radius:4px;
    color:#FFF !important; font-weight:bold; border:1px solid #CCCCCC; margin-right:5px; padding:1px;
}
.action-form-link:hover { color:#FEF60F !important; }

.link .action {
    line-height: 25px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #FFF !important;
    padding: 0px 5px 0px 25px;
    display: block;
    background-repeat: no-repeat;
    background-position: 2px center;
}
.link .action:hover { color:#FEF60F !important; }

.simple {padding-left:5px !important;}
.add { background-image:url('../images/btn-add.png');}
.edit { background-image:url('../images/btn-edit.png'); }
.receive { background-image:url('../images/ok.png'); }
.list { background-image: url('../images/btn-list.png'); }
.print { background-image: url('../images/btn-print.png'); }
.print-giveout { background-image: url('../images/btn-print-giveout.png'); }
.import { background-image:url('../images/btn-import.png'); }
.export { background-image:url('../images/btn-export.png'); }
.download { background-image: url('../images/btn-download.png'); }

a.info {color:inherit !important; text-decoration: underline !important;}

/*Forms*/
dl.zend_form dt { clear:both; float:left; width:240px; }
dl.zend_form dd { float:left; }
dl.zend_form label { display:block; }
ul.errors li { padding-bottom:10px; color:#f00; }

#real-label, #isFixForm-label, #isNotFixForm-label, #isAdditionalForm-label {width:0;}   /*@todo docelowo powinien to robic decorator*/
#real-element fieldset, #isFixForm-element fieldset, #isNotFixForm-element fieldset/*, #isAdditionalForm-element fieldset*/ {border:0; margin:0; padding:0;}
.hidden-element {display: none;}

input[disabled], input[readonly] {
    background-color: #dcdcdc !important;
    color: #666;
}

.error_container {
    clear:both;
/*    height:23px;*/
    margin-bottom:4px !important;
}
li .error_container {
    padding-left:148px;
}
form fieldset {margin:0 !important; padding:0 !important;border:0 !important;}

ul.multiple_select_list li.choice_hover {
    color: #fff !important;
    background-color: #4155A8 !important;
}

form .error {
    margin-top:3px !important;
    margin-bottom:0px !important;
    clear:both;
    padding: 3px !important;
    float:left;
    text-align: left;
}
form .error_field {background-color:#FBE3E4; border:1px solid #FBC2C4}
.form_container .left-section {
    float:left;
    width:50%;
}
.form_container .right-section {
    float:right;
    width:45%;
}
.form_container input, .form_container textarea {
    margin-right:0px;
}
.form_container input[type=text], .form_container input[type=password] {width:205px;}
.form_container select { width:213px; }
.form_container select.auto-small { width:auto !important; }
.form_container .full_size { width: 762px !important; }
.form_container span.mceEditor { display:block;clear:both; }

.form_fleet .left-section {width:370px;}
.form_fleet .right-section {width:548px;}
.form_fleet .right-section textarea {width:540px;height:278px;}

.form_service-head-office .left-section {width:400px;}
.form_service-head-office .right-section {width:490px;}
.form_service-head-office .right-section label {width:269px;}
.form_service-head-office li .error_container {padding-left:277px;}

.form_service .left-section {width:400px;}
.form_service .right-section {width:490px;}
.form_service .right-section label {width:269px;}
.form_service li .error_container {padding-left:277px;}

.form_tyre .left-section {width: 380px;}
.form_tyre .right-section {width:270px;margin-bottom:0px;}
.form_tyre .double-section {width:540px;margin-top:0px;}
.form_tyre .right-section label {/*width:150px;*/padding-left:25px;}
.form_tyre input[type=text] {width:174px;}
.form_tyre .right-section input[type=text] {width:83px;}
.form_tyre .double-section input[type=text] {width:353px;}
.form_tyre select {width:182px;}
.form_tyre li .error_container {padding-left:0px;padding-right:0px;float:right;}

form li.left { width:auto; display:inline; }
form li.left label { width:auto; }

/*.real-vehicle fieldset {border:0;padding:0;margin:0;}*/
.subform fieldset {border:0;padding:0;margin:0;}
.real-vehicle li .error_container {padding-left:277px;}

.form_article .left-section {width:370px;}
.form_article .right-section {width:548px;}
.form_article .right-section textarea {width:540px;height:320px;}

.form_contract label {width:190px;}
.form_contract .full_size {width: 872px !important;}
.form_contract .left-section {width:50%;margin-top:0px;}
.form_contract .left-section label {width:190px;}
/*.form_contract .left-section input[type=text] {width:190px;}*/
.form_contract .right-section {width:50%;margin-top:0px;margin-bottom:20px;}

.form_contract .right-section textarea {width:572px;height:320px;}
.form_contract .right-section label {width:210px; padding-left: 111px;}
/*.form_contract input[type=text] {width:190px;}*/
.form_contract .textarea-section {width:50%; float:left;}
.form_contract .textarea-section textarea {width:98%;}

.form_contract-attendance-discount label {width:190px;}
.form_contract-attendance-discount .left-section {width:50%;}
.form_contract-attendance-discount .right-section {width:50%;}
.form_contract-attendance-discount .right-section textarea {width:602px;height:320px;}
.form_contract-attendance-discount li .error_container{padding-left:198px;}

.ospos_deposit {margin-top:25px;}
.ospos_deposit, .ospos_deposit td {border:0;}
.ospos_deposit td {width:50%; vertical-align:top;background-color:inherit;}
.ospos_deposit label {width:335px;}
.ospos_deposit .on-vehicle label {width:180px;}
.ospos_deposit .on-vehicle .comment {width:68px;}


/* Raporty */
.report_form .left-section {
    clear:none;
    float:left;
    width:33%;
}
.report_form label {
    width:145px;
}
.report_form input[type="text"] {
    width:136px !important;
}
.report_form select {
    width:144px !important;
}
.report_form select.fullsize_field {width:297px !important;}
.report_form .clr {
    clear:both !important;
}



#fieldset-vehicle_tyre_id ul li label { width:450px; }

.submit-div {
    clear:both;
    text-align:right;
    overflow:hidden;
}
li.inline-element label {width:98%;}
li.inline-element textarea, li.inline input {width:100%;}
span.required {
    color:#f00;
    padding-left:4px;
}

/*Tabs*/
#link_tabs a {
    color: #666;
    padding: 5px;
    border: 1px solid #d8d8d8;
    border-bottom: none;
    background: #f1f1f1;
    float: left;
    overflow: hidden;
    display: inline;
    margin-left: 2px;
    cursor: pointer;
}

#link_tabs a.active {
    background-color: #ffffff;
    color: #2f4fa1;
}

.lang_bg {
    background-repeat: no-repeat !important;
    padding-left: 30px !important;
    background-position: 2px 50% !important;
}

/* custom */
.flashmsg {
    text-align: center;
    font-weight: bold;
    line-height: 18px;
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
    padding: 10px;
}

.flashmsg a.msg_link {
    color: #fff;
    text-decoration: underline;
}

.msg_neutral {
    background-color: #dcdcdc;
    color: #333333;
    font-weight: normal;
}

.msg_error {
    background-color: #f00;
}

.msg_success {
    background-color: #2A9C43;
}

.form_error {
    display: block;
    text-align: center;
    font-weight: bold;
    line-height: 30px;
    font-size: 14px;
    color: #CC0000;
    background-color: #FBE3E4;
    margin-left: 0px;
    margin-right: 0px;
    border: 1px solid #FBC2C4
}

/*TIPS*/
.custom_tip .tip { background-color:#333; padding:3px; width:270px; opacity:.9; }
.custom_tip .tip-title { color:#fff; background-color:#666; font-size:16px; padding:3px; font-weight:bold; }
.custom_tip .tip-text { color:#fff; padding:3px; }

/*STYLE UNIWERSALNE*/
a img { border:none; }
.border-none { border:none; }
.t-left { text-align:left; }
.t-right { text-align:right; background-color:inherit;}
.t-center { text-align:center; }
.left { float:left; }
.right { float:right; }
.disp-none { display:none; }
.disp-block { display:block; }
.no-border, .no-border * { border:0px !important; }
.no-margin, .no-margin * { margin:0px !important; }
.no-padding, .no-padding * { padding:0px !important; }
.red { color: #F20023; }
.green { color: #34A750; }
.clr { clear:both; }
.row0 td { background-color:#eee; }
.total td {background-color:#EAEAEA;font-weight:bold;font-style:italic;}
.row0.invisible td { background-color: #FDCFCF; }
.row1.invisible td { background-color: #FCDCDC; }
button:hover{cursor:pointer}
table.half {border:0 none;}
td.half {border:0 none; vertical-align:top;width:50%;}
.note-small {font-weight:normal;color:#8c8c8c;font-size:9px;}
form fieldset div {overflow:hidden;}

/*LABEL Z DIVA */
div.label {
    border: 1px solid #d8d8d8;
    padding: 20px 10px 10px;
    position: relative;
    margin: 16px 0 23px;
}

div.label div.title {
    color: #2f4fa1;
    border: 1px solid #d8d8d8;
    padding: 3px 10px;
    position: absolute;
    top: -12px;
    background-color: #ffffff;
}
div.label div.label-footer {clear:both;}
.options-small { width:60px; text-align:center; }
.options-medium { width:90px; text-align:center; }
.options-big { width:122px; text-align:center; }

/* LABEL Z FIELDSETA */
fieldset.label {
    border: 1px solid #d8d8d8 !important;
    padding: 0px 10px 10px !important;
    position: relative;
    margin: 5px 5px 23px !important;
    margin-bottom: 23px;
}

fieldset.label legend {
    float: left;
    margin: -10px 0 0;
    font-size: 14px;
    font-weight: normal;
    color: #2f4fa1;
    border: 1px solid #d8d8d8;
    padding: 3px 10px;
    background-color: #ffffff;
}

fieldset.label ul {
    clear: both;
    margin-top: 15px;
    margin-bottom: 0;
}

.options-small { width:60px; text-align:center; }
.options-medium { width:90px; text-align:center; }
.options-big { width:142px; text-align:center; }
#fieldset-privilages{background-color: #fff; padding: 5px !important; border: 1px solid #585858  !important; float: left; margin-top: -10px !important;}

/* PAGINACJA */
.pages {
    clear: both;
    overflow: hidden;
}

.paginationControl {
    float: right;
    margin: 10px 0;
    color: #2f4fa1;
}

.paginationControl a, .paginationControl .current {
    margin: 0 1px;
    color: #2f4fa1;
    font-weight: normal;
}

.paginationControl .current {
    font-weight: bold;
}

.paginationControl a,
.paginationControl .current {
    padding: 2px 4px;
}

.paginationControl a:hover {
    text-decoration: none;
}

.paginationControl a.prev_next {
    background-color: transparent;
    border: none;
}

.paginationControl .sep {
    padding-left: 7px;
    padding-right: 7px;
}

.paginationControl .disabled {
    color: #ccc;
}
.paginationControl .disabled.r {
    padding: 0 4px;
}

.tyre-segment form .hint {
    clear: both;
    padding-left: 168px;
}
.tyre-segment form label {
    width: 160px;
}

/* HISTORIA ZMIAN POJAZDU - wyswietlanie */
table.vehicle-history {
    margin-bottom: 0px;
}

table.vehicle-history th, table.vehicle-history td {
    border: 0 none;
}

table.vehicle-history th {
    font-size: 16px;
}

table.vehicle-history th.status {
    text-align: right;
    font-size: 14px;
    color:#777;
}

table.vehicle-history dl {
    margin: 0px 15px;
    padding: 0px;
}
table.vehicle-history dl dd {
    font-size: 13px;
    line-height: 20px;
}

.position_tyre_modal .table-fixed-height {
    overflow: auto;
    height: 270px;
}

.position_tyre_modal .notice {
    margin-bottom: 10px;
}
.position_tyre_modal input.small {
    width:30px;
}
.position_tyre_modal input.medium {
    width:110px;
}

#exchange-summary .vehicle-store {
    width: 480px;
    float: left;
}

#exchange-summary .deposit-store {
    width: 400px;
    float: right;
}

#exchange-summary .destination {
    font-weight: bold;
    padding-left: 20px;
}

tr.disabled * {
    color: #999;
}

.mBoxContainer h2 {
    margin-top: 0;
}

#error-modal {
    height: 35px;
    /*padding: 10px;*/
    /*font-weight: bold;*/
    /*color: #FFF;*/
    /*top:45px;*/
    /*margin-top: -45px;*/
    margin: 0;
    margin-top: 15px;
}

#error-modal > div {
    /*background-color: #F3786D;*/
    /*border: 1px solid #B42619;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f6e50c+0,f6e50c+100 */
    background: #ff2721; /* Old browsers */
    background: -moz-linear-gradient(left, #ff2721 0%, #fd7864 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #ff2721 0%,#fd7864 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #ff2721 0%,#fd7864 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2721', endColorstr='#fd7864',GradientType=1 ); /* IE6-9 */
    padding: 10px;
    font-weight: bold;
    color: #FFF;
    height: 15px;
    margin: 0;

    /*top:45px;*/
    /*margin-top: -45px;*/
}

#error-modal.error-notice {
    background-color: #C5AB23;
    border-color: #8D7A15;
}

.mBoxContent .loader-container {
    margin-top: 50px;
    text-align: center;
}

.mBoxContent .sub-title {
    font-size: 16px;
    font-weight: bold;
    margin-top: -10px;
    color: #4C4C4C;
}
.mBoxContent table {
    width: 938px;
}

.position_tyre_modal {
    margin-bottom: 0;
}
.position_tyre_modal .step {
    margin-bottom: 0;
}
.position_tyre_modal h2 {
    margin-top: 0;
}
.position_tyre_modal a.btn-ico {
    padding: 1px;
    width: 26px;
    height: 26px;
    display:block;
    float: left;
}
.position_tyre_modal a.edit-tyre{
    background: transparent url('/images/edit.png') no-repeat 50% 50%;
}
.position_tyre_modal a.ok-tyre {
    background: transparent url('/images/ok.png') no-repeat 50% 50%;
}
.position_tyre_modal a.cancel-tyre {
    background: transparent url('/images/cancel.png') no-repeat 50% 50%;
}

#tyreSearchForm select {
    width: 100%;
}
.spinner {background: transparent url('/images/spinner.gif') no-repeat 4px 50%;}

.other-contract-row.hidden {
    display: none !important;
}

.tyre-error {
    color: red;
    line-height: 12px;
    font-size: 11px;
    margin-bottom: 0;
}
.tyre-error.hidden {
    display: none;
}

.hidden {
    display: none !important;
}

.driverdata-show-handler {
    cursor: pointer;
    color: #22982A;
    font-style: italic;
}

.password_form label {
    display: inline-block;
    width: 110px;
}

.tips.fa {
    font-size: 18px;
    cursor: help;
    padding: 3px;
}
a.fa {
    color: #2f4fa1 !important;
    font-size: 18px;
    padding: 3px;
}

a.fa.red {
    color: #e0070d !important;
}

a.fa:hover {
    text-decoration: none;
    color: #397ac5 !important;
}

a.fa.red:hover {
    color: #f84f4f !important;
}

table td {
    height: 24px;
}

.auth-dot {
    font-size: 16px;
}

.toolbar {
    clear: both;
    margin-top: 12px;
    margin-bottom: 10px;
}

.toolbar .btn {
    margin-right: 6px;
}

/*form fieldset .toolbar {*/
    /*padding-top: 15px;*/
/*}*/

/*.btn {*/
    /*padding: 8px 12px 8px 8px;*/
    /*display: inline-block;*/
    /*background-color: #d2d2d2;*/
    /*color: #fff !important;*/
    /*line-height: 14px;*/
    /*font-size: 14px;*/
    /*font-weight: normal !important;*/
/*}*/

/*.btn:hover {*/
    /*background-color: #d8d8d8 !important;*/
    /*text-decoration: none !important;*/
/*}*/

a.btn, a.btn:hover {
    font-weight: normal;
    text-decoration: none;
}

.btn > span.fa {
    padding-right: 16px;
    font-size: 14px;
}

.btn.btn-yellow {
    color: #2f4fa1 !important;
    border: 1px solid #f0bf3f;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0bf3f+0,f6e50c+100 */
    background: #f0bf3f; /* Old browsers */
    background: -moz-linear-gradient(left, #f0bf3f 0%, #f6e50c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f0bf3f 0%,#f6e50c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f0bf3f 0%,#f6e50c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0bf3f', endColorstr='#f6e50c',GradientType=1 ); /* IE6-9 */
}

.btn.btn-yellow:not([disabled]):hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0bf3f+0,f6e50c+50,f6e50c+100 */
    background: #f0bf3f; /* Old browsers */
    background: -moz-linear-gradient(left, #f0bf3f 0%, #f6e50c 50%, #f6e50c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f0bf3f 0%,#f6e50c 50%,#f6e50c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f0bf3f 0%,#f6e50c 50%,#f6e50c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0bf3f', endColorstr='#f6e50c',GradientType=1 ); /* IE6-9 */
}

.btn.btn-blue {
    color: #fff;
    border: 1px solid #2f4fa1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f4fa1+0,2f4fa1+35,397ac5+100 */
    background: #2f4fa1; /* Old browsers */
    background: -moz-linear-gradient(left, #2f4fa1 0%, #2f4fa1 35%, #397ac5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2f4fa1 0%,#2f4fa1 35%,#397ac5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2f4fa1 0%,#2f4fa1 35%,#397ac5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4fa1', endColorstr='#397ac5',GradientType=1 ); /* IE6-9 */
}

.btn.btn-blue:not([disabled]):hover {
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f4fa1+0,397ac5+35,397ac5+100 */
    background: #2f4fa1; /* Old browsers */
    background: -moz-linear-gradient(left, #2f4fa1 0%, #397ac5 35%, #397ac5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2f4fa1 0%,#397ac5 35%,#397ac5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2f4fa1 0%,#397ac5 35%,#397ac5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4fa1', endColorstr='#397ac5',GradientType=1 ); /* IE6-9 */
}

button.btn {
    border: 0 none;
}

.btn.btn-default {
    color: #2f4fa1 !important;
    border: 1px solid #2f4fa1;
    background-color: #fff;
}

.btn.btn-default[disabled] {
    border-color: #cccccc;
}
.btn.btn-default:not([disabled]):hover {
    color: #fff !important;
    border: 1px solid #2f4fa1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f4fa1+0,397ac5+35,397ac5+100 */
    background: #2f4fa1; /* Old browsers */
    background: -moz-linear-gradient(left, #2f4fa1 0%, #397ac5 35%, #397ac5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2f4fa1 0%,#397ac5 35%,#397ac5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2f4fa1 0%,#397ac5 35%,#397ac5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4fa1', endColorstr='#397ac5',GradientType=1 ); /* IE6-9 */
}

table.os-vehicle-details, .os-vehicle-details table {
    margin-bottom: 0 !important;
}
table.os-vehicle-details > tbody > tr > td {
    /*width: 25%;*/
}

.toolbar ul li {
    float: left;
    display: inline-block;
    width: auto;
}

.toolbar ul li.dropdown ul {
    margin: 0;
    display: none;
    position: absolute;
    width: 180px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    box-shadow: 2px 2px 2px #eee;
}

.toolbar ul li.dropdown.open ul {
    display: block;
}

.toolbar ul li.dropdown ul li {
    display: block;
    float: none;
}
.toolbar ul li.dropdown ul li a {
    color: #2f4fa1;
    font-size: 14px;
    display: block;
    line-height: 22px;
    padding: 5px 8px;
    text-decoration: none;
    font-weight: normal;
}

.toolbar ul li.dropdown ul li:hover a {
    color: #fff;
    /*Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2f4fa1+0,397ac5+100 */
    background: #2f4fa1; /* Old browsers */
    background: -moz-linear-gradient(left, #2f4fa1 0%, #397ac5 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2f4fa1 0%,#397ac5 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #2f4fa1 0%,#397ac5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4fa1', endColorstr='#397ac5',GradientType=1 ); /* IE6-9 */
}

.pull-right {
    float: right !important;
}
.pull-left {
    float: left !important;
}

.order-service-section .message-area {
    position: absolute;
    right: 10px;
    top: 5px;
    min-width: 340px;
    max-width: 600px;
}

.order-service-positions {
    margin-top: 15px;
}

input[type=text], input[type=password], input[type=number], input[type=email], select, textarea {
    border-bottom: 2px solid #4867c3 !important;
}

input[type=checkbox] {
    margin-right: 10px;
}

.modal-dialog ul input[type=text],
.modal-dialog ul input[type=number] {
    width: 200px;
}
.modal-dialog ul select {
    width: 210px;
}
.error_container.inline {
    display: inline-block;
    padding-left: 0;
}
.error_container.inline .error {
    margin-top: 0 !important;
}

.btn.top-label-margin {
    margin-top: 22px;
}
.modal-title {
    font-size: 16px;
}
.form-tabs {
    padding-top: 10px;
    overflow: initial !important;
    clear: both
}
.form-tabs .nav {
    margin-bottom: 10px;
}
.form-tabs ul li {
    display: inline-block;
    width: auto;
    height: auto;
}

.nav li a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav-pills a {
    text-decoration: none;
    color: #555;
}

.attendance-list {
    height: 200px;
    overflow: auto;
}
.attendance-list a {
    text-decoration: none;
}
.seasonal-exchange .modal-dialog {
    width: 1200px;
}
.seasonal-exchange input[type=checkbox] {
    width: auto;
}
.seasonal-exchange .control-label {
    float: left;
}
.seasonal-exchange .modal-body {
    padding-bottom: 0;
}
.seasonal-exchange a.fa {
    text-decoration: none;
}
input.has-error {
    border-color: #f00 !important;
}
.deposit_number {
    margin-top: 7px;
}
.deposit_number .control-label {
    width: 110px;
    line-height: 24px;
}
.question-modal .modal-footer,
.attendance-other-modal .modal-footer,
.tyre-modal .modal-footer,
.article-modal .modal-footer,
.courier-order-modal .modal-footer,
.parcel-track-modal .modal-footer,
.deposit-modal .modal-footer {
    padding-bottom: 15px;
}

.modal-ui-select.selectize-control {
    z-index: 1100;
}
.seasonal-exchange td.edit-mode input,
.seasonal-exchange td.edit-mode select {
    width: 140px;
    margin-right: 5px;
}
.seasonal-exchange td.edit-mode input.short,
.seasonal-exchange td.edit-mode select.short {
    width: 70px;
}
.seasonal-exchange select.tyre_search-input[readonly] {
    background-color: #dcdcdc !important;
}
.attendance-other-modal .results,
.article-modal .results,
.tyre-modal .results {
    min-height: 200px;
    max-height: 370px;
    overflow-y: auto;
}

.tyre-edit-form .form-group label {
    display: block;
    font-weight: normal;
    margin-bottom: 2px;
    margin-top: 4px;
    color: #2f4fa1;
}
.tyre-edit-form .form-group label span.required {
    padding-left: 2px;
}

select:invalid {
    color: gray;
}

select:invalid option {
    color: #222 !important;
}

a.btn.report-link {
    padding: 2px 5px;
    margin-left: 8px;
}

a.btn.report-link > span.fa {
    padding-right: 6px;
}

.alert.alert-info {
    border-color: #9bb0e6;
    background: #d7e4ff; /* Old browsers */
}

.message-box {
    padding: 15px;
}
.message-box.message-info {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0bf3f+0,f6e50c+100 */
    background: #f0bf3f; /* Old browsers */
    background: -moz-linear-gradient(left, #f0bf3f 0%, #f6e50c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f0bf3f 0%,#f6e50c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f0bf3f 0%,#f6e50c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0bf3f', endColorstr='#f6e50c',GradientType=1 ); /* IE6-9 */
}

.col.w60,
input.w60,
select.w60 {
    width: 60px;
}

.col.w80,
input.w80,
select.w80 {
    width: 80px;
}

.col.w100,
input.w100,
select.w100 {
    width: 100px;
}

.col.w120,
input.w120,
select.w120 {
    width: 120px;
}

.col.w130,
input.w130,
select.w130 {
    width: 130px;
}

a.sort-link {
    color: #2f4fa2;
    font-weight: normal;
}

.sort-link .sort-icon {
    margin-left: 6px;
    color: #2F4FA2;
}
.sort-link .sort-icon.fa-sort {
    color: #b2b2b2;
}

table.import-format-description td {
    border: 1px solid #ccc;
    height: 20px;
    padding: 4px;
    font-size: 0.9em;
}
table.import-format-description .import-field {
    /*display: inline-block;*/
    word-break: normal;
    /*width: 180px;*/
    font-weight: bold;
}
fieldset.label.additional_info-section {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0bf3f+0,f6e50c+100 */
    background: #f0bf3f; /* Old browsers */
    background: -moz-linear-gradient(left, #f0bf3f 0%, #f6e50c 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #f0bf3f 0%,#f6e50c 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #f0bf3f 0%,#f6e50c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0bf3f', endColorstr='#f6e50c',GradientType=1 ); /* IE6-9 */
}

.select2-container--default .select2-selection {
    border-bottom-width: 2px !important;
    border-bottom-color: #2f4fa2 !important;
    border-radius: 0 !important;
}

.select2-container--default.select2-container--focus .select2-selection,
.select2-container--default.select2-container:hover .select2-selection {
    cursor: pointer;
    border-top-color: #888 !important;
    border-left-color: #888 !important;
    border-right-color: #888 !important;
}

form ul li .error-message,
form.form-pretty .has-error .error-message,
form .form-group .error-message {
    display: inline-block;
    width: 100%;
    margin-left: 140px;
    color: red;
    padding-top: 5px;
    padding-bottom: 3px;
    font-size: 0.9em;
    padding-left: 8px;
}
form.form-pretty .has-error .error-message {
    margin-left: 0;
}

.form-maincontainer {
    overflow: auto;
}

.text-muted {
    color: #7a7a7a;
}

/* **** SCROLLABLE TABLE BODY **** */
/* this is for the main container of the table, also sets the height of the fixed header row */
.headercontainer {
    position: relative;
    padding-top: 27px;
    margin-bottom: 0;
}

/* this is for the data area that is scrollable */
.tablecontainer {
    overflow-y: auto;
    /*height: 160px;*/
}

/* remove default cell borders and ensures table width 100% of its container*/
.tablecontainer table {
    border-spacing: 0;
    width: 100%;
}

/* add a thin border to the left of cells, but not the first */
.tablecontainer td + td {
    border-left: 1px solid #eee;
}

/* cell padding and bottom border */
.tablecontainer td, th {
    border-bottom: 1px solid #eee;
    padding: 4px;
}

/* make the default header height 0 and make text invisible */
.tablecontainer th {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0;
    visibility: hidden;
    white-space: nowrap;
}

/* reposition the divs in the header cells and place in the blank area of the headercontainer */
.tablecontainer th div.th {
    visibility: visible;
    position: absolute;
    padding: 7px 10px;
    top: 0;
    margin-left: -10px;
    line-height: normal;
}

/* prevent the left border from above appearing in first div header */
th:first-child div {
    border: none;
}

table.attendance-list td p.hint {
    margin-bottom: 0;
    font-style: italic;
    color: #999;
}

.form-loader {
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 25px);
    z-index: 10;
    background-color: rgba(190, 190, 190, 0.5);

}

a.fa[disabled] {
    pointer-events: none;
}

a.fa[disabled] {
    color: #8ea0c2 !important;
}

a.fa.red[disabled] {
    color: #ff8282 !important;
}

table.position-details {
    margin: 0;
}
table.position-details th, table.position-details td {
    height: 12px;
    padding: 2px 6px;
    background-color: #e5e5e5;
}
table.position-details th {
    background-color: #d4d6d9;
}
.bookmarks_container {
    display: flex;
    margin: 0 5px 25px;
}
.bookmarks_container .bookmark_list {
    flex-grow: 1;
    padding-right: 20px;
}
.bookmarks_container .bookmark_list .toolbar {
    margin-bottom: 0;
}
.bookmarks_container .bookmark_list a.btn {
    margin-bottom: 24px;
    margin-right: 24px;
}
.bookmarks_container .bookmark_manage_btn {
    margin-top: 12px;
}

.bookmarks_manager {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.bookmarks_manager .move_actions {
    display: flex;
    width: 220px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: center;
}
.bookmarks_manager .bookmarks_label {
    margin: 8px 0;
}
.bookmarks_manager select {
    width: 250px;
    height: 200px;
}
.bookmarks_manager select option {
    padding: 3px;
}

.bookmarks_manager .bookmarks_select_container .enabled_bookmarks {
    display: flex;
}
.bookmarks_manager .bookmarks_select_container .enabled_bookmarks .position_actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.bookmarks_manager .move_actions > button {
    margin: 10px;
    width: 75px;
}
.bookmarks_manager .position_actions > button {
    margin: 10px;
    width: auto;
}
.bookmarks_manager .move_actions > button .fa,
.bookmarks_manager .position_actions > button .fa {
    padding: 0;
}

.bookmarks_manager-actions {
    display: flex;
    justify-content: flex-end;
}
.bookmarks_manager-actions .btn {
    margin-left: 8px;
}

form .table-form div {
    margin-bottom: 0;
}

table.table-list th {
    white-space: nowrap;
}

tr .inline-comment-container .hover-btn {
    display: none;
}

tr:hover .inline-comment-container .hover-btn {
    display: inline;
}

.deposit-modal .modal-header,
.deposit-modal .modal-body,
.deposit-modal .modal-footer,
.deposit-modal form {
    margin: 0;
}
.deposit-modal .modal-body {
    display: flex;
    flex-direction: column;
}
.deposit-modal ul {
    margin: 0;
}

.deposit-modal .form-group {
    display: flex;
    flex-direction: column;
}
.deposit-modal .form-group .control-label {
    margin-bottom: 3px;
    font-size: 13px;
    line-height: 14px;
    font-weight: normal;
}

section.data-section .circle {
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: grey;
    border-radius: 50%;
}
section.data-section .circle.green {
    background-color: green;
}
section.data-section .circle.orange {
    background-color: orange;
}
section.data-section .circle.red {
    background-color: red;
}

section.data-section table td:not(:first-child) {
    padding-right: 5px;
}

.preinvoice-filter-form .form-group.col input {
    width: calc(100% - 8px);
}

.season-check-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
}

.season-check-container input {
    display: none;
}
.season-check-container label {
    display: block;
    background-color: #ffffff;
    box-sizing: border-box;
    width: 26px;
    height: 26px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 20px;
    cursor: pointer;

}
.season-check-container label:hover:not(.active) {
    border-color: #aaa;
}
.season-check-container label.active {
    border-width: 2px;
    border-color: #4867c3;
}

.season-check-container .season-check-container__input {
    margin: 0;
}
.season-check-container .season-check-container__input__c {
    background-image: url('/images/btn-season-allyear.png');
}
.season-check-container .season-check-container__input__l {
    background-image: url('/images/btn-season-summer.png');
}
.season-check-container .season-check-container__input__z {
    background-image: url('/images/btn-season-winter.png');
}