body{
background: url(../img/bg-60.jpg);
}

.print-version{
margin-top: 20px;
text-align: center;
}

.print-version a,
.print-version a:link,
.print-version a:visited{
color: #333;
}

.alert{
text-align: center;
}

.alert ul{
list-style-position:inside;
padding-left: 0px;	
}


a,
a:link,
a:visited{
color: #8E2234;
}

a:hover,
a:active{
color: #3c3c3c;
}

.datepick-ctrl a,
.datepick-nav a{
color: white;
}

.datepick-month{
border-top: 1px solid #DDDDDD;
}

.navbar-default{
background: white;
}

.navbar-brand{
padding: 0px;
}

.navbar-brand img{
height: 50px;
}

.navbar-default .navbar-nav > li > span.ttl,
.navbar-default .navbar-nav > li > a{
padding-left: 5px;
padding-right: 5px;
color: #3c3c3c;
font-weight: 700;
}

.navbar-default .navbar-nav > li > span.ttl{
padding-top: 15px;
padding-bottom: 15px;
display: inline-block;	
}

.navbar-fixed-top{
border-bottom: 2px solid #8E2234;
}


.navbar-fixed-top .glyphicon{
margin-right: 2px;
color: #8E2234;
font-size: 80%;
position: relative;
top: 0px;
}

.navbar-fixed-top .glyphicon.glyphicon-question-sign{
font-size: 16px;
position: relative;
top: 3px;
}

.navbar-right .glyphicon{
margin-right: 4px;
}


.navbar-fixed-top .active .glyphicon{
color: white;
}

.navbar-fixed-top .dropdown-menu .glyphicon{
color: #8E2234;
}

.navbar-fixed-top .dropdown-menu .active .glyphicon{
color: white;
}

.navbar-fixed-top .dropdown-menu .active a:hover,
.dropdown-menu > li.active > a,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
background-color: #8E2234;
color: white;
}


.navbar-default .navbar-nav > li.open > .dropdown-menu > li > a:hover,
.dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li.open > a.dropdown-toggle,
.navbar-default .navbar-nav > li > a:hover {
background-color: #3c3c3c;
color: white;
}


.dropdown-menu > li > a:hover .glyphicon,
.navbar-default .navbar-nav > li.open > a.dropdown-toggle .glyphicon,
.navbar-default .navbar-nav > li > a:hover .glyphicon{
color: white;
}


.well{
background-color: white;
}

#login_wrapper{
max-width: 400px;
margin: 0px auto;
}

#login_wrapper .input-group{
margin-bottom: 6px;
}

#login_wrapper .input-group-addon{
min-width: 120px;
text-align: right;
}

#login_wrapper .login{
margin: 0px auto;
}


.form-control{
background: #F7F7F7;
}

.form-control:focus {
border-color: #8E2234;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(140, 13, 42, 0.6);
outline: 0 none;
}


h1{
font-size: 20px;
text-align: center;
background: #fdfdfd;
color: #343433;
box-shadow: 0 0 6px 0 #b4b4b4;
padding: 10px;
margin-top: 10px;
}

h2{
font-size: 19px;
}

.content-box{
background: #fdfdfd;
box-shadow: 0 0 6px 0 #b4b4b4;
padding: 15px;
}

.content-box-mtop{
margin: 10px 0px;
}

.bold{
font-weight: bold;
}

.reqField{
margin-right: 2px;
color: #8E2234;
position: relative;
top: 4px;
font-size: 15px;
font-weight: normal;
}


.table-permissions{
font-size: 12px;
}

.table-permissions th,
.table-permissions td{
padding: 1px;
text-align: center;
}

.table-permissions td:first-of-type{
text-align: left;	
}

.table-permissions tbody tr td{
border: 0px;
}


.table-striped > tbody > tr:nth-of-type(2n){
background-color: #EAEAEA;
}

.table-striped > tbody > tr:nth-of-type(2n+1){
background-color: white;
}


.form-wrapper,
.my-data-wrapper,
.employee-choose,
.place-choose,
.schedule-choose,
.tok-choose,
.yearly-vacation-days-box,
.time-off-choose,
.time-off-request-choose,
.mcs-choose,
.mcs-list-choose,
.employee-list-choose{
max-width: 500px;
margin: 0px auto 10px auto;
}

.employee-choose{
margin-bottom: 0px;
}

#dolgozo_collapse{
margin-top: 10px;
}

.permissions-div{
max-width: 650px;
margin: 0px auto 10px auto;
}



.input-group-addon{
font-size: 12px;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
text-align: right;
}

.input-group-addon.text-left{
text-align: left;
}


