/* Add here all your CSS customizations */
.mb20{margin-bottom: 20px;}
.pn{padding: 0 !important}
#accordion2 .accordion-toggle[aria-expanded="true"]{background: #0088CC}
#accordion2 .accordion-toggle.collapsed{
    background: #5BC0DE !important
}
#accordion2 .dataTables_length{display: none}
.center_checkbox{width: 25px;margin: 5px auto 0}
.btn-gradient, .bg-gradient {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 1%, rgba(255, 255, 255, 0.15) 100%);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.07) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.18);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    background:#e6e6e6 linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 10%, rgba(255, 255, 255, 0.1) 100%);
    border-color: #cccccc rgba(0, 0, 0, 0.19) rgba(0, 0, 0, 0.18);
    text-shadow: 0 1px #ffffff;
}
.mb10{margin-bottom: 10px !important}
.prn{padding-right: 0px !important}
#tblAppendGrid tr,#tblAppendGrid td{height: 20px !important;padding:0px !important}
#tblAppendGrid tr input,#tblAppendGrid tr button,#tblAppendGrid tr select{padding:0px !important}
.ui-widget-appendgrid.body{min-height: 100% !important}

.custom-popup-konto, .custom-popup-lev #ajaxDataTable_wrapper {
    background-color: #fafafa;
    border: 1px solid #a287d4;
    margin: 1px 0 0 -1px;
    max-height: 250px;
    overflow: hidden;
    position: absolute;
    width: 425px;
    z-index: 9;
}
.custom-popup-konto .panel-heading, .custom-popup-lev .panel-heading, #ajaxDataTable_wrapper .panel-heading {
    min-height: 34px;
    padding:0px;
}
input#kontoSearch,input#reSearch,input#projektSearch {
    border-color: #dfdfdf;
    font-size: 12px;
    font-weight: normal;
    height: 22px;
    line-height: normal;
    width: 145px;
    border: 1px solid #dfdfdf;
    border-radius: 5px;
    padding: 0 3px !important;
}
#konto_order,#re_order,#projekt_order {
    border-color: #dfdfdf;
    font-size: 12px;
    font-weight: normal;
    height: 22px;
    padding: 0;
    width: 50px;
}
.appendGrid input {
    width: 100%;
}
#konto_popup > thead, #re_popup > thead, #projekt_popup > thead {
    height: 25px;
}
.custom-popup th, .custom-popup thead tr, #konto_popup th, #konto_popup thead tr {
    background-color: #ddd;
}
#projekt_popup tr, #projekt_popup tr td, #projekt_popup tr th, #re_popup tr, #re_popup tr td, #re_popup tr th, #konto_popup tr, #konto_popup tr td, #konto_popup tr th, #ajaxDataTable_wrapper table#ajaxDataTable tbody tr, #ajaxDataTable_wrapper table#ajaxDataTable tbody tr td, #ajaxDataTable_wrapper table#ajaxDataTable thead tr th {
    height: 20px;
    padding: 0 3px 0 3px;
    text-align: left;
    font-size: 11px;
}
.overflow-y tr {
    height: 20px;
    line-height: 1.475;
    padding: 0 6px;
}
.overflow-y thead tr {
    color: #000;
    background-color: #ddd;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
}
.scroll_popup {
    max-height: 186px;
    overflow-y: auto;
    width: 100%;
}
.overflow-y {
    width: 100%;
}
.custom-popup tr.even, .custom-popup tr.even td, #konto_response tr.even, #konto_response tr.even td, #re_response tr.even, #re_response tr.even td, #projekt_response tr.even, #projekt_response tr.even td  {
    background-color: #eee;
}
#konto_filter_name,#re_filter_name,#projekt_filter_name {
    font-weight: normal;
    padding: 0;
    width: 85px;
    border-color: #dfdfdf;
    font-size: 12px;
    height: 22px;
}
.p051 {
    padding: 0px 5px 1px;
    width: 28px;
    height: 22px;
}
.pbn {
    padding-bottom: 0 !important;
}
.custom-popup-konto .panel-body, .custom-popup-lev .panel-body, .custom-popup .panel-body, #ajaxDataTable_wrapper .panel-body {
    padding: 0;
}
.mt5 {
    margin-top: 5px;
}
.mr5 {
    margin-right: 5px;
}
#tblAppendGrid_Status_td_head{ width:50px;}
.ui-widget-content.last{text-align: center;width: 60px;}
#ui-datepicker-div{z-index: 99999 !important}
#tblAppendGrid tr input.pr5{padding-right: 5px !important;}
#tblAppendGrid tr input.pl5{padding-left: 5px !important;}
.w100p{width: 100% !important}
.w150{width: 150px !important}
.w200{width: 200px !important}
.w250{width: 250px !important}
.w300{width: 300px !important}
.w350{width: 350px !important}
.w380{width: 380px !important}
.w400{width: 400px !important}
.w450{width: 450px !important}
.w450{width: 450px !important}
.w500{width: 500px !important}
#fixedWidth{
    width: 350px;
}
#datatables_agreements{width: 100% !important}
.luqon_color{background-color: #ffd9cc !important}
.luqon_cust_color{background-color: #E74C3C !important}
.mr11{margin-right: 11px !important;}
.mt35{margin-top : 35px !important}
.border-top{border-top: 1px solid !important;}
.scroll_popup tr.active {
    background-color: #0075B0 !important;
    color: #fff;
 }
table#car_popup thead tr th, tbody#car_response tr td, table#projekt_popup thead tr th, tbody#person_response tr td {
    padding: 0 3px !important;
}
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}
.badge-primary {
    background: #0088CC;
	color:#fff;
}
.nav.sidebar-menu a{color:#abb4be}
.nav.sidebar-menu li{
	margin: 0 -35px 0 -35px;
padding: 0 50px;
}
.nav.sidebar-menu li.active,
.nav.sidebar-menu li:hover,
.nav.sidebar-menu li:hover a,
.nav.sidebar-menu li a:hover{
	background:#282d36
}
.nav.sidebar-menu li a:focus,
.nav.sidebar-menu li a:active{
background:transparent
}
#sidebar-left .nano nav li{padding: 0 20px}
#datatables_booking td{font-size:12px}