@import url('https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext');

.sigma_symbol{
    font-size: 24px;
    font-weight: bold;
}

.max_height_80{
    max-height: 80px !important;
}

.flex_parent{
    display:flex;
    min-height: 40px;
}
.flex_child_center{
    display:flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
}

.orderListALgStyle{
    font-weight: 600; 
    cursor: pointer; 
    margin-right:10px;
}
.longTextOverflowOnCustomerOrders{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 800px;
}

.affix {
    /* position: fixed; */
    /* width: 31%; */
    /* top: 172px; */
}

.affix-top {
    position: fixed;
    top: 172px;
    width: 31%;
}

.affix-bottom {
    position: fixed;
    top: 172px;
    width: 31%;
}

.panel-horizontal-buttons::after {
    clear: both;
}

.panel-horizontal-buttons .panel-horizontal-button {
    /* position: absolute; */
    width: 34px;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    /* z-index: 4; */
    float: right;
    margin-left: 2px;
}


/*
Force table width to 100%
*/
 table.table-fixedheader {
    width: 100%;   
}
/*
Set table elements to block mode.  (Normally they are inline).
This allows a responsive table, such as one where columns can be stacked
if the display is narrow.
*/
 table.table-fixedheader, table.table-fixedheader>thead, table.table-fixedheader>tbody, table.table-fixedheader>thead>tr, table.table-fixedheader>tbody>tr, table.table-fixedheader>thead>tr>th, table.table-fixedheader>tbody>td {
    display: block;
}
table.table-fixedheader>thead>tr:after, table.table-fixedheader>tbody>tr:after {
    content:' ';
    display: block;
    visibility: hidden;
    clear: both;
}
/*
When scrolling the table, actually it is only the tbody portion of the
table that scrolls (not the entire table: we want the thead to remain
fixed).  We must specify an explicit height for the tbody.  We include
100px as a default, but it can be overridden elsewhere.

Also, we force the scrollbar to always be displayed so that the usable
width for the table contents doesn't change (such as becoming narrower
when a scrollbar is visible and wider when it is not).
*/
 table.table-fixedheader>tbody {
    overflow-y: scroll;
    max-height: 340px;
}
/*
We really don't want to scroll the thead contents, but we want to force
a scrollbar to be displayed anyway so that the usable width of the thead
will exactly match the tbody.
*/
 table.table-fixedheader>thead {
    overflow-y: scroll;    
}
/*
For browsers that support it (webkit), we set the background color of
the unneeded scrollbar in the thead to make it invisible.  (Setting
visiblity: hidden defeats the purpose, as this alters the usable width
of the thead.)
*/
 table.table-fixedheader>thead::-webkit-scrollbar {
    background-color: inherit;
}

/*
We want to set <th> and <td> elements to float left.
We also must explicitly set the width for each column (both for the <th>
and the <td>).  We set to 20% here a default placeholder, but it can be
overridden elsewhere.
*/

table.table-fixedheader>thead tr th {
    float: left;    
    word-wrap:break-word; 
    border-top-width: 0;
}

table.table-fixedheader>tbody tr td {
    float: left;
    word-wrap:break-word; 
    border-top-width: 0;
}

.table-borderless tbody>tr>td, .table-borderless tbody>tr>th {
    border-top-width: 0;
}


body {
    min-width: 480px;
    min-height: 100%;
    padding-top: 104px;
    padding-bottom: 20px;
}

html, body {/* overflow:auto; */}


/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  /* overflow-x: hidden; *//* Prevent scroll on narrow devices */
}

footer {
  padding: 40px 0 10px;
  /* position: fixed; */
  /* bottom: 0; */
}

.panel .panel-heading h3, .panel .panel-heading h4, .panel .panel-heading h5 {
    font-size: 14px;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 991px) {
    .sm_margin_bottom_10{
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .sm_padding_left_0{
        padding-left: 0px;
    }
}
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

@media screen and (min-width: 767px) {
  .row-offcanvas-sm {
    position: relative;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
  }

  .row-offcanvas-right-sm {
    right: 0;
  }

  .row-offcanvas-left-sm {
    left: 0;
  }

  .row-offcanvas-right-sm
  .sidebar-offcanvas-sm {
    right: -50%;/* 6 columns */
  }

  .row-offcanvas-left-sm
  .sidebar-offcanvas-sm {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right-sm.active {
    right: 50%;/* 6 columns */
  }

  .row-offcanvas-left-sm.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas-sm {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}


.has-feedback select.form-control {
    padding-right: 44px;
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 20px;
}

.bg-white {
    background-color: #fff;
    border-color: #fff;
}

.checkbox-inline, .checkbox, .radio-inline, .radio {
   line-height: 1.9;
}

.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated-fast {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.splash {
    text-align: center;
    margin: 10% 0 0 0;
}

.splash .message {
    font-size: 5em;
    line-height: 1.5em;
    -webkit-text-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
    text-shadow: rgba(0, 0, 0, 0.5) 0 0 15px;
    text-transform: uppercase;
}

.splash .fa-spinner {
    text-align: center;
    display: inline-block;
    font-size: 5em;
    margin-top: 50px;
}
#applicationLoad{
    margin-top: 10px;
    margin-bottom:20px;
}

.progress-bar-muted {
    background-color: #aea79f;
}

.page-header {
    /* padding-bottom: 0; */
    margin: 16px 0 14px;
    /* border-bottom: none; */
}
/*
.page-host {
    position: absolute;
    left: 0;
    right: 0;
    top: 120px;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
*/

.table.table-vcenter td, .table.table-vcenter th, .vcenter {
    /*display: inline-block;*/
    vertical-align: middle;
    float: none;
}

.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nowrap_2 {
  white-space: nowrap;
}

.checkbox label, .radio label {
  line-height: 1.9;
}

/* template layout*/

.subnav {
    position: fixed;
    width: 100%;
    background-color: #FFF;
    border-width: 0;
    margin-top: 50px;
    z-index: 50;
    border-bottom:1px solid #d7d7d7 !important;
}



#subnav {
    /* position: fixed; */
    width: 100%;
    background-color: #FFF;
    border-width: 0;
    margin-top: 50px;
    z-index: 50;
    border-bottom:1px solid #d7d7d7 !important;
}

#subnav .nav-pills {
    margin-top: 6px;
}

.navbar-default {
    /* background-color: #F4F4F4; */
    /* border-width: 0; */
}

.navbar-nav > li > a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #dc182d;
    border-image: none;
    border-style: solid;
    border-width: 0 0 2px;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > li:hover > a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #000;
    border-image: none;
    border-style: solid;
    border-width: 0 0 2px;
    font-weight: 400;
}

.page-content {
    margin-top: 10px;
}

