* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial;
    font-size: 14px;
    color: #636363;
}



a{text-decoration: none;}
a:focus{outline: none;}

/*
form input[type="text"], form input[type="file"], form input[type="email"], form input[type="password"], form input[type="tel"], form textarea, form select {
    border: 1px solid #b6b6b7;
    border-radius: 3px;
    color: #181818;
    font-size: 16px;
    height: 31px;
    line-height: 31px;
    margin-bottom: 8px;
    padding: 0 4px;
    width: 280px;
}

form input[type="submit"] {
    border: 0 none;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-weight: normal;
    height: 30px;
    margin: 0;
    min-width: 125px;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
    background-color: #aaa;
}
form input[type=submit]:hover {
    background-color: #ccc;
}
*/

/*************** Notifications ***************/
.error-message {
    /*         background: #ffcece url('../img/icons/cross_circle.png'); */
    /*         border-color: #df8f8f; */
    color: #cd0000;
    font-size: 13px;
    /*         background-position: left 2px; */
    /*         background-repeat: no-repeat; */
    padding: 0;
    /*         background-color: transparent; */
    /*margin: 5px 0 0 5px;*/
    margin: 0 0 5px 130px;
    display: block;
}

form.employee .error-message {
    margin-left: 250px;
}

input.form-error,textarea.form-error, select.form-error {
    /*margin-bottom: 0px !important;*/
}

form .required label:before {
    /*color: #e32;*/
    content: '* ';
    display: inline;
    font-weight: normal;
}

form .required .checkbox label:before {
    content: '';
}

.notification {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0;
    border: 1px solid;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    font-size: 16px;
    width: 99.8%;
}

.attention {
    background: #fffbcc url('../img/icons/exclamation.png') 10px 11px
        no-repeat;
    border-color: #e6db55;
    color: #666452;
}

.information {
    background: #dbe3ff url('../img/icons/information.png');
    border-color: #a2b4ee;
    color: #585b66;
}

.success {
    background: #d5ffce url('../img/icons/tick_circle.png');
    border-color: #9adf8f;
    color: #556652;
}

.error {
    background: #ffcece url('../img/icons/cross_circle.png');
    border-color: #df8f8f;
    color: #665252;
}

.input.text.error,.input.select.error,.input.password.error,.input.textarea.error,.input.file.error,
.input.checkbox.error,.input.radio.error,.input.date.error,.input.datetime.error,.input.number.error,
.input.email.error, .input.tel.error
{
    background: none;
    border: none;
}

.input.error label {
    color: #cd0000;
}

.notification div {
    display: block;
    font-style: normal;
    padding: 10px 10px 10px 36px;
    line-height: 1.5em;
}

.notification .close {
    color: #990000;
    font-size: 9px;
    position: absolute;
    right: 5px;
    top: 5px;
}

.notification .close img {
    border: none!important;
    background-color: transparent!important;
    padding: 0!important;
}

.notification.error a {
    font-weight: normal;
    color: #665252;
}

.notification.information a {
    font-weight: normal;
    color: #585b66;
}

/* Notification for form inputs */
.input-notification {
    background-position: left 2px;
    background-repeat: no-repeat;
    padding: 2px 0 2px 22px;
    background-color: transparent;
    margin: 0 0 0 5px;
}

.form-error, .input.date.error select {
    border-color: #CD0000 !important;
}