.form-wrapper .input-group-addon{
min-width: 120px;
} 

.employee-list-choose .input-group-addon{
min-width: 35px;
}

.mcs-list-choose .input-group-addon{
min-width: 70px;
}

.place-choose .input-group-addon{
min-width: 180px;
}

.my-data-wrapper .input-group-addon,
.employee-choose .input-group-addon{
min-width: 135px;
}

.permissions-div .input-group-addon{
min-width: 120px;
}


.mcs-list-choose .iga-left{
min-width: 100px;
}

.time-off-request-choose .input-group-addon,
.schedule-choose .iga-left,
.time-off-choose .iga-left{
min-width: 140px;
}

.tok-choose .input-group-addon{
min-width: 100px;
}


.input-group .inputtext{
padding: 0px 3px;
border: 1px solid #CCCCCC;
}


.input-group{
margin-bottom: 4px;
}

.mcs-choose .iga-left{
min-width: 110px;
}


.employee-list-choose .iga-left{
min-width: 65px;
}

form button{
margin-top: 10px;
}

form button.plusTimeAndEmp{
margin-top: 2px;
margin-bottom: 5px;
}

.timeAndEmployee{
margin-bottom: 15px;
}

.yearly-vacation-days-box .input-group-addon{
min-width: 175px;
}

.pagination > li > a, 
.pagination > li > span{
color: #8b0d29;
}


.pagination > li > a:hover, 
.pagination > li > span{
color: #3c3c3c;
}



.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover{
background-color: #8b0d29;
border-color: #8b0d29;
}


div.dataTables_wrapper div.dataTables_length select{
width: 90px;
}

table.dataTable{
width: 100%;
}

table.dataTable td,
table.dataTable th{
padding: 7px 5px;
}

table.dataTable thead th{
border-bottom: 1px solid #3c3c3c;
}

table.dataTable tfoot th{
border-top: 1px solid #3c3c3c;
}

table.dataTable tr.even td{
background-color: #dddddd;
}

table.dataTable tr.odd td{
background-color: #eeeeee;
}

table.dataTable tbody tr:hover td,
table.dataTable tbody tr.even:hover td.sorting_1,
table.dataTable tbody tr.odd:hover td.sorting_1{
background-color: #C9C9C8;
}


table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after{
color: #3c3c3c;
opacity: 0.8;
}

table.dataTable span.glyphicon-pencil{
color: #8b0d29;
}



/* csoport tavollete */

table#csoport_tavollete{
border-collapse: collapse;
margin-bottom: 20px;
background: #EEEEEE;
margin: 5px auto;
}

table#csoport_tavollete td{
font-size: 90%;
border: 1px solid #CECECE;
text-align: center;
padding: 5px 5px 3px 5px;
}

table#csoport_tavollete td.dolg_nev{
font-size: 100%;
text-align: left;
font-weight: bold;
}

table#csoport_tavollete tr.datumsor td{
font-weight: bold;
background: #3c3c3c;
color: white;
padding-right: 9px;
padding-left: 9px;
}

table#csoport_tavollete td.foglalt{
background: white;
vertical-align: middle;
font-size: 12px;
}

table#csoport_tavollete td.nem_hivatalos{
background: none;
}

table#csoport_tavollete .rejtett{
display: none;
}

table#csoport_tavollete .hivatalos{
color: #8C0D2A;
}

div#rovidites_magyarazat{
text-align: center;
padding: 5px;
margin: 10px;
}

div#rovidites_magyarazat span{
padding: 1px;
}

div#rovidites_magyarazat span.rovidites_r{
font-weight: bold;
margin-left: 5px;
font-size: 90%;
}

div#rovidites_magyarazat span.rovidites_m{
font-size: 80%;
}
/*csoport tavollete VEGE*/


.employee-mcs label{
display: block;
font-weight: normal;
margin-bottom: 0px;
}

.fc-height-auto,
.list-wg-type .form-control,
.list-timeoff-type .form-control, 
.jogok-tbl .form-control,
.employee-mcs .form-control,
.tok-type-bf .form-control{
height: auto;
}

.fc-height-auto .checkbox-inline,
.tok-type-bf .form-control .radio-inline,
.fc-height-auto .radio-inline{
margin: 0px 10px 0px 0px;
}

.help-block{
font-size: 90%;
}


.help-txt-cal{
display: block;
padding: 5px 0px 0px 5px;
font-weight: normal;
white-space: normal;
margin-top: 20px;
text-align: justify;
}

.valign-top .input-group-addon{
vertical-align: top;
padding-top: 20px;
}

