body.dragging,
body.dragging * {cursor: move !important;}
.dragged {opacity: 0.5; position: absolute; z-index: 2000;}

ul.huzogatos li.placeholder {position: relative;}
ul.huzogatos li.placeholder:before {position: absolute;}

.ui-resizable {position: relative;}
.ui-resizable-handle {display: block; font-size: 0.1px; position: absolute; touch-action: none; -ms-touch-action: none;}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {display: none;}
.ui-resizable-n {cursor: n-resize; height: 7px; left: 0; top: -5px; width: 100%;}
.ui-resizable-s {bottom: -5px; cursor: s-resize; height: 7px; left: 0; width: 100%;}
.ui-resizable-e {cursor: e-resize; height: 100%; right: -5px; top: 0; width: 7px;}
.ui-resizable-w {cursor: w-resize; height: 100%; left: -5px; top: 0; width: 7px;}
.ui-resizable-se {bottom: 1px; cursor: se-resize; height: 12px; right: 1px; width: 12px;}
.ui-resizable-sw {bottom: -5px; cursor: sw-resize; height: 9px; left: -5px; width: 9px;}
.ui-resizable-nw {cursor: nw-resize; height: 9px; left: -5px; top: -5px; width: 9px;}
.ui-resizable-ne {cursor: ne-resize; height: 9px; right: -5px; top: -5px; width: 9px;}