#hr-menu {background-color: #000; clear: both; height: 27px; padding: 2px 10px;}
.hr-menuitem {font-weight: bold; font-size: 14px; padding: 5px 10px 5px 10px; float: left;}
.hr-menuitem.selected {color: #fff;}
.hr-menuitem.active {color: #999; cursor: pointer;}
.hr-menuitem.active:hover {background-color: #888; color: #eee;}

div.panel-heading {font-weight: bold;}
form {margin-top: 20px;}

#wrapper {margin: 0; width: 1270px; }
#sidebar {padding-top: 15px;}

.hr-table {width: 100%;}
.hr-table th {cursor: pointer;}
.hr-table td {padding: 3px 5px;}
.hr-table td span {margin: 2px 3px 0 3px;}
.hr-table td .dropdown {float: left; margin-right: 8px;}
.hr-table tr td ul {margin-bottom: 0; margin-left: 25px;}

table tr td.key {font-weight: bold; width: 140px;}
div.tab-content {margin-top: 25px; margin-bottom: 25px;}
hr { border-top-color: #ddd; }
.tooltip {border: none;}
.table td span {margin: 2px 3px 0 3px;}
.align-left {text-align: left;}
.align-right {text-align: right;}
.align-center {text-align: center;}
.checkbox input[type="checkbox"] {margin-left: 0; height: 18px; width: 18px;}

select option.red {color: red;}
select option.red:hover {box-shadow: 0 0 10px 100px red inset;}
select option.green {color: green;}
select option.green:hover {box-shadow: 0 0 10px 100px green inset;}
select option.blue {color: blue;}
select option.blue:hover {box-shadow: 0 0 10px 100px blue inset;}

input[type=text][readonly=readonly],
input[type=tel][readonly=readonly],
textarea[readonly=readonly],
select[readonly=readonly] {background-color: #fff !important; outline: none !important;}
select[readonly=readonly] {cursor: default !important;}
.aPreview {cursor: pointer;}
.aTime {cursor: pointer;}
.aPay {cursor: pointer;}
.aQuery {cursor: pointer;}
.aPrint {cursor: pointer;}
.modal-body { padding-left: 35px; padding-right: 35px; }
.loading {padding: 80px 0 80px 20px; text-align: center;}

.tilt {color: red !important;}

#sidebar .list-group-item {padding-top: 5px; padding-bottom: 5px;}
#sidebar .panel-heading {padding-top: 5px; padding-bottom: 5px;}
#sidebar .panel-body {padding: 7px;}
#sidebar .panel {margin-bottom: 15px;}

a.chosen-single { border-radius: 4px !important; height: 34px !important; line-height: 34px !important; padding-left: 15px !important; }
.chosen-container-single .chosen-single div b {margin-top: 5px !important;}

span.red {color: red;}

div#main {padding-bottom: 50px;}

#NaptarNap, #NaptarNap2 {font-weight: bold; width: 140px;}
#NaptarNap2 { margin-right: 10px; }

#hrNaptar { border-bottom: solid 1px #bbb; min-width: 100%; }
#hrNaptar tr {display: flex;}
#hrNaptar tr:nth-child(odd) { border-top: solid 1px #bbb; }
#hrNaptar tr:nth-child(even) td:nth-child(1n+2) { border-top: solid 1px #ddd; }
#hrNaptar tr td {height: 25px;}
#hrNaptar tr td:first-child {width: 55px; background-color: #fff; text-align: right; padding-right: 10px; vertical-align: middle;}
#hrNaptar tr td:nth-child(1n+2) {background-color: #eee; padding: 0 5px; vertical-align: top; overflow: visible; width: 150px; }
#hrNaptar tr td:last-child { width: auto; min-width: 150px; }

.naptarCsapat {
    color: #fff;
    position: absolute;
    width: 145px;
    cursor: default;
}
.naptarCsapat0 {background-color: #aaa;}
.naptarCsapat1 {background-color: #97c9f5;}
.naptarCsapat2 {background-color:  /*#7cb7ea*/ #3877b4 ;}
.naptarCsapat p {margin: 0 0 5px 0; font-size: 10px;}
.naptarCsapat p.partner {font-weight: bold; font-size: 12px;}

.naptarCsapatMenu {
    background-color: #000;
    position: absolute;
    left: 0;
    right: 0;
    top: -25px;
    opacity: 0;
    height: 25px;
    outline: solid 2px #000;
}
.naptarCsapatMenu a {
    float: right;
    margin: 3px 3px 0 3px;
    color: #fff;
    cursor: pointer;
}
.naptarCsapatContent {
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 5px;
}

.naptarCsapat:hover {
    outline: solid 2px #000;
    color: #fff;
}
.naptarCsapat:hover .naptarCsapatMenu {
    opacity: 1;
}








#hrNaptarHet { border-top: solid 1px #ddd; border-left: solid 1px #ddd; }
#hrNaptarHet thead tr th {width: 146px; padding: 5px; text-align: center; border-bottom: solid 1px #bbb; border-right: solid 1px #ddd; }
#hrNaptarHet thead tr th.active { background-color: #fbb306; }
#hrNaptarHet tbody tr td { background-color: #eee; border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; padding: 2px; }
#hrNaptarHet .naptarCsapat {
    position: relative;
    height: 70px !important;
    width: 100%;
}

#NaptarPartner {margin-left: 5px;}
#NaptarNaptarSzuresForm #selPartner {width: 400px; margin-left: 5px;}


#hrNaptarSzures { border-top: solid 1px #ddd; border-left: solid 1px #ddd; }
#hrNaptarSzures tbody tr td { background-color: #eee; border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; height: 75px; padding: 0; }
#hrNaptarSzures tbody tr td:first-child { background-color: #fff; text-align: center; font-weight: bold; padding: 0 15px; }
#hrNaptarSzures tbody tr td:nth-child(1n+2) { display: flex; min-width: 800px; }

#hrNaptarSzures .naptarCsapat {
    position: relative;
    height: 70px !important;
    float: left;
    margin: 2px 2px 0 2px;
}

.naptarStat {font-weight: normal; font-size: 11px;}

#NaptarTelephelyEgyeb { margin-top: 2px; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

#ulMunkavallalokFilter { list-style-type: none; }
#ulMunkavallalokFilter li { display: inline-block; padding-right: 20px; }

.modal-lg { width: 1020px; }