#employeeCal{
border-collapse: collapse;
width: 100%;
margin-bottom: 20px;
}

#employeeCal .cal-wg{
font-weight: bold;
}

#employeeCal .cal-wgname{
}


#employeeCal .cal-time{
padding: 0px 2px;
background: white;
font-size: 95%;
}

#employeeCal .cal-note{
font-style: italic;
font-size: 90%;
}

#employeeCal .cal-schedule-item{
padding: 1px 3px;
background: #DFDBD2;
border: 1px solid #BEBEBE;
display: inline-block;
margin-bottom: 4px;
border-radius: 5px;
}

#employeeCal .cal-timeoff-item{
padding: 1px 3px;
border: 1px solid #BEBEBE;
display: inline-block;
margin-bottom: 4px;
border-radius: 5px;
color: #333;
}

#employeeCal .cal-timeoff-reason{
font-weight: bold;	
}

#employeeCal .cal-timeoff-official{
background: #C4E5B6;
}

#employeeCal .cal-timeoff-not-official{
background: #FDF3B0;
}


#employeeCal td.cal-item-cell{
height: 100px;
padding: 4px;
}

#employeeCal.table-cal-month .cal-item-cell{
height: 60px;
}

#employeeCal.table-cal-month td.today{
background: none;
}

#employeeCal.table-cal-month .today .date-day{
background: #8E2234;
color: white;
}

#employeeCal.table-cal-month .date-row-month td{
border-bottom: 0px;
text-align: right;
padding-right: 3px;
}

#employeeCal.table-cal-month .items-row td{
border-top: 0px;
}

.cal-not-selected-month{
opacity: 0.5;
}

#employeeCal.table-cal-month .cal-selected-month.today,
.cal-selected-month{
background: #EFEFEF;
}

.table-cal-month .day-shortname{
font-size: 80%;
margin-right: 5px;
color: #9D9D9D;
}

.table-cal-month .date-day{
border: 1px solid #bebebe;
color: #3F3F3E;
background: #D3D3D3;
border-radius: 4px;
display: inline-block;
padding: 1px 3px;
font-weight: bold;
font-size: 90%;
}

#employeeCal.table-cal-month .date-row td{
padding: 5px 0px;
}

/* munkarend tablazat */
#munkarend{
border-collapse: collapse;
width: 99%;
margin-left:auto; 
margin-right:auto;
margin-bottom: 20px;
}


.schedule-separator{
display: block;
}

#munkarend .clickable-schedule-td{
cursor: pointer;
}

#munkarend .clickable-schedule-td:hover{
border-right: 1px solid #3F3F3E;
border-bottom: 1px solid #3F3F3E;
background: white;
}

#munkarend .time-off-item{
padding: 2px 1px;
display: block;
}

#munkarend .timeoff-separator{
border-bottom: 1px solid #B5B5B5;	
display: block;
}

#munkarend td > span.timeoff-separator:last-of-type{
	border: 0px;
}

#munkarend .schedule-item{
padding: 1px;
}

#munkarend .time-off-desc{
font-size: 11px;
color: #777;
}

#employeeCal .date-row,
#munkarend .date-row{
text-align: center;
font-weight: bold;
background: #BEBAB1;
}

#employeeCal .date-row td,
#munkarend .date-row td{
border-top-color: #3F3F3E;
border-left-color: #A29F98;
border-right-color: #A29F98;
}

#employeeCal .date-row span,
#munkarend .date-row span{
font-weight: normal;
display: block;
text-align: center;
}

#munkarend .date-row span{
white-space: nowrap;
}

#munkarend .row-timeoff-title + .date-row td.empty{
background: white;
border: 0px;
}


#munkarend a.link-schedule:hover,
#munkarend a.link-timeoff:hover{
text-decoration: none;
cursor: url(../img/pencil.cur), auto;
}

#munkarend a.link-schedule:hover .schedule-item,
#munkarend a.link-timeoff:hover .time-off-item{
background: #D5D5D5;
color: #8C0D2A;
}

.clickable-timeoff-td{
cursor: pointer;
}

#employeeCal td,
#munkarend td{
border: 1px solid #B5B5B5;
padding: 2px;
vertical-align: top;
font-size: 12px;
}

#employeeCal td.today,
#munkarend td.today{
background: #8C0D2A;
color: white;
border-top: 1px solid #3F3F3E; 
border-bottom: 0px;
}

#munkarend .time-off-official,
#munkarend .time-off-other,
#munkarend .wgname{
background: white;
padding: 20px 0px 5px 0px;
font-size: 20px;
border: 0px;
}


#munkarend .wgname{
	text-align: center;
}