/* get_form submit button animation */
.loader-1 {
    height: 32px;
    width: 32px;
    -webkit-animation: loader-1-1 4.8s linear infinite;
    animation: loader-1-1 4.8s linear infinite;
}
@-webkit-keyframes loader-1-1 {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes loader-1-1 {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.loader-1 span {
    display: block;
    position: absolute;
    top: 0; left: 0;
    bottom: 0; right: 0;
    margin: auto;
    height: 32px;
    width: 32px;
    clip: rect(0, 32px, 32px, 16px);
    -webkit-animation: loader-1-2 1.2s linear infinite;
    animation: loader-1-2 1.2s linear infinite;
}
@-webkit-keyframes loader-1-2 {
    0%   { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(220deg); }
}
@keyframes loader-1-2 {
    0%   { transform: rotate(0deg); }
    100% { transform: rotate(220deg); }
}
.loader-1 span::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    bottom: 0; right: 0;
    margin: auto;
    height: 32px;
    width: 32px;
    clip: rect(0, 32px, 32px, 16px);
    border: 3px solid #FFF;
    border-radius: 50%;
    -webkit-animation: loader-1-3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
    animation: loader-1-3 1.2s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}
@-webkit-keyframes loader-1-3 {
    0%   { -webkit-transform: rotate(-140deg); }
    50%  { -webkit-transform: rotate(-160deg); }
    100% { -webkit-transform: rotate(140deg); }
}
@keyframes loader-1-3 {
    0%   { transform: rotate(-140deg); }
    50%  { transform: rotate(-160deg); }
    100% { transform: rotate(140deg); }
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {height: 16px; width: 16px;}
.ui-icon,
.ui-widget-content .ui-icon {background-image: url("images/ui-icons_444444_256x240.png");}
.ui-widget-header .ui-icon {background-image: url("images/ui-icons_444444_256x240.png");}
.ui-button .ui-icon {background-image: url("images/ui-icons_777777_256x240.png");}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon,
.ui-state-default .ui-icon {background-image: url("images/ui-icons_555555_256x240.png");}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {background-image: url("images/ui-icons_ffffff_256x240.png");}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {background-image: url("images/ui-icons_777620_256x240.png");}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {background-image: url("images/ui-icons_cc0000_256x240.png");}
.ui-icon-gripsmall-diagonal-se {background-position: -64px -224px;}

#locationField, #controls {position: relative; width: 480px;}
#autocomplete {position: absolute; left: 0; top: 0; width: 99%;}
.pac-container {z-index:1212121121212112;}
.label {color: #303030; font-weight: bold; text-align: right; width: 100px;}
#address {background-color: #f0f0ff; border: 1px solid #000090; padding-right: 2px; width: 480px;}
#address td {font-size: 10pt;}
.field {width: 99%;}
.slimField {width: 80px;}
.wideField {width: 200px;}
#locationField {height: 20px; margin-bottom: 2px;}

.input-group {width: 100%;}
.dis {background: #fcfcfc; border: 1px solid #ccc; color: #ececec;}
.disnyomkoveto {background: #E1F2FD; border: 1px solid #888; color: #bbb;}
.w350 {min-width: 350px;}
/*.mymodal-body {max-height: 500px; overflow-y: auto;} */
#table_print_form {margin-top: 65px;}
.DTFC_RightBodyWrapper, .DTFC_RightHeadWrapper {box-shadow: -2px 0 3px 0 rgba(50, 50, 50, 0.43); -moz-box-shadow: -2px 0 3px 0 rgba(50, 50, 50, 0.43); -webkit-box-shadow: -2px 0 3px 0 rgba(50, 50, 50, 0.43);}
.DTFC_LeftBodyWrapper, .DTFC_LeftHeadWrapper {box-shadow: 2px 0 3px 0 rgba(50, 50, 50, 0.43); -moz-box-shadow: 2px 0 3px 0 rgba(50, 50, 50, 0.43); -webkit-box-shadow: 2px 0 3px 0 rgba(50, 50, 50, 0.43);}
.dataTables_scrollHead {box-shadow: 0 2px 3px 0 rgba(50, 50, 50, 0.43); -moz-box-shadow: 0 2px 3px 0 rgba(50, 50, 50, 0.43); -webkit-box-shadow: 0 2px 3px 0 rgba(50, 50, 50, 0.43);}
.dataTables_length {background-color: #f5f5f5; border-radius: 4px; list-style: none; margin-left: 20px; margin-top: 10px; min-height: 56px; padding-top: 15px; text-align: center; width: 16%;}
.dataTables_paginate {margin-top: 0; min-width: 520px; max-width: 45%; padding: 0 !important;}
.dataTables_paginate ul {margin: 0;}
.dt-buttons button.buttons-columnVisibility:not(.active) {color: #999;}

/*#kereso input:placeholder-shown { background-color: #e5e5e5; }*/
#kereso input:valid { color:green; font-weight: bold; }


/**
 * Menu
 */

.fa-arrows {
    cursor: pointer;
}
.dropdown{
    z-index: 1;
}

#topnavbar {
    max-height: 52px;
    min-height: 52px;
}

.johnnybutton {
    white-space: nowrap;
    overflow: hidden;
    min-height: 52px;
    max-height: 52px;
    min-width: 80px;
    padding-top: 16px;
    padding-bottom: 16px;
    width: 8%;
    border: none;
    font-size: 12px;
    text-decoration:none;
    display:inline-block;
    color: #FFFFFF;
    background-color: -webkit-linear-gradient(#04519b, #044687 60%, #033769);
    background-image: -o-linear-gradient(#04519b, #044687 60%, #033769);
   background-image: linear-gradient(#04519b, #044687 60%, #033769);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff04519b', endColorstr='#ff033769', GradientType=0);
    filter: none;
    border-bottom: 1px solid #022241;
}
/*.johnnybutton:hover {
    background-image: linear-gradient(#022f5a, #022f5a);
}*/

.johnnybutton:focus{
    outline: none;
}

.johnnytab {
    background: url(/abstract1.jpg);
    background-position: center;
    background-size: 100% auto;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    display: none;
    left: 0;
    margin: 8px 15px 0;
    min-height: 20px;
    overflow: visible;
    padding: 20px;
    position: fixed;
    right: 0;
    top: 5%;
    z-index: 1000;
 }

.johnnytab .tab-content .tab-pane .row {
    background-color: rgba(255,255,255,.7);
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin: 0;
    padding: 10px;
    width: 100%;
}

.johnnytab .tab-content .tab-pane .row .second-level-submenu {
    border-right: 1px solid #ddd;
    margin-right: 10px;
    padding-left: 0;
}

.johnnytab .tab-content .tab-pane .row .second-level-submenu:last-child {
    border-right: none;
}

.johnnymenu {
    color: #444;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    color: gray;
}

.johnnylink a {
    color: #444;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    font-size: 10pt;
    text-decoration: none;
}

.johnnypill {
    display: block;
    margin: 0 0 10px;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.johnnypill:hover {
    box-shadow: 0 0 1px #04498d;
}

a.johnnypill:last-child {
    margin-bottom: 0;
}

.dropdown-menu {padding-top: 0;}
.yamm-content {background: url(/abstract1.jpg); background-position: center; background-size: 100% auto; max-height: 460px; overflow-y: auto; }
.yamm-content a {color: #444;}
.yamm-content h3 {font-size: 12pt;}
.yamm-content li a {font-size: 10pt; text-align: left; white-space: normal; width: 100%;}
.yamm .footer {background: rgba(237, 237, 237, 1); background: linear-gradient(to bottom, rgba(237, 237, 237, 1) 0%, rgba(246, 246, 246, 1) 53%, rgba(255, 255, 255, 1) 100%); padding-left: 15px; padding-right: 15px; xbackground: linear-gradient(#04519b, #044687 60%, #033769);}
.yamli {list-style-type: none;}

/* két sorba csúszik a menüsáv az alap betűméretnél és a lenti képernyőméreteknél, ezért változtatjuk */
ul.nav.navbar-nav li { font-size: 12px; }

.select2-offscreen, .form-control.select2-offscreen {
    top: 40px !important;
    left: 180px !important;
}

#packageTable tr:hover {
    background: lightgrey;
    cursor: pointer;
}

#tarifaszamitas, p.ridge{
    border-style: ridge;
    text-align: center;
    margin-left: 30%;
    margin-right: 30%;
}

#infoModal .modal-dialog .modal-content #packageTable_wrapper table.dataTable tbody tr.selected {
    background-color: #d9edf7;
}


.checkbox-lg {
	width: 22px;
	height: 22px;
	margin-bottom: 1px;
	vertical-align: bottom;
}