.right {
    text-align: right;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.btn:hover {
    transition: all .2s ease-in-out;
}

.user_link {
    padding: 4px;
}

.user_link span {
    top: 3px;
}

.middle_lineheight > .input-group {
    margin-bottom: 15px;
}

.border-marker-head {
    border: none;
    padding: 5px;
    text-align: left;
    margin: 0;
    text-indent: 10px;
    margin-top: 20px;
}

.border-marker > address {
    line-height: 23px;
}

.border-marker {
    padding: 10px;
    margin: 0;
    clear: both;
}

.clear
{
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.head {
    margin-top: 0px !important;
}
.validationMessage {
    position: absolute;
    display: block;
    margin-bottom: 10px;
}
.validationElement {
    border: 1px solid;
    margin-bottom: 5px !important;
    margin-top: 5px !important;
}
#success_sending {
    margin-top: 20px;
    margin-bottom: 20px;
}


div.theme_switcher{
    padding: 0 12px 0 0;
    margin: 0;
    z-index: 9000;
    float: right;
    line-height: 48px;
    font-size:12px;
}

div.theme_switcher button {
    margin-left: 5px;
    margin-right: 5px;
    width: 15px;
    height: 15px;
    border: 1px solid black;
}

div.theme_switcher button.sw_blue{
    background-color: #2888d2;
}

div.theme_switcher button.sw_orange{
    background-color: #f67a1c;
}

div.theme_switcher button.sw_purple{
    background-color: #9d45a5;
}

.float_right{
    float: right;
}

.search_in_h3 {
    font-size: 13px !important;
    margin-left: 10px;
    width: 200px;
    display: inline;
}

nav.inner_nav {
    border-radius: 0px;
    border-style: none;
    border: none !important;
    margin-bottom: 2px !important;
    margin-top: 0px;
}

nav.inner_nav ul.dropdown-menu {
    background-clip: padding-box !important;
    border-bottom-width: 4px !important;
    border-bottom-style: solid !important;
    border-radius: 0 !important;
    margin: 0 !important;
    min-width: 220px !important;
    max-height: none !important;
}

nav.inner_nav ul.dropdown-menu > li > a {
    clear: both;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    margin: 5px 0px 5px 0px;
    white-space: nowrap;
    border: none;
    text-shadow: none !important;
}

nav.inner_nav ul.dropdown-menu > li > a:hover {
    background: none;
}

nav.inner_nav button.btn-default
{
    background-image: none !important;
}

nav.inner_nav p.navbar-brand{
    font-size: 25px;
}

.chart-large {
    height: 235px;
    width: 100%;
}
.hidden-mobile{display:none!important}
.visible-mobile{display:inline-block!important}
.todo-group-title{margin:0;line-height:31px;padding:0 0 0 10px;background:#fafafa;border-bottom:1px solid #e5e5e5;border-top:1px solid #f1f1f1;color:#919191}
.middle_lineheight > .input-group {
    margin-bottom: 15px;
}
/* -------------- TO DO LIST FORMAT --------------- */
.todo{
    margin:0;
    padding:0;
    min-height:5px;
    list-style:none
}
.todo>li{
    background: url("./images/sort.png") no-repeat scroll 3px 18px;
    border: 1px solid #FFFFFF;
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}
.todo>li:last-child,.todo>li:only-child {
    border-bottom:0
}
.todo>li>:first-child{display:block;border-right:1px solid #FFE1EB;height:100%;padding:6px 11px 6px 18px;width:20px;vertical-align:top;position:absolute}
.todo>li>:first-child:hover{cursor:move}
.todo>li.complete>:first-child:hover{cursor:default}
/*.todo>li>p{height:100%;margin-left:52px;border-left:1px solid #FFE1EB;display:inline-block;padding:8px 0 6px 7px;margin-bottom:0;min-height:37px;line-height:normal;font-size:14px;font-weight:500;color:#333}.todo>li>p>span{display:block;line-height:12px;font-size:10px;font-weight:400}.todo>li>p>:first-child{margin-top:-5px;color:#8D8D8D;margin-bottom:4px}.todo>li>p>.date{color:#c9c9c9}.todo>li.complete>*{text-decoration:line-through;font-style:italic}.todo>li.ui-sortable-helper{border-top:1px solid #e5e5e5;background:rgba(113,132,63,.1)}.table.has-tickbox thead tr th:first-child{width:18px}*/
.table.has-tickbox.smart-form tbody tr td:first-child .checkbox,.table.has-tickbox.smart-form tbody tr td:first-child .radio,.table.has-tickbox.smart-form thead tr th:first-child .checkbox,.table.has-tickbox.smart-form thead tr th:first-child .radio{padding:0!important}
.fc-border-separate thead tr,.table thead tr{/* background-color:#EFEFEF; *//* background-image:-webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#fafafa)); *//* background-image:-webkit-linear-gradient(top,#f2f2f2 0,#fafafa 100%); */background-image:-linear-gradient(top,#f2f2f2 0,#fafafa 100%);font-size:12px}.fc-border-separate thead tr th{padding:4px;line-height:1.428571429}.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{/* border-width:1px */}.no-padding>.table-bordered{border:0!important}.no-padding>.table-bordered tbody tr td:first-child,.no-padding>.table-bordered thead tr td:first-child,.no-padding>.table-bordered thead tr th:first-child{border-left-width:0!important}
/* grap bg: */
.ui-state-highlight2 {
    border: 2px dotted #ea9140;
    background-color: #ffffb4;
    height: 400px;
}
#sortable_box {
    padding:0;
    margin:0;
}

#sortable_box .boxhead > h3 {
    cursor:move
}
#sortable_box > li {
    margin:0;
    padding:0;
    list-style:none
}

.ui-sortable_margin > li {
    margin-bottom: 20px !important;
}

.min_height_div {
    min-height: 968px;
}

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

.op_pagination {
    border-top: 1px solid #B9ADA1;
    padding-top: 13px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.op_pagination_list {
    padding: 0 22px;
}

th.SimpleGridHead{
    color: #fff;
}

div.block_list{
    margin-left: -35px;
}

div.block_list > ul{
    list-style-type: none;
    margin-left: 0px;
}

div.block_list > ul > li{
    margin: 5px 0px 10px 0px;
    border-width: 0px;
    border-style: solid;
    width: 100%;
}

div.block_list > ul > li > table{
    width: 100%;
}

div.block_list ul li table th{
    padding-left: 3px;
}

div.block_list ul li table th.reszletek{
    width: 40px;
    text-align: right;
}

div.block_list ul li table tr:nth-child(even){
}

div.block_list ul li table td{
    padding: 2px 0px 2px 12px;

}
.new_service {
    position: absolute;
    bottom: 40px;
    padding-top: 10px;
    padding-left: 8px;
    padding-right: 7px;
    border: 1px solid #B9ADA1;
    box-shadow: 6px 4px 6px #BCBCBC;
}
i.fafix {
    width: 12px;
}

.bold-red, a.bold-red, a.bold-red:hover {
    font-weight: bold;
    color: #cc0000;
}

.durandal-wrapper {

}
.dropdown_menu_margin {
    margin-left: 15px !important;
}
.pull_right_header {
    margin-right: 20px !important;
    margin-top: 15px !important;
}

.no_list_style li{
    list-style-type: none;
}

.bold {
    font-weight: bold;
}

.box_white {
    margin-top: 3px;
    padding: 10px;
    background-color: #ffffff;
    color: #cccccc;
}

.box_white {
    margin-top: 3px;
    padding: 10px;
    background-color: #ffffff;
    color: #000000;
}

.box_white .invoice_preview_data {
    color: #000000;
}

.box_white .invoice_data {
    line-height: 25px;
}

.invoice_preview_data {
    font-size: 14px;
}

.box_white span.invoice_preview_data {
    font-size:14px;
}

.box_white h4.invoice_preview_data {
    font-size:18px;
    font-weight: bold;
}

.white {
    color: #ffffff !important;
}

.A4 {
    padding: 25px;
}

hr.invoice {
    display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 1em 0; padding: 0;
}

.separator_line{
    border-bottom: 1px solid #D6D6D6;
    margin: 5px 0px 10px 0px;
}

img.thumb {
    width: 100px;
    height: 100px;
}

.yellow, a.yellow, a.yellow:hover {
    color: #cb9000;
}

.orange, a.orange, a.orange:hover {
    color: #f67a1c;
}

table.invoice_item {
    border-collapse: separate !important;
    border-spacing: 1px !important;
}

tr.head_class, tr.head_class th {
    background-color: #e6e6e6 !important;

}

tr.tr_class1, tr.tr_class1 td {
    background-color: #eeeeee !important;
}
tr.tr_class2, tr.tr_class2 td {
    background-color: #ffffff !important;
}

.product_tags span{
    cursor: pointer;
}

.product_tags span.label{
    margin-top: 3px;
    display: inline-block !important;
    line-height: 1.5 !important;
}

/*----------------------------------price list--------------------------------------------*/

.pricing_list_table th{
    /*    text-align: center;*/
    vertical-align: middle !important;
    /*    width: 20%;*/
    color: white;
    background-color: #696056;
    border-right-style: solid;
    border-right-width: 1px;
    height: 30px;
}

div.pricing_list .table{
    margin: 0px !important;
}

table.pricing_list_table th:nth-child(-n+4){
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

table.pricing_list_table td{
    /*    text-align: center;*/
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    line-height: 1 !important;
    border-right-style: solid;
    border-right-width: 1px;
    vertical-align: middle !important;
}

table.pricing_list_table td:last-child{
    border-right: none;
}

table.pricing_list_table th:last-child{
    /*    border-right: none;*/
}

table.pricing_list_table tr:nth-child(even){
    background-color: #d7d6d8 !important;
}

/*------------------- checkbox list ------------------------*/



div.excel_filter_frame{
    position: absolute;
    z-index: 9999;
    background-color: #FFFFFF;
    padding: 0px !important;
    /*    margin: 0px 0px 0px 15px !important;*/
}

div.excel_checkbox_table_div{
    max-height: 250px;
    overflow: auto;
}

table.excel_checkbox_table{
    margin: 0px !important;
    color: #696056;

}

table.excel_checkbox_table td{
    background-color: #FFFFFF;
    border-right-width: 0px;
}

table.excel_checkbox_table tr td:first-child{
    width: 20px;
}

table.excel_checkbox_table tr td:last-child{
    text-align: left;
}

.white_bg {
    background-color: #ffffff;
}

.super_view { height: 235px; width: 100%; overflow: scroll; }
.super_view div.sv_row_right, .super_view div.sv_row { background-color: #ffffff; min-height: 100px;}
.super_view div.sv_row_left p{ line-height: 13px; padding: 0 5px; }
.super_view div.sv_row_right { line-height: 130px; text-align: right; vertical-align: middle; cursor:pointer; }
.super_view div.sv_internal_content {padding:5px; border-right: 2px solid #E8E5E5; }
.super_view hr { border: 0 none; height: 1px; margin: 2px; padding: 0; }
.super_view div.sv_internal_content p { font-size: 12px; }
.super_view .sp_sub_data {display:none;}

.invoice_item_in_timeline {
    line-height: 21px;
    margin: 5px 5px 0;
    padding: 5px 5px 0;
}

hr.invoice_item {
    display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 0.4em 0; padding: 0;
}


.select2_result_label{
    background-color: red;
}

.product_search_res{
    padding: 0px !important;
    margin: 0px !important;
}

.product_search_res_main{
    /*    font-weight: bold;*/
}

.newproduct{
    border-bottom: 1px solid #AAA;
}

.spanless_input{
    border-radius: 4px !important;
    width: 100%;

}

.search_result > ul {
    display:none;
}
.search_result {
    margin: 0 0 0 39px;
    padding: 0;
    position: absolute;
    z-index: 100;
}
/* invoice: KibocsÃÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’ââ‑¬Â� ’ÃÃ� ’â€Ã‑Â� ÃÃ‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã¢ââ‑¬Å¾Ã‑¢ÃƒÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’Ã‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã…Ã‑¡ÃƒÃ� ’‚Ãââ‑¬Å¡Ãƒâ€šÃ‑¡tva */
span.issued {
    background-color: #999 !important;
    color: #fff !important;
}
/* invoice: ÃÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’ââ‑¬Â� ’ÃÃ� ’â€Ã‑Â� ÃÃ‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã¢ââ‑¬Å¾Ã‑¢ÃƒÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’ââ‑¬Å¡Ãƒâ€šÃ‑¢ÃƒÃ� ’ÂÃ‑¢ÃƒÃ‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã…Ã‑¡Ãƒââ‑¬Å¡Ãƒâ€šÃ‑¬ÃƒÃ� ’ÂÃ‑¢ÃƒÃ‑¢Ã¢â‚¬Å¡Ã‚Ã‑¬Ãƒââ‑¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…“sszeÃÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’ââ‑¬Â� ’ÃÃ� ’â€Ã‑Â� ÃÃ‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã¢ââ‑¬Å¾Ã‑¢ÃƒÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’Ã‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã…Ã‑¡ÃƒÃ� ’‚Ãââ‑¬Å¡Ãƒâ€šÃ‑¡llÃÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’ââ‑¬Â� ’ÃÃ� ’â€Ã‑Â� ÃÃ‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã¢ââ‑¬Å¾Ã‑¢ÃƒÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’Ã‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã…Ã‑¡ÃƒÃ� ’‚Ãââ‑¬Å¡Ãƒâ€šÃ‑­tÃÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’ââ‑¬Â� ’ÃÃ� ’â€Ã‑Â� ÃÃ‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã¢ââ‑¬Å¾Ã‑¢ÃƒÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’Ã‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã…Ã‑¡ÃƒÃ� ’‚Ãââ‑¬Å¡Ãƒâ€šÃ‑¡s alatt */
span.construct {
    background-color: #ff9228 !important;
    color: #fff !important;
}
/* invoice: RÃÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’ââ‑¬Â� ’ÃÃ� ’â€Ã‑Â� ÃÃ‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã¢ââ‑¬Å¾Ã‑¢ÃƒÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’Ã‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã…Ã‑¡ÃƒÃ� ’‚Ãââ‑¬Å¡Ãƒâ€šÃ‑©szben teljesÃÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’ââ‑¬Â� ’ÃÃ� ’â€Ã‑Â� ÃÃ‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã¢ââ‑¬Å¾Ã‑¢ÃƒÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’Ã‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã…Ã‑¡ÃƒÃ� ’‚Ãââ‑¬Å¡Ãƒâ€šÃ‑­tve */
span.partially {
    background-color: #cc0000 !important;
    color: #fff !important;
}
/* invoice: TeljesÃÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’ââ‑¬Â� ’ÃÃ� ’â€Ã‑Â� ÃÃ‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã¢ââ‑¬Å¾Ã‑¢ÃƒÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’Ã‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã…Ã‑¡ÃƒÃ� ’‚Ãââ‑¬Å¡Ãƒâ€šÃ‑­tve */
span.partially {
    background-color: #00b853 !important;
    color: #fff !important;
}
.modal-title {
    color: #696056;
    font-weight: bold;
}
.modal-body, .modal-body p, .modal-body .message {
    color: #696056;
}
.local-result {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #cc0000;
}

/* kÃÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’ââ‑¬Â� ’ÃÃ� ’â€Ã‑Â� ÃÃ‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã¢ââ‑¬Å¾Ã‑¢ÃƒÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’Ã‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã…Ã‑¡ÃƒÃ� ’‚Ãââ‑¬Å¡Ãƒâ€šÃ‑©szlet lista termÃÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’ââ‑¬Â� ’ÃÃ� ’â€Ã‑Â� ÃÃ‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã¢ââ‑¬Å¾Ã‑¢ÃƒÃ� ’Ãâ€� ââ‑¬â„¢ÃƒÆ’Ã‑¢Ã¢ââ‑¬Å¡Ã‑¬Ã…Ã‑¡ÃƒÃ� ’‚Ãââ‑¬Å¡Ãƒâ€šÃ‑©k td */
td.clickable_td{
    cursor: pointer;
}

td.clickable_td:hover{
    text-decoration:underline;
}

.boxhead-left-title > .input-group {
    padding-top: 11px;
}

.boxhead-right-title div.navigate_back {
    padding-top: 15px;
}

.margin-reset, .left-margin-reset {
    margin-left:0 !important;
}
.margin-reset, .right-margin-reset {
    margin-right:0 !important;
}
.margin-reset, .top-margin-reset {
    margin-top:0 !important;
}
.margin-reset, .bottom-margin-reset {
    margin-bottom:0 !important;
}
.padding-reset, .left-padding-reset {
    padding-left:0 !important;
}
.padding-reset, .right-padding-reset {
    padding-right:0 !important;
}
.padding-reset, .top-padding-reset {
    padding-top:0 !important;
}
.padding-reset, .bottom-padding-reset {
    padding-bottom:0 !important;
}
.light-line {
    border-bottom: 1px solid #EFEFEF !important;
    padding-bottom: 4px !important;
}
.cursor-pointer {
    cursor:pointer;
}
.item_border {
    border: 1px solid #cccccc;
}
.plus_myform_label_height {
    margin-top: 21px;
}

.account_item_invoices {
    border: 1px solid #CCCCCC;
    margin: 10px !important;
    min-height: 200px;
}
.closein-list-group {
    position: relative;
    z-index: 1001;
}
.storno {
    background: url("./images/sztorno_bg.gif") repeat scroll center bottom;
}
.rontott {
    background: url("./images/rontott_bg.png") no-repeat scroll center top;
}
.rontott label, .rontott .input-group{
    opacity: 0.5;
}
.bank_account_item_type {
    font-weight: bold;
}
.bank_account_item_notice {
    font-weight: normal;
    font-size: 10px;
}
.switcher, a.switcher, a.switcher:hover {
    color: #ffffff !important;
}
.cash_account_item_notice {
    font-size:9px;
}

.toggle_panel .panel-heading{
    padding-bottom: 5px !important;
    cursor: pointer !important;
}

.toggle_panel .panel-body{
    padding-top: 0px !important;
    border-top: 1px solid #d2d2d2;
}

.scrollable {
    max-height: 500px;
    min-height: 150px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.scrollable-auto {
    max-height: 500px;
    min-height: 150px;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

div.big {
    min-height: 125px;
    padding-top: 45px;
    text-align: center;
}

div.big span {
    font-size: 16pt;
    display:inline-block;
    transform:scale(1,2); /* W3C */
    -webkit-transform:scale(1,2); /* Safari and Chrome */
    -moz-transform:scale(1,2); /* Firefox */
    -ms-transform:scale(1,2); /* IE 9 */
    -o-transform:scale(1,2); /* Opera */
}
.erp_well {
    margin-bottom: 6px;
    padding: 10px;
    border-radius: 0;
}

.nowrap {
    overflow-x:hidden;
    overflow-y:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.overpayment {
    background-color: #cc0000 !important;
    color: #fff !important;
}


.main_category{
    cursor: pointer;
    border: 1px solid #d2d2d2;
    padding: 8px 10px 8px 10px;
}

.sub_category{
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #d2d2d2;
    /*        border-left: 1px dotted #d2d2d2;
            border-bottom: 1px solid #d2d2d2;
            border-right: 1px solid #d2d2d2;*/
    padding: 5px 10px 5px 10px;
}

.toggle_trigger{
    cursor: pointer;
}

.sub_category_box{
    /*        padding-left: 10px;*/
}


ul.todo_unshortable1{
    list-style-type: none;
}

ul.todo_unshortable2{
    list-style-type: none;
}

ul.todo_unshortable1 li{
    /*    border: 1px solid #FFFFFF;*/
}

ul.todo_unshortable1 li div.content_container{
    /*    margin-left: 52px;*/
    padding: 8px 0px 6px 15px;
    /*    margin-bottom: 0px !important;*/
}

ul.todo_unshortable2 li div.content_container{
    padding: 6px 0px;
}

ul.todo_unshortable2 li div.content_container.panel .panel-heading{
    margin-bottom: 10px;
}

.task-list-head{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    min-height: 75px;
}

.dashboard_order_info{
    margin-bottom: 0px;
}

.dashboard_order_info p{
    margin-bottom: 0px;
}

span.todo_unshortable1_arrow{
    float: right;
    padding-right: 10px;
}

.status-flag{
    border-left-style:solid !important;
    border-left-width: 5px;
}

.status-flag-danger{
    border-left-color: #D9534F !important;
}

.status-flag-default{
    border-left-color: #999999 !important;
}

.status-flag-success{
    border-left-color: #5CB85C !important;
}

.status-flag-info{
    border-left-color: #5BC0DE !important;
}

.status-flag-warning{
    border-left-color: #F0AD4E !important;
}

.panel-list-b3{
    margin-bottom: 3px !important;
}

#myCalendar h2 {
    font-size: 14px;

}

.middle_align td{
    vertical-align: middle !important;
}

.top-bottom-padding-10{
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.bs-fieldset{
    border-width: 1px;
    border-style: solid;
    border-color: #e5e5e5;
    padding: 10px 0 10px 0;
    margin-bottom: 15px;
}

.bs-legend{
    color: inherit;
    font-size: inherit;
    padding: 0 0 0 0px;
    line-height: inherit;
    width: auto;
    margin-bottom: 0;
    border-bottom: 0;

}

.basic-pre{
    background: none;
    border: none;
    padding: 0;
    margin: 0;
}

.labelless1{
    padding-top: 23px;
}

.labelless2{
    padding-top: 19px;
}

.slide_hint1{
    position: absolute;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #e5e5e5;
    font-size: 11px;
    padding: 1px 2px 1px 2px;
    z-index: 999;
    background-color: white;
}

.bs-link-button{
    white-space: normal;
    padding: 0;
}

.medal_big{

    width: 100%;

}

.white_addon{
    background-color: white;
}


.gemf_icon{
    font-size: 15px;
    cursor: pointer;
}

.gemf_icon-none{
    /*    color: #6E6E6E;*/
    color: #CCCCCC;
}

.gemf_icon-bronze{
    color: #A3723F;
}

.gemf_icon-silver{
    color: #A4A8AB;
}

.gemf_icon-gold{
    color: #FBB958;
}

.gemf_icon-platinum{
    color: #1CA5CF;
}

.medal-progress-bar{
    height: 3px;
    background-color: #F67A1C;
}
.medal-progress-bar-bg{
    width: 100%;
    height: 3px;
    background-color: #DDD;
}

.big_font{
    font-size: 20px;
}

.popover_content_text{
    font-size: 14px;
    width: auto;
}

.one_line{
    width: auto;
    white-space: nowrap;
}

.grey-row{
    background-color: #F9F9F9;
}
.info_bubble {
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    padding: 1px;
    text-align: left;
    white-space: normal;
    padding: 10px 12px 10px;
    margin-right: 5px;
    position: relative;
    margin-bottom: 20px;
    z-index: 8;
    margin-left: 10px;
}

.panel .panel-heading a.panel-head-link {
    font-size: inherit !important;
    font-weight: inherit !important;
}
.margin_top_3 {
    margin-top: 3px;
}
.margin_top_5 {
    margin-top: 5px;
}
.margin_right_0 {
    margin-right: 0px !important;
}
.margin_bottom_0 {
    margin-bottom: 0px;
}
.margin_bottom_5 {
    margin-bottom: 5px;
}
.margin_bottom_10 {
    margin-bottom: 10px;
}
.margin_bottom_20 {
    margin-bottom: 20px;
}
.margin_right_10 {
    margin-right: 10px;
}
.margin_right_5 {
    margin-right: 5px;
}
.margin_15 {
    margin: 15px;
}


/*
.navbar-fixed-top{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
*/

.head_title{
    max-height: 1em;
    overflow:hidden;
    text-overflow: ellipsis;
}
.padding_bottom_10 {
    padding-bottom: 10px !important;
}
.padding_bottom_15 {
    padding-bottom: 15px !important;
}
.padding_left_5 {
    padding-left: 5px !important;
}
.padding_right_5 {
    padding-right: 5px !important;
}

.border_bottom_none {
    border-bottom: 0px !important;
}

.margin_m5 {
    margin-left: -5px;
    margin-right: -5px;
}

.border_radius_none {
    border-radius: 0px;
}

.accountmod {
    font-size: 13px;
}
.no_left_padding {
    padding-left: 0px;
}

.account_border {
    /* border-top: 4px solid #3498db; */
}
.task_border {
    /* border-top: 4px solid #2ecc71; */
}
.calendar_border {
    /* border-top: 4px solid #dc182d; */
}
.no_background {
    background: none !important;
}
.padding_left_15 {
    padding-left: 15px;
}
.padding_right_15 {
    padding-right: 15px;
}
.whitefont {
    color: #ffffff !important;
}
.margin_top_5 {
    margin-top: 5px;
}
.margin_top_10 {
    margin-top: 10px;
}
.border_bottom_ececec {
    border-bottom: 1px solid #ececec;
}
.border_bottom_ddd {
    border-bottom: 1px solid #ddd !important;
}
.border_top_ececec {
    border-top: 1px solid #ececec;
}
.border_top_ddd {
    border-top: 1px solid #ddd !important;
}
.font_12 {
    font-size: 12px;
}
.font_15 {
    font-size: 15px;
}

.form-group label::first-letter {
    text-transform: uppercase;
}





.padding_left_10 {
    padding-left: 10px;
}
.listtitle {
    font-size: 20px !important;
    font-weight: normal;
    margin-top: 0px;
}




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





.alert_on_top {
    position: fixed;
    top: 52px;
    left: 42%;
    z-index: 9999999;
}






.hole{
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: white;
    /*            border: 1px solid #EDEDED;*/
    -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.75);
    box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.75);
}


.tree{
    min-width: 480px;
    /*overflow: auto;*/
}

.tree-title, .tree-footer{
    width: 80%;
}

.tree-title h5{
    display: inline-block;
}

.sortable-item-list{
    padding: 3px;
    /*            border: 1px solid red;*/
}

.sortable-item-list:empty{
    padding: 10px;
}


.sortable-item-list:empty:after{
    content: '...';
}


.tree .sortable-item{
    margin: 0 0 0 30px;

    padding:10px 0px 0 5px;
    position:relative;

}



/*item head*/
.sortable-item-head{
    border: 1px solid #D2D2D2;
    padding: 0;
    margin: 0;
    display: inline-block;
    cursor: move;
    /*background-color: white;*/
}

.sortable-item-head .handle{
    border-right: 1px solid #E5E5E5;
    display: inline-block;
    float: left;
    height: 55px;
    padding: 5px 5px;
    background-color: #FBFBFB;
}

.sortable-item-head .content{
    border: 0px solid red;
    display: inline-block;
    padding: 5px 10px;
    max-width: 55%;
}

.sortable-item-head .content .cat-name{
    border: 0px solid green;
    display: inline-block;
}

.sortable-item-head .content .subcat-names{
    border: 0px solid green;
}

.sortable-item-head .content .subcat-names span {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
}

.sortable-item-head .content .subcat-names span > span::after{
    content : ', ';
}

.sortable-item-head .content .subcat-names span > span:last-child::after{
    content : '';
}

.sortable-item-head .content .subcat-names h6{
    margin: 2px 0;
    color: #999999;
}

.sortable-item-head .opener{
    cursor: pointer;
    display: inline-block;
    float: left;
    padding: 22px 10px;
    border-right: 1px solid #E5E5E5;
    background-color: #FBFBFB;
}

.sortable-item-head .action-buttons{
    /*            cursor: pointer;*/
    display: inline-block;
    float: right;
    padding: 15px 10px;
}

.sortable-item-head .action-buttons .checkbox{
    margin: 5px 10px;
}

/*item list*/
.tree > .sortable-item-list > .sortable-item{
    margin:0;
    padding:5px 0px 0 0px;
    position:relative
}

.tree .sortable-item::before, .tree .sortable-item::after{
    content:'';
    left:-15px;
    position:absolute;
    right:auto
}

.tree .sortable-item::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}

.tree .sortable-item:last-child::before {
    height:36px;
}


.tree .sortable-item::after {
    border-top:1px solid #999;
    height:10px;
    top:35px;
    width:15px;
}

.tree .sortable-item-list .sortable-item .sortable-item-head{
    min-width: 80%;
}

.tree > .sortable-item-list > .sortable-item::before, .tree > .sortable-item-list > .sortable-item::after{
    border: none;
}

.grabbed-item::after, .grabbed-item::before{
    border: none !important;
}


.pointer {
    cursor: pointer !important;
}



.background_grey {
    background-color: #f9f9f9 !important;
}


.h4_span{
    font-size: 17px;
    font-weight: 400;
    font-family: "Ubuntu",Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #696056;
}

.panel-heading>.panel-header{
    border-style: none;
    color: #696056;
    font-weight: bold;
}

.panel-top-border-primary{
    /* border-top: 5px solid rgb(250, 153, 118); */
}

.panel-top-border-info{
    border-top: 5px solid #5bc0de;
}
.panel-top-border-success{
    border-top: 5px solid #5cb85c;
}
.panel-top-border-primary{
    /* border-top: 5px solid rgb(250, 153, 118); */
}
.panel-top-border-warning{
    border-top: 5px solid #5bc0de;
}

.padding_right_10 {
    padding-right: 10px !important;
}
.table_space_row{
    border-collapse:separate;
    border-spacing:3px;
}
.bordered_row:hover{
    cursor: pointer;
}


.ul_li_a_active{
    color: #fff !important;
    background-color: #f67a1c !important;
}
.ul_li_a>a {
    color: #be5608;
    background-color: #fff;
}
.ul_li_a>a:hover, .ul_li_a>a:focus {
    color: #be5608;
    background-color: #eee;
}
.div-with-icons{
    cursor: pointer;
    color: #f1781b;
}
.div-with-white-icons{
    cursor: pointer;
    color: #fff;
}
.ul_li_a_active > p{
    color: #fff !important;
    background-color: #f67a1c !important;
}

.no_border {
    border: 0px;
}
.normal_color {
    color: #696056 !important;
}
.disabled_color {
    color: #c8c8c8;
}
.no_right_padding {
    padding-right: 0px;
}
.bg-warning {
    background-color: #fcf8e3 !important;
}
.bg-white {
    background-color: white !important;
}
.muted_highlight, .bg-muted {
    background-color: #eaeaea !important;
}
.border_red {
    border: 1px solid red !important;
}

#ui-datepicker-div {
    z-index: 1000 !important;
}
.margin_top_2 {
    margin-top: 2px;
}
.margin_left_20 {
    margin-left: 20px;
}
.display-none{
    display: none;
}
.picklist-name{
    font-size: 16px;
}
.green_font {
    color: #468847;
}
.configurator > .well {
    min-height: 60px !important;
}
.table-striped > tbody > tr:nth-child(2n) {
    background: #ffffff;
}
.font_14{
    font-size: 14px !important;
}
.padding_bottom_5 {
    padding-bottom: 5px;
}
.table_row_select {
    background: #e5e5e5 !important;
}
.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.div-with-red-icons{
    cursor: pointer;
    color: #D9534F;
}
.fixed-layout-table{
    table-layout: fixed;
}
.item_highlight {
    background-color: #def8de !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.item_highlight_2 {
    background-color: #def8de !important;
}
.blue_item_highlight {
    background-color: #d4ebfa !important;
}
.brown_item_highlight {
    background-color: #7d553333 !important;
}
.primary_item_highlight {
    background-color: #fbd8a7 !important;
}
.wrong_highlight {
    background-color: #ffeded !important;
}
.bg-warning {
    background-color: #fcf8e3 !important;
}
.bg-white {
    background-color: white !important;
}
.muted_highlight, .bg-muted {
    background-color: #eaeaea !important;
}
.bg-muted-dark {
    background-color: #989898 !important;
    /*background-color: #7b7b7b !important;*/
}

.list-item-collapsed {
    background-color: #FCFCFC !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}


.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div.xdsoft_current {
    background: none repeat scroll 0 0 #f67a1c;
    box-shadow: 0 1px 3px 0 #f67a1c inset;
}


.bs-callout {
    border-left-width: 4px !important;
    border-left-style: solid !important;
}

.bs-callout-claim, .bs-callout-construct {
    border-left-color: #bdc3c7;
}

.bs-callout-offer {
    border-left-color: #3498db;
}

.bs-callout-order, .bs-callout-issued {
    border-left-color: #9b59b6;
}

.bs-callout-delivered {
    border-left-color: #34495e;
}

.bs-callout-invoiced, .bs-callout-paid-partialy {
    border-left-color: #f39c12;
}

.bs-callout-payed, .bs-callout-paid {
    border-left-color: #2ecc71;
}

.bs-callout-valid {
    border-left-color: #00b853;
}
.bs-callout-expired {
    border-left-color: #D9534F;
}

.accounttable:focus {
    outline: none;
}
.contacttable:focus {
    outline: none;
}
.producttable:focus {
    outline: none;
}

.table_top_border {
    border-top: 2px solid #ccc !important;
}


.list_striped {
    background: #f9f9f9;
}
.list_heading {
    background: #efefef;
}
.inline_list_padding {
    padding-right: 9px !important;
    padding-bottom: 0px !important;
}
.padding_top_5 {
    padding-top: 5px;
}

ul.ui-autocomplete.ui-menu {
    background: #f9f9f9;
    border: 1px solid #f5f5f5;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #e4e4e4 !important;
    border: 0px !important;
    color: #333;
}
.border_none {
    border: 0px !important;
}
.fa-6x {
    font-size: 6em;
}
.width_1p {
    width: 1% !important;
}

.buttons_on_box {
    padding: 12px;
}
.width_2p {
    width: 2% !important;
}

.horizontal-borders{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.top_valign{
    vertical-align: top !important;
}
.redfont {
    /*color: #b94a48 !important;*/
    color: red !important;
}
.greenfont {
    color: green !important;
}
.bluefont {
    color: #00f !important;
}


.width_4p {
    width: 4% !important;
}

.width_12p {
    width: 12% !important;
}

.width_18p {
    width: 18% !important;
}
.width_16p {
    width: 16% !important;
}
.width_10p {
    width: 10% !important;
}
.width_15p {
    width: 15% !important;
}
.padding_top_2
{
    padding-top: 2px;
}
.padding_15 {
    padding:15px
}
.left_padding_15 {
    padding-left: 15px !important;
}

.margin_top_8 {
    margin-top: 8px !important;
}

.padding_left_right_reset {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.no_padding_right {
    padding-right: 0px !important;
}
.padding_top_10 {
    padding-top: 10px;
}
.padding_bottom_6 {
    padding-bottom: 6px;
}
.border-reset {
    border: 0 !important;
}
.margin_left_m15 {
    margin-left: -15px;
}
.margin_right_m15 {
    margin-right: -15px;
}
.table-hover > tbody > tr:hover {
    background-color: inherit;
}
.redfont {
    color: #b94a48 !important;
}
.blackfont {
    color: #000 !important;
}
.table_row_selected {
    background: #eeeeee;
}
.padding_bottom_7 {
    padding-bottom: 7px;
}
.border_ccc {
    border: 1px solid #ccc;
}
.margin_bottom_40 {
    margin-bottom: 40px;
}
.border_top_none, .border_top_none > td {
    border-top: 0px !important;
}
.cke_inner {
    border: 1px solid #ccc !important;
}

.sortable-item-head .slim{
    padding: 15px 10px;
}

.sortable-item-head .noactionbuttons{
    max-width: 100%;
    display: block;
    padding: 5px 40px;
}

.non-movable{
    cursor: pointer;
}
.sunk_div {
    background: #f4f4f4;
    border-bottom: 1px solid #ccc;
    padding-top: 15px;
    -moz-box-shadow: 0px 8px 10px -8px #909090 inset/*, 0px -8px 10px -8px #909090 inset*/;
    -webkit-box-shadow: 0px 8px 10px -8px #909090 inset/*, 0px -8px 10px -8px #909090 inset*/;
    box-shadow: 0px 8px 10px -8px #909090 inset/*, 0px -8px 10px -8px #909090 inset*/;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 10px;
}
.sunk_div_bottom {
    border-top: 1px solid #ccc;
    padding: 15px;
    margin-top: 10px;
}

.table-collapsed{
    border-collapse:collapse;
}
.table-collapsed .thick-bottom{
    border-bottom: solid 2px black;
}

.vcenter > tbody > tr > td, .vcenter > tbody > tr > th {
    vertical-align: middle !important;
}

.min_width_75 {
    min-width: 75px;
}

.min_width_155 {
    min-width: 155px;
}

.min_width_100 {
    min-width: 100px;
}

.min_width_88 {
    min-width: 88px;
}

.bg_warning {
    background-color: #fcf8e3 !important;
}
.bg_warning_2 {
    background-color: #fff4b8 !important;
}
.bg_danger {
    background-color: #f2dede !important;
}
.form-control.bg_warning, .checkbox.bg_warning, .k-combobox .k-input.bg_warning {
    background-color: #fff4b8 !important;
}

.bg_yellow {
    background-color: #fcf8e3 !important;
}

.bg_green {
    background-color: #a5d6a7 !important;
}

.bg_red {
    background-color: #ff8a80 !important;
}

.uppercase {
    text-transform: uppercase;
}
.notification_number {
    position: absolute;
    right: 6px;
    top: 8px;
    font-size: 10px;
    min-width: 14px;
    padding: 2px;
}

.fixednotification_number {
    position: absolute;
    right: 6px;
    bottom: 8px;
    font-size: 10px;
    min-width: 14px;
    padding: 2px;
}

.filter_selected {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #3a87ad;
}

.margin_right_2 {
    margin-right: 2px;
}

.bg-inactive {
    background-color: #f7f7f7;
}

.margin_bottom_2 {
    margin-bottom: 2px;
}

.margin_top_m23 {
    margin-top: -23px !important;
}

.margin_top_m30 {
    margin-top: -30px !important;
}

.margin_top_m25 {
    margin-top: -25px !important;
}

.padding_bottom_20 {
    padding-bottom: 20px !important;
}

.margin_top_m21 {
    margin-top: -21px !important;
}

.gantt_workfield {
    background-color: #5cb85c;
    border: 0px;
}

.gantt_employee {
    background-color: #ffb400;
    border: 0px;
}

.gantt_task {
    background-color: #3db9d3;
    border: 0px;
}

.plan_green_bg {
    background-color: #ecffed !important;
}

.plan_red_bg {
    background-color: #f2dede !important;
}
.plan_warning_bg {
    background-color: #fcf8e3 !important;
}

.greenfont {
    color: green !important;
}
.badge-danger {
    background-color: red;
    color: white;
}
.badge-primary {
    background-color: #ff9600;
    color: white;
}
.badge-success {
    background-color: #1f8211;
    color: white;
}
.badge-dark {
    background-color: #000;
    color: white;
}
.badge-info {
    background-color: #3a87ad;
    color: white;
}
.badge-warning {
    background-color: #c09853;
    color: white;
}
.item_highlight_2 {
    background-color: #ace8ac !important;
}
.blue_item_highlight {
    background-color: #bfe1f7 !important
}
.primary_item_highlight {
    background-color: #fbd8a7 !important;
}
.wrong_highlight {
    background-color: #ffeded !important;
}
.car_highlight {
    background-color: #bed5c1 !important;
}
.task-item-icon {
    width:40px;
    height: 40px;
    border-radius: 50%;
    font-size: 18px;
    box-shadow: 1px 1px 6px rgba(0,0,0,.175);
    border: 1px solid #d4d4d4;
    line-height: 40px;
    text-align: center;
}
.email-box.email-box-solid {
    border-top: none;
}
.email-box {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    background: #ffffff;
    border: 1px solid #e1e3e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.dz-message-margin-none .dz-message{
    margin: 0 !important;
}
.panel-horizontal-buttons::after {
    clear: both;
}

.panel-horizontal-buttons .panel-horizontal-button {
    /* position: absolute; */
    width: 34px;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    /* z-index: 4; */
    float: right;
    margin-left: 2px;
}

.panel-horizontal-button-left {
    width: 34px;
    height: 34px;
    line-height: 32px;
    font-size: 14px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    /* z-index: 4; */
    float: left;
    margin-right: 2px;
}
.pie-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.pie-list li {
    display: inline-block;
    text-align: center;
    width: 34px;
    font-size: 10px;
}
.pie-list li span {
    display: block;
    width: 34px;
    line-height: 30px;
}
.padding_top_7 {
    padding-top: 7px;
}
.padding_top_0, .padding_top_0 > td {
    padding-top: 0px !important;
}
.control-label-kendoUpload{
    text-align: right;
    margin-bottom: 0;
    padding-top: 14px;
}
.email-box.email-box-solid {
    border-top: none;
}
.email-box {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    background: #ffffff;
    border: 1px solid #e1e3e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.email-box-body{
    /*padding: 0px 20px;*/
}
.email-box-body .nav .fa {
    display: inline-block;
    width: 35px;
    line-height: 26px;
    font-size: 17px;
}
.email-box-body .nav a {
    color: #394263;
}
.email-box-body .nav li.active a {
    color: #f67a1c;
    background-color: #fff;
}
.email-list-icon{
    color: #ddd;
}
.emailbox-messages{
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 250px;
    overflow: hidden;
}
.m-0{
    margin: 0px !important;
}
.email-popup{
    position: fixed;
    z-index: 1050;
    right: 0;
    bottom: 0;
    display: block;
    max-height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.email-popup-header{
    margin: -15px -15px 10px -15px;
    padding: 10px;
    background-color: #ddd;
}
.minimalized-email-popup-header{
    margin: -15px -15px 0px -15px;
    padding: 10px;
    background-color: #ddd;
}
.email_notification{
    position: fixed;
    z-index: 1050;
    right: 30px;
    bottom: 50px;
    display: block;
}
.kendo-input-clone{
    border-radius: 4px;
}
.email_iframe {
    width: 100% !important;
    height: 110vh !important;
    border: none !important;
}
.email_folder_header {
    font-size: 15px;
    margin-top: 8.5px;
    margin-bottom: 8.5px;
    font-family: roboto, "Open Sans",Tahoma,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: #400;
    line-height: 1.1;
    color: inherit;
}
.notification_number {
    position: absolute;
    right: 6px;
    top: 8px;
    font-size: 10px;
    min-width: 14px;
    padding: 2px;
}
.padding_left_14 {
    padding-left: 14px;
}
.padding_right_10 {
    padding-right: 10px !important;
}
.opp_stat_12 {
    color: #e57435;
}
.opp_stat_13 {
    color: #dbc83e;
}
.opp_stat_14 {
    color: #4b9b58;
}
.opp_stat_15 {
    color: #466aaa;
}
.highlight_header {
    background-color: #ebf9ff;
}
.highlight_body {
    background-color: #f3fafd;
}
.background-light-danger .highlight_header {
    background-color: #edd2d2;
}
.background-light-danger .highlight_body {
    background-color: #f3fafd;
}
.margin_top_6{
    margin-top: 6px !important;
}
.margin_left_10{
    margin-left: 10px !important;
}
.chart-box{
    margin-bottom: 20px;
    box-shadow: 1px 1px 1px 1px #ddd;
    background-color: white;
}
.tab_panel_background .tab-content{
    /*background: rgba(91,192,222,0.2);*/
    /*background: #fff3e7;*/
    border-radius: 0 0 4px 4px;
    /*padding-bottom: 14px !important;*/
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.bordered_tab_content .tab-content{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.nav-info {
  border-bottom: 1px solid #dddddd;
}
.nav-info > li {
  float: left;
  margin-bottom: -1px;
}
.nav-info > li > a {
  /*margin-right: 2px;*/
  line-height: 1.42857143;
  border: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
}
.nav-info > li > a:hover {
  background-color: #fbeaea;
}
.nav-info > li.active > a.light-datasheet{
  background-color: #fcfeff;
}
.nav-info > li.active > a.light-info{
  background-color: #dbf1f8;
}
.nav-info > li.active > a.light-warning{
  background-color: #fff3e7;
}
.nav-info > li.active > a.light-primary{
  background-color: #ffe3d8;
}
.nav-info > li.active > a.light-success{
  background-color: #e2f2e2;
}
.nav-info > li.active > a.light-danger{
  background-color: #f1eaea;
}
.nav-info > li.active > a,
.nav-info > li.active > a:hover,
.nav-info > li.active > a:focus {
  color: #777777;
  /*background-color: #fff3e7;*/
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-info.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-info.nav-justified > li {
  float: none;
}
.nav-info.nav-justified > li > a {
  text-align: center;
  /*margin-bottom: 5px;*/
}
.nav-info.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
.border-top-primary{
    border-top: 5px solid rgb(250, 153, 118) !important;
}
.border-top-info{
    border-top: 5px solid #5bc0de !important;
}
.border-top-danger{
    border-top: 5px solid #D9534F !important;
}
.border-top-default{
    border-top: 5px solid #999999 !important;
}
.border-top-success{
    border-top: 5px solid #5CB85C !important;
}
.border-top-warning{
    border-top: 5px solid #F0AD4E !important;
}
.background-light-datasheet{
    background: #fcfeff !important;
}
.background-light-info{
    background: #dbf1f8 !important;
}
.background-light-warning{
    background: #fff3e7 !important;
}
.background-light-primary{
    background: #ffe3d8 !important;
}
.background-light-success{
    background: #e2f2e2 !important;
}
.background-light-danger{
    background: #f1eaea !important;
}
.dropdown-menu-right{
    right: 0px !important;
    left: inherit !important;
}
.used-car-list {
    padding-bottom: 10px;
}
.used-car-list ul {
    text-align: center;
    list-style: none;
}
.used-car-list ul li {
    float: left;
    width: 33.33%;
    padding: 0 10px;
    margin: 0 0 20px 0;
}
.used-car-list ul li a {
    display: block;
    background: #ffffff;
    border: 1px solid #e3e3e3;
    padding: 10px;
}
.used-car-list ul li a:hover {
    position: relative;
    display: block;
    background: #ffffff;
    border: 1px solid #dc182d;
    padding: 10px;
}
.used-car-list .select-chassis-group {
    border: 1px solid #ddd;
}
.used-car-list .select-chassis-group:hover {
    border: 1px solid red;
}
.used-car-list ul li a.selected_test_car {
    display: block;
    background: #ffffff;
    border: 1px solid #468847;
    padding: 10px;
}
.used-car-list ul li .img-container {
    margin: 0 0 10px 0;
}
.used-car-list ul li .img-container img {
    width: 100%;
    height: auto;
}
.select-outer {
    width: 100%;
    margin: 0 0 10px 0;
    position: relative;
}
.extra {
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.extra-title {
    background: #00803f;
    color: #ffffff;
    border: 1px solid #00803f;
    height: 30px;
    position: relative;
    -moz-transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    font-family: 'ProximaNovaExCnSbold', Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    padding: 5px 10px;
    letter-spacing: .5px;
}
.datepick {
    font-size: 16px;
    background-color: #f3f3f3;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding: 10px 0 7px 0;
}
.border_left_1px {
    border-left: 1px solid #ddd;
}

.datepick > div > a {
    padding: 0 10px;
    color: #00803f;
}

.datepick > span {
    font-family: 'ProximaNovaExCnSbold', Arial, Helvetica, sans-serif;
}

.timepick {
    width: 100%;
    text-align: center;
    border: 1px solid #ddd;
}

.timepick tr td {
    background: white;
    font-size: 13px;
    padding: 5px 0;
    cursor: pointer;
}

.timepick tr:last-child {
    border-bottom: none;
}

.timepick td:hover {
    background: #e5f7e4;
    color: green;
}

.timepick td.selected {
    background: #00803f;
    color: white;
}

.timepick td.reserved {
    color: grey;
    background: url('../css/images/empty-bg.png');
    cursor: default;
}

.extra p {
    background: #f3f3f3;
    border: 1px solid #ddd;
    text-align: center;
    padding: 30px 10px;
}
.group-milestone-perform .table .table {
    background-color: #fff !important;
}
.fade_in_left_div{
    background-color: rgba(255, 255, 255, .8);
    position: absolute;
    /*width: 80%;*/
    /*height: 100%;*/
    top: 0;
    left: 0;
    z-index: 4;
}
.engine_offer_select{
    background-color: #dfdfdf;
    position: absolute;
    /*width: 45%;*/
    /*height: 100%;*/
    top: 83px;
    left: 0;
    z-index: 4;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
/*    background-color: rgba(255, 255, 255, .8);
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;*/
}
.partner_select{
    background-color: #dfdfdf;
    position: absolute;
    /*width: 80%;*/
    /*height: 100%;*/
    top: 60px;
    left: 0;
    z-index: 4;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
}
.select_model_from_stock_task_card{
    background-color: #dfdfdf;
    position: fixed;
	overflow-x: auto;
    max-height: 70vh;
    /*width: 80%;*/
    /*height: 100%;*/
    top: 100px;
    left: 0;
    text-align: left;
    z-index: 4;
    text-align: left;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
}

.partner_export_slide {
    background-color: #dfdfdf;
    position: fixed;
	  overflow-x: auto;
    max-height: 90vh;
    width: 60%;
    /*height: 100%;*/
    top: 100px;
    left: 0;
    text-align: left;
    z-index: 4;
    text-align: left;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
}
.car_discount_edit, .partner_discount_edit{
    background-color: #dfdfdf;
    position: fixed;
	overflow-x: auto;
    max-height: 70vh;
    width: 70%;
    top: 100px;
    left: 0;
    text-align: left;
    z-index: 4;
    text-align: left;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
}
.replacement_editor_slide{
    background-color: #dfdfdf;
    position: fixed;
    overflow-x: auto;
    max-height: 80vh;
    top: 100px;
    left: 0;
    z-index: 4;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
}
.new_task_from_scheduler{
    background-color: #dfdfdf;
    position: fixed;
    /*width: 80%;*/
    max-height: 80vh;
    overflow-y: auto;
    top: 100px;
    left: 0;
    text-align: left;
    z-index: 4;
    text-align: left;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
}
.new_regist_fee_from_order{
    background-color: #dfdfdf;
    position: fixed;
    overflow-y: auto;
    max-height: 80vh;
    top: 100px;
    left: 0;
    text-align: left;
    z-index: 4;
    text-align: left;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
}
.dropdown-search{
    background-color: #dfdfdf;
}
.new_regist_fee_from_slide{
    background-color: #dfdfdf;
}
.new_regist_fee_slide_header {
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 600;
}
.export_notification {
    position: fixed;
    top: 100px;
    right: 0;
    z-index: 4;
}
.packages_select{
    background-color: #dfdfdf;
    position: absolute;
    /*width: 40%;*/
    /*height: 100%;*/
    top: 83px;
    left: 0;
    z-index: 4;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
}
.equipments_select{
    background-color: #dfdfdf;
    position: absolute;
    /*width: 40%;*/
    /*height: 100%;*/
    top: 83px;
    left: 0;
    z-index: 4;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
}
.colors_select{
    background-color: #dfdfdf;
    position: absolute;
    /*width: 40%;*/
    /*height: 100%;*/
    top: 83px;
    left: 0;
    z-index: 4;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
}
.extras_offer_select{
    background-color: #dfdfdf;
    position: absolute;
    /*width: 80%;*/
    /*height: 100%;*/
    top: 83px;
    left: 0;
    z-index: 4;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
}
.others_offer_select{
    background-color: #dfdfdf;
    position: absolute;
    /*width: 80%;*/
    /*height: 100%;*/
    top: 83px;
    left: 0;
    z-index: 4;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
}
.finance_offer_select{
    background-color: #dfdfdf;
    position: absolute;
    /*width: 32%;*/
    /*height: 100%;*/
    top: 83px;
    left: 0;
    z-index: 4;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
}
.fade_in_left_div_hidden{
    background-color: rgba(1, 128, 1, 0.2);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
    display:none;
}
.default_border_facilities_title {
    background-color: #e0f1ff;
    border: solid 2px #c2c2c2;
}
.default_border_facilities_footer {
    background-color: #e0f1ff;
    border-left: solid 2px #c2c2c2;
    border-right: solid 2px #c2c2c2;
    border-bottom: solid 4px #c2c2c2;
}
.selected_border_facilities_title {
    background-color: #e0f1ff;
    border: solid 2px #dc182d;
}
.selected_border_facilities_footer {
    background-color: #e0f1ff;
    border-left: solid 2px #dc182d;
    border-right: solid 2px #dc182d;
    border-bottom: solid 4px #dc182d;
}
.car_picture{
    max-height: 100%;
    max-width: 100%;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
}
.stressed_font {
    font-size: 20px;
    font-weight: bold;
}
.arrow-down {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: tan;
  border-top: 0 solid #EE7C31;
  border-left: 0 solid #F5D97B;
  border-bottom: 0 solid #D94948;
  border-right: 0 solid #8DB434;
  border-top-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  border-bottom-width: 10px;
  background: transparent;
  width: 0;
  height: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.arrow-up {
/*    z-index: -1;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    content:'';
    width: 0;
    height: 0;
    border-top: solid 10px #e15915;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;*/
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: tan;
  border-top: 0 solid #EE7C31;
  border-left: 0 solid #F5D97B;
  border-bottom: 0 solid #D94948;
  border-right: 0 solid #8DB434;
  border-top-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  border-bottom-width: 10px;
  background: transparent;
  width: 0;
  height: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
}

.arrow-left {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: tan;
  border-top: 0 solid #EE7C31;
  border-left: 0 solid #F5D97B;
  border-bottom: 0 solid #D94948;
  border-right: 0 solid #8DB434;
  border-top-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  border-bottom-width: 10px;
  background: transparent;
  width: 0;
  height: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
}

.arrow-right {
  width: 100px;
  height: 100px;
  margin: 0 auto;
  background: tan;
  border-top: 0 solid #EE7C31;
  border-left: 0 solid #F5D97B;
  border-bottom: 0 solid #D94948;
  border-right: 0 solid #8DB434;
  border-top-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  border-bottom-width: 10px;
  background: transparent;
  width: 0;
  height: 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.new_car_tooltip {
    display:none;
}
.new_car:hover > .new_car_tooltip{
    background-color: rgba(255, 255, 255, 0.66);
    font-size: 35px;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 10%;
    left: 40%;
    z-index: 4;
    display: -webkit-box;
    padding-left: 30px;
    padding-top: 15px;
    border-radius: 50px;
    border: 2px solid #dc182d;
    color: #dc182d;
}
.indicate  {
    position: inherit;
    /*margin-top: 25px;*/
}
.indicate>.arrow,.indicate>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}
.indicate>.arrow{border-width:11px}
.indicate>.arrow:after{border-width:10px;content:""}
.indicate.top>.arrow{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#999;border-top-color:rgba(0,0,0,.25);bottom:-11px}
.indicate.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#f9f9f9}
.indicate.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#999;border-right-color:rgba(0,0,0,.25)}
.indicate.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#f9f9f9}
.indicate.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25);top:-10px}
.indicate.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#f9f9f9}
.indicate.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}
.indicate.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#f9f9f9;bottom:-10px}
.indicate.left.d8d8d8>.arrow:after{border-left-color:#d8d8d8;}

.offer_config_header{
    font-weight: 600;
    /*cursor: pointer;*/
    box-shadow: 0px 2px 3px #c2c2c2;
    width: 144px;
    height: 130px;
    /*padding: 20px;*/
    border: 1px solid #c2c2c2;
    text-transform: uppercase;
    margin-left: 10px;
    margin-right: 5px;
    text-align: center;
    background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 50%, rgba(221,221,221,0.6) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(221,221,221,0.6))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 50%, rgba(221,221,221,0.6) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(255,255,255,1) 50%, rgba(221,221,221,0.6) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(255,255,255,1) 50%, rgba(221,221,221,0.6) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(221,221,221,0.6) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#c2c2c2ddd',GradientType=0 ); /* ie6-9 */
}
.offer_config_header_selected{
    font-weight: 600;
    /*cursor: pointer;*/
    /*box-shadow: 0px -2px 3px #c2c2c2;*/
    width: 144px;
    height: 130px;
    /*padding: 20px;*/
    border: 1px solid #c2c2c2;
    text-transform: uppercase;
    margin-left: 10px;
    margin-right: 5px;
    position: relative;
    text-align: center;
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(221,221,221,0.6) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(221,221,221,0.6)), color-stop(50%, rgba(255,255,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(221,221,221,0.6) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(221,221,221,0.6) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(221,221,221,0.6) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(221,221,221,0.6) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2ddd', endColorstr='#FFFFFF',GradientType=0 ); /* ie6-9 */
}
.margin_bottom_6{
    margin-bottom:6px !important;
}
.show_rotation_icon{
    background-color: rgba(255, 255, 255, 0.66);
    font-size: 35px;
    position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    display: -webkit-box;
    padding-left: 23px;
    padding-top: 12px;
    border-radius: 50px;
    /*border: 2px solid #dc182d;*/
    /*color: #6b6b6b;*/
}
.unselected_offer_item{
    border: 2px solid #dc182d;
    border-radius: 50px;
    width: 23px;
    height: 23px;
    padding-right: 3px;
    padding-top: 4px;
    color:white;
}
.not_selectable_offer_item{
    /*border: 2px solid #dc182d;*/
    /*border-radius: 50px;*/
    width: 23px;
    height: 23px;
    padding-right: 3px;
    padding-top: 2px;
    color:#dc182d;
    font-size: 17px;
}
.selected_offer_item{
    border: 2px solid #dc182d;
    border-radius: 50px;
    width: 23px;
    height: 23px;
    padding-right: 3px;
    padding-top: 4px;
    color:white;
    background-color:#dc182d;
}
.offer_type_name{
    padding-left: 10px;
    text-transform: uppercase;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 15px;
    font-weight:600;
}
.offer_type_value{
    padding-left: 20px;
    text-transform: uppercase;
    margin-top: auto;
    margin-bottom: auto;
}
.space_between{
    display: flex;
    justify-content: space-between;
}
.offer_configurator_item  .btn-default[disabled] {
    background-color: #f9f9f9;
}
.offer_configurator_slide_box {
    border-top:5px solid #dc182d
}
.offer_configurator_slide_header {
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 600;
}
.offer_configurator_close{
    font-size:15px;
    background-color: white;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    padding-left: 9px;
    padding-top: 7px;
}
.offer_configurator_selectable_box {
    background:white;
    display:flex;
    margin-bottom: 10px;
    min-height: 60px;
}
.offer_configurator_compare_box {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    margin-top: -10px;
    background-color: #fff;
}
.offer_configurator_slide_select_box{
    display: flex;
    position: absolute;
    bottom: 2px;
    right: 7px;
}
.offer_configurator_slide_select_button{
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #dc182d;
    padding-top: 1px;
}
.font_18{
    font-size: 18px;
}
.font_weight_700{
    font-weight:700;
}
.offer_summary{
    /*height:666px;*/
    /*height: 704px;*/
    border-top: 1px solid #c2c2c2;
    border-left: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    border-bottom: 3px solid #dc182d;
}
.offer_summary_header_primary{
    padding-left:10px;
    height:39px;
    background: #dc182d;
    font-size: 14px;
    color: rgb(255,255,255);
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    display: flex;
}
.offer_summary_header_default{
    padding-left:10px;
    height:39px;
    background: #989898;
    font-size: 14px;
    color: rgb(255,255,255);
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    display: flex;
}
.offer_summary_header_dark_default{
    padding-left:10px;
    height:39px;
    background: #575757;
    font-size: 14px;
    color: rgb(255,255,255);
    font-weight: 700;
    text-transform: uppercase;
    text-align: left;
    display: flex;
}
.vertical_align_middle{
    margin-top: auto;
    margin-bottom: auto;
}
.offer_summery_list{
    list-style: none;
    padding: 15px 4px;
    text-align:left;
    font-size: 14px;
}
.offer_sum_text{
    padding-top:7px;
    /*padding-left: 15px;
    float: left;*/
    font-size: 14px;
    text-transform:uppercase;
}
.offer_sum_value{
    /*padding-right: 15px;
    float: right;*/
    font-size: 24px;
    font-weight: 700;
}
.little_car_img{
    max-height: 142px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
}
.flip_img{
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.chassis_group_info{
    border-left: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    border-bottom: 3px solid #dc182d;
}
.chassis_group_name{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 25px; 
    color: #6b6b6b;
    font-weight: 600;
    text-transform: uppercase;
}
.stock_car_button{
    color:#dc182d;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
}
.chassis_group_price_box{
    border-left: 1px solid #c2c2c2;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
}
.chassis_group_price{
    font-size: 25px; 
    font-weight: 600;
    color:#dc182d;
}
.stock_in_car{
    text-align: center;
    position: absolute;
    /*position: fixed;*/
    padding-top: 19px;
    border: 2px solid #dc182d;
    border-radius: 75px;
    width: 150px;
    height: 150px;
    bottom: 0px;
    /*bottom: 40px;*/
    right: 20px;
    background: -moz-linear-gradient(270deg, rgba(255,255,255,1) 50%, rgba(221,221,221,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(221,221,221,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,1) 50%, rgba(221,221,221,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(255,255,255,1) 50%, rgba(221,221,221,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(255,255,255,1) 50%, rgba(221,221,221,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(221,221,221,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#c2c2c2ddd',GradientType=0 ); /* ie6-9 */
}
.compare_title{
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom:3px;
    color: #dc182d;
}
.compare_change_item_title{
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
}
.compare_change_item_value{
    font-size: 16px;
    font-weight: 700;
}
.compare_change_icon{
    font-size: 18px;
    color: #dc182d;
    font-weight: 600;
}
.border_chassis_group{
    border-left: 1px solid #c2c2c2;
    border-top: 1px solid #c2c2c2;
    border-right: 1px solid #c2c2c2;
    margin-top: 5px;
}
.offer_button{
    margin-top: 8.5px;
    height: 50px;
    padding: 8px;
    border: 1px solid #c2c2c2;
    background-color: white;
}
#car_rotation{
    min-height: 400px;
}
.selected_finance_item{
    background: #ddd;
}
.color_icon {
    height: 40px;
    max-width: 40px;
    border-radius: 20px;
/*    height: 58px;
    max-width: 58px;
    border-radius: 29px;*/
    border: 1px solid #c2c2c2;
    cursor: pointer !important;
}
.email_feedback_hidden{
    
}
.email_feedback_show{
    position: fixed;
    top: 15%;
    right: 0;
}

.ticket_item_box {
        border-left: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        border-right: 1px solid #ddd;
        background-color: #fff;
}

.ticket_agrement_box {
        padding-bottom: 0px !important;
        padding-top: 5px !important;
        border-right: 1px solid #ddd;
        border-left: 1px solid #ddd;
        width: 136px;
}

.offer_selector{
    height: 100%;
    width: 40px;
    position: absolute;
    right: 0;
    top: 0;
}
.offer_selector_center{
    color: white;
    position: absolute;
    top: 50%;
    transform: translate(50%,-50%);
}

.ticket_stat_3{
    color: #dbc83e;
}
.ticket_stat_4{
    color: #4b9b58;
}
.ticket_stat_5{
    color: #466aaa;
}
.ticket_time_string_box {
    padding-top: 5px;
}


/*homepage-tile v1*/
/*.hompage-tile {
    color: #fff;
    margin: 5px;
    padding-top: 30px;
    text-align: center;
    background: #00803e;
    min-height: 150px;
    min-width: 150px;
    width: 150px;
    display: inline-block;
    cursor: pointer;
}
.hompage-tile:hover {
    background: #1DB166;
}*/

/*homepage-tile v2*/
.hompage-tile {
    color: #fff;
    margin: 5px;
    padding-top: 30px;
    text-align: center;
    /*background: #C20A2D;*//*piros*/
    /*background: #E47336;*//*narancs*/
    background: #FE950E;/*még narancs*/
    min-height: 150px;
    min-width: 150px;
    width: 150px;
    display: inline-block;
    cursor: pointer;
}
.hompage-tile:hover {
    /*background: #DB182C;*//*piros*/
    /*background: #CD6731;*//*narancs*/
    background: #E47336;/*még narancsabb*/
}
.hompage-tile-text {
    text-align: left;
    padding-top: 20px;
    padding-left: 10px;
}
/*homepage-tile v3*/
/*.hompage-tile {
    color: #fff;
    margin: 5px;
    padding-top: 30px;
    text-align: center;
    background: rgba(194, 10, 45, 0.6);
    min-height: 150px;
    min-width: 150px;
    width: 150px;
    display: inline-block;
    cursor: pointer;
    opacity: 0.5;
}
.hompage-tile:hover {
    background: rgba(219, 24, 44, 0.6);
}
.hompage-tile-text {
    text-align: left;
    padding-top: 20px;
    padding-left: 10px;
}
.hompage-tiles-row {
    background-image: url('http://k2d.hu/nissan/api/vehicle_models/index.php/vehicle/image/QASH-VISIA-NAJ-pic_034');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}*/
/*homepage-tile v4*/
/*.hompage-tile {
    color: #fff;
    margin: 5px;
    padding-top: 30px;
    text-align: center;
    background: rgba(194, 10, 45, 0.6);
    min-height: 150px;
    min-width: 150px;
    width: 150px;
    display: inline-block;
    cursor: pointer;
    opacity: 0.5;
    margin-top: 60px;
}
.hompage-tile:hover {
    background: rgba(219, 24, 44, 0.6);
}
.hompage-tile-text {
    text-align: left;
    padding-top: 20px;
    padding-left: 10px;
}
.hompage-tiles-row {
    background-image: url('http://k2d.hu/nissan/api/vehicle_models/index.php/vehicle/image/QASH-VISIA-NAJ-pic_034');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 300px;
}*/
@media (min-width: 768px) {
    #car_rotation{
        min-height: 421px;
    }
}
@media (min-width: 992px) {
    #car_rotation{
        min-height: 400px;
    }
}
@media (min-width: 1200px) {
    #car_rotation{
        min-height: 412px;
    }
}
.caroffer-small-car-img {
    max-width: 200px; 
    max-height: 80px;
}
.account_box_header{
    border-top: 4px solid #dc182d !important;
    /*background-color: #dcdada !important;*/
}
.padding_10{
    padding:10px!important;

}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    color: #555555 !important;
}

.custom_menu_position {
    top: -25px !important;
    left: 44px !important;
}
#telerik_sheduler,
#telerik_sheduler *{
    border-radius: 0px;
}
/** Custom Input placeholder **/
input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;}
input:-moz-placeholder      {text-overflow:ellipsis;}
input:-ms-input-placeholder {text-overflow:ellipsis;}

.form-control::-webkit-input-placeholder { /* Chrome */
  color: #8e8e8e;
  transition: opacity 250ms ease-in-out;
}
.form-control:focus::-webkit-input-placeholder {
  opacity: 0.7;
  text-align: right;
  transition: text-align 1s;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #8e8e8e;
  transition: opacity 250ms ease-in-out;
}
.form-control:focus:-ms-input-placeholder {
  opacity: 0.7;
  text-align: right;
  transition: text-align 1s;  
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #8e8e8e;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
.form-control:focus::-moz-placeholder {
  opacity: 0.7;
  text-align: right;
  transition: text-align 1s;  
}
.form-control:-moz-placeholder { /* Firefox 4 - 18 */
  color: #8e8e8e;
  opacity: 1;
  transition: opacity 250ms ease-in-out;
}
.form-control:focus:-moz-placeholder {
  opacity: 0.7;
  text-align: right;
  transition: text-align 1s;  
}
.bg-success-imp {
    background-color: #dff0d8 !important;
}
.border_danger {
    border-color: #b94a48;
}

.task_reminder .k-hidden {display: none;}
.hidden_input_load .k-hidden {display: none;}

.k-datepicker {width: 100%;}
.k-datepicker .k-picker-wrap {border-radius: 0;}
.k-datepicker .k-picker-wrap .k-input {height: 26.752px;}
.k-i-calendar{padding-top:15px}

.margin_left_5{
    margin-left: 5px !important;
}
.k-i-calendar{padding-top:15px}
.apollo_error_box {
    margin-top: -6px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.margin_top_9 {
    margin-top: 9px !important;
}

.error_highlight_label {
    color: #dc182d;
}

.error_highlight_input{
    border: 1px solid #dc182d !important;
}

.greyfont {
    color: #999999 !important;
}

.top_message_box {
    position: fixed;
    top: 100px;
    z-index: 9999;
    left: 39%;
    width: 450px;
    text-align: center;
}
.right_message_box{
    position: fixed;
    top: 100px;
    z-index: 9999;
    right: 0%;
    width: 450px;
    text-align: center;
}

.cursor_move {
    cursor: move;
}
.task_account{
    background-color: #dcdada;
    padding: 8px;
}
.task-notice{
    padding: 10px 5px;
    border-top: 1px solid #ddd;
}
.highlighting{
    background: #f67a1c;
    color: #fff;
}
.margin_left_20{
    margin-left: 20px !important;
}
.box_alert {
    position: absolute;
    top: 125px;
    left: 0px;
    width: 100%;
    height: 48.8%;
}
.relativ_position {
    position: relative;
}
.margin_top_25p {
    margin-top: 25%;
}
.disabled_box{
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 0;
    left: 0;
    z-index: 4;
}
.disable_div{
    position: relative;
    color: #aea79f;
}
.disable_div > *{
    opacity: 0.6;
}
.grouping_table{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: 6px !important;
    border-bottom: 1px solid #ddd !important;
}
.crm_info{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.display_inline{
    display: inline;
}
.optional-milestone-item-list{
    display: -webkit-inline-box;
    width: 100%;
}
.optional-milestone-item-list.selected{
    background-color: #c8e3f9;
}
.optional-milestone-name-box{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 10px;
    max-width: calc(100% - 25px);
}
.fade_in_duration{
    animation-duration: 0.4s;
    animation-delay: 0s;
/*    animation-iteration-count: infinite;*/
}
.loader{
    position: absolute;
    height: calc(100% - 15px);
    width: calc(100% - 10px);
    background-color: rgba(221, 221, 221, 0.62);
    top: 0px;
    text-align: center;
    z-index: 100;
}
.loader_icon{
    top: 50%;
    position: absolute;
}
.forbid_text{
    bottom: 5px;
    position: relative;
    color: #333;
}
.chosen-container{
    font-size: 12px;
    height: 31px;
}
.chosen-container-single .chosen-single{
    border-radius: 0px;
    line-height: 31px;
}
.chosen-container-single .chosen-drop{
    border-radius: 0px;
}
.chosen-container-single .chosen-default{
    color: #333;
}
.task-description{
    color: #333;
    font-weight: 700;
}
.k-dropdown-wrap{
    padding: 2px 1px;
    border-radius: 0;
}
.used-car-list ul li a:hover > div.delete_test_car{
    display: block;
}
.delete_test_car{
    display: none;
}
.delete_test_car_icon {
    position: absolute;
    top: -12px;
    right: -10px;
    color: #fff;
    background: #dc182d;
    border: 1px solid #fff;
    padding: 1px 5px;
    border-radius: 5px;
}
.inqform-label{
    padding-bottom: 5px;
    text-align: left !important;
}
.padding_left_20{
    padding-left: 20px;
}
.scrollable_fade_in_div{
    overflow-y: auto;
    max-height: 55vh;
}
.fast_animated{
    animation-duration: 0.5s;
    animation-delay: 0s;
}
.table_box{
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    background-color:#fff;
}
.textarea_fixing{
    resize:vertical;
    width: 100%;
}
.border_bottom_table_sum {
    border-bottom: 2px #c6bfbf solid;
}

.margin_bottom_5 {
        margin-bottom: 5px;
}

.margin_bottom_20{
    margin-bottom: 20px;
}
.padding_top_8{
    padding-top: 8px;
}
.k-tooltip-content {   
    text-align:left;
    background-color:#eee;
    color: #000;
    padding:8px; 
}

.draggable_status_item{
    padding: 5px;
    margin-bottom: 5px;
    border: 1px dotted #ddd;
    display: inline-flex;
    width: 100%;
}
.draggable_status_item > div{
    width:100%;
    cursor: move;
}
.droptarget_box{
    border: 1px dotted #ddd;
    margin-bottom: 5px;
}
.droptarget_status_item{
    padding: 5px;
    border-right: 1px dotted #ddd;
    min-height: 50px;
    background-color: #f7f7f7;
}
.droptarget_zone{
    padding: 5px;
    min-height: 50px;
}

.not-allowed{
    cursor: not-allowed;
}
.state_machine_box > :first-child{
    display: flex;
    align-items: center;
    justify-content: center;
}
.state_machine_box > :last-child{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.div_width_selector{
    position: relative;
    padding-right: 40px;
    border-bottom: 1px solid #ddd;
}
.relative_position{
    position: relative;
}
.floating_sidebar{
    background-color: #bbdbbb;
    position: absolute;
    width: 15px;
    height: calc(100% + 6px);
    top: -5px;
    left: -15px;
    padding-left: 3px;
}
.ticket_history_box{
    max-height: 400px;
    overflow-y: auto;
    padding-left: 0px;
}
.popover_width_350 > .popover{
    max-width: 350px;
}
.bg_brown{
    background-color: #7d5533;
}
.bg_blue{
    background-color: #33407d;
}


/* kendo-template kendoScheduler */
.kendoScheduler {   
    text-align:center;
    color: #FFF;
    height: 100%
}
.schedulerTestDriveDone {   
    background-color:#C0C0C0; /* szürke*/
    color: #000;    
}
.schedulerTestDriveApprovalNeeded {   
    background-color:#FFFF00; /* sárga*/
    color: #000; 
}
.schedulerTestDriveCreated {   
    background-color:#56ca85; /* zöld*/    
}
.schedulerTestDriveGiven {   
    background-color:#99CCFF; /* kék*/    
}

.schedulerTestDriveDone {   
    background-color:#C0C0C0; /* szürke*/    
}


.schedulerTestDriveMulti {   
    background-color:#FF6600; /* narancs */    
}

.vertical-alignment-helper {
    background-color: rgba(100, 100, 100, 0.8);
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}

.choose_list > li> a:hover{
    background-color: #00803f;
}


/* kendo multiselect missing style */
.k-hidden {
    display: none;
}

.modelstable {
    max-height: 550px;
    overflow-y: auto;  
}


.slide_header {
    text-transform: uppercase;
    font-size: 23px;
    font-weight: 600;
}
.silde_close {
    font-size:15px;
    background-color: white;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    padding-left: 9px;
    padding-top: 7px;
}


/* Reszponzív scrollozható tábla */

.table-responsive-scroll {
    /*max-width: 40em;*/
    height: 40em;
    overflow: scroll;
    position: relative;
}

div.table-responsive-scroll table {
  position: relative;
  border-collapse: collapse;
}

.table-responsive-scroll td,
.table-responsive-scroll th {
  padding: 0.25em;
}

.table-responsive-scroll thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
  background: #fff;
  /*color: #FFF;*/
}

.table-responsive-scroll thead td {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 28px;
  background: #fff;
  /*color: #FFF;*/
}

.table-responsive-scroll thead th:first-child, .table-responsive-scroll thead td:first-child {
  left: 0;
  z-index: 1;
}

.table-responsive-scroll tbody th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  left: 0;
  background: #FFF;
  /*border-right: 1px solid #CCC;*/
}

/* fix page header */ 
.fixed_pagetitle {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    background: #f9f9f9;
    z-index: 3;
    width: 100%;
    padding: 5px;
}
.fixed_pagetitle .page-header{
  border-bottom: 0;
}
div.relative_pos {
  position: relative;              
}
/* fix page header end */


.new_link_for_template{
    background-color: #dfdfdf;
    position: fixed;
	overflow-x: auto;
    max-height: 70vh;
    /*width: 80%;*/
    /*height: 100%;*/
    top: 100px;
    left: 0;
    text-align: left;
    z-index: 4;
    text-align: left;
    -webkit-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    -moz-box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
    box-shadow: 3.41px 3.657px 18px rgba(0,0,0,0.33);
}
#service-scheduler .k-event {
    height: 46px !important;
    overflow: visible;
}
#service-scheduler .k-event-delete .k-icon.k-i-close{
    top: -6px;
    right: -8px;
    border-radius: 50%;
    color: #fff;
    background-color: #f00;
}
#service-scheduler .k-event>.k-resize-e, #service-scheduler .k-event>.k-resize-w {
    top: 30%; 
    height: 70%;
}
#service-scheduler .k-event>.k-resize-e::after, #service-scheduler .k-event>.k-resize-w::after {
    top: 0; 
    height: 100%;
}
#service-scheduler .scheduler-nav-input {
    max-width: 100px;
    padding: 0 10px;
    display: inline;
    margin-bottom: 5px;
}
.k-combobox .k-dropdown-wrap {
    padding: 0;
}
.w_100{
    width: 100% !important;
}
#service-scheduler.t5 .k-scheduler-content td:nth-child(12n),
#service-scheduler.t10 .k-scheduler-content td:nth-child(6n),
#service-scheduler.t15 .k-scheduler-content td:nth-child(4n),
#service-scheduler.t30 .k-scheduler-content td:nth-child(2n),
#service-scheduler .k-scheduler-header tr:nth-child(2) th:nth-child(2n){
    border-right: 1px solid #000;
}
#service-scheduler .k-scheduler-header tr:nth-child(2) th:nth-child(2n+1){
    background-color: #96D642;
}
.hierarchy_chart .k-orgchart-node-group-container { padding: 12px; }
.hierarchy_chart .k-orgchart-card {padding: 12px; overflow: visible;}
/*.hierarchy_chart .k-orgchart-node-group-container { background-color: lightgray; }*/
.hierarchy_chart .chart_box_notification  { background-color: yellow; }
.hierarchy_chart .action_box>div  { text-align: right; margin-bottom: 2px; }
.hierarchy_chart .action_box>div.btn-group  { display: block; }

#rental_car_reservation_scheduler .k-scheduler-header tr:nth-child(2) th:nth-child(2n+1){
    background-color: #ededed;
}
#rental_car_reservation_scheduler .k-event {
    height: 46px !important;
    overflow: visible;
}
.reserved-car-event{
    width: 100%;
    height: 100%;
    background: #a2c0da;
    border-radius: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
}

@media screen and (min-width: 992px) {
    .md_border_left {
        border-left: 2px solid #ddd !important;
    }
    .md_border_right {
        border-right: 2px solid #ddd !important;
    }
    .md_border_bottom {
        border-bottom: 2px solid #ddd !important;
    }
}

.fixed_slider_header {
    position: sticky;
    top: 0;
    left: 0;
    background-color: #dfdfdf;
    z-index: 3;
}


.leaseplan_data_legend {
    color: #d1f958;
}
.ald_data_legend {
    color: #3793E0;
}
.meszaros_data_legend {
    color: rgb(102,0,102);
}
.petranyi_data_legend {
    color: #33b331;
}
.data_info ul {
    float: left;
    padding-left: 0;
    width: 0;
    list-style: disc;
    margin-bottom: 0px;
    margin-top: 2px;
    line-height: 8px;  
}
.data_info .form-control-static {
    margin-top: -5px;
    margin-bottom: 0;
}
.data_info li {
  text-decoration: none;
  font-size: smaller;              
}
.data_info  li.leaseplan_data_legend::before {
  color: #d1f958;              
}
.data_info  li.ald_data_legend::before {
  color: #3793E0;              
}
.data_info  li.meszaros_data_legend::before {
  color: rgb(102,0,102);              
}
.data_info  li.petranyi_data_legend::before {
  color: #33b331;              
}

.top-bottom-padding-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.new_car_sale_td {
    border-left: 3px solid rgb(176,224,230) !important;
}
.shc_car_sale_td {
    border-left: 3px solid rgb(100,149,237) !important;
}
.vsep  {
  border-right: 1px solid rgb(201,201,201);              
}
.report_box:hover {
    cursor: pointer !important;
}
.report_box:hover .report_box_inner{
    background-color: #ffe6e6;
}