#munkarend .wgname .glyphicon{
font-size: 14px;
color: #999;
}


#munkarend .timeoff-col-1{
border: 0px;
}


#munkarend .placeName{
font-weight: bold;
text-align: center;
}

#munkarend .empty-colored-line{
height: 10px;
border: none;
}

#munkarend .time{
font-size: 10px;
color: red;
}

#munkarend div.dl-wrapper{
position: relative;
} 

#munkarend a.deleteday{
color: white;
cursor: pointer;
display: inline-block;
position: absolute;
right: -1px;
top: -2px;
font-size: 8px;
}

#munkarend a.deleteday:hover{
text-decoration: none;
}

.week-pager{
text-align: center;
font-size: 18px;
}

.week-pager a,
.week-pager a:link, 
.week-pager a:visited{
color: #343433;
}


.week-pager .glyphicon{
margin: 0px 5px;
font-size: 14px;
cursor: pointer;
}

.normal-weight{
font-weight: normal;
}

.week-pager .ui-datepicker-trigger{
position: relative;
top: 3px;
cursor: pointer;
}

.workgroup-select{
max-width: 400px;
margin: 0px auto;
margin-bottom: 15px;
}


.fc-disabled{
background: #EEEEEE;
color: #888888;
}

.profiledata-trigger{
cursor: pointer;
}

#dolgozok_tablazata .glyphicon{
font-size: 16px;
color: #8B0C29;	
}

.profiledata-intro{
margin-top: 15px;
}


.profiledata-intro{
text-align: justify;
}


.year_search{
max-width: 220px;
margin: 0px auto;
}


.alert-help{
background: #EEEEEE;
color: #145142;
border: 1px solid #C4D0CD;
padding: 6px;
font-size: 12px;
}

.alert-help .glyphicon{
color: #145142;
}

#dpAltField{
font-size: 11px;
}


ul.nopadding{
padding: 0px;
}

.available-days{
color: #8E2234;
text-align: center;
font-size: 90%;
}

.timeoff-request-available-days{
font-size: 90%;
}


.dt-wrapper{
height: 0px;
overflow: hidden;
width: 100%;
}


.colorbox{
	display: inline-block;
	width: 120px;
	text-align: center;	
	border: 2px solid white;
	color: #333;
}

.formtitle{
	text-align: center;
	font-weight: bold;
	margin-bottom: 5px;
}


/* jquery-ui */

.ui-widget-content .ui-state-active{
background: #f6f6f6;
border-color: #c5c5c5;
color: #454545;
font-weight: normal;
}

.ui-widget-content .ui-state-highlight{
border-color: white;
background: white;
border: 0px;
}

.ui-widget-content .ui-state-highlight a{
color: white;
background: #8E2234;
}

.ui-datepicker-today .ui-state-highlight{
background: #dfdfdf;
border: 1px solid #CCCCCC;
color: #3F3F3E;
}


#ui-datepicker-div{
z-index: 1400 !important;
}


#td-globalP{
	padding-top: 15px;
	background: #F7F7F7;
	font-size: 12px;
}

#td-globalP label{
	 font-weight: normal;
}


#form-permissions table{
	margin-bottom: 0px;
}


/* print */
@media print {
  
  a[href]:after {
    content: none;
  }
  
}


form button[data-action]{
	margin: 10px 30px;
}

.timeAndEmployee input.field-error,
.not-filled-in{
	border: 2px solid red;
}


.modal-dialog{
	margin-top: 100px;
}

#alert-modal .modal-header{
	color: #8E2234;
	font-weight: bold;
}


#confirm-modal .modal-body{
	font-weight: bold;
}


#confirm-modal .modal-body,
#confirm-modal .modal-footer{
	text-align: center;
}

#confirm-modal .modal-footer .btn{
	margin: 0px 40px;
}



a.btn-a {
    color: #333;    
}

.table.table-small th,
.table.table-small td{
	padding: 4px 5px;
}

.mr-popover{
	color: #8E2234;
}


.mr-tooltip + .tooltip > .tooltip-inner{
  background-color: #591521;
  color: white;  
}

.mr-tooltip + .tooltip.top > .tooltip-arrow{  
  border-top-color: #591521;  
}
.mr-tooltip + .tooltip.bottom > .tooltip-arrow{  
  border-bottom-color: #591521;  
}
.mr-tooltip + .tooltip.right > .tooltip-arrow{  
  border-right-color: #591521;  
}
.mr-tooltip + .tooltip.left > .tooltip-arrow{  
  border-left-color: #591521;
}

.tooltip.in{
  opacity: 1;
}