/* css reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, em, img, small, medium, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, m, figure, figcaption { margin : 0; padding : 0; border : 0; outline : 0; font-size : 1em; vertical-align : baseline; } blockquote { quotes : none; } h1, h2, h3, h4, h5, h6 { font-weight : bold; } table { /*border-collapse : collapse;*/ border-spacing : 0; } td { vertical-align : top; } fieldset, img, table { border : 0; } ol, ul, li { list-style-type : none; } :focus { outline : 0; } del { text-decoration : line-through; } html, input { font-size : 100%; } dt, address, caption, cite, code, dfn, big, small, medium, em, i, th, var { font-style : normal; font-weight : normal; } input, select, th, td, li li, li p, td p, blockquote p { font-size : 13px;}
/* html 5 */
header, section, aside, article, footer, nav { display : block; }
/* clear */
ul:after, ul li:after, .titleLogin:after, .wpTakitMonitorPastEventTooltip:after, .dataTables_filter:after, .tableInfo:after, .titleLoginF:after,.titleLoginTakit:after, li.clear:after, ul.special:after, .clear:after, .all:after, .groupsLayout:after, .hardwareLayout:after, ul.dataInfo li:after, ul.mainDayUl li.clear:after, .formData:after, .w76pTakit:after { visibility : hidden; display : block; font-size : 0; content : " "; clear : both; height : 0; }
.both {float: none; clear: both; margin: 0px; padding: 0px;}
/* colors */
a, h1, h2, h3, h4 {color: #db2827;}
span.red { color: #db2827; }
span.green { color: #2cb311; }
span.white { color: #fff; }
a:hover {text-decoration: none;}
.L {float: left; margin: 0px; padding: 0px;}
.R {float: right; margin: 0px; padding: 0px;}
#page > .title {width:100%; height: auto; margin: 0px; padding: 0px; text-align: center; border-top: 7px solid #101010; }
.title h1 {width: auto; height: auto; font-weight: normal; display: inline-block;font-size: 21px; margin: 0 auto; color: #fff; text-align: center; background: #dc2827; padding: 5px 5px 5px 5px; border-radius: 0px 0px 7px 7px; -moz-border-radius: 0px 0px 7px 7px; -webkit-border-radius: 0px 0px 7px 7px; zoom: 1; *display: inline; }
.title h1 small {font-size: 11px;}
input.checkBox {width:13px !important; border: none; padding-left: 0; padding-right:0; margin: 0; display: block; margin-right: 3px; position: relative; top: 3px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
textarea {font-size: 13px; font-family: arial; border: 1px solid #cccccc;}
.title .bookmark {width:auto;filter:alpha(opacity=50); opacity:0.5; font-size: 11px; height: 32px; display: inline-block; line-height: 40px; text-decoration: none; color: #555555; padding-left: 37px; background: url(../images/star.png) no-repeat 0 0; position: relative;}
.title .bookmark:hover {filter:alpha(opacity=100); opacity:1.0;}
hr {border: none; background: none; border-top: 1px solid #cccccc; margin-bottom: 10px;}
/*css3 */
.radius {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.shadow {-webkit-box-shadow: 0px 0px 3px #aaaaaa; -moz-box-shadow: 0px 0px 3px #aaaaaa; box-shadow: 0px 0px 3px #aaaaaa; }
/*error page */
html, body {height: 100%;}
.errorPage {width: auto; height: auto; padding: 0; margin: 0; background: #191919 url(../images/error.jpg) no-repeat center;background-size: cover; color: #fff; font-size: 20px;}
.errorWrapper {width: 720px; margin: 0 auto; margin-top: 50px;}
h1#titleErrorPage {font-size: 30px; color: #db2827; font-weight: normal; margin-bottom: 20px;}
span#tekstErrorPage {display: block; margin-bottom: 20px; line-height: 29px;}
/* ---------- STYLES ---------- */
body {font-family: Arial,sans-serif; font-size: 13px; color:#494949; margin:0; padding: 0px; background:#ededed; line-height:21px;
/*-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;*/}
/* Background for modules and main menu/submenu buttons */
.grayToWhite { background-color: #fafafa; background-image: linear-gradient(0deg, #cac9c9, #f3f4f2); }
.grayToWhite.expanded { background-image: linear-gradient(0deg, #afafaf, #f3f4f2); }
.grayToGray { background-color: #fafafa; background-image: linear-gradient(0deg, #a0a09f, #c6c6c6); }
/* FIXED */
.wp1600 {max-width: 1600px; width: 100%; height: auto; margin: 0 auto; padding: 0; position: relative;}
.wp1300 {width: 1300px; height: auto; margin: 0 auto; padding: 0;}
.wp980 {width: 980px; height: auto; margin: 0 auto; padding: 0;}
.wp95p {/**/ max-width: 2000px; /**/ /* min-width: 1340px; margin-right: 5px; margin-left: 5px;*/ margin: 0 auto; }
/*scroll div */
.scrollHeight { max-height: calc(100vh - 250px); overflow: auto; }
.context-menu-submenu .context-menu-list { max-height: 400px; overflow-y: auto; }
/* RESPONSIVE */
.col1_3 {width: 32%; height: auto; margin-right: 2%}
.col1_3:last-child, .col1_3:nth(3n+3) {margin-right: 0;}
.col2_3 {width: 66%; height: auto;}
.wp45 {width:45%; height: auto; margin: 0px; padding: 0px;}
.w50p {width:49.5%; height: auto; margin: 0px; padding: 0px;}
.w22pTakit {width:23%; height: auto; margin: 0px; padding: 0px; margin-right: 1%; float: left; }
.w19pTakit {width:19%; height: auto; margin: 0px; padding: 0px; padding-right: 2%; float: left; }
.w43pTakit {width:43%; height: auto; margin: 0px; padding: 0px; float:left;}
.w30pTakit {width:33%; height: auto; margin: 0px; padding: 0px; float:right; padding:1%;}
.w30pTakitTop {width:35%; height: auto; margin: 0px; padding: 0px; float:right;}
.w33p {width:33%; height: auto; margin: 0px; padding: 0px; margin-right: 1%; float:left;}
.w66p {width:66%; height: auto; margin: 0px; padding: 0px; float: right; }
.w30blank { background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 3px #AAAAAA; border: 1px solid #cccccc;}
.w65pTakit {width:65%; height: auto; margin: 0px; padding: 0px; float:right;}
.w76pTakit {width:72%; height: auto; margin: 0px; padding: 0px; float:right;}
.wp30 { width: 31%; height: 100%; float: left; overflow: hidden; overflow-y: auto; }
.wp30 .w30blank {float: none; width: calc(100% - 2px); margin-bottom: 20px;}
.wp30 .w30blank #user_data, .wp30 .w30blank .users_filter, .wp30 .w30blank .additionalFilters { position: relative; padding: 10px;}
.wp30 .w30blank .users_filter select{ width: 370px; margin-bottom: 10px; }
.top.addOnMouseOver {width: 100%; padding-right: 25px;}
.middle.addOnMouseOver{width: 100%; padding-right: 25px; padding-bottom: 15px;}
.bottom.addOnMouseOver {width: 100%; padding-right: 25px;}
.top.addOnMouseOver.mouseover-addintervaltotimetable{background: url(../images/downLeftArrowTop.png) no-repeat 98% 13px;}
.addOnMouseOver.mouseover-addintervaltotimetable {background: url(../images/downLeftArrowTop.png) no-repeat 98% 0;}
.downLeftArrowBottom.addOnMouseOver.mouseover-addintervaltotimetable {background: url(../images/downLeftArrowBottom.png) no-repeat 98% 0;}
.loggedInUser {position: absolute; top: 0px; color: #FFFFFF; background-color: #000000; padding: 0px 5px 0px 5px; max-width: 160px; }
.loggedInUser.app {right: 110px;}
a.teamViewer {width: 34px; height: 29px; display: block; position: absolute; top: 13px; right: 10px; text-decoration: none; background: url(../images/teamViewer.png) no-repeat 0 0;}
a.teamViewer:hover {background-position: 0 -29px ;}
a.teamViewer.app {right: 60px;}
/* additional user filtering popup */
#takit_users_filtering { width: 90%; height: auto; margin: 0px; padding: 3% 3% 0% 3%; margin-right: 1%; float: left; background: none repeat scroll 0 0 #FFFFFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 3px #AAAAAA; border: 1px solid #cccccc; }
#takit_users_filtering > ul > li { margin-bottom: 10px; }
#takit_users_filtering input.clearFilters { width: auto; float: left; margin-top: 10px; margin-bottom: 10px; }
#takit_users_filtering input.confirm { width: auto; float: right; margin-top: 10px; margin-bottom: 10px; }
#takit_users_filtering select { width: 100%; box-sizing: border-box; }
#takit_users_filtering .addedFieldDiv label { width: 35%; float: left; margin-top: 3px; }
#takit_users_filtering .addedFieldDiv input,
#takit_users_filtering .addedFieldDiv select { width: 65%; box-sizing: border-box; }
#takit_users_filtering .addedFieldDiv li { margin-bottom: 5px; }
#takit_users_filtering .searchabledropdown { width: 100%; }
/* loading overlay */
.loadingBackground { background: #f2f2f2 url('../images/FhHRx.gif') 50% 50% no-repeat; }
/* showuserstats */
.w76p {width:76%; height: auto; margin: 0px; padding: 0px; float:left;}
.w70p { width: calc(100% - 100px); height: auto; margin: 0px; padding: 0px; float: left; margin-left: 50px; margin-right: 50px; max-width: 1000px; }
.w50p { width:50%; height: auto; margin: 0px; padding: 0px; float: left; }
.w22p { width:23%; height: auto; margin: 0px; padding: 0px; float: right; max-width: 335px; }
.w22pa {width:29%; height: auto; margin: 0px; padding: 0px; float: left;}
.w22paMonitoring {width:27%; height: auto; margin: 0px; padding: 0px; padding-right: 1%; float: left;}
.w35paMonitoring {width:35%; height: auto; margin: 0px; padding: 0px;}
.w67paMonitoring {width:63%; height: auto; margin: 0px; padding: 0px;}
.w67paMonitoring#events_data {width:53%; height: auto; margin: 0px; padding: 0px;}
.fixedviewMonitor {width:300px; height: 100%; margin: 0px; padding: 0px; float: left;margin-left: -300px;}
.responsiveviewMonitor { float: right; height: 100%; width: 98%; }
h2#monitorDate{display: block; padding-left: 10px;}
span.timeEntry_control {display: none !important;}
a#responsiveMenu {display: none;}
.statisticConfirmed { background: url(../images/statisticConfirmed.png); }
.statisticPending { background: url(../images/statisticPending.png); }
.statisticRejected { background: url(../images/statisticRejected.png); }
.statisticManualConfirmed { background: url(../images/statisticManualConfirmed.png); }
.statisticConfirmed, .statisticPending, .statisticRejected, .statisticManualConfirmed { width: 12px; height: 12px; display: inline-block; position: relative; top: 4px; left: 2px; margin-right: 5px;}
/* showuserstats overtime order form */
#statistic_confirmation_form div#statisticConfirmationData label { width: 150px; }
#statistic_confirmation_form div#statisticConfirmationData textarea.reasonText { width: 250px; height: 50px; }
#statistic_confirmation_form div#statisticConfirmationData input { width: 70px; }
/*********************************************************************************************
*************************************** V10 shared CSS ***************************************
*********************************************************************************************/
.ui-front { }
.ui-widget-overlay { position: fixed !important; }
.ui-dialog{ }
.background { background-image: url(../images/background.jpg); background-position-y: 50px; background-size: cover; flex-grow: 1; overflow-y: auto; padding: 0 17px 0 17px; }
.h100 { height: 100%; }
.wh100 { height: 100%; width: 100%; }
.flex { display: flex; }
.flexGap3 { gap: 3px; }
.flexGap10 { gap: 10px; }
.flexWrap { display: flex; flex-wrap: wrap; }
.flexColumn { display: flex; flex-direction: column; }
.flexColumn .topmenu { flex-shrink: 0; }
.flexColumn > .content { flex-grow: 1; overflow-y: auto; padding: 10px 10px 10px 25px; position: relative; z-index: 0; }
.flexColumn > .content .contentData { height: 100%; margin: 0 auto; overflow: auto; }
.flexNoShrink { flex-shrink: 0; }
.absoluteWrapper { left: 0; position: absolute; right: 0; padding: 10px 10px 25px 25px; }
.flexColumn .padding { height: calc(100% - 20px); padding: 10px 10px 10px 30px; }
.clear.noPadding { padding: 0; }
.noevents { pointer-events: none; }
.noselect { user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: default; }
.margin10 { margin: 10px; }
.textCenter { text-align: center; }
wbr:after { content: "\00200B"; } /* IE doesn't support wbr */
input:not(.notchanged):invalid,
select.red,
input.red { border: 2px solid #db2827; }
.ui-widget-content a.red { color: #DB2827; }
button { background: #f5f5f5; border: 1px solid #cccccc; cursor: pointer; float: none; height: 28px; margin: 0; padding: 0 10px; width: auto; }
button:hover { background: #101010; border-color: #101010; color: #ffffff; }
.inputsearch { width: 97%; float: none; display: block; margin-bottom: 5px; background: #fff url(../images/search.png) no-repeat right center; }
.inputsearch:hover,
.inputsearch:focus { background: #fff url(../images/searchHover.png) no-repeat right center; }
.overflowVisible { overflow: visible !important; }
.formatSelection .buttons { margin: 20px 0 0 0 }
/* Top menu (all pages) */
#loggedInInfo .admin { float: left; font-size: 1.3em; font-weight: normal; text-align: left; width: 175px; word-wrap: break-word; }
#loggedInInfo .changepass { float: left; margin-top: auto; }
#loggedInInfo .changepass:hover { color: #db2827; cursor: pointer; }
#loggedInInfo .data { border-left: 1px solid white; box-sizing: border-box; float: left;padding-left: 10px; }
#loggedInInfo .logout { background: #585858 url(../images/logout.png) no-repeat center 10px; cursor: pointer; float: right; }
#loggedInInfo .logout:hover { background: url(../images/logouthover.png) no-repeat center 10px; }
#loggedInInfo .support { cursor: pointer; float: right; }
#loggedInInfo .noTWSupport { margin-top: 35px; }
#loggedInInfo .apartmentKitName { margin-top: 5px; }
/* Top menu (main menu page) */
#header { background: #373737; font-weight: bold; height: auto; text-align: center; vertical-align: middle; }
#header .logo { background: url(../images/logoHome.png) no-repeat 0 0; background-size: contain; display: inline-block; height: 50px; margin: 10px 10px 10px 0; vertical-align: middle; width: 50px; }
#header .title { display: inline-block; font-size: 3em; height: auto; vertical-align: middle; }
#header .company { font-size: 15px; margin-top: -10px; padding-bottom: 10px; }
#header.takit { margin-bottom: 0px; }
#header > div { display: inline-block; }
#header #loggedInInfo { color: white; float: right; height: 100px; margin-left: -300px; width: 300px; }
#header #loggedInInfo .data { height: calc(100% - 20px); margin: 10px; width: 180px; }
#header #loggedInInfo .changepass { margin-top: 5px; }
#header #loggedInInfo .logout { height: 100px; width: 100px; }
#header #loggedInInfo .logout > div { display: block; margin-top: 60px; }
#header #loggedInInfo .support { background: url(../images/teamViewerV10.png); height: 35px; width: 35px; }
/* Top menu (other pages) */
#menu_bar { justify-content: space-between/* to poprav sesutje IE pr #menu_bar .title { display: flex; ... */; }
#menu_bar #loggedInInfo { display: flex; width: 250px; float: right; }
#menu_bar #loggedInInfo .data { display: flex; flex-direction: column; height: 100%; text-align: left; width: 170px; }
#menu_bar #loggedInInfo .changepass { display: none; /* Spremeni geslo je zaenkrat vidno samo na glavni strani (ta.html) */ }
#menu_bar #loggedInInfo .logout { background: #cbc7c6 url(../images/logoutTransparent.png) no-repeat center 10px; cursor: pointer; float: right; width: 80px; -webkit-padding-before: 5px; }
#menu_bar #loggedInInfo .logout:hover { background: #cbc7c6 url(../images/logouthover.png) no-repeat center 10px; }
#menu_bar #loggedInInfo .logout > div { color: white; font-weight: bold; margin-top: 55px; }
#menu_bar #loggedInInfo .logout:hover > div { color: #db2827; }
#menu_bar #loggedInInfo .admin { width: 160px; }
#menu_bar #loggedInInfo .support { background: url(../images/teamViewer.png); height: 29px; margin: 5px 5px 0 auto; width: 34px; }
#menu_bar .title { background: #d40000; display: flex/* to sesuje IE */; justify-content: center; min-width: 256px; vertical-align: middle; width: 1px; }
#menu_bar .title:not(.nolink) { cursor: pointer; }
#menu_bar .title .pageName { display: flex; flex-direction: column; justify-content: center; margin: 10px 0; min-width: calc(100% - 80px); padding: 0 10px; word-wrap: break-word; }
#menu_bar .title:not(.noborder) .pageName { border-left: 1px solid white; }
#menu_bar .homeButton { display: flex; flex-direction: column; height: 100%; width: 80px; }
#menu_bar .homeButton .logo { background: transparent url(../images/menu/logoWhite.png) no-repeat center; height: 100%; margin-top: 5px; width: 100%; }
#menu_bar .title .homeButton .text { font-size: 13px; height: auto; line-height: 14px; margin-bottom: 10px; width: 100%; }
#menu_bar .title:not(.nolink) .homeButton:hover { background-color: #DD5454; }
.noLinkTitle #menu_bar .title:not(.nolink) .homeButton { cursor: pointer; }#menu_bar .title .text { color: white; font-size: 22px; line-height: 24px; }
/* Top menu for user */
.noLinkTitle #menu_bar .title { cursor: default; font-size: 22px; line-height: 24px; }
/* Footer (main menu page) */
#footer { border-top: #cdcdcd solid 1px; font-weight: bold; margin-bottom: 10px; padding: 15px; }
#footer span { position: absolute; width: calc(100% - 30px); }
#footer .company { text-align: left; }
#footer .program { text-align: center; }
#footer .copyright { text-align: right; }
#takit_footer { border-top: #cdcdcd solid 1px; font-weight: bold; position:absolute; width:100%; height:40px; bottom:0px; }
#takit_footer span { position: absolute; width: calc(100% - 30px); }
#takit_footer .company { text-align: left; margin-left: 15px; }
#takit_footer .program { text-align: center; }
#takit_footer .copyright { text-align: right; }
/* Popup dialog */
.dialogPopup input { width: initial; }
.dialogPopup.worktimesAdd select { width: auto; }
.dialogPopup.worktimesAdd label { text-align: right; }
.dialogPopup.worktimesAdd .worktimeAddLeftData ul li label,
.dialogPopup.worktimesAdd .worktimeAddRightData ul li label { padding-right: 2%; width: 38%; }
.dialogPopup.worktimesAdd .worktimeAddLeftData .largeLabel,
.dialogPopup.worktimesAdd .worktimeAddRightData .largeLabel { width: 70%; }
.dialogPopup.worktimesAdd .worktimeAddLeftData .checkBox,
.dialogPopup.worktimesAdd .worktimeAddRightData .checkBox { position: relative; top: 7px; }
.dialogPopup.worktimesAdd .worktimeAddLeftData ul li .searchabledropdown,
.dialogPopup.worktimesAdd .worktimeAddRightData ul li .searchabledropdown { width: 60%; }
.dialogPopup.worktimesAdd input.entrytext,
.dialogPopup.worktimesAdd input.exittext { width: 58%; }
.dialogPopup.worktimesAdd .datepicker { width: 100px; }
.dialogPopup.worktimesAdd .hasTimeEntry { margin-right: 5px; width: 100px; }
.dialogPopup.worktimesAdd span.duration { background: #fadfdf; color: #db2827; left: 0; padding: 3px; position: absolute; top: 44px; }
/* jantar dialog */
.jantarDialog.ui-dialog { background: transparent; border: none; overflow: visible; padding: 0; }
.jantarDialog.jantarDialogShadow.ui-dialog .dialogPopup { box-shadow: rgba(0, 0, 0, 0.231) 0 0 0 99999px; }
.jantarDialog.ui-dialog .nyroModalCloseButton { border: none; right: 0; top: 0; }
.jantarDialog.ui-dialog h2 { margin-bottom: 10px; }
.jantarDialog.ui-dialog .ui-dialog-content { overflow: visible; padding: 1em 1em; }
/* PLUGIN searchabledropdown START */
.searchabledropdown { display: block; height: 30px; width: 100%; }
.searchabledropdown > div { width: 100%; }
#takit_companyOrganization_add .searchabledropdown { width: 51%; }
/*********************************************************************************************
************************************ V10 Side navigation *************************************
*********************************************************************************************/
#sideNav { background: #f3f4f2; /*float: left;*/ height: 100%; left: 0; position: absolute; top: 0; width: 15px; /*z-index: 10;*/ }
#sideNav .items { display: none; }
#sideNav .items > li { height: 120px; width: 120px; }
#sideNav .items li:nth-child(even) { border-left: 1px solid #bbbbbb; }
#sideNav.expanded { width: 241px; }
#sideNav.expanded .items { align-content: flex-start; display: flex; flex-wrap: wrap; height: 100%; overflow-y: auto; }
#sideNav .close { background: #B3B2B2 url(/resources/images/right.png) no-repeat 0 40%; background-size: 15px 30px; cursor: pointer; height: 100%; position: absolute; width: 15px; }
#sideNav.expanded .close { background-image: url(/resources/images/left.png); left: 241px; }
#navGrid { display: flex; height: 100%; }
/* #navGrid > div { width: 100%; } */
#sideNav.expanded #navGrid { width: 272px; }
/* #sideNav.expanded #navGrid > div { width: 100%; } */
#navGrid li.first { border-top: 10px solid #373736; }
#navGrid li.last { border-bottom: 10px solid #373736; }
#sideNav li.expanded .expander { background: url(../images/arrowUp.png) no-repeat center bottom; background-size: 15px; height: 15px; margin-top: -26px; }
#sideNav li a { background-position-y: top !important; background-size: 90px !important; color: #101010; display: table-cell; height: 35px; line-height: 15px; padding: 80px 10% 17px 10%; text-align: center; text-decoration: none; vertical-align: middle; width: 1000px; }
#sideNav li a:hover { color: #DC2827; }
/*********************************************************************************************
***************************************** V10 Icons ******************************************
*********************************************************************************************/
li a#ackit_monitor,
li a#ackit_monitor_menu {background: url(../images/menu/monitor128.png) no-repeat center 20px;}
li a#takit_hardware {background: url(../images/menu/hardware128.png) no-repeat center 20px;}
li a#takit_timetables {background: url(../images/menu/timetables128.png) no-repeat center 20px;}
li a#takit_users {background: url(../images/menu/users128.png) no-repeat center 20px;}
li a#takit_groups {background: url(../images/menu/group128.png) no-repeat center 20px;}
li a#ackit_send_tables {background: url(../images/menu/sendtables128.png) no-repeat center 20px;}
li a#ackit_timeattendance {background: url(../images/menu/timeattendance128.png) no-repeat center 20px;}
li a#ta_calendars {background: url(../images/menu/calendars128.png) no-repeat center 20px;}
li a#ackit_settings {background: url(../images/menu/settings128.png) no-repeat center 20px;}
li a#log_out {background: url(../images/menu/logout128.png) no-repeat center 20px;}
li a#ackit_presence {background: url(../images/menu/presence128.png) no-repeat center 20px;}
li a#ackit_reports {background: url(../images/menu/usrReports128.png) no-repeat center 20px;}
li a#ackit_statistics {background: url(../images/menu/statistics128.png) no-repeat center 20px;}
li a#ackit_countres {background: url(../images/menu/counters128.png) no-repeat center 20px;}
li a#ackit_functions_groups {background: url(../images/menu/funcGroups128.png) no-repeat center 20px;}
li a#ackit_events {background: url(../images/menu/monEvents128.png) no-repeat center 20px;}
li a#takit_settings {background: url(../images/menu/settings128.png) no-repeat center 20px;}
li a#takit_holidays {background: url(../images/menu/holiday128.png) no-repeat center 20px;}
li a#ackit_layouts {background: url(../images/menu/layout128.png) no-repeat center 20px;}
li a#ackit_sensors {background: url(../images/menu/sensors128.png) no-repeat center 20px;}
li a#ackit_device_statuses {background: url(../images/menu/macro128.png) no-repeat center 20px;}
li a#takit_users_events {background: url(../images/menu/timeattendance128.png) no-repeat center 20px;}
li a#ackit_admindashboard {background: url(../images/menu/administratorDashboard.png) no-repeat center 20px;}
li a#ackit_administrators {background: url(../images/menu/admins128.png) no-repeat center 20px;}
li a#ackit_macros {background: url(../images/menu/macro128.png) no-repeat center 20px;}
li a#takit_company_organization {background: url(../images/menu/organisation128.png) no-repeat center 20px;}
/* Menu specific icons (different position-y) */
.menugrid li.mm_screen_keypad_editor a { background: url(../images/menu/keypadEditor128.png) no-repeat center 20px; }
.menugrid li.epursesetcard_main a { background: url(../images/menu/ewallet128.png) no-repeat center 20px; }
.menugrid li.Lunch a { background: url(../images/menu/lunch128.png) no-repeat center 20px; }
.menugrid li.tapresentmonitor_main a { background: url(../images/menu/taPresentMonitor128.png) no-repeat center 20px; }
.menugrid li.am_geo_ip a { background: url(../images/menu/geoIp128.png) no-repeat center 20px; }
.menugrid li.hotel_hotel a { background: url(../images/menu/hotel128.png) no-repeat center top; }
.menugrid li.hotel_apartment_kit a { background: url(../images/menu/apartmentKit128.png) no-repeat center top; }
li a#hotel_guest_checkin { background: url(../images/menu/checkIn128.png) no-repeat center 20px; }
li a#hotel_guest_checkout { background: url(../images/menu/checkOut128.png) no-repeat center 20px; }
li a#hotel_reservation_overview { background: url(../images/menu/reservationOverview128.png) no-repeat center 20px; }
li a#hotel_guest_management { background: url(../images/menu/guestManagement128.png) no-repeat center 20px; }
li a#hotel_status {background: url(../images/menu/hotelStatus128.png) no-repeat center 20px; }
/*********************************************************************************************
***************************************** V10 Menus ******************************************
*********************************************************************************************/
/* Should be renamed to anything but sub sub menu ...also, ackit makes no sense */
.menugrid { cursor: pointer; height: auto; margin: 50px auto; max-width: 1300px; min-width: 800px; width: 95%; }
.menugrid .empty { cursor: default; }
.menugrid .row { display: flex; justify-content: center; }
.menugrid .row.first { border-top: 10px solid #373736; }
.menugrid .row.last { border-bottom: 10px solid #373736; }
.menugrid .row li { margin: -1px; width: 260px; }
.menugrid .row li:not(:first-child) { border-left: 1px solid #bbbbbb; }
.menugrid .row li:not(:last-child) { border-right: 1px solid #bbbbbb; }
.menugrid .expanded .expander { background: url(../images/arrowUp.png) no-repeat center bottom; height: 20px; margin-top: -20px; }
.menugrid li a { color: #101010; display: block; height: 25px; line-height: 15px; padding: 150px 10% 10px 10%; text-align: center; text-decoration: none; }
.menugrid li a:hover { color: #DC2827; }
#addons_menu { border-top: 2px solid #bbbbbb; margin-top: 20px; margin-bottom: 30px; padding-top: 20px; text-align: center; }
#addons_menu span { display: block; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
/*********************************************************************************************
***************************************** V10 Hotel Menu *************************************
*********************************************************************************************/
.hotelMenuGrid { cursor: pointer; height: auto; margin: 0 auto; max-width: 1300px; min-width: 800px; width: 95%; margin-top: 10% }
.hotelMenuGrid .empty { cursor: default; }
.hotelMenuGrid .row { display: flex; justify-content: center; }
.hotelMenuGrid .row.first { border-top: 10px solid #373736; }
.hotelMenuGrid .row.last { border-bottom: 10px solid #373736; }
.hotelMenuGrid .row li { margin: -1px; width: 260px; }
.hotelMenuGrid .row li:not(:first-child) { border-left: 1px solid #bbbbbb; }
.hotelMenuGrid .row li:not(:last-child) { border-right: 1px solid #bbbbbb; }
.hotelMenuGrid .expanded .expander { background: url(../images/arrowUp.png) no-repeat center bottom; height: 20px; margin-top: -20px; }
.hotelMenuGrid li a { color: #101010; display: block; height: 25px; line-height: 15px; padding: 150px 10% 10px 10%; text-align: center; text-decoration: none; }
/*********************************************************************************************
***************************************** V10 Login ******************************************
*********************************************************************************************/
#login { background-color: #ededed; }
#login .all { max-width: none; padding: 50px 0 150px 0; }
/*chrome hack*/
#login input#Username:-webkit-autofill,
#login input#Password:-webkit-autofill { -webkit-box-shadow: 0 0 0 50px #fff inset; }
#loginform { border-bottom: #cdcdcd solid 1px; padding-bottom: 30px; text-align: center; }
#loginform h1 { border-bottom: #cdcdcd solid 1px; color: black; font-size: 2em; padding-bottom: 20px; }
#logindata { margin: 30px auto 0 auto; max-width: 400px; }
#logindata input { float: none;/* removes float from css rule: input ... float should not be on all inputs */ height: 30px; margin: 1em 2em; padding-left: 10px; width: 80%; }
#logindata input[type="button"] { background-color: #db2827; border: none; color: white; cursor: pointer; font-weight: bold; height: 40px; max-width: 250px; padding-left: 0; width: 60%; }
#logindata input[type="button"].loading { background: url("../images/FhHRx.gif") no-repeat scroll center center transparent; color: transparent; pointer-events: none; }
/*********************************************************************************************
***************************************** V10 Notifications **********************************
*********************************************************************************************/
.notifications { width: 100vw; flex-shrink: 0; }
.notifications .alert { background-color: #f44336; color: white; display: flex; padding: 5px; }
.notifications .alert:not(:first-child) { border-top: 1px solid #ededed; }
.notifications .alert.success { background-color: #4CAF50; }
.notifications .alert.info { background-color: #2196F3; }
.notifications .alert.warning { background-color: #ff9800; }
.notifications .alert .icon { font-size: 50px; font-weight: bold; line-height: 50px; max-height: 50px; min-width: 40px; width: 40px; }
.notifications .alert .content { flex-grow: 1; flex-basis: 0; padding-left: 10px; }
.notifications .alert .content .status { color: white; font-size: 1.5em; line-height: 1.5em; }
.notifications .alert .content .message { font-size: medium; }
.notifications .alert .buttonswrapper { display: flex; flex-direction: column; justify-content: flex-end; }
.notifications .alert .buttons button { background: #f5f5f5; cursor: pointer; border: 1px solid #cccccc; margin-right: 10px; white-space: nowrap; }
.notifications .alert .buttons button:hover { background: #101010; cursor: pointer; border: 1px solid #101010; color: #ffffff; }
/*Javascript enable*/
#noscript,#nocookies {text-align: center;}
/*page*/
/*header*/
/*body { display: none; } Display none could be added with new jQuery (This would remove load flickering of pages) */
body#page .all, body#page section.all, body#page footer.all, .all { max-width: 1300px; margin: 0 auto; padding: 0px; position: relative; }
body#page small.all, .small {max-width: 620px; margin: 0 auto; padding: 0px; position: relative;}
body#page .medium.all, .medium {max-width: 1000px; margin: 0 auto; padding: 0px; position: relative;}
body#page .takit_medium { margin: 20px auto 0 auto; width: 100%; }
body#page #menu {width: 100%; text-align: center; height: auto; margin: 0px; padding: 0px;}
body#page #menu ul {width: auto; height: auto; padding: 20px 0px; padding-bottom: 0px; margin: 0px auto; list-style-type: none;display: inline-block; margin-bottom: 40px;}
body#page #menu ul li {width: auto; height: 46px; float: left; }
body#page #menu ul li.last {margin: 0px;}
body#page #menu ul li a {width: auto; min-width: 50px; height: 16px; display: block; padding: 0px 15px; padding-top: 50px; text-align: center; color: #101010; text-decoration: none; background: url(../images/logo.png) no-repeat top center;}
body#page #menu ul li.back a {background: url(../images/back.png) no-repeat top center;}
body#page #menu ul li.logout a { height: 16px; display: block; padding-top: 50px; background: url(../images/logout.png) no-repeat top center;}
body#page #menu ul li.logout:hover a { background: url(../images/logoutHover.png) no-repeat top center;}
/* first menu */
body#page .all #firstMenu ul, body#page .all #secondMenu {width: 600px; height: auto; margin: 20px auto 0;}
body#page .all #secondMenu h1 {padding-left: 12px;}
body#page .all #firstMenu ul li, body#page .all #secondMenu ul li {width: 170px; margin: 2.3%; padding: 0; float: left; border: 1px solid #bbbbbb; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; overflow: hidden;}
body#page .all #firstMenu ul li a, body#page .all #secondMenu ul li a {width: 80%; height: 25px; margin: 0; padding: 10px 10%; padding-top: 120px; line-height: 15px; color: #101010; text-decoration: none; display: block; text-align: center; background-position: center top;}
body#page .all #firstMenu ul li:hover a, body#page .all #secondMenu ul li:hover a {color: #DC2827;}
body#page .all #firstMenu ul li a, body#page .all #secondMenu ul li a{background: url(../images/menu/monitor128.png) no-repeat center top;}
body#page .all #firstMenu ul li.codeks_user_client_meni a, body#page .all #secondMenu ul li.codeks_user_client_meni a {background: url(../images/menu/monitor128.png) no-repeat center top;}
body#page .all #firstMenu ul li.am_fd_main a, body#page .all #secondMenu ul li.am_fd_main a{background: url(../images/menu/frontDesk128.png) no-repeat center top;}
body#page .all #firstMenu ul li.mm_codeks_ta_login a, body#page .all #secondMenu ul li.mm_codeks_ta_login a{background: url(../images/menu/timeattendance128.png) no-repeat center top;}
body#page .all #firstMenu ul li.mm_codeks_takit_login a, body#page .all #secondMenu ul li.mm_codeks_takit_login a{background: url(../images/menu/timeattendance128.png) no-repeat center top;}
body#page .all #firstMenu ul li.mm_user_login a, body#page .all #secondMenu ul li.mm_user_login a{background: url(../images/menu/userStatistic128.png) no-repeat center top;}
body#page .all #firstMenu ul li.am_geo_ip a, body#page .all #secondMenu ul li.am_geo_ip a{background: url(../images/menu/geoIp128.png) no-repeat center top;}
body#page .all #firstMenu ul li.am_permits a, body#page .all #secondMenu ul li.am_permits a{background: url(../images/menu/ePermits128.png) no-repeat center top;}
body#page .all #firstMenu ul li.am_ta_leave_announces a, body#page .all #secondMenu ul li.am_ta_leave_announces a{background: url(../images/menu/announces128.png) no-repeat center top;}
body#page .all #firstMenu ul li.mm_screen_keypad_editor a, body#page .all #secondMenu ul li.mm_screen_keypad_editor a{background: url(../images/menu/keypadEditor128.png) no-repeat center top;}
body#page .all #firstMenu ul li.epursesetcard_main a, body#page .all #secondMenu ul li.epursesetcard_main a{background: url(../images/menu/ewallet128.png) no-repeat center top;}
body#page .all #firstMenu ul li.tapresentmonitor_main a, body#page .all #secondMenu ul li.tapresentmonitor_main a{background: url(../images/menu/taPresentMonitor128.png) no-repeat center top;}
body#page .all #firstMenu ul li.ta_SAPExport a, body#page .all #secondMenu ul li.ta_SAPExport a {background: url(../images/menu/usrReports128.png) no-repeat center top}
body#page .all #firstMenu ul li.ta_MFERACExport a, body#page .all #secondMenu ul li.ta_MFERACExport a {background: url(../images/menu/usrReports128.png) no-repeat center top}
body#page .all #firstMenu ul li.ta_BAANExport a, body#page .all #secondMenu ul li.ta_BAANExport a {background: url(../images/menu/usrReports128.png) no-repeat center top}
body#page .all #firstMenu ul li.Lunch a, body#page .all #secondMenu ul li.Lunch a {background: url(../images/menu/lunch128.png) no-repeat center top}
body#page .all #firstMenu ul li.am_reservations a, body#page .all #secondMenu ul li.am_reservations a {background: url(../images/menu/reservations128.png) no-repeat center top}
body#page .all #firstMenu ul li.hotel_hotel a, body#page .all #secondMenu ul li.hotel_hotel a {background: url(../images/menu/hotel128.png) no-repeat center top}
body#page .all #firstMenu ul li.mm_codeks_ac_login a, body#page .all #secondMenu ul li.mm_codeks_ac_login a{background: url(../images/menu/codeksAc128.png) no-repeat center top;}
body#page .all #firstMenu ul li.hotel_apartment_kit a, body#page .all #secondMenu ul li.hotel_apartment_kit a { background: url(../images/menu/apartmentKit128.png) no-repeat center top; }
body#page .all #firstMenu ul li.mm_layout a, body#page .all #secondMenu ul li.mm_layout a{background: url(../images/menu/layout128.png) no-repeat center top;}
body#page .all #firstMenu ul li.am_ip_camera a, body#page .all #secondMenu ul li.am_ip_camera a{background: url(../images/menu/camera128.png) no-repeat center top;}
body#page .all #firstMenu ul li.ta_shifts a, body#page .all #secondMenu ul li.ta_shifts a{background: url(../images/menu/shifts128.png) no-repeat center top;}
body#page .all #firstMenu ul li.ta_weekly_table_view a, body#page .all #secondMenu ul li.ta_weekly_table_view a{background: url(../images/menu/weeklyTableView128.png) no-repeat center top;}
body#page .all #firstMenu ul li.mm_parking a, body#page .all #secondMenu ul li.mm_parking a{background: url(../images/menu/parking128.png) no-repeat center top;}
body#page .all #firstMenu ul li.ta_ebol_import a, body#page .all #secondMenu ul li.ta_ebol_import a {background: url(../images/menu/eBol128.png) no-repeat center top}
body#page .all.mobile #firstMenu ul {width: 300px; height: auto; margin: 0px; padding: 0px; margin: 0px auto; background: url(../images/carbon.jpg) no-repeat 0 0; background-size: cover; }
body#page .all.mobile #firstMenu ul li {width: 100%; border-radius: 0; -webkit-border-radius: 0; moz-border-radius: 0; border: none; float: none; margin: 0px; padding: 0px; display: block; border-bottom: 1px solid #404040;}
body#page .all.mobile #firstMenu ul li div.grayToWhite { background: none; }
body#page .all.mobile #firstMenu ul li.am_menu_announce_absence,
body#page .all.mobile #firstMenu ul li.am_menu_request_exit_permit,
body#page .all.mobile #firstMenu ul li.am_reservations,
body#page .all.mobile #firstMenu ul li.lunch_order_lunch,
body#page .all.mobile #firstMenu ul li.am_fd_visitor_announce,
body#page .all.mobile #firstMenu ul li.ta_distance_table { border-top: 2px solid #db2827; }
body#page .all.mobile #firstMenu ul li.last {border: none;}
body#page .all.mobile #firstMenu ul li a {width: auto; height: 20px; display: block; background: none; text-align: center; font-size: 15px; padding: 9px 15px; text-decoration: none; color: #D5D5D5;}
body#page .all.mobile #firstMenu ul li a:hover {background: #db2827; color: #fff;}
body#page .all.mobile #firstMenu ul li.last a{border-radius: 0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius: 0 0 7px 7px; border-top: 2px solid #db2827;}
body#page .all.mobile #firstMenu ul li.first a{border-radius: 7px 7px 0 0 ; -moz-border-radius: 7px 7px 0 0 ; -webkit-border-radius: 7px 7px 0 0 ;}
body#page .all a#loginLogo {width:47px; height: 46px; display: block; float: left; padding: 0px; background: url(../images/logo.png) no-repeat 0 0;}
#loginTop {width: 130px; height: 46px; margin: 20px auto; clear: both; }
a.dologout {width:46px; height: 46px; display: block; padding: 0px; background: url(../images/logout.png) no-repeat 0 0; float:right; }
a.dologout:hover {background: url(../images/logoutHover.png) no-repeat 0 0;}
#registrationPlace { margin-top: 10px; }
#registrationPlace ul { margin: 0 auto; width: 300px; background-color: #101010; padding: 6px 0px; }
#registrationPlace ul li label { width: 30%; float: left; padding: 5px 0px 0px 5px; color: #D5D5D5; }
#registrationPlace ul li select { width: 65%; float: right; border: 1px solid #101010; }
/*section*/
body#page section article {width: auto; height: auto;}
body#page section article h2.title {width: auto; height: 26px; padding: 10px 10px; padding-bottom: 0px; margin: 0px; background: #101010 url(../images/lines.png) repeat-x 0 0;
border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; border-bottom: 2px solid #db2827;
color: #fff; font-size: 14px; font-weight: normal; text-shadow: 1px 1px 1px #000; filter: dropshadow(color=#000, offx=1, offy=1); }
body#page section article section.content {width: auto; height: auto; margin: 0px; margin-bottom: 20px; padding: 10px; background: #fff; border: 1px solid #cccccc; border-top: 0px;}
/*aside*/
.contentFrame {height: auto;}
.contentFrame h2.title {width: auto; height: 26px; display: block; padding: 10px 10px; padding-bottom: 0px; margin: 0px; background: #101010 url(../images/lines.png) repeat-x 0 0;
border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; border-bottom: 2px solid #db2827;
color: #fff; font-size: 14px; font-weight: normal; text-shadow: 1px 1px 1px #000; filter: dropshadow(color=#000, offx=1, offy=1); }
.contentFrame .content {width: auto; height: auto; margin: 0px; position: relative; margin-bottom: 10px; padding: 10px; background: #fff; border: 1px solid #cccccc; border-top: 0px;}
ul.dataInfo input{ max-width: 255px; float: none;}
.contentFrame.userData .content {padding-right: 15px;}
/* user data */
#userData {width: auto; height: auto; font-size: 19px; display: block; margin-bottom: 15px;}
#userData span, #userData .accessGroupWrapper {float: left;}
#userData span.lastname {margin-right: 5px;}
#userData .accessGroupWrapper span {float: none; }
#userData .accessGroupWrapper span span.accessGroup {margin: 0;}
div.approvalPersonDiv { margin-top: 10px; height: 25px; }
div.dateDiv { height: 25px; }
.listsettings { display: inline-block; width: 100%; }
.approvalDescription, .approvalPeriodDescription { float:left; width: 40%; }
.approvalPeriodDescription label { padding-right: 3px; }
.approvalDescription label, .approvalPeriodDescription label { float:right; }
.approvalValue { float:left; width: 60%; }
#month {font-size: 15px;}
#selectInterval {margin-bottom: 10px;}
#selectInterval select {display: inline-block; width: 100px;}
#dateInterval {margin-top: 5px; height: 20px;}
ul.dataInfo li {width: auto; height: auto; padding: 0px; margin: 0px; display: block;}
.data_statistics ul.dataInfo li,
.data_timecutsums ul.dataInfo li,
.data_hourfundsums ul.dataInfo li,
#data_drive_routes ul.dataInfo li { display: flex; }
ul.dataInfo li.border { border-bottom: 1px solid #AAAAAA; }
#userData .data_user_previous {margin-right: 5px;}
#userData .data_user_next {margin-left: 5px;}
a.data_current_date_interval_previous {width: 22px; height: 22px; display: inline-block; margin: 0px; padding: 0px; background: url(../images/arrows.png) no-repeat 0 0; zoom: 1; *display: inline;}
a.data_current_date_interval_previous:hover {background-position: 0px -22px;}
a.data_current_date_interval_this {width: 22px; height: 22px; display: inline-block; margin: 0px; padding: 0px; background: url(../images/arrows.png) no-repeat 0 -110px; zoom: 1; *display: inline;}
a.data_current_date_interval_this:hover {background-position: 0px -88px;}
a.data_current_date_interval_next {width: 22px; height: 22px; display: inline-block; margin: 0px; padding: 0px; background: url(../images/arrows.png) no-repeat 0 -44px; zoom: 1; *display: inline;}
a.data_current_date_interval_next:hover {background-position: 0px -66px;}
#dateInterval .approve_current_worktime {display: inline-block; height: 22px; float: right; width: 50%; margin-right: 10%; text-align: center; line-height: 22px;}
#dateInterval .approvedByNotification {float: right; width: 70%; height: 20px; }
a.data_user_previous {width: 22px; height: 22px; display: inline-block; margin: 0px; padding: 0px; background: url(../images/arrows.png) no-repeat 0 0; zoom: 1; *display: inline;}
a.data_user_previous:hover {background-position: 0px -22px;}
a.data_user_next {width: 22px; height: 22px; position: absolute; top: 10px; right: 5px; display: inline-block; margin: 0px; padding: 0px; background: url(../images/arrows.png) no-repeat 0 -44px; zoom: 1; *display: inline;}
a.data_user_next:hover {background-position: 0px -66px;}
#timeattendance #selectedworkplan { margin-top: 10px; }
#timeattendance #selectedworkplan select { height: 25px; line-height: 21px; width: 100%; }
#addworkplantemplate label { display: inline-block; text-align: right; width: 120px; }
#addworkplantemplate input { float: none; width: 280px; }
#addworkplantemplate input.button { float: left; width: auto; }
#addworkplantemplate input.button:hover { background-color: #000000; color:#FFFFFF; cursor:pointer; }
#addworkplantemplate input.submit { float: right; width: auto; cursor:pointer; }
#addworkplantemplate select { display: inline-block; width: 290px; }
#addworkplantemplate input[type="file"] { display: block; float: none; height: 70px; margin: 10px auto 30px; width: 300px; }
#work_plan_form { background: white; max-height: 100%; padding: 10px; }
#work_plan_form .plandata { margin: 5px auto; width: 500px; }
#work_plan_form .plandata li { align-items: center; display: flex; margin-bottom: 3px; }
#work_plan_form .plandata label { margin-right: 5px; text-align: right; width: 120px; }
#work_plan_form .plandata input { float: none; width: 280px; }
#work_plan_form .plandata select { width: 100px; margin-right: 9px; }
#work_plan_form .plandata .date { margin: 0; width: 75px; }
#work_plan_form .templateData { overflow-y: auto; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #work_plan_form .templateData { max-height: calc(100vh - 200px); } } /* IE10, IE11 needs specific height for scroll with auto height flex */
#work_plan_form .buttons { margin: 10px 50px 0; text-align: center; }
#work_plan_form .buttons input { margin: 0 50px; }
#work_plan_form table { display: inline; }
#work_plan_form table td { padding: 0 5px; }
#work_plan_form table td input { border: none; height: 100%; padding: 0; width: 100%; }
/* Saldo transfer request on showuserstats */
#saldotransferrequest .data label { width: 40%; }
#saldotransferrequest .data input { width: 50px; }
#saldotransferrequest .data textarea { width: 57%; height: 50px; padding: 4px 4px; }
/*userlist*/
.userlistFormData ul li textarea {width: 180px; padding: 3px;}
.nyroModalLink .formData.userlistFormData ul li label {width: 30%}
.nyroModalLink .formData.userlistFormData ul li input {width: 178px;}
.nyroModalLink .formData.userlistFormData ul li select {width: 188px;}
/*icons*/
ul.dataIcons li {width: auto; height: auto; padding: 0px; margin: 0px; display: block;margin-bottom: 7px;}
ul.dataIcons li a{color: #494949; text-decoration: none; padding-left: 23px;}
a.addEnter {width: auto; height: 16px; display: block; background: url(../images/addEnter.png) no-repeat 2px 0; }
a.addEnter:hover {color: #db2827; background-position: 2px -16px;}
a.editStats {width: auto; height: 14px; display: block; background: url(../images/editStats.png) no-repeat 1px 0;}
a.editStats:hover {color: #db2827; background-position: 1px -14px;}
a.addEvent {width: auto; height: 16px; display: block; background: url(../images/addEvent.png) no-repeat 0 0;}
a.addEvent:hover {color: #db2827; background-position: 0px -16px;}
a.editEvent {width: auto; height: 16px; display: block; background: url(../images/editEvent.png) no-repeat 0 0;}
a.editEvent:hover {color: #db2827; background-position: 0px -16px;}
a.deleteEvent {width: auto; height: 16px; display: block; background: url(../images/deleteEvent.png) no-repeat 0 0;}
a.deleteEvent:hover {color: #db2827; background-position: 0px -16px;}
a.undu {width: auto; height: 16px; display: block; background: url(../images/undu.png) no-repeat 0 0;}
a.undu:hover {color: #db2827; background-position: 0px -16px;}
a.events {width: auto; height: 16px; display: block; background: url(../images/events.png) no-repeat 0 0;}
a.events:hover {color: #db2827; background-position: 0px -16px;}
/*table*/
table.tableData {width: 100%; height: auto; margin: 0px; padding: 0px; table-layout: fixed; border-collapse: collapse !important;}
table.tableData.leaveannounce,
table.tableData.pendingleaveannounce,
table.tableData.exitPermits,
table.tableData.pendingExitPermits,
table.tableData.pendingsaldotransferrequests { margin-top: 20px; }
table.tableData thead tr th {height: 36px; padding: 0; text-indent: 10px; margin: 0; background: #101010 url(../images/lines.png) repeat 0 0;
border-right: 1px solid #585858; border-bottom: 2px solid #db2827; text-align: left;
color: #fff; font-size: 14px; font-weight: normal; text-shadow: 1px 1px 1px #000; vertical-align: middle; }
table.tableData thead tr th.first,
table.tableData thead tr th:first-child {border-radius: 7px 0px 0px 0px; -moz-border-radius: 7px 0px 0px 0px; -webkit-border-radius: 7px 0px 0px 0px;}
table.tableData thead tr th.last,
table.tableData thead tr th:last-child {border-radius: 0px 7px 0px 0px; -moz-border-radius: 0px 7px 0px 0px; -webkit-border-radius: 0px 7px 0px 0px; border-right: none;}
table.tableData thead tr th.one {border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; }
table.tableData thead tr th.twoOptions {width: 90px;}
table.tableData thead tr th span.resize {border-width: 0; bottom: 0; cursor: col-resize; display: block; height: 100%; margin: 0 0 0 -5px; position: absolute; top: 0; width: 9px; }
table.tableData tbody tr:nth-child(odd) {background: #ffffff;}
table.tableData tbody tr:nth-child(even) {background: #f6f6f6;}
table.tableData tbody tr:hover {background: #f6f6f6;}
table.tableData.singleColorRows tbody tr { background: #ffffff; }
table.tableData.singleColorRows tbody tr:hover { background: #f6f6f6; }
table.tableData tbody tr.filtered {display: none;}
table.tableData tbody tr.hiddenAccessGroup {background: #ffffb2;}
table.tableData tbody tr.replacmentcarduser td{background: #fbfaae;}
table.tableData tbody tr td {border: 1px solid #cccccc !important; overflow: hidden; padding: 0 2px !important; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word;}
table.tableData tbody.invisible tr td { border: none !important; } /* IE shows borders even if inside invisible element */
table.tableData tbody tr td span.relativeCellWrapper {display: block; position: relative;}
table.tableData.timeTable tbody tr td {padding: 0 2px;}
/* table icons*/
table.tableData tbody tr td a.edit, table.tableData tbody tr td span.edit {width: 16px; height: 16px; display: inline-block; position: relative; top: 3px; background: url(../images/page_white_edit.png) no-repeat 0 0; zoom: 1; *display: inline;}
table.tableData tbody tr td a.edit:hover { filter: grayscale(100%);}
table.tableData tbody tr td a.approve, table.tableData tbody tr td span.approve {width: 16px; height: 16px; display: inline-block; position: relative; top: 3px; background: url(../images/aprove.png) no-repeat 0 0; zoom: 1; *display: inline;}
table.tableData tbody tr td a.approve:hover { background-position: 0px -16px;}
table.tableData tbody tr td a.reject, table.tableData tbody tr td span.reject {width: 16px; height: 16px; margin-left: 5px; display: inline-block; position: relative; top: 3px; background: url(../images/deleteEvent.png) no-repeat 0 0; zoom: 1; *display: inline;}
table.tableData tbody tr td a.reject:hover { background-position: 0px -16px;}
table.tableData tbody tr td a.cancel, table.tableData tbody tr td span.cancel {width: 16px; height: 16px; margin-left: 5px; display: inline-block; position: relative; top: 3px; background: url(../images/closeSmall.png) no-repeat 0 0; zoom: 1; *display: inline; border: 0;}
table.tableData tbody tr td a.cancel:hover { filter: grayscale(100%);}
table.tableData tbody tr td span.pending {width: 16px; height: 16px; margin: 0 auto; display: block; text-indent: -123456px; position: relative; top: 3px; background: url(../images/pending.png) no-repeat 0 0; zoom: 1; *display: inline;}
table.tableData tbody tr td span.pending:hover { background-position: 0px -16px;}
table.tableData tbody tr td span.approve, table.tableData tbody tr td span.reject, table.tableData tbody tr td span.cancel {margin: 0 auto; display: block; text-indent: -123456px;}
/* fixed line */
table.tableData.fixedLine tbody tr td span {display: block; height: 19px; overflow: hidden;}
/* diffrent Table */
#diffrentTable table tr td {padding: 0 5px; white-space: nowrap;}
#diffrentTable table.tableData thead tr th.last {width: 30%;}
#diffrentTable table.scrollable thead tr th span {text-indent: 5px;}
#diffrentTable .fourteen{max-height: 401px;}
#diffrentTable .fourteen.h768 {max-height:336px;}
#diffrentTable .fourteen.h900 {max-height:468px;}
#diffrentTable .fourteen.h1080 {max-height:644px;}
body.h768 .fourteen {max-height:330px;}
body.h900 .fourteen {max-height:468px;}
body.h1080 .fourteen {max-height:644px;}
/*MONITOR scroll div */
/*lokacije*/
.scrollHeight.monitor { max-height: calc(100% - 30px); overflow-y: auto; }
/*TABELA*/
body.h768 .fourteen.monitor {max-height:330px;}
body.h900 .fourteen.monitor {max-height:484px;}
body.h1080 .fourteen.monitor {max-height:671px;}
body.h1080 .scrollingArea.fourteen.monitor { max-height: calc(100vh - 235px); }
#diffrentTable table.scrollable.tableData thead tr th input.tableHeadCheckbox {left: 6px;}
#timeintervals_data_table .tableData tbody tr td:first-child {white-space: nowrap;}
#timeintervals_data_table .tableData tbody tr td .interval_name {display: block; padding-right: 15px; position: relative;}
#timeintervals_data_table .tableData tbody tr td .interval_name a {position: absolute; right: 0;}
#timeintervals_data_table table.scrollable tr td {min-width: 34px;}
/*konfiguracija kontrolerja*/
.downData h2.firstChild {margin-top: 4px;}
.downData h2 {margin-top: 10px;}
.downData ul#buttons {margin-top: 15px;}
/*SCROLL JS */
/*head*/
.tablescroll table.tablescroll_head { height: auto; margin: 0px; padding: 0px; }
.tablescroll table.tablescroll_head thead tr th { width:100px !important; background: #fff; color: #494949; border: none; border-left:1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.tablescroll table.tablescroll_head thead tr th.last {border-right:1px solid #cccccc;}
.tablescroll table.tablescroll_head thead tr th input , .tablescroll table.tablescroll_head thead tr th select{width: auto; height: auto; float: none;}
table tr.filters {background: #fff;}
table tr.filters td{border: 1px solid #cccccc; border-left: none;}
table tr.filters td.first, table tr.filters td:first-child {border-left: 1px solid #cccccc;}
table tr.filters td input {border: none; background: #fff; width: 100%; padding: 0; text-indent: 5px;}
table tr.filters td input.half {width: 50%;}
table tr.filters td select {border: none; background: #fff; width: 100%; padding: 0;}
table tr.filters td input { background: url("../images/search.png") no-repeat scroll right center #FFFFFF;}
table tr.filters td input:focus, table tr.filters td input.filtered {background: url("../images/searchHover.png") no-repeat scroll right center #FFFFFF;}
table tr.filters td a.searchIcon { width: 20px; height: 20px; position: absolute; margin-left: -20px; margin-top: 5px; }
table tr.filters td a.searchIcon.withPopup { cursor: pointer; }
table tr.filters td a.searchIcon.focused { width: 20px; height: 20px; position: absolute; margin-left: -20px; margin-top: 5px; }
/*********************************************************************************************
************************************ V10 Time attendance *************************************
*********************************************************************************************/
.lightgray { background: #F5F5F5; }
.nyroModalBg { }
.nyroModalCont { }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .nyroModalCont { z-index: 0; } } /* ie11 z-index reset */
.nyroModalClose { }
#timeattendance .TAright { float: right; height: 100%; max-width: 335px; width: 23%; }
#timeattendance .TAright .fixedItems { margin-bottom: 10px; }
#timeattendance .TAright .scrollableItems { overflow: auto; }
#timeattendance .TAright .contentFrame:last-child .content { margin-bottom: 0; }
#timeattendance .TAleftcenter { float: none; height: 100%; overflow: hidden; width: auto; }
#timeattendance .TAleft { display: block; float: left; height: 100%; width: calc(-10px + 30.000002%); }
#timeattendance .TAcenter { float: right; height: 100%; margin-right: 10px; width: calc(70% - 10px); }
#timeattendance .weeks_wrapper { background: #fff; border: 1px solid #b7b7b7; border-top: 0px; cursor: default; height: auto; max-height: 100%; overflow-x: hidden; overflow-y: auto; }
#timeattendance { height: 100%; }
#timeattendance #data h2.title { display: flex; height: auto; }
#timeattendance #data h2.title > span { flex-grow: 1; }
#timeattendance .data_events { height: 100%; }
#timeattendance .data_events h2.title input.expandcollapse { margin: auto 0 5px 0; }
#timeattendance .data_events .day { border-bottom: 1px solid #b7b7b7; border-left: 2px solid transparent; border-right: 2px solid transparent; border-top: 0; display: flex; }
#timeattendance .data_events .day.currentday { font-weight: bold; }
#timeattendance .data_events .day.selected,
#timeattendance .data_events .day:hover { border-left-color: black; border-right-color: black; }
#timeattendance .data_events .day .dot,
#timeattendance .data_events .day .expand {
cursor: pointer;
width: 18px;
padding: 0;
border-right: solid 2px #F5F5F5;
background: #F5F5F5;
}
#timeattendance .data_events .day .expand > div {
width: 10px;
height: 10px;
margin-top: 15px;
margin-left: 2px;
background: /*gray*/ url('../images/eventsArrow.png') no-repeat;
background-size: contain;
}
#timeattendance .data_events .day .expand:hover > div {
width: 10px;
height: 10px;
margin-top: 15px;
margin-left: 2px;
background: url('../images/eventsArrowHover.png') no-repeat;
background-size: contain;
}
#timeattendance .data_events .day.expanded .expand > div {
-webkit-transform: rotate(180deg) translate(0, 7px);
-moz-transform: rotate(180deg) translate(0, 7px);
-ms-transform: rotate(180deg) translate(0, 7px);
-o-transform: rotate(180deg) translate(0, 7px);
transform: rotate(180deg) translate(0, 7px);
}
#timeattendance .data_events .day .dot > div {
width: 7px;
height: 7px;
margin-top: 15px;
margin-left: 2px;
background: /*gray*/ url('../images/dot.png') no-repeat;
background-size: contain;
}
#timeattendance .data_events .day .staticon.center { margin-top: 13px; }
#timeattendance .data_events .day > div:not(:first-child) { padding: 0 5px 0 5px; }
.maindaystatistic { flex-grow: 1; height: 22px; display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#timeattendance .data_events .day span.changed { color: #db2827; }
#timeattendance .daydata .SQLCommands span.changed { color: blue; }
/* #timeattendance .daydata .EBolImport span.desc { color: #8db800; } */
/* Other: InitialEntry, HardwareEvent, NetCommands, ServerProcessing, UserRequestConfirm */
#timeattendance .code:not(:empty) { background: #ebebeb; flex-shrink: 0; font-family: "Lucida Console", Monaco, monospace; margin-right: 2px; padding: 0 3px; white-space: pre; }
#timeattendance .daydata .desc { flex-shrink: 1; overflow: hidden; text-overflow: ellipsis; }
#timeattendance .daydata .times { flex-shrink: 0; margin-right: 3px; }
#timeattendance .daydata .duration { margin: 0 3px; }
.entryexitstatistic { display: flex; margin-left: -103px; overflow: hidden; }
.entryexitstatistic img { align-self: center; float: left; height: 16px; margin-left: 20px; width: 16px; margin-top: 1px; }
.entryexitstatistic span.stat { display: flex; padding-left: 22px; }
.maindaystatistic:hover,
.entryexitintervals .entryexitstatistic:hover,
li.entry:hover, li.exit:hover, li.interval:hover { background: #eeeeee; }
.entryexitinterval:not(:last-child) { border-bottom: 1px solid #f2f2f2; }
.entryexitinterval img { position: relative; top: 3px; }
.entryexitinterval .text,
.entryexitinterval .time { margin-left: 3px; }
.entryexitinterval .interval { padding-left: 15px; }
.entryexitinterval .interval img { float: left; margin: 2px 3px 0 0; position: static; }
.entryexitinterval .interval .sumtime { margin-left: 3px; }
.intervaltext { font-size: 12px; }
.eventError { background: #eeeeee url(../images/eventError.png); display: inline-block; width: 3px; height: 12px; margin: 0 1px 0 2px; position: relative; top: 1px; }
.entry .eventError { margin-right: 3px;}
#timeattendance .day .statisticAndStatus { display: flex; height: 21px; overflow: hidden; }
#timeattendance .day .statisticAndStatus .timecutsum::after { content: ' '; white-space: pre; }
/* Day status icons */
#timeattendance .day div.daystatus { flex-shrink: 0; margin-top: 3px; }
#timeattendance .day div.daystatus span {
width: 15px; height: 15px; display: inline-block; margin-right: 5px; position: relative; background: transparent url(../images/dayStatus.png);
}
#timeattendance .data_events .day div.daystatus span.timecut { background-position-x: -1px; }
#timeattendance .data_events .day div.daystatus span.maintime { background-position-x: -17px; }
#timeattendance .data_events .day div.daystatus span.statistic { background-position-x: -33px; }
#timeattendance .data_events .day div.daystatus span.interval { background-position-x: -49px; }
#timeattendance .data_events .day div.daystatus span.deleted { background-position-x: -65px; display: hidden; } /* Not yet supported */
#timeattendance .data_events .day div.daystatus span.error { background-position-x: -81px; }
#timeattendance .data_events .day div.daystatus span.events { background-position-x: -97px; }
#timeattendance .data_events .day div.daystatus span.note { background-position-x: -113px; }
/*.day div.daystatus span:hover { background-position-y: -16px; }*/
#timeattendance .data_events .day div.daystatus span { background-position-y: -1px; }
#timeattendance .data_events .day div.daystatus span.note:hover,
#timeattendance .data_events .day div.daystatus span.events:hover { background-position-y: -17px; cursor: pointer; }
#timeattendance .data_events .day div.daystatus span.active { background-position-y: -17px; }
/* Timeline */
.timeline { position: relative; }
/* Drive routes*/
#data_drive_routes ul li span.placeName { flex-grow: 1; overflow: hidden; white-space: pre; }
#data_drive_routes ul li span.routeValues { flex-shrink: 0; padding-left: 10px; }
/* V10 - Time and attendace - Weekly view */
#timeattendance #data h2 input.taswitchview { background-color: #555555; border-top-right-radius: 7px; border-top-left-radius: 7px; border-width: 0; color: #cccccc; font-family: Arial,sans-serif; margin: 0 10px 0 0; max-width: 20%; padding: 0 5px; width: auto; }
#timeattendance #data h2 input.taswitchview.selected { background-color: #db2827 !important; border-style: inset; color: white; }
#timeattendance #data h2 input.taswitchview.WeeklyTableView { margin: auto 5px 0 0; }
#timeattendance #data h2 input.taswitchview.Standard { margin: auto 5px 0 auto; }
#timeattendance #data h2 input.taswitchview:not(.selected):hover { cursor: pointer; }
#data .data_weekly table { border: 2px solid rgb(140, 140, 140); border-collapse: collapse; font-weight: bold; table-layout: fixed; width: 100%; }
#data .data_weekly table input { font-weight: bold; }
#data .data_weekly table th, #data .data_weekly table td { border: 1px solid rgb(170, 170, 170); padding: 2px; }
#data .data_weekly table th { font-weight: bold; vertical-align: middle; word-wrap: break-word; width: 7.5%; }
#data .data_weekly table tr td { width: 7.5%; }
#data .data_weekly table th:first-child,
#data .data_weekly table tr td:first-child { width: 28%; }
#data .data_weekly table tr td:nth-last-child(-n+2) { width: 6%; }
#data .data_weekly table th:last-child { width: 12%; }
#data .data_weekly table thead { display: block; width: calc(100% - 17px); }
#data .data_weekly table tbody { display: block; max-height: calc(100vh - 300px); overflow-y: scroll; }
#data .data_weekly table td input { height: 20px; line-height: 20px; width: calc(100% - 10px); }
#data .data_weekly table td select { font-weight: bold; height: 22px; padding: 0; width: 100%; }
#data .data_weekly table tr.attendance { background-color: rgb(163, 243, 138); }
#data .data_weekly table tr div { text-align: center; }
#data .data_weekly .buttons { display: flex; margin-top: 10px; }
#data .data_weekly .buttons input { margin: 0 auto; }
#data .data_weekly tr.dayabsence { background-color: rgb(251, 207, 207); }
#data .data_weekly tr.arrival, #data .data_weekly tr.leave { background-color: rgb(193, 245, 177); }
#data .data_weekly table td.workplansum, #data .data_weekly table td.workplanplan { padding-right: 5px; text-align: right; }
#data .data_weekly tr.statgrouprealisation td.statgroupdesc { word-break: break-all; word-wrap: break-word; }
#data .data_weekly tr.statgrouprealisation td.statgroupsum { text-align: center; }
#data .data_weekly .note { background-color: #ccc; cursor: pointer; height: 15px; line-height: 15px; margin: 0 auto; max-width: 50px; }
#data .data_weekly .note:hover { background-color: #dadada; }
#data .data_weekly .note.active:after { color: red; content: "!"; float: right; margin: 0 5px 0 -10px; }
/* Set lunch and drive count */
#tauserstats_lunch_and_drive .formData ul li.largeWidthLabel label { width: 40%; }
#tauserstats_lunch_and_drive .formData ul li.fixedWidthLabelDate label,
#tauserstats_lunch_and_drive .formData ul li.fixedWidthLabel label { width: 150px; }
#tauserstats_lunch_and_drive .formData ul li.fixedWidthLabelDate input { width: 113px; }
#tauserstats_lunch_and_drive .formData ul li.autoWidthLabel label { width: auto; }
#tauserstats_lunch_and_drive .formData ul li.labelInputCheckboxInput label { width: 150px; }
#tauserstats_lunch_and_drive .formData ul li.labelInputCheckboxInput input[type=text] { width: 40px; }
#tauserstats_lunch_and_drive .formData ul li.labelInputCheckboxInput input.checkBox { margin: 0 5px 0 5px; top: 7px; }
.nyroModalLink #tauserstats_lunch_and_drive .formData ul li.checkboxLabel input.checkBox { text-align: center; display: inline-block; float: none; }
.nyroModalLink #tauserstats_lunch_and_drive .formData ul li.checkboxLabel label { margin-left: 10px; width: auto; left: -20px; display: inline-block; vertical-align: middle; float: none; }
/*events */
h3.week { width: auto; height: auto; margin-bottom: 0; color: #101010; font-size: 14px; font-weight: normal; padding: 3px 10px; cursor: pointer; background: #D8D8DA url(../images/eventsArrow.png) no-repeat center; background-position-x: calc(100% - 10px); }
h3.week:hover {background: #eeeeee url(../images/eventsArrowHover.png) no-repeat calc(100% - 10px) center;}
ul.mainUl {width: auto; height: auto; list-style-type: none; background: none;}
ul.mainUl li img {width: 16px; height: 16px;position: relative; top:3px;}
ul.mainUl li ul.mainDayUl li{padding: /*3px*/ 0px; padding-bottom: 0; /*margin-bottom: 3px;*/ position: relative; height: 50px; }
ul.mainUl li ul.mainDayUl > li:hover {background: #eeeeee;}
ul.mainUl li ul.mainDayUl li.nohover {background: #fff !important;}
ul.mainUl li ul.mainDayUl li ul > li:hover{background: #eeeeee;}
ul.mainUl li ul.mainDayUl li ul > li.errortime:hover {background: #eeeeee url(../images/errorTime.png) no-repeat right 5px;}
ul.mainUl li ul.mainDayUl li.selected {border: none !important;}
ul.mainUl li ul.mainDayUl li.secondaryday > img.statistics_icon,
ul.mainUl li ul.mainDayUl li.standby > img.statistics_icon { margin-left: 16px; }
ul.mainUl li ul.mainDayUl li.secondaryday > span.weekday,
ul.mainUl li ul.mainDayUl li.standby > span.weekday { opacity: 0.3; }
ul.mainUl li ul.mainDayUl li.currentday {font-weight: bold;}
ul.mainUl li ul.mainDayUl li span.arrow {width: 16px; height: 21px; display: block; float: left; background: url(../images/arrow.png) no-repeat center center;}
ul.mainUl li ul.mainDayUl li span.arrow:hover {background: url(../images/arrowHover.png) no-repeat center center; cursor: pointer;}
ul.mainUl li ul.mainDayUl li span.noarrow {width: 16px; height: 18px; display: block; float: left; background: url(../images/noarrow.png) no-repeat center center;}
ul.mainUl li ul.mainDayUl li .timeLine {width: 30%; height: 9px; float:right; padding: 0px; margin:0px; position: relative; margin-top: 7px; margin-right: 10px;}
ul.mainUl li ul.mainDayUl li .timeLine span.greenLine {height: 9px; display:block; float: left; background: #2cb311 url(../images/slash.png) repeat-x 0 0;}
ul.mainUl li ul.mainDayUl li .timeLine span.redLine {height: 9px; display:block; float: left;background: #db2827 url(../images/slash.png) repeat-x 0 0;}
ul.mainUl li ul.mainDayUl li .timeLine span.grayLine {height: 9px; display:block; float: left; background: #eeeeee url(../images/slash.png) repeat-x 0 0;}
ul.mainUl li ul.mainDayUl li .timeLine span.whiteLine {height: 9px; display:block; float: left; background: #ffffff url(../images/slash.png) repeat-x 0 0;}
ul.mainUl li ul.mainDayUl li span.green span {color: #2cb311;}
ul.mainUl li ul.mainDayUl li span.red span {color: #db2827;}
ul.mainUl li ul.mainDayUl li span.red span {color: #db2827;}
/* temporary style for time attendace events */
#events_timeline span.green { color: #2cb311; }
#events_timeline span.red { color: #db2827; }
ul.mainUl li ul.mainDayUl li span.gray span {color: #bbbbbb;}
span.inchangedtext, span.outchangedtext {color: #DB2827;}
span.inchanged, span.outchanged, span.statchanged { width: 7px; height: 12px; display: inline-block; background: url(../images/errorTime.png) no-repeat 0 0; margin-left: 5px; position: relative; top: 2px; zoom: 1; *display: inline;}
table tr td.green, .approved, .true {color: #2cb311;}
table tr td.red, .rejected, .false {color: #db2827;}
.pending { color: orange;}
.canceled { color: gray;}
.pending_replacement { color: orange }
.rejected_replacement { color: red; }
/*secondDay*/
ul.mainUl li ul.mainDayUl li ul.secondDayUl {background: #fff;}
ul.mainUl li ul.mainDayUl li ul.secondDayUl span.arrow {margin-left: 16px;}
/*thirdDay*/
ul.mainUl li ul.mainDayUl li ul.secondDayUl li > ul.thirdDayUl {padding-left: 0;}
ul.mainUl li ul.mainDayUl li ul.secondDayUl li ul.thirdDayUl li {padding: 0px; padding-left: 20px; font-size: 12px; margin-bottom: 0;}
ul.mainUl li ul.mainDayUl li ul.secondDayUl li.selected ul.thirdDayUl li {background: #fff;}
ul.mainUl li ul.mainDayUl ul li > img {margin-left: 32px;}
/*errorTime*/
ul.mainUl li ul li.errortime {background: url(../images/errorTime.png) no-repeat right 5px;}
ul.mainUl li ul li.errortime:hover {background: #f6f6f6 url(../images/errorTime.png) no-repeat right 5px}
ul.mainUl li ul.mainDayUl li.nohover.errortime {background: #fff url(../images/errorTime.png) no-repeat right 5px !important;}
ul.mainUl li ul li.errortime.selected {background: #FADFDF url(../images/errorTime.png) no-repeat right 5px !important;}
/*
/*show events takit_showuserstats_events_tooltip */
#tauserstats_events {width: 50%; min-width: 860px;}
#tauserstats_events th:nth-child(1) {width: 10%;}
#tauserstats_events th:nth-child(2) {width: 10%;}
#tauserstats_events th:nth-child(3) {width: 5%;}
#tauserstats_events th:nth-child(4) {width: 20%;}
#tauserstats_events th:nth-child(5) {width: 130px;}
#tauserstats_events th:nth-child(6) {width: 7%;}
#tauserstats_events th:nth-child(7) {width: 13%;}
#tauserstats_events th:nth-child(8) {width: 13%;}
#tauserstats_events th:nth-child(9) {width: 10%;}
#tauserstats_events th:nth-child(10) {width: 7%;}
#tauserstats_events input.ignoreinta {width: 100% !important;}
#tauserstats_events .noEventsWarning {padding: 20px; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px; -webkit-box-shadow: 0px 0px 3px #aaaaaa; -moz-box-shadow: 0px 0px 3px #aaaaaa; box-shadow: 0px 0px 3px #aaaaaa; }
#takit_showuserstats_events_tooltip .leftData {width: 300px; height: auto; margin: 0; padding: 0; margin-right: 10px; float: left;}
#takit_showuserstats_events_tooltip .leftData .userphoto_view_thumb_containter {width: 120px;float: left; margin-right: 10px;}
#takit_showuserstats_events_tooltip .leftData .innerRight {float: left;}
#takit_showuserstats_events_tooltip .leftData p {font-size: 11px; line-height: normal;}
#takit_showuserstats_events_tooltip .leftData p.user {font-size: 13px; font-weight: bold; margin-bottom: 0}
#takit_showuserstats_events_tooltip .leftData p.userToken {margin-bottom: 10px;}
#takit_showuserstats_events_tooltip .rightData {width: 200px; height: auto; margin: 0; padding: 0; float: left;}
#takit_showuserstats_events_tooltip .rightData .camera_view_thumb {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; display: block; height: 100px; max-width: 120px; padding: 3px; width: auto;}
#takit_showuserstats_events_tooltip .geoData { clear: both; }
#takit_showuserstats_events_tooltip .geoData #eventtooltipgeolocation { height: 300px; }
/*first_last_events_data_table*/
#first_last_events_data_table {background: #fff; padding: 10px; border-radius: 5px; moz-border-radius: 5px; webkit-border-radius: 5px;}
#first_last_events_data_table .wpTakitReportsFirstLastEventTooltip .leftData {width: 300px; height: auto; margin: 0; padding: 0; margin-right: 10px; float: left;}
#first_last_events_data_table .wpTakitReportsFirstLastEventTooltip .leftData .userphoto_view_thumb_containter {width: 120px;float: left; margin-right: 10px;}
#first_last_events_data_table .wpTakitReportsFirstLastEventTooltip .leftData .innerRight {float: left;}
#first_last_events_data_table .wpTakitReportsFirstLastEventTooltip .leftData p {font-size: 11px; line-height: normal;}
#first_last_events_data_table .wpTakitReportsFirstLastEventTooltip .leftData p.user {font-size: 13px; font-weight: bold; margin-bottom: 0}
#first_last_events_data_table .wpTakitReportsFirstLastEventTooltip .leftData p.userToken {margin-bottom: 10px;}
#first_last_events_data_table .wpTakitReportsFirstLastEventTooltip .rightData {width: 200px; height: auto; margin: 0; padding: 0; float: left;}
#first_last_events_data_table .wpTakitReportsFirstLastEventTooltip .rightData .camera_view_thumb {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; display: block; height: 100px; max-width: 120px; padding: 3px; width: auto;}
#first_last_events_data_table ul.buttons {margin-top: -20px;}
.wpTakitReportsFirstLastEventTooltip .leftData .userphoto_view_thumb_containter img,
.wpTakitReportsFirstLastEventTooltip .rightData .camera_view_thumb {border: 1px solid #eeeeee; padding: 3px;}
#first_last_events_data_table ul.buttons {margin-bottom: 5px;}
/*inputs*/
.formData, #takit_showuserstats_events_tooltip {background: #fff;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 20px; -webkit-box-shadow: 0px 0px 3px #aaaaaa; -moz-box-shadow: 0px 0px 3px #aaaaaa; box-shadow: 0px 0px 3px #aaaaaa; }
.formData ul li {float: none; clear: both;margin: 0; padding: 0; margin-bottom: 5px; display: block;}
.formData ul li label {width: 160px; display: block; float: left; font-weight: bold; line-height: 28px;}
input {width: 398px; height: 26px; line-height: 28px; padding: 0 4px; float: left; border: 1px solid #cccccc; }
select {width: 420px;height: 28px; display: block; line-height: normal; padding: 4px 0; border: 1px solid #cccccc;}
input.checkBox, input.radio {height: auto;}
input.error {border: 1px solid #db2827; color: #db2827;}
/* --------- BUTTONS -------- */
input.normalLink {width: auto; height: auto; border: none; background: none; color: #db2827; font-size: 12px;}
input.button, a.button {width: auto; height: 28px; margin: 0; padding: 0 10px; line-height: 28px; float: none;}
input.button.R, a.button.R {float: right;}
input.button.L {float: left;}
input.submit, a.submit, input.confirm {border: 1px solid #db2827; background: #db2827; color: #fff;}
a.button {text-decoration: none; color: #000;height: 26px;line-height: 27px;}
a.button:hover, input.confirm:hover {background: #101010; cursor: pointer; border:1px solid #101010; color: #fff;}
a.submit {color: #fff;}
/* cancel, back, upgrade */
input.upgrade, input.printquote { margin-right: 5px; }
input.cancel, a.cancel, input.gray, input.upgrade, input.printquote {background: #f5f5f5; cursor: pointer; border:1px solid #cccccc;}
input.submit:hover, input.cancel:hover, input.back:hover, input.upgrade:hover, input.printquote:hover, input.print:hover {background: #101010; cursor: pointer; border:1px solid #101010; color: #fff;}
input.black, input.gray:hover {background: #101010; border:1px solid #101010; color: #fff;}
input.black:hover {border: 1px solid #db2827; background: #db2827;cursor: pointer;}
/* ---- DISABLE BUTTONS ---- */
input.cancel.disabled:hover , input.back.disabled:hover, input.upgrade.disabled:hover {background:#f6f6f6 !important; cursor: default !important; border:1px solid #cccccc !important; color: #666666;}
input.back.disabled:hover {color: #000 !important;}
input.submit.disabled:hover {background:#db2827 !important; cursor: default !important; border:1px solid #db2827 !important; color: #fff;}
input.black.disabled:hover {background:#000 !important; cursor: default !important; border:1px solid #000 !important; color: #fff;}
.nyroModalLink .formData ul li input.expandcollapse.collapse {border: none; width: 17px; height: 21px; background: url(../images/collapse.png) no-repeat 0 0; text-indent: -123456px;}
.nyroModalLink .formData ul li input.expandcollapse.collapse:hover {background-position: 0 -21px; cursor: pointer;}
.nyroModalLink .formData ul li input.expandcollapse.expand {border: none; width: 17px; height: 21px; background: url(../images/expand.png) no-repeat 0 0; text-indent: -123456px;}
.nyroModalLink .formData ul li input.expandcollapse.expand:hover {background-position: 0 -21px; cursor: pointer;}
h2.title input.expandcollapse.collapse {border: none; width: 17px; height: 21px; background: url(../images/collapse.png) no-repeat 0 0; text-indent: -123456px;}
h2.title input.expandcollapse.collapse:hover {background-position: 0 -21px; cursor: pointer;}
h2.title input.expandcollapse.expand {border: none; width: 17px; height: 21px; background: url(../images/expand.png) no-repeat 0 0; text-indent: -123456px;}
h2.title input.expandcollapse.expand:hover {background-position: 0 -21px; cursor: pointer;}
.data_list_users input.showhideintervals.show {border: none; width: 17px; height: 21px; margin-top: -21px; margin-right: 5px; margin-bottom: 2px; background: url(../images/expand.png) no-repeat 0 0; text-indent: -123456px;}
.data_list_users input.showhideintervals.show:hover {background-position: 0 -21px; cursor: pointer;}
.data_list_users input.showhideintervals.hide {border: none; width: 17px; height: 21px; margin-top: -21px; margin-right: 5px; margin-bottom: 2px; background: url(../images/collapse.png) no-repeat 0 0; text-indent: -123456px;}
.data_list_users input.showhideintervals.hide:hover {background-position: 0 -21px; cursor: pointer;}
ul.hardwarePlacesPlacesTopButtons input.expandcollapse.collapse {border: none; width: 17px; height: 21px; background: url(../images/collapse.png) no-repeat 0 0; text-indent: -123456px;}
ul.hardwarePlacesPlacesTopButtons input.expandcollapse.collapse:hover {background-position: 0 -21px; cursor: pointer;}
ul.hardwarePlacesPlacesTopButtons input.expandcollapse.expand {border: none; width: 17px; height: 21px; background: url(../images/expand.png) no-repeat 0 0; text-indent: -123456px;}
ul.hardwarePlacesPlacesTopButtons input.expandcollapse.expand:hover {background-position: 0 -21px; cursor: pointer;}
ul.hardwareHardwareTopButtons {position: absolute; top: -5px; right: 0;}
ul.hardwareHardwareTopButtons input.expandcollapse:not(.single).collapse {border: none; width: 17px; height: 21px; background: url(../images/collapse.png) no-repeat 0 0; text-indent: -123456px;}
ul.hardwareHardwareTopButtons input.expandcollapse:not(.single).collapse:hover {background-position: 0 -21px; cursor: pointer;}
ul.hardwareHardwareTopButtons input.expandcollapse:not(.single).expand {border: none; width: 17px; height: 21px; background: url(../images/expand.png) no-repeat 0 0; text-indent: -123456px;}
ul.hardwareHardwareTopButtons input.expandcollapse:not(.single).expand:hover {background-position: 0 -21px; cursor: pointer;}
ul.hardwareHardwareTopButtons input.expandcollapse.single { border: none; background: url(../images/eventsArrowHover.png) no-repeat 0 0; height: 7px; margin: 7px 3px 0 0; text-indent: -123456px; transform: rotate(180deg); width: 13px; }
ul.hardwareHardwareTopButtons input.expandcollapse.single:hover { background: url(../images/eventsArrow.png) no-repeat 0 0; cursor: pointer; }
ul.hardwareHardwareTopButtons input.expandcollapse.single.expand { transform: none; }
/*otherButtons*/
input.readcard {margin-bottom: 0;margin-top: 5px; margin-left: 23%;}
input.selectall {width: 13px; height: auto; margin:0; padding: 0; margin-right: 3px; position: relative; top: 4px; left: 0px; border: none;}
form.readcardFormData input.readcard {margin-bottom: 0;margin-top: 0; margin-left: 0;}
/*end*/
input.timeto, input.timefrom {width: 330px;}
span.timeto_timeformat, span.timefrom_timeformat, span.timeFormatt{position: relative; top:3px;}
/*calendar */
body#page .ui-widget-content {}
body#page .ui-widget-content table tr td a.ui-state-default {background: #fff; border: 1px solid #fff; color: #101010; font-weight: bold;}
body#page .ui-widget-content table tr td a.ui-state-active,
body#page .ui-widget-content table tr td a.ui-state-default:hover {background: #DB2827; border: 1px solid #DB2827; color: #fff;}
body#page .ui-widget-content table tr td span.ui-state-default {color: red;}
body#page .ui-widget-header {background: #DB2827; border-radius: 0px; border: 1px solid #DB2827;}
body#page .ui-widget-header .ui-state-hover {border:1px solid #101010; background: #101010; cursor: pointer;}
/* --------- SHOW USER STATS ENTRY -------- */
.worktimeAddLeftData {width: 50%; float: left; }
.nyroModalLink .formData .worktimeAddLeftData ul li input.entrytext {width: 53% !important;}
.nyroModalLink .formData .worktimeAddLeftData ul li div.searchabledropdown {width: 60% !important;}
.nyroModalLink .formData .worktimeAddLeftData .dd.ddcommon {}
.nyroModalLink .formData .worktimeAddLeftData ul li label {width: 38%;padding-right: 2%; text-align: right;}
ul.dataInfo li span input {width: 40px; text-align: right; height: 20px; line-height: normal; margin-bottom: 2px; margin-left: 5px;}
ul.dataInfo li img { flex-shrink: 0; height: 16px; margin-right: 1px; position: relative; top: 3px; width: 16px; }
ul.dataInfo li img.hover {cursor: pointer;}
ul.dataInfo li .desc { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: pre; }
ul.dataInfo li .desc:hover { white-space: normal; }
ul.dataInfo li .count { margin-right: 2px; }
ul.dataInfo li.fullWidth { display: block; }
ul.dataInfo li span input.maxtransferovertimeenable,
ul.dataInfo li span input.maxtransferstimulationenable,
ul.dataInfo li span input.maxtransferenable,
ul.dataInfo li span input.maxmonthtransferenable {width: auto; float: right; position: relative; right: 1px;top: 2px; border: none; margin: 0; padding: 0;}
.checkboxenablecannegativeplus, .checkboxallowoldleaveafterexipred {float: right;}
ul.dataInfo li span.transferCutOff { font-weight: bold; }
.globalSettingInfo {padding-right: 5px;}
ul.dataInfo li input[type=checkbox] {height: auto; width: auto;}
ul.dataInfo li textarea {width: 100%;}
/*.w70p .content .content {height: 782px; overflow: scroll; overflow-x: hidden;}*/
.w70p .content .content {height: auto}
/*right*/
.worktimeAddRightData {width: 50%; float:right;}
.nyroModalLink .formData .worktimeAddRightData ul li input.exittext {width: 53% !important;}
.nyroModalLink .formData .worktimeAddRightData ul li div.searchabledropdown {width: 60% !important;}
.nyroModalLink .formData .worktimeAddRightData ul li label {width: 38%;padding-right: 2%; text-align: right;}
.nyroModalLink .formData .worktimeAddRightData ul li label.EntryExitCheckboxLabel,
.nyroModalLink .formData .worktimeAddRightData ul li label.UseAutomaticIntervalInsertLabel {width: 70%;}
.nyroModalLink .formData .worktimeAddRightData ul li img.plus, .nyroModalLink .formData .worktimeAddLeftData ul li img.plus {left:0}
.nyroModalLink .formData .worktimeAddLeftData ul li img.minus {left:0; }
.nyroModalLink .formData .worktimeAddRightData ul li img.minus {left:0; margin-left: 4px; }
.nyroModalLink .formData .worktimeAddRightData ul li span,
.nyroModalLink .formData .worktimeAddLeftData ul li input.checkBox, .nyroModalLink .formData .worktimeAddRightData ul li input.checkBox {position: relative; top: 7px;}
.nyroModalLink .formData .worktimeAddLeftData ul li span.timeFormat, .nyroModalLink .formData .worktimeAddRightData ul li span.timeFormat {top: 3px; position: relative;}
.nyroModalLink .formData .worktimeAddRightData ul li span.duration {position: absolute; top: 44px; left: 0; color: #db2827; background: #fadfdf; padding: 3px;}
.tauserstatEventsPopup {position: relative; cursor: move;}
.tauserstatEventsPopup a.tauserstatEventsPopup {width: 28px; height: 28px; text-indent: -9999em; display: block; position: absolute; top:-15px; right:-15px; background: url(../images/close.png) no-repeat 0 0;}
.tauserstatEventsPopup a.tauserstatEventsPopup:hover {background: url(../images/closeHover.png) no-repeat 0 0; cursor: pointer;}
.tauserstatEventsPopup table {-webkit-box-shadow: 0px 0px 7px #666666; -moz-box-shadow: 0px 0px 7px #666666; box-shadow: 0px 0px 7px #666666; -webkit-border-radius: 7px 0 0 0; moz-border-radius: 7px 0 0 0; border-radius: 7px 0 0 0; }
.nyroModalLink #tauserstats_worktime_add_period .formData ul li input, .nyroModalLink #tauserstats_worktime_add .formData ul li input {width: 18%}
.nyroModalLink #tauserstats_worktime_add_period .formData ul li input[type=checkbox], .nyroModalLink #tauserstats_worktime_add .formData ul li input[type=checkbox] {width: 13px;}
.nyroModalLink #tauserstats_worktime_add_period .formData ul li input.autoWidth , .nyroModalLink #tauserstats_worktime_add .formData ul li input.autoWidth {width: auto;}
#tauserstats_worktime_add .user { font-weight: bold; margin-bottom: 10px; }
.nyroModalLink #tauserstats_worktime_add .formData ul li select { width: 60%; }
#tauserstats_worktime_add input.addHardwareEvent { margin-left: 5px; }
#tauserstats_worktime_add input.addHardwareEvent:hover { background: #101010; cursor: pointer; border: 1px solid #101010; color: #fff; }
#dayevents .showdayevents { cursor: pointer; }
#dayevents .showdayevents * { display: inline; }
#dayevents .showdayevents input.showHideEventData { border: none; height: 21px; width:21px; }
#dayevents .showdayevents input.showHideEventData.show { background: url(../images/expand.png) no-repeat 0 0; }
#dayevents .showdayevents input.showHideEventData.hide { background: url(../images/collapse.png) no-repeat 0 0; }
#dayevents .showdayevents input.showHideEventData:hover { background-position: 0 -21px; cursor: pointer; }
#dayevents .user label { width: auto; }
#dayevents .user label.username { font-weight: normal; }
#dayevents table td.last { text-align: center; vertical-align: middle; }
#dayevents table td input[type="checkbox"] { display: inline; float: none; }
#dayevents table td img.geolocation_add_info { cursor: pointer; float: left; margin: 3px; }
#dayevents table td p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-wrap: break-word; }
#dayevents ul.border { margin: 0 0 10px 0; }
body#page .tabs div.worktime_data_tabs ul.headerOptions { background: #ffffff; }
body#page .tabs div.userImportCommands .tableData tbody tr td img { flex-shrink: 0; height: 16px; margin-right: 1px; position: relative; top: 3px; width: 16px; }
body#page .tabs .tableData tbody tr td input.checkBox.ignoreinta { margin: 0; }
body#page .tabs div.userImportCommands .tableData tbody tr td.last { text-align: center; vertical-align: middle; }
body#page .tabs div.userImportCommands .tableData tbody tr td.last input.ignoreinta { float: none; display: inline; }
/* Ročno dodajanje dogodka */
#tauserstats_add_hardware_event label { width: 30%; }
#tauserstats_add_hardware_event input.date { width: 14%; float:left; margin-right: 10px; }
#tauserstats_add_hardware_event input.time { width: 8%; float:left; }
#tauserstats_add_hardware_event select { width: 45%; }
/* Splošni obrazec za poročila */
#tauserstats_report_format .datepicker { width: 70px; }
#tauserstats_report_format .worktimeAddLeftData ul li label,
#tauserstats_report_format .worktimeAddRightData ul li label {width: auto; text-align: left; margin-right: 5px;}
#tauserstats_report_format ul.border,
/* Izpis statistik */
#tauserstats_statistics_report ul.border {border-bottom: 1px solid #DDDDDD; margin: 10px 0; padding-bottom: 0;}
#tauserstats_statistics_report input.datepicker {width: 70px;}
#tauserstats_statistics_report .worktimeAddLeftData ul li label,
#tauserstats_statistics_report .worktimeAddRightData ul li label,
/*izpis napak*/
.nyroModalLink #tauserstats_error_report .formData .worktimeAddLeftData ul li label,
.nyroModalLink #tauserstats_error_report .formData .worktimeAddRightData ul li label {width: auto; text-align: left; margin-right: 5px;}
.nyroModalLink #tauserstats_error_report .formData .checkboxes ul li label {width: 250px; text-align: left; margin-right: 5px;}
.nyroModalLink #tauserstats_error_report .formData .timepickers ul li label {width: 140px; text-align: left; margin-right: 5px;}
.nyroModalLink #tauserstats_error_report .formData .timepickers ul li input {width: 40px; text-align: left; margin-right: 5px;}
.nyroModalLink #tauserstats_error_report .formData ul li input.datepicker {width: 70px;}
.nyroModalLink #tauserstats_error_report .formData .worktimeAddRightData ul.plusOne {padding-bottom: 43px;}
.nyroModalLink #tauserstats_error_report .formData ul li img.minus {position: relative; top: 6px;}
.nyroModalLink #tauserstats_error_report .formData ul.bottomSelect li select {width: 272px;}
.nyroModalLink #tauserstats_error_report .formData ul li div.searchabledropdown {width: 272px !important;}
.nyroModalLink #tauserstats_error_report .formData ul.border {border-bottom: 1px solid #DDDDDD; margin: 10px 0; padding-bottom: 0;}
.nyroModalLink #tauserstats_error_report .formData ul.showWODays {padding-top: 10px; border-bottom: 1px solid #DDDDDD;}
.nyroModalLink #tauserstats_error_report .formData ul.showWODays li label.showOnlyWODays {width: auto;}
.nyroModalLink #tauserstats_error_report .formData ul.showWODays li input.showOnlyWODays {margin-top:5px;}
.nyroModalLink #tauserstats_error_report .formData ul#buttons input.automatic,
.nyroModalLink #tauserstats_error_report .formData ul#buttons input.reportPreview { margin-right: 5px; }
.nyroModalLink #tauserstats_error_report .formData .worktimeAddRightData ul.additionalDayFilters li input.checkBox { float: left; margin-right: 10px; }
.nyroModalLink #tauserstats_error_report .formData div.ReportDataLines { height: 330px; overflow-y: auto; overflow-x: hidden; }
.nyroModalLink #tauserstats_error_report .formData div.ReportDataLines tr.userRow { color: #7d2121; font-weight: bold; border-style: solid none; border-color: #7d2121; border-width: 2px; }
.nyroModalLink #tauserstats_error_report .formData div.ErrorPreview h2,
.nyroModalLink #tauserstats_error_report .formData div.ErrorPreview img { display: inline; cursor: pointer; }
.nyroModalLink #tauserstats_error_report .formData div.ErrorPreview img.expanded { transform: rotate(180deg); }
/* Poročilo (Full report) */
.nyroModalLink #tauserstats_full_report .formData ul li input.datepicker,
.nyroModalLink #tauserstats_shift_report .formData ul li input.datepicker {width: 70px;}
.nyroModalLink #tauserstats_full_report .formData .leftCheckboxRightLabel input[type=checkbox] { display: inline-block; float: none; margin-left: 5px; }
.nyroModalLink #tauserstats_full_report .formData .leftCheckboxRightLabel label { width: auto; display: inline-block; vertical-align: middle; float: none; }
.nyroModalLink #tauserstats_full_report .formData .leftLabelRightSelect label { float: left; width: 35%; }
.nyroModalLink #tauserstats_full_report .formData .leftLabelRightSelect select { float: right; width: 65%; }
#tauserstats_full_report ul.border {border-bottom: 1px solid #DDDDDD; margin: 10px 0; padding-bottom: 0;}
#tauserstats_full_report span { vertical-align: middle; }
#tauserstats_full_report .formData ul li ul li{ margin-left: 20px; margin-bottom: 0;}
#tauserstats_full_report .formData .leftCheckboxRightLabel { border: 1px solid #cecece; border-radius: 5px; }
#tauserstats_data_for_year .formData ul li.largeWidthLabel label {width: 36%;}
#tauserstats_data_for_year .formData ul li input.checkBox,
#tauserstats_overtime_and_transfer .formData ul li input.checkBox {margin-right: 5px; margin-left: 5px;}
#tauserstats_data_for_year .formData ul li input,
#tauserstats_overtime_and_transfer .formData ul li input {width: 40px;}
#tauserstats_data_for_year .formData ul li input.autoWidth,
#tauserstats_overtime_and_transfer .formData ul li input.autoWidth {width: auto;}
#tauserstats_data_for_year .formData ul li span.timeFormat,
#tauserstats_overtime_and_transfer .formData ul li span.timeFormat {position: relative; top: 3px; left: 0;}
#tauserstats_data_for_year .formData ul li img.plus,
#tauserstats_overtime_and_transfer .formData ul li img.plus {border: none;}
#tauserstats_overtime_and_transfer .formData ul li input.datepicker { width: 113px; }
/* Poročilo izmenskega dela */
.nyroModalLink #tauserstats_shift_report .formData div.reportPreview h2,
.nyroModalLink #tauserstats_shift_report .formData div.reportPreview img { display: inline; cursor: pointer; }
.nyroModalLink #tauserstats_shift_report .formData div.reportPreview img.expanded { transform: rotate(180deg); }
.nyroModalLink #tauserstats_shift_report .formData div.reportPreview div.reportPreviewData { width: 1090px; overflow: auto; max-height: 345px; }
img.ip_camera_add_info {height: 15px; position: relative; top: 2px;}
/* ---------- HACKS ---------- */
.hidden {display: none !important;}
.invisible {visibility: hidden;}
.strikethrough { text-decoration : line-through; }
.rtl {direction: rtl; text-align: left; unicode-bidi: bidi-override;}
/* --------- NOSCRIPT -------- */
div.js-enabled { display: none; }
/* MODULES APPS MENU */
.modulesAppsMenu {width: auto; margin: 0; padding: 0; position: absolute; right: 10px; top: 10px; margin-bottom: 20px;}
.modulesAppsMenu h2 {width: 38px; height: 28px; background: url(../images/apps.png) no-repeat 0 0; text-indent: -123456px;}
.modulesAppsMenu h2:hover {background-position: left bottom; cursor: pointer;}
.modulesAppsMenu:hover h2 {background-position: left bottom; cursor: pointer;}
.modulesAppsMenu ul {width: 230px; height: auto; background: #fff; padding: 10px; border: 1px solid #dddddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
-webkit-box-shadow: 0 0 5px #666666; -moz-box-shadow: 0 0 5px #666666; box-shadow: 0 0 5px #666666; position: absolute; left: -260px; top: 0; }
.modulesAppsMenu ul li {width: 100%; height: auto; margin-bottom: 10px;}
.modulesAppsMenu ul li a {width: 190px; height: 32px; background: url(../images/appsTestImage.png) no-repeat 0 0; line-height: 17px;display: block; padding-left: 42px; color: #494949; text-decoration: none;}
.modulesAppsMenu ul li:hover a {color: #db2827;}
/********************************** DAILY STATISTIC OVERVIEW ********************************/
div#dailyStatOverview div.filtering div { display: inline-block; }
div#dailyStatOverview div.filtering label { margin-right: 10px; }
div#dailyStatOverview div.filtering input { float: none; width: 150px; }
div#dailyStatOverview div.filtering select { display: inline-block; float: none; width: auto; }
div#dailyStatOverview table { position: relative; width: 100%; overflow: hidden; border-collapse: collapse; top: 10px; }
div#dailyStatOverview thead { position: relative; display: block; overflow: visible; }
div#dailyStatOverview thead th { cursor: pointer; height: 32px; max-width: 54px; min-width: 54px; cursor: pointer; }
div#dailyStatOverview thead th:nth-child(1) { border-bottom-width: 3px; cursor: default; max-width: 124px; min-width: 124px; padding-left: 8px; position: relative; text-indent: 0; }
div#dailyStatOverview tbody { display: block; max-height: calc(100vh - 230px); overflow: scroll; }
div#dailyStatOverview tbody td { background-color: #fff; max-width: 50px; min-height: 25px; min-width: 50px; border: 1px solid #222; text-align: center; white-space: normal; }
div#dailyStatOverview tbody tr td:nth-child(1) { position: relative; display: block; margin: -1px -2px 0px 1px; min-width: 127px; text-align: left; width: 127px; }
/*********************************************************************************************
*********************************** FRONTDESK DESIGN *****************************************
*********************************************************************************************/
.w22pFrontdesk {width:23%; height: auto; margin: 0px; padding: 0px; float: right; margin-top: 40px;}
.nyroModalLink #visitor_arrival_data .formData ul li.short input {width: 80px}
.nyroModalLink #visitor_arrival_data .formData ul li.short.top {margin-top: 20px;}
.nyroModalLink #visitor_arrival_data .formData ul li.short.bottom {margin-bottom: 20px;}
.nyroModalLink #visitor_arrival_data .formData ul li.short input.timeAdd {width: 40px}
.nyroModalLink .formData ul li label {width:23%;}
.nyroModalLink .formData ul li input {width: 74%}
.nyroModalLink .formData ul li select {width: 76%; margin:0; line-height: 10px; padding: 0;padding-bottom:3px; padding-top: 5px; height: 28px;}
.nyroModalLink .formData ul li input.checkBox {width: 16px; margin: 0;}
.nyroModalLink .formData ul li input.autoWidth {width: auto;}
.nyroModalLink .formData ul li input.fullWidth {width: 100%;}
.select2-container input { float: none; width: 100% !important; }
.select2-container .select2-results__option { padding-left: 5px; }
/* Odstranjevanje kartice */
.removeUserByCardFormData input.submit {margin-top:5px;}
.removeUserByCardFormData textarea.log {width:100%}
/* Najava skupine gostov */
#frontdesk_add_visitor_data { background-color: #FFFFFF; padding: 10px; }
#frontdesk_add_visitor_data ul li { margin-top: 5px; }
#frontdesk_add_visitor_data ul li > div,
#frontdesk_add_visitor_data ul li > ul,
#frontdesk_add_visitor_data ul li label,
#frontdesk_add_visitor_data ul li input,
#frontdesk_add_visitor_data ul li select,
#frontdesk_add_visitor_data ul li textarea { box-sizing: border-box; float: left; width: 49%; }
#frontdesk_add_visitor_data ul li textarea { height: 80px; padding: 4px; resize: vertical; }
#frontdesk_add_visitor_data ul.announce_details li ul.guestList li label,
#frontdesk_add_visitor_data ul.announce_details li ul.userList li label { width: 100%; }
#frontdesk_add_visitor_data ul li input.datefrom,
#frontdesk_add_visitor_data ul li input.dateto { width: 75px; }
#frontdesk_add_visitor_data ul li input.timefrom,
#frontdesk_add_visitor_data ul li input.timeto { width: 45px; }
#frontdesk_add_visitor_data ul li input[type="button"] { background-color: #FFFFFF; color: #000000; }
#frontdesk_add_visitor_data ul li input[type="button"]:hover { background-color: #000000; color: #FFFFFF; cursor: pointer; }
#frontdesk_add_visitor_data ul li ul.guestList,
#frontdesk_add_visitor_data ul li ul.userList{ height: 100px; background-color: #FFFFFF; float: left; border: 1px solid #cccccc; overflow-y: scroll; }
#frontdesk_add_visitor_data ul li input.addGuest,
#frontdesk_add_visitor_data ul li input.addCodeksUser { float: right; margin-right: 2%; width: 25%; }
#frontdesk_add_visitor_data ul li ul.guestList li,
#frontdesk_add_visitor_data ul li ul.userList li { border-bottom: 1px solid #cccccc; margin: auto; }
#frontdesk_add_visitor_data ul li ul.guestList li div.guestName,
#frontdesk_add_visitor_data ul li ul.userList li div.userName { width: 68%; padding-left: 4px; }
#frontdesk_add_visitor_data ul li ul.guestList li div.guestName label,
#frontdesk_add_visitor_data ul li ul.userList li div.userName label { font-weight: normal; width: 100%; }
#frontdesk_add_visitor_data ul li ul.guestList li div.guestOptions { height: 21px; padding-right: 4px; width: 40px;}
#frontdesk_add_visitor_data ul li ul.userList li div.userOptions { height: 21px; padding-right: 4px; width: 20px; }
#frontdesk_add_visitor_data ul li ul.guestList li div.guestOptions img.editVisitor { width: 20px; height: 20px; cursor: pointer; }
#frontdesk_add_visitor_data ul li ul.guestList li div.guestOptions img.removeVisitor,
#frontdesk_add_visitor_data ul li ul.userList li div.userOptions img.removeUser { width: 20px; height: 20px; cursor: pointer; }
#frontdesk_add_visitor_data ul#buttons li input { width: auto; }
#frontdesk_add_visitor_data ul#buttons li input.submit { float: right; margin-right: 2%; }
#takit_userlist_FD div.data_user_list { width: 300px; }
#takit_userlist_FD div.data_list_users { width: 500px; }
/* Potrjevanje / preklic najav gostov */
#editProcessVisitorAnnounces div.DataContainer { height: 530px; }
#editProcessVisitorAnnounces div.AnnounceTable { width: 49%; }
#editProcessVisitorAnnounces div.AnnounceTable li { clear: none; float: left; }
#editProcessVisitorAnnounces div.AnnounceTable label.filterperiod { width: 100px;}
#editProcessVisitorAnnounces div.AnnounceTable label.filterfrom,
#editProcessVisitorAnnounces div.AnnounceTable label.filterto { width: 40px; margin-left: 20px; }
#editProcessVisitorAnnounces div.AnnounceTable input.filterfrom,
#editProcessVisitorAnnounces div.AnnounceTable input.filterto { width: 75px; }
#editProcessVisitorAnnounces div.AnnounceTable div.scrollingArea { max-height: 480px; }
#editProcessVisitorAnnounces div.AnnounceDetails { width: 49%; }
#editProcessVisitorAnnounces div#frontdesk_add_visitor_data { border: 1px solid #cccccc; }
#editProcessVisitorAnnounces div#frontdesk_add_visitor_data ul#buttons li input { margin-right: 10px; }
#editProcessVisitorAnnounces div#frontdesk_add_visitor_data ul#buttons li input.confirm { background-color: #00C100; border: 1px solid #00C100;}
#editProcessVisitorAnnounces div#frontdesk_add_visitor_data ul#buttons li input.reject { background-color: #ff2b2b; border: 1px solid #ff2b2b; }
/* Dodajanje skupin gostov */
#FrontDeskGroupVisitorArrival form.groupVisitorArrivalFormData { width: 790px; }
#FrontDeskGroupVisitorArrival div.AnnounceDetails {width: 370px;}
#FrontDeskGroupVisitorArrival div.guestArrivalData {width: 400px;}
#FrontDeskGroupVisitorArrival input.datefrom,
#FrontDeskGroupVisitorArrival input.dateto { width: 100px; }
#FrontDeskGroupVisitorArrival input.timefrom,
#FrontDeskGroupVisitorArrival input.timeto { width: 45px; }
#FrontDeskGroupVisitorArrival div.AnnounceDetails input.addGuest { background: #f5f5f5; cursor: pointer; border: 1px solid #cccccc; }
#FrontDeskGroupVisitorArrival div.guestArrivalData input.guestNotArriving { margin-left: 10px; background: #f5f5f5; cursor: pointer; border: 1px solid #cccccc; }
#FrontDeskGroupVisitorArrival div.AnnounceDetails input.addGuest:hover,
#FrontDeskGroupVisitorArrival div.guestArrivalData input.guestNotArriving:hover { background: #101010; cursor: pointer; border: 1px solid #101010; color: #fff; }
#FrontDeskGroupVisitorArrival div.AnnounceDetails label.guestsLabel { width: 80%; }
#FrontDeskGroupVisitorArrival div.AnnounceDetails textarea.announcementNotes { width: 74%; }
#FrontDeskGroupVisitorArrival div.AnnounceDetails ul.guestList { width: 370px; height: 300px; background-color: #FFFFFF; float: left; border: 1px solid #cccccc; overflow-y: scroll; }
#FrontDeskGroupVisitorArrival div.AnnounceDetails ul.guestList li { border-bottom: 1px solid #cccccc; margin: auto; }
#FrontDeskGroupVisitorArrival div.AnnounceDetails ul.guestList li:hover { background-color: #d4ecf7; cursor: pointer; }
#FrontDeskGroupVisitorArrival div.AnnounceDetails ul.guestList li div.guestName { width: 70%; }
#FrontDeskGroupVisitorArrival div.AnnounceDetails ul.guestList li div.guestName label { font-weight: normal; width: 100%; padding-left: 10px; cursor: pointer; user-select: none; }
#FrontDeskGroupVisitorArrival div.AnnounceDetails ul.guestList li div.imageContainer { width: 20px; float: right;}
#FrontDeskGroupVisitorArrival div.AnnounceDetails ul.guestList li div.imageContainer img { width: 20px; padding-top: 3px; }
/* Prihod gosta / skupine gostov */
#editProcessVisitorAnnounces div.actionButtons ul.buttons { padding: 5px 0; }
#editProcessVisitorAnnounces div.actionButtons ul.buttons li input { background: #f5f5f5; cursor: pointer; border: 1px solid #cccccc; margin-right: 10px; padding: 0 10px; }
#editProcessVisitorAnnounces div.actionButtons ul.buttons li input:hover { background: #101010; cursor: pointer; border: 1px solid #101010; color: #fff; }
/* Pregled menijev */
/* prvi del menija */
body#page #sub_menu.hidden {display:block !important;}
body#page #sub_menu {width: 100%; height: auto; min-width: 80px; padding: 0; margin: 0; position: relative; background: #F6F6F5; cursor: default; user-select: none; -moz-user-select: none; -ms-user-select: none; flex-shrink: 0; }
body#page #sub_menu.users {min-width: 1190px;}
/* body#page #sub_menu ul li {margin-bottom: 20px;} */
body#page #menu_bar { width: 100%; text-align: center; border-bottom: #cccccc solid 2px; display: flex; height: 100% }
body#page #menu_bar div#titleAndMenus { text-align:left; float: left;}
body#page #menu_bar div#titleAndMenus ul li { float:none; }
body#page #menu_bar div#titleAndMenus ul li.expandMenuOptions { padding-top: 15px; height: 0px; display: flex; justify-content: center; }
body#page #menu_bar div#titleAndMenus ul li.expandMenuOptions > a { background: url(../images/menu.png) no-repeat top center; width: 41px; height: 0px; }
body#page #menu_bar div#titleAndMenus ul li.expandMenuOptions > a:hover {background: url(../images/menuHover.png) no-repeat top center;}
/* Prikaz glavnih menijskih opcij */
body#page #menu_bar div#titleAndMenus ul li.expandMenuOptions li.homeMenuItem { border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; height: 110px; width: 110px; border: 1px solid #bbbbbb; }
body#page #menu_bar div#titleAndMenus ul li.expandMenuOptions li.homeMenuItem:nth-child(odd) { float: left; }
body#page #menu_bar div#titleAndMenus ul li.expandMenuOptions li.homeMenuItem:nth-child(even) { float: right; }
body#page #menu_bar div#titleAndMenus ul li.expandMenuOptions li.homeMenuItem a { text-align: center; height: 100px; margin-top: 25px; padding-top: 50px; float:none; }
body#page #menu_bar div ul#supportArea { float: right; }
body#page #menu_bar div ul#supportArea li.additionalInformation { width: 90px; }
body#page #menu_bar div ul#supportArea li a.teamViewer { border-right: 2px solid #DB2827; margin-top: -10px; background: url(../images/menu/TeamViewer.png) no-repeat top center; min-width: 60px; }
body#page #menu_bar div ul#supportArea li a.teamViewer:hover { background: url(../images/menu/TeamViewerHover.png) no-repeat top center; }
#menu_options:not(.noborder) li.back { border-right: 2px solid #DB2827; }
#menu_options.takit { margin: 0 auto; }
body#page #sub_menu ul li.back a {background: url(../images/back.png) no-repeat top center;}
body#page #sub_menu ul li.logout {float: left; width: auto; border-right: 2px solid #DB2827;}
body#page #sub_menu ul li#noneBorder {border-right: none}
body#page #sub_menu ul li.logout a { background: url(../images/logout.png) no-repeat top center; }
body#page #sub_menu ul li.logout:hover a { background: url(../images/logouthover.png) no-repeat top center }
/* drugi del menija */
body#page #sub_menu ul {width: auto; height: auto; margin: 5px auto 0; justify-content: center; list-style-type: none; display: flex; zoom: 1; }
/* body#page #sub_menu ul li.first {margin-left: 10px;} */
body#page #sub_menu ul li.last {margin: 0px;}
body#page #sub_menu ul li a {min-width: 50px; max-width: 130px; line-height: 15px; height: auto; display: block; padding: 0px 5px; text-align: center; color: #101010; text-decoration: none; background: url(../images/logo.png) no-repeat top center; padding-top: 50px;}
body#page #sub_menu ul li a:hover {color: #DB2827;}
body#page #sub_menu ul li a#am_fd_visitor_arrival {background: url(../images/menu/arrival.png) no-repeat top center;}
body#page #sub_menu ul li a#am_fd_visitor_leave, body#page #sub_menu ul li a#am_fd_return_card {background: url(../images/menu/leave.png) no-repeat top center;}
body#page #sub_menu ul li a#am_fd_temporary_replacement_card {background: url(../images/menu/temporaryReplacementCard.png) no-repeat top center;}
body#page #sub_menu ul li a#am_fd_arrival_of_group {background: url(../images/menu/users.png) no-repeat top center;}
body#page #sub_menu ul li a#am_fd_history {background: url(../images/menu/pastEvents.png) no-repeat top center;}
body#page #sub_menu ul li a#am_fd_report {background: url(../images/menu/reportEvents.png) no-repeat top center;}
body#page #sub_menu ul li a.funcgroupitem {background: url(../images/menu/func.png) no-repeat top center;}
body#page #sub_menu ul li a#am_fd_fire_send {background: url(../images/menu/fireSend.png) no-repeat top center;}
body#page #sub_menu ul li a#am_fd_lock_all {background: url(../images/menu/lockDown.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_layouts {background: url(../images/menu/layout.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_layout_add {background: url(../images/menu/layoutAdd.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_layout_edit {background: url(../images/menu/layoutEdit.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_layout_delete {background: url(../images/menu/layoutDelete.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_lock_markers {background: url(../images/menu/move.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_hardware_discover_communication {background: url(../images/menu/discover.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_export_expand {background: url(../images/menu/export.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_ta_imports {background: url(../images/menu/import.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_other_exports,
body#page #sub_menu ul li a#hotel_reservation_reports {background: url(../images/menu/reports.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_customreports {background: url(../images/menu/customReports.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_customreport_edit {background: url(../images/menu/customReportsEdit.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_customreport_add {background: url(../images/menu/customReportsAdd.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_customreport_delete {background: url(../images/menu/customReportsDelete.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_live_events {background: url(../images/menu/liveEvents.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_past_events {background: url(../images/menu/pastEvents.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_report_events_dropdown,
body#page #sub_menu ul li a#ackit_report_events_button,
body#page #sub_menu ul li a#ackit_reservation_report {background: url(../images/menu/reportEvents.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_report_users_dropdown,
body#page #sub_menu ul li a#hotel_guest_reports,
body#page #sub_menu ul li a#takit_presence_report,
body#page #sub_menu ul li a#ackit_report_users_button {background: url(../images/menu/reportUsers.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_report_key_manager {background: url(../images/menu/reportKeymanager.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_report_sql {background: url(../images/menu/reportSql.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_report_sql_manage {background: url(../images/menu/reportSqlManage.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_presence {background: url(../images/menu/presence.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_macro_add {background: url(../images/menu/macroAdd.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_macro_edit {background: url(../images/menu/macroEdit.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_macro_delete {background: url(../images/menu/macroDelete.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_door_statuses {background: url(../images/menu/doorStatus.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_monitor_key_management { background: url(../images/menu/keyStatus.png) no-repeat top center; }
body#page #sub_menu ul li a#addtimetable {background: url(../images/menu/timetablesAdd.png) no-repeat top center;}
body#page #sub_menu ul li a#edittimetable {background: url(../images/menu/timetablesEdit.png) no-repeat top center;}
body#page #sub_menu ul li a#showhidetimetables {background: url(../images/menu/takitGroupOverview.png) no-repeat top center;}
body#page #sub_menu ul li a#addinterval {background: url(../images/menu/intervalAdd.png) no-repeat top center;}
body#page #sub_menu ul li a#editinterval {background: url(../images/menu/intervalEdit.png) no-repeat top center;}
body#page #sub_menu ul li a#deleteinterval {background: url(../images/menu/intervalDelete.png) no-repeat top center;}
body#page #sub_menu ul li a#keypadbuttons {background: url(../images/menu/hwEdit.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_company_organization_add_unit {background: url(../images/menu/organization_add_unit.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_userlist {background: url(../images/menu/userList.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_userlist_add {background: url(../images/menu/userListAdd.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_userlist_edit {background: url(../images/menu/userListEdit.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_userlist_delete {background: url(../images/menu/userListDelete.png) no-repeat top center;}
body#page #sub_menu ul li a#screen_keypads_add {background: url(../images/menu/addKeypad.png) no-repeat top center;}
body#page #sub_menu ul li a#screen_keypads_edit {background: url(../images/menu/editKeypad.png) no-repeat top center;}
body#page #sub_menu ul li a#screen_keypads_copy {background: url(../images/menu/copyKeypad.png) no-repeat top center;}
body#page #sub_menu ul li a#screen_keypads_save {background: url(../images/menu/saveKeypad.png) no-repeat top center;}
body#page #sub_menu ul li a#screen_keypads_delete {background: url(../images/menu/deleteKeypad.png) no-repeat top center;}
body#page #sub_menu ul li a#screen_keypads_export {background: url(../images/menu/exportKeypad.png) no-repeat top center;}
body#page #sub_menu ul li a#screen_keypads_import {background: url(../images/menu/importKeypad.png) no-repeat top center;}
body#page #sub_menu ul li a#screen_keypads_add_button {background: url(../images/menu/addButton.png) no-repeat top center;}
body#page #sub_menu ul li a#screen_keypads_copy_button {background: url(../images/menu/copyButton.png) no-repeat top center;}
body#page #sub_menu ul li a#screen_keypads_delete_button {background: url(../images/menu/deleteButton.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_sensor_add {background: url(../images/menu/addSensor.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_sensor_edit {background: url(../images/menu/editSensor.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_sensor_delete {background: url(../images/menu/deleteSensor.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_sensor_refresh {background: url(../images/menu/refresh.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_shifts {background: url(../images/menu/shifts.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_shift_add {background: url(../images/menu/addShift.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_shift_edit {background: url(../images/menu/editShift.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_shift_delete {background: url(../images/menu/deleteShift.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_send_notifications {background: url(../images/menu/sendNotifications.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_automatic_report_edit {background: url(../images/menu/editAutomaticReport.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_automatic_report_delete {background: url(../images/menu/deleteAutomaticReport.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_add_automatic_report {background: url(../images/menu/addAutomaticReport.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_report_automatic_manage {background: url(../images/menu/manageAutomaticReports.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_presence_refresh {background: url(../images/menu/refresh.png) no-repeat top center;}
body#page #sub_menu ul li a#hotel_guest_check_out {background: url(../images/menu/checkOut.png) no-repeat top center;}
body#page #sub_menu ul li a#hotel_add_reservation {background: url(../images/menu/calendarsAdd.png) no-repeat top center;}
body#page #sub_menu ul li a#hotel_edit_reservation {background: url(../images/menu/calendarsEdit.png) no-repeat top center;}
body#page #sub_menu ul li a#hotel_delete_reservation {background: url(../images/menu/calendarsDelete.png) no-repeat top center;}
body#page #sub_menu ul li a#hotel_room_settings {background: url(../images/menu/rooms.png) no-repeat top center;}
body#page #sub_menu ul li a#hotel_reservation_overview {background: url(../images/menu/reservations.png) no-repeat top center;}
body#page #sub_menu ul li a#hotel_guest_management {background: url(../images/menu/guestManagement.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_reports {background: url(../images/menu/reportSqlManage.png) no-repeat top center;}
body#page #sub_menu ul li a#hotel_room_reports {background: url(../images/menu/reportRooms.png) no-repeat top center;}
/* 2 nivo */
#sub_menu ul li { width: 100%; }
#sub_menu ul li.wide { width: 120%; }
body#page #sub_menu ul li.dividerBefore { border-left: 1px solid #cccccc; }
body#page #sub_menu ul li ul, #GroupInfoAndFilters ul {
background: #fff;
border: 1px solid #dddddd;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
box-shadow: 0 0 5px #666666; -webkit-box-shadow: 0 0 5px #666666; -moz-box-shadow: 0 0 5px #666666;
height: auto;
margin-top: 2px;
padding: 0;
position: absolute;
width: 190px;
z-index: 1;
}
body#page #sub_menu ul li ul.expandotherexportsmenu { width: auto; }
body#page #sub_menu ul li ul { flex-direction: column; }
body#page #sub_menu ul li ul li.first {margin-left: 0;}
body#page #sub_menu ul li ul li {width: auto; float: none; border-bottom: 1px solid #dddddd; margin-bottom: 5px;}
body#page #sub_menu ul li ul li:last-child {border-bottom: none;}
body#page #sub_menu ul li ul li a {width: auto; height: auto; max-width: 100%; padding: 0;background: none; padding: 5px 10px; text-align: left;}
/*ajax Loader*/
#visitor_arrival_waiting_response_data {width: 200px; height: auto; margin: 0 auto; margin-top: 50px; background: #fff; text-align: center; padding: 20px;}
img#ajaxLoader {width: 43px; height: 43px; display: block; margin: 0 auto; margin-bottom: 10px;}
.ajaxloadingimg {background: url("../images/ajaxLoader.gif") no-repeat scroll center center #000000;}
/*disabled*/
a.disabled, input.disabled , .disabled {opacity:0.4 !important; filter: alpha(opacity = 40) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; pointer-events: none; }
a.disabled6, input.disabled6, .disabled6 {opacity:0.6 !important; filter: alpha(opacity = 60) !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; pointer-events: none; }
#sub_menu a.disabled {background-color: #f6f6f6 !important;}
a.disabled:hover {color: #101010 !important; cursor: default !important;}
/*submenu2*/
body#page #sub_menu2 {width: 100%; text-align: center; }
body#page #sub_menu2 ul {width: auto; height: auto; padding: 20px 0px; padding-bottom: 0px; margin: 0px auto; list-style-type: none;display: inline-block;}
body#page #sub_menu2 ul li.back a {background: url(../images/back.png) no-repeat top center;}
body#page #sub_menu2 ul li.logout {padding-right: 10px;}
body#page #sub_menu2 ul li#noneBorder {border-right: none !important;}
body#page #sub_menu2 ul li.logout a { height: 16px; display: block; padding-top: 55px; background: url(../images/logout.png) no-repeat top center; }
body#page #sub_menu2 ul li.logout:hover a { background: url(../images/logoutHover.png) no-repeat top center;}
body#page #sub_menu2 ul li.first {margin-left: 10px;}
body#page #sub_menu2 ul li {width: auto; height: auto; float: left; margin-bottom: 20px;}
body#page #sub_menu2 ul li.last {margin: 0px;}
body#page #sub_menu2 ul li a {min-width: 50px; height: 16px; display: block; padding: 0px 15px; padding-top: 55px; text-align: center; color: #101010; text-decoration: none; background: url(../images/logo.png) no-repeat top center;}
body#page #sub_menu2 ul li a:hover {color: #DB2827;}
/* replacement*/
.nyroSmall {width: auto; height: auto; margin: 0 auto;}
.nyroSmall .formData fieldset .formDataWrapper .clear .imagePersonRight {width:20%; height: auto; padding: 3px; float: right; margin: 10px 0px; border: 1px solid #dddddd;}
.nyroSmall .formData fieldset .formDataWrapper .border {border-bottom: 1px solid #dddddd; margin: 10px 0px; padding-bottom: 10px;}
.nyroSmall .formData fieldset .formDataWrapper ul#accessFrontdesk li label {width: 70px;}
.nyroSmall .formData fieldset .formDataWrapper ul#accessFrontdesk li input {width: 70px; margin-right: 10px;}
.nyroSmall .formData fieldset .formDataWrapper ul#accessFrontdesk li input.readcard {margin-left: 0; margin-top: 0;}
.nyroSmall .formData fieldset .formDataWrapper ul#accessFrontdesk li input.timeAdd {width: 40px;}
img.plus {position: relative; top: 6px; left:-3px;}
img.minus {position: relative; top: 6px; left:1px;}
.nyroSmall .formData fieldset .formDataWrapper ul#accessFrontdesk li select {width: 210px; }
.nyroSmall .formData fieldset .formDataWrapper ul#accessFrontdesk li input.submit {margin-right: 0px;}
.nyroSmall .formData fieldset .formDataWrapper ul#accessFrontdesk li.lastSmall {width: 483px; margin: 15px auto; margin-bottom: 5px;}
.replacementCardData ul {width:70%; height: auto;}
.replacementCardData .PictureData {float: left; width: 20%;}
.nyroSmall .formData fieldset .formDataWrapper .replacementCardData .PictureData img {width: 100%; margin: 0; height: auto;}
.nyroSmall .formData fieldset .formDataWrapper .replacementCardData ul li label { width: 140px;}
.nyroSmall .formData fieldset .formDataWrapper .replacementCardData ul li input {max-width: 200px; width: 100%;}
#frontDeskCard .data {width: 100%;}
#frontDeskCard .data input, #frontDeskCard .data select {width: 36%; float: left; margin: 0;}
#frontDeskCard .data select {margin-left: 2%;}
/*events data */
#events_data {margin-bottom: 20px;}
#events_data h2{margin-top: 20px;}
.scroll {overflow: auto; }
.height10 {height: 280px;}
#events_data img {max-width: 98%; padding:1%; border:1px solid #cccccc; background: #fff;}
#events_data .PictureDataFirst img, #events_data .PictureDataSecond img {width: 50%; height: auto; margin-bottom: 10px;}
/*SEND TABLES*/
form.sendTables {width: 950px;}
form.sendTables .leftData {width: 250px; height: auto; margin: 0; padding: 10px; float: left; }
form.sendTables .leftData #hardware_data input.selectall {margin-right: 5px;}
form.sendTables .leftData #hardware_data ul.hardware_listUl {max-height: 370px;overflow: auto;}
#ta_sendtables .scrollHeight { max-height: 400px; }
form.sendTables .rightData {width: 650px; height: auto; margin: 0; padding: 0; float: right; }
form.sendTables .rightData h2.send_tables_heading {color: #1a1a1a; width: auto; display: inline-block; float: left;}
form.sendTables .rightData ul.resetControllers {width: auto; height: auto; float: right; margin-top: 3px;}
form.sendTables .rightData ul.resetControllers li label {width: auto; line-height: normal; margin-right: 10px; font-weight: normal;}
form.sendTables .rightData ul.resetControllers li input {top: 0;}
form.sendTables .rightData .sendTablesOperationsData {background: #f6f6f6; padding: 10px; border-radius: 5px; moz-border-radius: 5px; -webkit-border-radius: 5px;}
form.sendTables .rightData .sendTablesOperationsData .operationsData {max-height: 355px; overflow-y: auto;}
form.sendTables .rightData .sendTablesOperationsData .operationsData ul {margin: 0; padding: 0; width: 100%;}
form.sendTables .rightData .sendTablesOperationsData .operationsData ul li .data {margin-bottom: 5px; min-height: 21px;}
form.sendTables .rightData .sendTablesOperationsData .operationsData ul li .leftData img {float: left; margin-right: 5px; margin-top: 2px;}
form.sendTables .rightData .sendTablesOperationsData .operationsData ul li .rightData {font-style: italic; color: #888888;}
form.sendTables .rightData .sendTablesOperationsData .operationsData ul li .leftData,
form.sendTables .rightData .sendTablesOperationsData .operationsData ul li .rightData {width: auto; padding: 0; margin: 0 5px 0 0;}
/*********************************************************************************************
************************************** TAKIT DESIGN ******************************************
*********************************************************************************************/
body#page #sub_menu ul li a#takit_users {background: url(../images/menu/usersAC.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_timetables {background: url(../images/menu/timetables.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_settings {background: url(../images/menu/settings.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_users_add,
body#page #sub_menu ul li a#takit_add_multiple_users {background: url(../images/menu/arrival.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_users_edit {background: url(../images/menu/editUser.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_users_delete {background: url(../images/menu/deleteUser.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_users_events {background: url(../images/menu/timeattendance.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_users_period_report {background: url(../images/menu/personalReport.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_errorreport {background: url(../images/menu/errorReport.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_period_report {background: url(../images/menu/report.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_work_obligation_history {background: url(../images/menu/pastEvents.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_work_plans {background: url(../images/menu/workPlan.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_daily_statistic_overview {background: url(../images/menu/dailyStatisticOverview.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_list_user_cards {background: url(../images/menu/userCards.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_presence_monitor {background: url(../images/menu/taPresentMonitor.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_report {background: url(../images/menu/personalReport.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_export {background: url(../images/menu/export.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_overview {background: url(../images/menu/report.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_statistics {background: url(../images/menu/statistic.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_users_statistics_report {background: url(../images/menu/statisticReport.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_group_add {background: url(../images/menu/addGroup.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_group_edit {background: url(../images/menu/editGroup.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_groups,
body#page #sub_menu ul li a#filterOverview {background: url(../images/menu/users.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_groups_report {background: url(../images/menu/reportUsers.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_copy_revision {background: url(../images/menu/addRevision.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_edit_revision {background: url(../images/menu/editRevision.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_company_organization {background: url(../images/menu/organization_unit.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_hardware {background: url(../images/menu/strojnaOprema.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_hardware_add {background: url(../images/menu/hardwareAdd.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_place_add {background: url(../images/menu/locationAdd.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_group_overview {background: url(../images/menu/takitGroupOverview.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_group_editing {background: url(../images/menu/takitGroupEditing.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_departments {background: url(../images/menu/departments.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_hardware_communication_status {background: url(../images/menu/communication.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_hardware_jhm_autorestart {background: url(../images/menu/autoRestartJHM.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_hardware_jhm_restart {background: url(../images/menu/restartJHM.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_hardware_list_report {background: url(../images/menu/hardwareListReport.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_department_edit {background: url(../images/menu/editDepartments.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_department_add {background: url(../images/menu/addDepartments.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_department_delete {background: url(../images/menu/deleteDepartments.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_holidays {background: url(../images/menu/holiday.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_holiday_add {background: url(../images/menu/holidayAdd.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_holiday_delete {background: url(../images/menu/holidayDelete.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_holiday_edit {background: url(../images/menu/holidayEdit.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_regions {background: url(../images/menu/regions.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_region_add {background: url(../images/menu/addRegion.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_region_edit {background: url(../images/menu/editRegion.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_region_delete {background: url(../images/menu/deleteRegion.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_country_add {background: url(../images/menu/addCountry.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_country_edit {background: url(../images/menu/editCountry.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_country_delete {background: url(../images/menu/deleteCountry.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_time_zone_add {background: url(../images/menu/addTimeZone.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_time_zone_edit {background: url(../images/menu/editTimeZone.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_time_zone_delete {background: url(../images/menu/deleteTimeZone.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_counter_add {background: url(../images/menu/addCounter.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_counter_edit {background: url(../images/menu/editCounter.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_counter_delete {background: url(../images/menu/deleteCounter.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_park_counter_reset {background: url(../images/menu/resetCounter.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_funcgroup_add {background: url(../images/menu/addFunc.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_funcgroup_delete {background: url(../images/menu/deleteFunc.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_funcgroup_edit {background: url(../images/menu/editFunc.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_event_add {background: url(../images/menu/addEvent.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_event_delete {background: url(../images/menu/deleteEvent.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_event_edit {background: url(../images/menu/editEvent.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_calendars_add {background: url(../images/menu/calendarsAdd.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_calendars_edit {background: url(../images/menu/calendarsEdit.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_calendars_delete {background: url(../images/menu/calendarsDelete.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_calendars_copy {background: url(../images/menu/calendarsCopy.png) no-repeat top center;}
body#page #sub_menu ul li a#ta_calendars_report {background: url(../images/menu/reports.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_statistic_add {background: url(../images/menu/addStatistic.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_statistic_edit {background: url(../images/menu/editStatistic.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_statistic_delete {background: url(../images/menu/deleteStatistic.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_statistic_copy {background: url(../images/menu/addStatistic.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_administrators_add {background: url(../images/menu/arrival.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_administrators_edit {background: url(../images/menu/editUser.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_administrators_delete {background: url(../images/menu/deleteUser.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_usertrace,
body#page #sub_menu ul li a#takit_trace_objects {background: url(../images/menu/userTrace.png) no-repeat top center;}
body#page #sub_menu ul li a#takit_adminedit {background: url(../images/menu/admins.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_recover_protocol_card {background: url(../images/menu/recoverProtocolCard.png) no-repeat top center;}
body#page #sub_menu ul li a#ackit_protocol_card_report {background: url(../images/menu/reportKeymanager.png) no-repeat top center;}
body#page #sub_menu ul li a#absences { background: url(../images/menu/announces.png) no-repeat scroll center top; }
body#page #sub_menu ul li a#permits { background: url(../images/menu/ePermits.png) no-repeat scroll center top; }
body#page #sub_menu ul li a#timeattendance { background: url(../images/menu/timeattendance.png) no-repeat scroll center top; }
body#page #sub_menu ul li a#weeklyview { background: url(../images/menu/weeklyOverview.png) no-repeat scroll center top; }
body#page #sub_menu ul li a#monthlyview { background: url(../images/menu/monthlyOverview.png) no-repeat scroll center top; }
body#page #sub_menu ul li a#ebol_reason_statistics,
body#page #sub_menu ul li a#ebol_trigger_import { background: url(../images/menu/eBol.png) no-repeat scroll center top; }
body#page #sub_menu ul li a#showEBolDocuments { background: url(../images/menu/eBolEdit.png) no-repeat scroll center top; }
body#page #sub_menu ul li a#showeBolTrace { background: url(../images/menu/eBolSearch.png) no-repeat scroll center top; }
body#page #sub_menu ul li a#ebol_import_file { background: url(../images/menu/eBolImportFile.png) no-repeat scroll center top; }
/* Podatki o uporabniku na strani Uporabniki */
.w30blank #user_data {position: relative;}
#user_data .basicdatawrapper { display: flex; }
#user_data .basicdatawrapper .data { overflow: hidden; width: 100%; word-wrap: break-word; }
#takit_settings form input.submit {width: auto;}
#takit_settings form input.nomargin {margin: 0 !important;}
#takit_settings form ul.border {border-bottom: 1px solid #DDDDDD; margin: 10px 0; padding-bottom: 10px;}
#takit_settings form ul.border.noPadding {padding-bottom: 0;}
#takit_settings form ul.border.noPadding.tadata.takitdata.epermit {margin-bottom: 0;}
#takit_settings form ul.border.noMargin {margin-bottom: 0; border-bottom: none;}
#takit_settings form ul.borderBottom {border-bottom: 1px solid #DDDDDD; margin-top: 10px;}
.readcard_explain {position:relative; top:-15px; margin-left: 20px}
ul.border {border-bottom: 1px solid #dddddd; margin: 10px 0px; padding-bottom: 10px;}
input.datefrom, input.timefrom, input.dateto, input.timeto, input.betweentimefrom, input.betweentimeto {margin-right: 10px;width: 145px;}
/* takit groups */
#groups .scrollableWrapperBefore { height: calc(100% - 21px); }
#groups.content { display: flex; flex-direction: column; flex-grow: 1; padding: 0; }
.groupsLayout { height: calc(100% - 76px); overflow: auto; padding: 12px 10px 10px 40px; }
.groupsLayout > div { height: 100%; }
.groupsLayout #users_data{width: 30%; float: left; margin-right: 1%; }
.groupsLayout #groups_data {width: 16%; float: left;}
#groups_data .flexColumn { height: calc(100% - 21px); }
.groupsLayout #places_data {width: 52%; float: right;}
.groupsLayout .dataWrapper { position: relative; }
.groupsLayout .revisionData { height: 29px; }
.groupsLayout .submit { margin-top: -10px; }
.groupsLayout .dataWrapper input.showhideselected { border: none; height: 21px; position: absolute; right: 0; top: -1px; width: 17px; }
.groupsLayout .dataWrapper input.showhideselected.show { background: url(../images/expand.png) no-repeat 0 0; }
.groupsLayout .dataWrapper input.showhideselected.hide { background: url(../images/collapse.png) no-repeat 0 0; }
.groupsLayout .dataWrapper input.showhideselected:hover { background-position: 0 -21px; cursor: pointer; }
.groupsLayout table.collapsed tbody tr:not(.subselect) { display: none; }
.groupsLayout #places_data table tr th.places {width: 20%;}
.groupsLayout #places_data table tr th.timetables {width: 20%;}
.groupsLayout #places_data table tr th.actions {width: 20%;}
.groupsLayout #places_data table tr th.advancedactions {width: 20%;}
.groupsLayout #places_data table tr th.dynamicaccesses {width: 20%;}
.groupsLayout #places_data table.noda tr th.places {width: 60%;}
.groupsLayout #places_data table.noda tr th.timetables {width: 20%;}
.groupsLayout #places_data table.noda tr th.actions {width: 20%;}
.groupsLayout #places_data table.noda tr th.advancedactions {width: 0%;}
.groupsLayout #places_data table.noda tr th.dynamicaccesses {width: 0%;}
.groupsLayout #places_data table.takit tr th.places {width: 80%;}
.groupsLayout #places_data table.takit tr th.timetables {width: 20%;}
.groupsLayout #places_data table.takit tr th.actions {width: 0%;}
.groupsLayout #places_data table.takit tr th.advancedactions {width: 0%;}
.groupsLayout #places_data table.takit tr th.dynamicaccesses {width: 0%;}
.groupsLayout #places_data table tr td {line-height: 24px; overflow: hidden;}
.groupsLayout #places_data table tr td > span.rightDataFromCheckbox {position: relative; top: 5px;}
.groupsLayout #places_data table tr td > span.leftCheckboxData input {position: relative; top: 8px;}
.rightSpecialUserPermission {position: absolute; top: 0; right: 0; color: #db2827; font-weight: bold; font-size: 15px; visibility: hidden;}
.hasAdditionalAccesses .rightSpecialUserPermission {visibility: inherit;}
.groupsLayout #places_data table tbody tr td input {margin-top: 3px;}
.groupsLayout #places_data table tbody tr td select {width: 100%; height: 24px; padding: 0;}
.groupsLayout #places_data table tbody tr td.actions select {width: 100%;}
input.toggle_advanced {width: auto; height: 22px; position: absolute; top: 9px; right: 10px; background: none repeat scroll 0 0 #F5F5F5; border: none; padding: 2px; cursor: pointer; line-height: 20px; }
input.toggle_advanced:hover {color: #555555;}
#takit_groups_assign_group_to_user select {margin-bottom: 2px;}
div#GroupInfoAndFilters { width: calc(100% - 15px); height: auto; border-bottom: solid 2px #cccccc; background-color: #dddddd; position: relative; padding-left: 15px; }
/*access data*/
#accesses_data select {width: 100%;}
#accesses_data tr {background: #fadfdf;}
#accesses_data table.tableData tbody tr.selected.subselect.primary td {background: none !important;}
.arrows {width: 100%; height: 29px; position: absolute; top: -7px;}
#selectUserRevision {width: 80%; float: left; display: block;}
#selectGroupFilter {width: 100%; float: left; display: block;}
#selectGroupRevision {width: 80%; float: left; display: block;}
#selectCalendar {width: 100%; float: left; display: block;}
#selectTimetable {width: 100%; float: left; display: block;}
#selectRegion {width: 100%; float: left; display: block;}
#selectShift { width: 100%; float: left; display: block; }
h2.selectGroup { padding-left: 12px; }
h2.selectGroup {text-align: right; padding-right: 20px;}
h2.selectGroup.hidden {display: block !important; visibility: hidden;}
h2.allowButton {float: left;}
#GroupInfoAndFilters input.revisionUserOptions, #GroupInfoAndFilters input.revisionGroupOptions { float:left; cursor: pointer; }
#GroupInfoAndFilters ul li { width: auto; float: none; border-bottom: 1px solid #dddddd; margin-bottom: 5px; }
#GroupInfoAndFilters ul li.last { margin: 0px; border-bottom: none; }
#GroupInfoAndFilters ul li a {width: auto; height: auto; max-width: 100%; padding: 0; background: none; padding: 5px 10px; text-align: left; color: #000000; cursor: pointer;}
#GroupInfoAndFilters ul li a:hover {color: #DB2827;}
#GroupInfoAndFilters div#userRevision { margin-left: 1%; width: 17%; float: left; }
#GroupInfoAndFilters div#groupFilter { margin-left: 2%; width: 10%; float: left; }
#GroupInfoAndFilters div#GroupRevision { margin-left: 1%; width: 17%; float: left; }
#GroupInfoAndFilters div#userCalendar { margin-left: 0%; width: 10%; float: left; }
#GroupInfoAndFilters div#GroupDefaultTimetable { margin-left: 14.5%; width:10%; float: left; }
#GroupInfoAndFilters.hasShifts #GroupDefaultTimetable { margin-left: 4%; }
#GroupInfoAndFilters div#region { margin-left: 0.5%; width: 10%; float: left; }
#GroupInfoAndFilters #groups_shift { margin-left: 0.5%; width: 10%; float: left; }
#GroupInfoAndFilters ul.expandGroupOptions { margin-left: 10%; margin-top: 30px; }
#GroupInfoAndFilters ul.expandUserOptions { margin-left: 9%; margin-top: 30px; }
#GroupInfoAndFilters #changes_submit { margin-right: 10px; }
h2.selectLocation {width: 53%; float: left; text-indent: 10px;}
h2.selectTime { min-width: 300px; }
/* .arrows.ac span.selectLocation, .arrows.ta span.selectLocation{margin-left: 19%;} */
h2.selectLocation.ac, h2.selectLocation.ta {width: 60%}
ul#topSaveButton li input {margin-top: -10px; position: relative; }
/*access revision data*/
#takit_groups_add_revision label {width: 100%;}
#takit_groups_add_revision .required {color: #DB2827;}
#takit_groups_add_revision .required::before {content: "* ";}
#takit_groups_add_revision .revisionDate {width: 20%;}
#takit_groups_add_revision .revisionMessage {width: 97%;}
#takit_groups_confirm_revision .left {width: 20%; display: inline-block; vertical-align: top;}
#takit_groups_confirm_revision .right {width: 77%; display: inline-block; vertical-align: top;}
#takit_groups_confirm_revision .object,
#takit_groups_confirm_revision .revision,
#takit_groups_confirm_revision .before,
#takit_groups_confirm_revision .after {font-weight: bold;}
#takit_groups_confirm_revision .header {margin-bottom: 6px;}
#takit_groups_confirm_revision .header,
#takit_groups_confirm_revision .before,
#takit_groups_confirm_revision .after {width: 49%; display: inline-block; vertical-align: top;}
#takit_groups_user_revisions { cursor: move; left: 50%; margin-left: -500px; position: absolute; top: 150px; }
#takit_groups_user_revisions a.close {width: 28px; height: 28px; text-indent: -9999em; display: block; position: absolute; top:-15px; right:-15px; background: url(../images/close.png) no-repeat 0 0;}
#takit_groups_user_revisions a.close:hover {background: url(../images/closeHover.png) no-repeat 0 0; cursor: pointer;}
#takit_groups_user_revisions table {-webkit-box-shadow: 0px 0px 7px #666666; -moz-box-shadow: 0px 0px 7px #666666; box-shadow: 0px 0px 7px #666666; -webkit-border-radius: 7px 0 0 0; moz-border-radius: 7px 0 0 0; border-radius: 7px 0 0 0; }
#takit_groups_user_revisions th {height: auto;}
#takit_groups_user_revisions th.date {width: 80px;}
#takit_groups_user_revisions th.type {width: 80px;}
#takit_groups_user_revisions th.name {width: 160px;}
#takit_groups_user_revisions th.notes {width: auto;}
#takit_groups_user_revisions th.link {width: 40px;}
/*scroll table*/
.groupsLayout #users_data .scrollableContainer { position: relative; width: auto; padding-top: 37px; margin: 0;}
.groupsLayout #users_data .scrollableContainer .scrollingArea { height: 392px; overflow: auto;}
.groupsLayout #users_data .scrollableContainer .scrollingArea table.scroll thead tr { left: 0; top: 0; position: absolute;width: 100%; }
.groupsLayout #users_data .scrollableContainer .scrollingArea table.tableData.scroll thead tr th.first {width: 199px}
.groupsLayout #users_data .scrollableContainer .scrollingArea table.tableData.scroll thead tr th.last {width: 210px}
.groupsLayout #users_data .scrollableContainer .scrollingArea table.tableData.scroll tbody tr td {width: 200px}
.groupsLayout #users_data .scrollableContainer .scrollingArea table.tableData.scroll tbody tr td.last {width: 200px}
#groups_data .scrollableContainer { position: relative; width: auto; padding-top: 37px; margin: 0;}
#groups_data .scrollableContainer .scrollingArea { height: 392px; overflow: auto;}
#groups_data .scrollableContainer .scrollingArea table.scroll thead tr { left: 0; top: 0; position: absolute; width: 100%; }
#groups_data .scrollableContainer .scrollingArea table.tableData.scroll thead tr th.one {width: auto; display: block;}
/* takit_timetables*/
/*leftSide*/
.large { max-width: 1550px;margin: 0 auto; padding-top: 15px;}
.timetables_list, .timetable_intervals_list, .timetable_sums_list {padding: 10px;}
#timetables_data {height: auto; }
form.timetables ul li label {width:50%; float: left; text-align: right;}
form.timetables ul li input {width: 50%; }
form.timetables ul li select {width: 50%; }
form.timetables ul li input.checkBox {width: 16px; border: none; width: 14px;}
form.timetables ul li input.autoWidth {width: auto;}
input.autoWidth, .formData ul li input.autoWidth {width: auto;}
#lcdLinesContent li { display: flex; }
#lcdLinesContent li label { margin-right: 10px; width: auto; }
#lcdLinesContent li select { flex-grow: 1; margin-right: 10px; width: auto; }
#lcdLinesContent li input { width: auto; }
#lcdLinesContent input.button:hover,
#lcdContentManage input.button:hover { background-color: #000000; color:#FFFFFF; cursor:pointer; }
#lcdContentManage .L { margin-right: 10px; width: 300px; }
#lcdContentManage .R { margin: 5px 0 0 10px; width: 450px; }
#lcdContentManage .buttons { display: flex; justify-content: space-evenly; margin-top: 15px; }
#lcdContentManage select { width: 300px; }
#lcdLineContentIntervalData{ margin-top: 5px; max-height: 600px; overflow-y: auto; }
#lcdLineContentIntervalData > div { margin-bottom: 10px; }
#lcdLineContentData .name { display: inline-block; }
#lcdLineContentData .name input { float:none; width: 200px; }
.timetablesTopButtons {width: 135px; height: auto; float: left;}
.timetablesTopButtons li input.addtimetable{margin-left: 0; padding: 0 5px;}
.timetablesTopButtons li input.edittimetable {margin-left: 10px; padding: 0 5px;}
input.addintervaltotimetable {margin-right: 10px;}
input.hideShowButton {position: relative; background-color: #db2827; border: 1px solid #db2827; color: #FFFFFF; }
input.hideShowButton:hover {background: none repeat scroll 0 0 #000000; border: 1px solid #000000; color: #FFFFFF; cursor: pointer; }
#page .clear .relative ul.timetablesTopButtons li {margin-right: 0 }
.relative {position: relative;}
form.timetables ul li input.cancel {margin-left:0;}
h2.timetablesLineHeight {line-height: 33px;}
input.timetableFilter {width: 70%; padding-left: 5px; }
.w43pTakit table.tableData thead tr th:nth-child(1) {width: 60%;}
.w43pTakit table.tableData thead tr th:nth-child(2) {width: 20%;}
.w43pTakit table.tableData thead tr th:nth-child(3) {width: 60px;}
.w43pTakit table.tableData thead tr th:nth-child(4) {width: 60px;}
.w43pTakit table.tableData thead tr th:nth-child(5) {width: 60px;}
.w43pTakit table.tableData thead tr th:nth-child(6) {width: 60px;}
.w43pTakit table.tableData thead tr th:nth-child(7) {width: 60px;}
.w43pTakit table.tableData tbody tr td:nth-child(1) {text-align: left;}
.w43pTakit table.tableData tbody tr td:nth-child(2) {text-align: left;}
.w43pTakit table.tableData tbody tr td:nth-child(3) {text-align: center;}
.w43pTakit table.tableData tbody tr td:nth-child(4) {text-align: center;}
.w43pTakit table.tableData tbody tr td:nth-child(5) {text-align: center;}
.w43pTakit table.tableData tbody tr td:nth-child(6) {text-align: center;}
.w43pTakit table.tableData tbody tr td:nth-child(7) {text-align: right; padding-right: 10px;}
ul#timetablesTimetablesMenu li a{padding-left: 3px;}
ul.buttons li {float: left;}
input.deletetimetable {width: auto; margin-left: 10px; margin-top: 10px; cursor: pointer;}
input.deletetimetable:hover {background: #cccccc;}
ul.timetable_intervals_buttonUl input {width: auto; margin: 10px; cursor: pointer;}
ul.timetable_intervals_buttonUl input:hover {background: #cccccc;}
ul.timetable_intervals_buttonUl .disabled input:hover {background: #f6f6f6; cursor: default;}
ul#buttonsIntervals {width: auto; margin: 0px; margin-bottom: 5px; padding: 0px; float: left;}
#timeintervals_data ul#buttonsIntervals {width: 280px;}
/*right side*/
#timetables_intervals_data {height: auto;display: block;}
#timetables_intervals_data span.intervals {position: relative; top: 5px; left: 10px; }
ul.intervalUl li.selected {color: #DB2827;}
.backgroundF {background: #fff;}
.backgroundFMonitor { background: #fff; height: calc(100% - 20px); min-height: 600px; padding: 10px; padding-left: 310px; }
.backgroundFMonitor #places_data { flex-grow: 1; overflow: hidden; }
ul.timetables_listUl {width: auto; height: auto; list-style-type: none; background: none;}
ul.timetables_listUl li img {width: 16px; height: 16px;position: relative; top:3px;}
ul.timetables_listUl li.timetableitem{min-height: 25px; line-height: 24px; padding: 3px 0px; position: relative; padding-bottom: 0px;}
ul.timetables_listUl li.HiddenTTandINT {background: #ffffb2;}
ul.timetables_listUl li.timetableitem:hover {background: #f6f6f6; cursor: pointer;}
ul.timetables_listUl li.timetableitem span.arrow {width: 16px; height: 21px; display: block; float: left; background: url(../images/arrow.png) no-repeat center 2px;}
ul.timetables_listUl li.timetableitem span.arrow:hover {background: url(../images/arrowHover.png) no-repeat center 2px; cursor: pointer;}
ul.timetables_listUl li.timetableitem ul li{padding-left: 15px;}
ul.timetables_listUl li.timetableitem ul li {background: #fff;}
ul.timetables_listUl li.timetableitem:hover ul li{background: #fff;}
ul.timetables_listUl li.timetableitem ul li:hover {background: #f6f6f6;}
ul li span.noarrow {width: 16px; height: 21px; display: block; float: left; background: url(../images/noarrow.png) no-repeat center center;}
ul.timetables_listUl.min {min-height: 112px;max-height: 224px; overflow: auto;}
ul.timetable_intervals_listUl {width: auto; max-height: 360px; list-style-type: none; background: none; overflow: auto;}
ul.timetable_intervals_listUl li.timeintervalitem{min-height: 25px; line-height: 24px; padding: 3px 0px; position: relative; padding-bottom: 0px; border:1px solid #fff;}
ul.timetable_intervals_listUl li.timeintervalitem:hover {background: #f6f6f6; border:1px solid #eeeeee;}
.nyroModalLink .formData ul.delayLeft li label {min-width: 27%;}
/*interval type*/
#timetables_intervals_data {background: #fff;}
#timetables_intervals_data h1 {padding-top: 10px; padding-left: 10px; margin-bottom: 10px;}
input.cancel:hover {background: #101010; cursor: pointer; border:1px solid #101010; color: #fff;}
/*takit groups*/
#places_data input.checkBox {width: 5px;}
#users_data input.hideShowButton {margin-top: -10px;}
.nyroModalLink .formData ul li input.timeAdd {width: 26%; margin-right: 1%;}
.addNewTimetables form ul li span, .intervalLeftData ul li span { position: relative; top: 3px;}
.addNewTimetables form input.submit {width: auto;}
.intervalLeftData {width:66%; float: left;}
.intervalLeftData ul li {margin-bottom: 4px;}
.intervalLeftData ul li label{ width: 30%;}
.intervalLeftData ul li input.checkBox {position: relative; top: 6px;}
.intervalRightData {width:34%; float: right;}
.intervalRightData ul li { padding: 0px;}
.intervalRightData ul li label{line-height: 17px !important; width: auto!important; margin-top:2px;}
.intervalRightData ul li input.cancel, .intervalRightData ul li input.submit {padding: 6px 2px;}
.intervalRightData ul li input.submit:hover {background: none repeat scroll 0 0 #DB2827; border: 1px solid #DB2827; color: #FFFFFF; cursor: pointer;}
div.ddChild.ddchild_.border.shadow {height: 200px !important;}
/*TIMETABLES*/
#timeinterval_intervals_data .intervalLeftData {float: left; height: 210px;}
#timeinterval_intervals_data .intervalRightData {float: right; height: 210px;}
#timeinterval_intervals_data ul li div.left {float: left; width: 50%;}
#timeinterval_intervals_data ul li div.right {float: right; width: 50%;}
#timeinterval_intervals_data ul li.together div.buttonWrapper label{display: inline;}
#timeinterval_intervals_data ul li.seasonstartdate {width: 33%;}
#timeinterval_intervals_data ul li.seasonenddate {width: 33%;}
#timeinterval_intervals_data ul li.color {position: relative; width: 34%;}
#timeinterval_intervals_data ul li.color input {padding-left: 30px; width: 60px;}
#timeinterval_intervals_data ul li.color a {border-radius: 5px; left: 0; margin: 3px; position: absolute; top: 21px;}
#timeinterval_intervals_data ul li.action {width: 66%;}
#timeinterval_intervals_data ul li.action select {width: 95%;}
#timeinterval_intervals_data ul li.permit {width: 34%;}
#timeinterval_intervals_data ul li.permit input {margin-top: 3px;}
/*work obligation history */
#workObligationHistory .intervalLeftData {width:60%; float: left;}
#workObligationHistory .intervalRightData {width:37%; float: right;}
#workObligationHistory .intervalRightData ul li .button {margin-top: 10px; margin-right: 10px;}
#workObligationHistory .intervalRightData ul li .button:last-child {margin-right: 0;}
#workObligationHistory .intervalRightData ul li select {width: 98%;}
#workObligationHistory .intervalRightData ul li input#wohistory_date {width: 70px; float: none; display: block;}
#workObligationHistory .intervalRightData ul li label {float: none;}
/*TIMETABLES - SPECIAL */
form.timetables ul.special li label{width: 100%; float: none; display: block; text-align: left; line-height: 21px;}
form.timetables ul.special li input{float: none; display: block; margin: 0;}
form.timetables ul.special li.together {width: 50%; height: 48px; float: left;}
form.timetables ul.special li.together.label {width: 100%; height: 21px; margin: 0;}
form.timetables ul.special li.together.nolabel {height: 27px; margin-bottom: 6px;}
form.timetables ul.special li.together input {width:84%;}
form.timetables ul.special li.together select {width:90%; margin:0; line-height: 10px; padding: 0;padding-bottom:3px; padding-top: 5px; height: 28px;}
form.timetables ul.special li.together input.timeAdd {width:35px; float: left; margin-right: 3%;}
form.timetables ul.special li.together input.intervalname.borderFocus:focus {border: 1px solid #DB2827;}
/*TIMETABLES - SPECIAL TEXT */
form.timetables ul.specialText {width: 100%;margin-top: 2px;}
form.timetables ul.specialText li {width: 69%; display: block; position: relative;}
form.timetables ul.specialText li label{line-height: 18px; width: 80%;display: inline-block; vertical-align: middle; text-align: left; margin-left: 3px;}
form.timetables ul.specialText li.togetherTwo {display: inline-block; zoom: 1; *display: inline; vertical-align: top;}
form.timetables ul.specialText li.togetherTwo input {margin:0;}
form.timetables ul.specialText li.togetherTwo input.radio {border: none; padding: 0; margin: 0; width: 13px; display: inline-block; vertical-align: middle; position: relative; top: 1px;}
form.timetables ul.specialText li input.radio {border: none; padding: 0; margin: 0; width: 13px;display: inline-block; vertical-align: middle; position: relative; top: 1px;}
form.timetables ul.specialText li.togetherTwo input.timeAdd {width:30%; float: left; margin-right: 3%;}
form.timetables ul.specialText li.togetherTwoR {width: 28%;display: inline-block; zoom: 1; *display: inline; vertical-align: top; position: relative; top: -5px;}
form.timetables ul.specialText li.togetherTwoR input {width:39%; margin-left: 0; }
form.timetables ul.specialText li.togetherTwoR a img.plus {left: 3px;}
form.timetables .alert {color: red; font-size: 20px; font-weight: bold; margin-left: -10px;}
form.timetables .intervalRightData ul li {height: 19px;}
form.timetables .bottomData {background: #eeeeee; padding: 5px;padding-top: 0; margin: 12px -5px 0 -5px;}
form.timetables .bottomData label {display: block; text-align: left; width: 100%;}
form.timetables .bottomData input {float: left;}
form.timetables .bottomData input[type='checkbox'] {margin-bottom: 5px;}
form.timetables .bottomData input[type='number'] {width: 40px;}
form.timetables .bottomData input.timeAdd {margin-right: 5px; width: 35px;}
form.timetables .bottomData select {float: left; margin-right: 7%; width: 52%;}
form.timetables .bottomData li {float: left; height: 60px; width: 50%;}
form.timetables .bottomData li.maxcount,
form.timetables .bottomData li.repeatlate,
form.timetables .bottomData li.alwayslate,
form.timetables .bottomData li.allowLatenessCount {width: 25%;}
form.timetables .bottomData li.statistic,
form.timetables .bottomData li.timetable {width: 100%;}
form.timetables .bottomData li.statistic li,
form.timetables .bottomData li.timetable li {width: 100%; height: auto; margin: 0; padding: 0;}
form.timetables .bottomData li.statistic > div {background: #fff; width: 63% !important;}
form.timetables .bottomData li.timetable > select {width: 63%;}
#takit_settings.addNewTimetables a.miniColors-trigger { background-color: #ffffff; left: calc(32% + 8px); top: 3px; }
#takit_settings.addNewTimetables input.w60 { width: 60px; }
#takit_settings.addNewTimetables input.miniColors { padding-left: 26px; width: 80px; }
#takit_settings.addNewTimetables .colordata { position: relative; }
span.rightAddIntervalToTimetable {float: right;}
a.addIntervalToTimetable {width: 11px; height: 11px; display: block; background: url(../images/addIntervalToTimetable.png) no-repeat 0 0; cursor: pointer; position: relative; top: 4px;}
a.addIntervalToTimetable:hover, a.addIntervalToTimetable.inTimetable:hover {background-position:0 -11px}
a.addIntervalToTimetable.inTimetable {background: url(../images/inTimetable.png) no-repeat 0 0;}
span.rightAddUserToGroup {width: 11px; height: 11px; display: block; position: absolute; right: 8px; top: 4px;}
span.rightRemoveUserFromGroup {width: 11px; height: 11px; display: block; position: absolute; right: 8px; top: 4px;}
a.addUserToGroup {width: 11px; height: 11px; display: block; background: url(../images/addIntervalToTimetable.png) no-repeat 0 0; cursor: pointer;}
a.removeUserFromGroup {width: 11px; height: 11px; display: block; background: url(../images/inTimetable.png) no-repeat 0 0; cursor: pointer;}
#takit_timetables_daily_sums label,
#takit_timetables_daily_sums select {width: 100%;}
#takit_timetables_daily_sums input[type=number] {width: 97%;}
/* Keypad buttons */
#keypadButtons div.keypadButtonLeft { width: 52%; float: left; border-right: solid #cccccc thin; padding-right: 14px; }
#keypadButtons div.keypadButtonRight { width: 45%; float: right; }
#keypadButtons div.keypadButtonLeft div.scrollableWrapper,
#keypadButtons div.keypadButtonLeft div.scrollingArea { max-height: 330px ;}
#keypadButtons div.keypadButtonLeft ul { float: right; }
#keypadButtons div.keypadButtonLeft ul li input { margin: 10px 10px 0px 0px; }
#keypadButtons div.keypadButtonLeft #keypad_buttons_table tr.detail { background-color: #dddddd; }
#keypadButtons div.keypadButtonLeft #keypad_buttons_table tbody tr.master .exp {
background: url(../images/addIntervalToTimetable.png) no-repeat 0 0;
cursor: pointer;
height: 11px;
margin: 4px 3px;
width: 11px;
}
#keypadButtons div.keypadButtonLeft #keypad_buttons_table tbody tr.master.expanded .exp { background: url(../images/inTimetable.png) no-repeat 0 0; }
#keypadButtons div.keypadButtonLeft #keypad_buttons_table tr.master .exp:hover { background-position: 0 -11px; }
#keypadButtons div.keypadButtonRight div.scrollableWrapper { padding-top: 21px; }
#keypadButtons div.keypadButtonRight div.scrollableWrapper,
#keypadButtons div.keypadButtonRight div.scrollingArea { max-height: 260px; background: none; border-left: none; border-radius: 0; }
#keypadButtons div.keypadButtonRight ul li.ButtonCode {float: left; width: 25%; clear: none; }
#keypadButtons div.keypadButtonRight ul li.ButtonCode label,
#keypadButtons div.keypadButtonRight ul li.ButtonCode input { width: 100%;}
#keypadButtons div.keypadButtonRight ul li.ButtonText {float: right; width: 70%; clear: none; }
#keypadButtons div.keypadButtonRight ul li.ButtonText label,
#keypadButtons div.keypadButtonRight ul li.ButtonText input { width: 100%;}
#keypadButtons table#keypad_button_texts_table thead tr { background: none; }
#keypadButtons table#keypad_button_texts_table thead th span {
border: none;
background-color: #A0A0A0;
color: #494949;
height: 21px;
line-height: 21px;
text-shadow: none;
font-weight: bold;
}
/*timetables statistic interval */
.nyroModalLink .formData ul li.largeWidthLabel label {width:40%;}
.nyroModalLink .formData ul li.largeWidthLabel input.checkBox {margin-top: 4px;}
/* takit holiday*/
.nyroModalLink .formData ul li input.recurring.ac {left:0; top: 9px;}
/*takit users */
span.personalid, span.department, span.externalid, span.group, span.subunit {font-weight: bold;}
span.userphotoImgWrapper img.userphoto_view_thumb {width: auto; max-width: 200px; height: 150px; border: 1px solid #dddddd; background: #fff; padding: 3px; float: right;}
img.userphoto_view_thumb {width: auto; max-width: 120px; height: auto;border: 1px solid #dddddd; background: #fff; padding: 3px; display: block;}
ul#legend {}
ul#legend li {float: none; display: block;}
ul#legend li input {margin: 0; padding: 0; float: left; margin-right: 2px;}
ul#legend li span {width: 16px; height: 16px; margin: 0; padding: 0; margin-top: 1px; margin-right: 5px;display: block; float: left; text-indent: -123456px; moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
ul#legend li ul {margin-left: 20px;}
ul#legend li span.noneColor {background: none;}
ul#legend li span#taUserColor {background: #ffffcc;}
ul#legend li span#acUserColor {background:#ffff7f;}
ul#legend li span#fdVisitorColor {background: #ffd200;}
ul#legend li span#fdReplacementColor {background: #ffa200;}
/*
ul#legend li span#fdSystemColor {background: #ffffff;}
ul#legend li span#kmKeyTagColor {background: #ffffff;}
*/
#users_data .tableData input.AdditionalFilters { width: 50px; float:right; margin-right: 10px;}
#users_data .tableData input.selectall { left: 3px; position: absolute; top: 13px; }
#users_data .tableData thead tr:not(.filters) .first .sortArrow { padding-left: 15px; }
div.additionalFilters ul.filterFieldsList li { display:block; line-height: 20px; width: 100%; margin-bottom: 5px; }
div.additionalFilters ul.filterFieldsList li label { width: 40%; float:left;}
div.additionalFilters ul.filterFieldsList li input,
div.additionalFilters ul.filterFieldsList li select { width: 55%; box-sizing: border-box; }
/*takit users additional fields*/
.formData ul.filterFields li { display: block; line-height: 20px; }
.formData ul.filterFields li.filterOption input { width: 10%; }
.formData ul.filterFields li.filterOption input.addfield { width: 40%; float: right; }
/* takit HardWare*/
.wpTakitHardware {width: 29%; height: auto; margin: 0; padding: 0; padding-right: 1%;float: left;}
.wpTakitHardwareLast {width: 30%; height: auto; margin: 0; padding: 0; float: right;}
.discovercontrollers_explain, .discovercommunications_explain {display: block; margin-bottom: 10px;}
.nyroModalLink #takit_discovercontrollers form.discovercontrollersFormData.formData{min-height: 190px; }
.nyroModalLink .formData.addDiscover ul.hardwareDiscover li {width: 40%; float: right;clear: none; margin-right: 5px; }
.nyroModalLink .formData.addDiscover ul.hardwareDiscover li#first {width: 55%; float: left; text-align: left;}
.nyroModalLink .formData.addDiscover ul.hardwareDiscover li#first select {width: 80%;}
.nyroModalLink .formData.addDiscover ul.hardwareDiscover li#buttonsAdd input {display: block; margin-bottom: 5px; float: right; width: 100%;}
.nyroModalLink .formData.addDiscover ul.hardwareDiscover li ul {margin-top: 10px;}
.nyroModalLink .formData.addDiscover ul.hardwareDiscover li ul li {float: none; display: block; width: 100%;}
.nyroModalLink .formData ul#ackit_statistics li input.checkBox.createallpassages {position: relative; top: 7px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.twoColumn.borderBottom.acdata {margin-top: 0;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.twoColumn li {padding: 0;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.twoColumn li.col2_3 {width: 66%; border: none; float: left; clear: none;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.twoColumn li.col1_3 {width: 33%; border: none; float: left; clear: none;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.twoColumn li.col2_3 ul li {padding:2px 10px; border: none;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.twoColumn li.col2_3 ul li label {width: 130px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.twoColumn li.col2_3 ul li input {width: 180px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.twoColumn li.col2_3 ul li select {width: 189px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.twoColumn li.col1_3 ul li {padding: 2px 10px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.twoColumn li.col1_3 ul li#uploadImage label {float: none; display: block; width: 100%;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.twoColumn li.col1_3 ul li#uploadImage input.uploadFile {width: 110px; float: none; margin: 0; padding: 0; color: #fff;}
/* diffrent style for mozilla */
@-moz-document url-prefix() { body#page .tabs .ui-tabs .ui-tabs-panel ul.twoColumn li.col1_3 ul li#uploadImage input.uploadFile {width: 90px; color: #fff;}
}
body#page .tabs .ui-tabs .ui-tabs-panel ul.twoColumn li.col1_3 ul {position: relative;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.twoColumn li.col1_3 ul li.userphotoImgWrapper {border-top: none;}
/*CUSTOM REPORTS*/
#customreport_data .scrollableWrapper { display: flex; max-height: calc(100% - 38px); }
#customreport_data .scrollingArea { max-height: 100%; }
.nyroModalLink #takit_customreport .formData ul li label {width: 11%;}
.nyroModalLink #takit_customreport .formData ul li select {width: 200px;}
.nyroModalLink #takit_customreport .formData ul li input {width: 200px;}
.nyroModalLink #takit_customreport .formData ul li input.downloadtemplate { cursor: pointer; width: auto; }
.nyroModalLink #takit_customreport .formData ul li input.downloadtemplate:hover { background-color: #000000; color: #FFFFFF; cursor: pointer; }
.nyroModalLink #takit_customreport .formData ul li input.name {width: 87.3%;}
textarea.reportdefinition {width: 86%; padding: 1%; height: 300px; overflow: auto; }
/********************************************
**************** Takit Users ***************
********************************************/
input.reportsenabled {position: relative; top: 7px;}
body#page #takit_settings .formData .ui-widget-content {border: none; border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;}
body#page #takit_settings .formData .ui-widget-content .ui-tabs-panel {padding: 0; background: #fff; border: 1px solid #dddddd; border-top: none;}
.nyroModalLink .formData ul li div.groups { display: inline-block; width: 55%; }
.nyroModalLink .formData ul li.startRegistration label, .nyroModalLink .formData ul li.tadata label, .nyroModalLink .formData ul li.shiftsdata label, .nyroModalLink .formData ul li.islunchtimetable label, .nyroModalLink .formData ul li.leavereplacement label {width: 48%;}
.nyroModalLink .formData ul li.startRegistration input, .nyroModalLink .formData ul li.tadata input, .nyroModalLink .formData ul li.islunchtimetable input {width: 49%; }
.nyroModalLink .formData ul li.tadata select,
.nyroModalLink .formData ul li.shiftsdata select {width: 51%;}
.nyroModalLink .formData ul li.tadata.short select {width: 67%;}
.nyroModalLink .formData ul li.tadata.short label {width: 33%;}
.nyroModalLink .formData ul li.tadata.short input {width: 65%;}
.nyroModalLink .formData ul li.tadata input.checkBox, .nyroModalLink .formData ul li.shiftsdata input.checkBox, .nyroModalLink .formData ul li.islunchtimetable input.checkBox, .nyroModalLink .formData ul li.leavereplacement input.checkBox {top: 7px;}
.nyroModalLink .formData ul li.tadata.checkBoxLi {margin-bottom: 0;}
.nyroModalLink .formData ul li.tadata.checkBoxLi label, .nyroModalLink .formData ul li.shiftsdata.checkBoxLi label, .nyroModalLink .formData ul li.islunchtimetable.checkBoxLi label {line-height: 25px;}
.nyroModalLink .formData ul li.isTimeAttendance label{width: 48%;}
.nyroModalLink .formData ul li.isTimeAttendance input.istimeattendance.checkBox {top: 7px;}
.nyroModalLink .formData ul.border.days li {width: 49%; float: left; clear: none; }
.nyroModalLink .formData ul.border.days li label {width: 80px;}
.nyroModalLink .formData ul.border.days li input {width: 40px; margin-right: 5px;}
body#page .nyroModalLink .takitUsers.tabs .formData .ui-tabs .ui-tabs-nav li {width: 32.5%; margin: 0; margin-bottom: 1px; margin-right: 1%; text-align: center;}
body#page .nyroModalLink .takitUsers.tabs .formData .ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom: 0;}
body#page .nyroModalLink .takitUsers.tabs .formData .ui-tabs .ui-tabs-nav li.onePlusThree {margin-right: 0;}
/* fingerPrint*/
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints {margin: 0 auto;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints .biometrics_fingerprint_type {width: 120px;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints .biometrics_fingerprint_enroll,
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints .biometrics_fingerprint_delete {margin-left: 18px;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints .biometrics_fingerprint_controller {width: 240px;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand {width: 87px; height: 100px; margin: 0; margin-left: 175px; margin-bottom: 10px; float: left; padding: 0; background: url(../images/leftHand.png) no-repeat 0 0; position: relative;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand {width: 87px; height: 100px; margin: 0; float: left; clear: none; margin-bottom: 10px; margin-left: 30px; padding: 0; background: url(../images/rightHand.png) no-repeat 0 0; position: relative;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li {border: none; margin-bottom: 10px;}
/*fingers Left*/
/*thumb*/
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LThumb {width: 22px; height: 39px; display: block; text-indent: -12345px; position: absolute; top: 53px; left: 65px;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LThumb:hover {background: url(../images/lThumb.png) no-repeat 0 0; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LThumb.active {background: url(../images/lThumb.png) no-repeat left bottom;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LThumb.active:hover {background: url(../images/lThumb.png) no-repeat left center; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LThumb.selected {background: url(../images/lThumb.png) no-repeat 0 0 !important; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LThumb.selected.active {background: url(../images/lThumb.png) no-repeat left center !important; cursor: pointer;}
/*Index*/
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LIndex {width: 21px; height: 47px; display: block; text-indent: -12345px; position: absolute; top: 10px; left: 52px;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LIndex:hover {background: url(../images/lIndex.png) no-repeat 0 0; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LIndex.active {background: url(../images/lIndex.png) no-repeat left bottom; cursor: default;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LIndex.active:hover {background: url(../images/lIndex.png) no-repeat left center; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LIndex.selected {background: url(../images/lIndex.png) no-repeat 0 0 !important; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LIndex.selected.active {background: url(../images/lIndex.png) no-repeat left center !important; cursor: pointer;}
/*Middle*/
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LMiddle {width: 13px; height: 46px; display: block; text-indent: -12345px; position: absolute; top: 0; left: 38px;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LMiddle:hover {background: url(../images/lMiddle.png) no-repeat 0 0; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LMiddle.active {background: url(../images/lMiddle.png) no-repeat left bottom; cursor: default;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LMiddle.active:hover {background: url(../images/lMiddle.png) no-repeat 0 center; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LMiddle.selected {background: url(../images/lMiddle.png) no-repeat 0 0 !important; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LMiddle.selected.active {background: url(../images/lMiddle.png) no-repeat 0 center !important; cursor: pointer;}
/*Ring*/
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LRing {width: 19px; height: 39px; display: block; text-indent: -12345px; position: absolute; top: 9px; left: 15px;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LRing:hover {background: url(../images/lRing.png) no-repeat 0 0; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LRing.active {background: url(../images/lRing.png) no-repeat left bottom; cursor: default;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LRing.active:hover {background: url(../images/lRing.png) no-repeat 0 center; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LRing.selected {background: url(../images/lRing.png) no-repeat 0 0 !important; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LRing.selected.active {background: url(../images/lRing.png) no-repeat 0 center !important; cursor: pointer;}
/*Pinky*/
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LPinky {width: 20px; height: 31px; display: block; text-indent: -12345px; position: absolute; top: 26px; left: 0px; border-radius: 0 20px; moz-border-radius: 0 20px; -webkit-border-radius: 0 20px;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LPinky:hover {background: url(../images/lPinky.png) no-repeat 0 0; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LPinky.active {background: url(../images/lPinky.png) no-repeat left bottom; cursor: default;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LPinky.active:hover {background: url(../images/lPinky.png) no-repeat 0 center; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LPinky.selected {background: url(../images/lPinky.png) no-repeat 0 0 !important; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#leftHand span.LPinky.selected.active {background: url(../images/lPinky.png) no-repeat 0 center !important; cursor: pointer;}
/*fingers Right*/
/*thumb*/
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RThumb {width: 22px; height: 39px; display: block; text-indent: -12345px; position: absolute; top: 53px; left: 0;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RThumb:hover {background: url(../images/rThumb.png) no-repeat 0 0; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RThumb.active {background: url(../images/rThumb.png) no-repeat left bottom; cursor: default;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RThumb.active:hover {background: url(../images/rThumb.png) no-repeat 0 center; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RThumb.selected {background: url(../images/rThumb.png) no-repeat 0 0 !important; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RThumb.selected.active {background: url(../images/rThumb.png) no-repeat 0 center !important; cursor: pointer;}
/*Index*/
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RIndex {width: 21px; height: 47px; display: block; text-indent: -12345px; position: absolute; top: 10px; left: 14px;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RIndex:hover {background: url(../images/rIndex.png) no-repeat 0 0; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RIndex.active {background: url(../images/rIndex.png) no-repeat left bottom; cursor: default;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RIndex.active:hover {background: url(../images/rIndex.png) no-repeat 0 center; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RIndex.selected {background: url(../images/rIndex.png) no-repeat 0 0 !important; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RIndex.selected.active {background: url(../images/rIndex.png) no-repeat 0 center !important; cursor: pointer;}
/*Middle*/
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RMiddle {width: 13px; height: 46px; display: block; text-indent: -12345px; position: absolute; top: 0; left: 36px;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RMiddle:hover {background: url(../images/rMiddle.png) no-repeat 0 0; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RMiddle.active {background: url(../images/rMiddle.png) no-repeat left bottom; cursor: default;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RMiddle.active:hover {background: url(../images/rMiddle.png) no-repeat 0 center; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RMiddle.selected {background: url(../images/rMiddle.png) no-repeat 0 0 !important; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RMiddle.selected.active {background: url(../images/rMiddle.png) no-repeat 0 center !important; cursor: pointer;}
/*Ring*/
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RRing {width: 19px; height: 39px; display: block; text-indent: -12345px; position: absolute; top: 9px; left: 53px;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RRing:hover {background: url(../images/rRing.png) no-repeat 0 0; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RRing.active {background: url(../images/rRing.png) no-repeat left bottom; cursor: default;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RRing.active:hover {background: url(../images/rRing.png) no-repeat 0 center; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RRing.selected {background: url(../images/rRing.png) no-repeat 0 0 !important; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RRing.selected.active {background: url(../images/rRing.png) no-repeat 0 center !important; cursor: pointer;}
/*Pinky*/
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RPinky {width: 20px; height: 31px; display: block; text-indent: -12345px; position: absolute; top: 26px; left: 67px; border-radius: 20px 0; moz-border-radius: 20px 0; -webkit-border-radius: 20px 0;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RPinky:hover {background: url(../images/rPinky.png) no-repeat 0 0; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RPinky.active {background: url(../images/rPinky.png) no-repeat left bottom; cursor: default;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RPinky.active:hover {background: url(../images/rPinky.png) no-repeat 0 center; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RPinky.selected {background: url(../images/rPinky.png) no-repeat 0 0 !important; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel .ac_biometrics_fingerprints li#rightHand span.RPinky.selected.active {background: url(../images/rPinky.png) no-repeat 0 center !important; cursor: pointer;}
/* takit prefrences */
.formData.scroll {max-height: 480px; overflow: auto;}
.formData.scroll .tabsContent {margin-bottom: 20px;}
#takit_settings > .relative {top: -5px;}
#takit_preferences #preferenec_data .tabsContent h2{border-bottom: 1px solid #cccccc; margin-bottom: 0; padding-bottom: 10px; border-top: 3px solid #7e7e7e;}
#takit_preferences #preferenec_data .tabsContent h2:first-child {border-top: none;}
#takit_preferences #preferenec_data .tabsContent table tr td {white-space: normal;}
#takit_preferences #preferenec_data .tabsContent table tr.last td {border-bottom: none;}
/* takit calendar */
#calendars_data {width: 200px; float: left; margin-right: 20px;}
#centerCalendar {width: 550px; height: auto; float: left; padding: 10px; }
#centerCalendar .ui-widget-content {width:544px !important; }
#centerCalendar ul#ta_calendars div#CalendarWOData {padding-top: 10px;}
#centerCalendar ul#ta_calendars label.calendarWO, #centerCalendar ul#ta_calendars label.calendarWOHoursText { margin-left:5px; }
body#page #centerCalendar .ui-widget-content table.ui-datepicker-calendar tr td {padding: 0;}
body#page #centerCalendar .ui-widget-content table.ui-datepicker-calendar tr td a.ui-state-default {margin: 0 3px;}
body#page #centerCalendar .ui-widget-content table.ui-datepicker-calendar tr td span {float: none;display: block; border: 1px solid #cccccc; background: #fff; margin:3px; padding: 0;}
body#page #centerCalendar .ui-widget-content table.ui-datepicker-calendar tr td span input {float: none; text-align: right; border: none; background: #fff;}
#rightCalendar {width: 170px; float: right;}
#rightCalendar .backgroundF {margin-bottom: 10px; padding: 10px;}
#rightCalendar .backgroundF ul li input {width: 100px; margin-bottom: 5px;}
#rightCalendar .backgroundF ul li:last-child input {margin-bottom: 0;}
#rightCalendar .backgroundF ul li.changeButtons {margin-top: 5px;}
/* Shifts */
#shifts #shiftTabs { border-radius: 5px; display: inline-block; float: left; width: 84%; }
#shifts #shiftTabs table { width: 100%; border-spacing: 5px; }
#shifts #shiftTabs th { border-radius: 5px; }
#shifts #shiftTabs th.week { width: 2%; background-color: #bbbbbb; font-weight: bold; }
#shifts #shiftTabs th.month { width: 98%; background-color: #bbbbbb; font-weight: bold; }
#shifts #shiftTabs th.month span { display: inline-block; margin: 5px; }
#shifts #shiftTabs th.month a { display: inline-block; width: 22px; height: 22px; margin: 5px; background: url("../../resources/images/arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
#shifts #shiftTabs th.month a.previousMonth { float: left; background-position: 0 0; }
#shifts #shiftTabs th.month a.nextMonth { float: right; background-position: 0 -44px; }
#shifts #shiftTabs th.month a.previousMonth:hover { background-position: 0 -22px; }
#shifts #shiftTabs th.month a.nextMonth:hover { background-position: 0 -66px; }
#shifts #shiftTabs th.day { width: 14%; background-color: #bbddbb; font-weight: bold; }
#shifts #shiftTabs th.day:nth-child(7),
#shifts #shiftTabs th.day:nth-child(8) { background-color: #dddddd; }
#shifts #shiftTabs td { border-radius: 5px; }
#shifts #shiftTabs td.selected { box-shadow: 0px 0px 8px 2px #db2827 }
#shifts #shiftTabs td.week { background-color: #bbbbbb; font-weight: bold; text-align: center; vertical-align: middle; }
#shifts #shiftTabs td div.cellHead { height: 30px; padding-top: 2px; padding-right: 2px; background-color: #bbddbb; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#shifts #shiftTabs td div.cellHead span.cellDay { float: right; padding-top: 5px; padding-right: 4%; font-weight: bold; }
#shifts #shiftTabs td div.cellHead div { height: 100%; width: 80%; float: right; }
#shifts #shiftTabs td div.cellHead select.cellTimetable { width: 100%; border-radius: 5px; }
#shifts #shiftTabs td.weekend div.cellHead { background-color: #dddddd; }
#shifts #shiftTabs td.holiday div.cellHead { background-color: #ddbbbb; }
#shifts #shiftTabs td div.cellBody { height: 90px; overflow-y: auto; background-color: white; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#shifts #shiftTabs td div.cellBody ul li { background-color: #eeeeee; padding: 0 8px; }
#shifts #shiftTabs td span.cellUserCount { margin-left: 5px; }
#shifts #shiftTabs .ui-tabs-nav { flex-grow: 1; }
#shifts #shiftTabs.containsIndividual .ui-tabs-nav { border-top-right-radius: 0; padding-top: 10px; }
#shifts #shiftTabs .shiftuser { margin-left: 30px; }
#shifts #shiftTabs .individualShiftSelect {
background: url(../images/lines.png) repeat-x scroll 0 0 #101010;
border-bottom: 2px solid #db2827;
border-top-right-radius: 5px;
color: #bbb;
padding-right: 2px;
}
#shifts #shiftTabs .individualShiftSelect input {
height: 20px;
}
#shifts #shiftTabs .individualShiftSelect .searchabledropdown {
height: auto;
}
#shifts #shiftTabs .individualShiftSelect label {
display: block;
font-size: 16px;
height: 19px;
line-height: 19px;
padding-top: 1px;
}
#shifts #shiftTabs .individualShiftSelect select {
height: 23px;
margin: 0;
padding: 0;
width: 200px;
}
#shifts #shiftTabs .individualShiftSelect .searchabledropdown .searchabledropdown-selector-wrapper { top: 19px; }
#shifts #shiftTabs #tabs-0 { visibility: hidden; }
#shifts #shiftButtons { display: inline-block; float: right; width: 15%; }
#shifts #shiftButtons h1 { background: url("../../resources/images/lines.png") repeat-x scroll 0 0 #101010; border-bottom: 2px solid #db2827; border-radius: 5px 5px 0 0; color: #eeeeee; margin: 3px; padding: 8px; }
#shifts #shiftButtons div { margin: 10px; }
#shifts #shiftButtons ul { margin: 10px 0; }
#shifts #shiftButtons li { background-color: #dddddd; border-radius: 5px; margin: 5px 0; overflow: hidden; padding: 5px; text-overflow: ellipsis; white-space: nowrap; }
#shifts #shiftButtons li:hover { background-color: #ddbbbb; cursor: pointer; }
#shifts #shiftButtons button:hover,
#shiftsGenerate button:hover { cursor: pointer; }
#shifts #shiftButtons button:hover,
#shifts #shiftsGenerate .add:hover { background: #101010; border-color: #101010; color: #fff; }
#shifts #shiftTimetableWeek li { background: transparent; line-height: 27px; margin: 0; padding: 0; }
#shifts #shiftTimetableWeek li:hover { background-color: transparent; cursor: default; }
#shifts #shiftTimetableWeek select { height: 25px; }
#shiftsGenerate input { float: none; width: auto; }
#shiftsGenerate input[type="number"] { width: 50px; }
#shiftsGenerate select { flex-grow: 1; width: auto; }
#shiftsGenerate li { display: flex; line-height: 28px; }
#shiftsGenerate .leftSpan { margin-right: 5px; }
#shiftsGenerate .middleSpan { margin: 0 5px; }
#shiftsGenerate .remove { background-image: url('../images/closeSmall.png'); border: 0; border-radius: 8px; height: 16px; margin: 6px 0 0 5px; padding: 0; width: 16px; }
#shiftsGenerate .remove.onlyOne { visibility: hidden; }
#shiftsGenerate .period { margin-top: 20px; }
#shiftsGenerate .datepicker { width: 80px; }
#shifts .ui-dialog-titlebar { background: url("../../resources/images/lines.png") repeat-x scroll 0 0 #101010 !important; border: 0 !important; border-radius: inherit !important; color: #ffffff; }
#shifts .ui-tabs-nav a { font-weight: bold; }
#shifts .ui-tabs-panel { background-color: #f5f5f5 !important; }
#shifts_users_context_menu { position: absolute; }
#shifts_add { overflow: visible; }
#shifts_add label,
#shifts_add input,
#shifts_add textarea,
#shifts_add select { box-sizing: border-box; display: block; width: 100%; }
#shifts_add_description { padding: 4px; resize: none; }
#shifts_add .checkboxes { margin-top: 10px; }
#shifts_add .checkboxes label { margin-top: 5px; }
#shifts_add .checkboxes .split { display: flex; }
#shifts_add .checkboxes .split label { margin: 5px 10px 0 0; white-space: nowrap; width: auto; }
#shifts_add .checkboxes .split input { display: inline; float: none; }
#shifts_add .checkboxes .split span { display: inline; }
#shifts_add .checkboxes .split select { flex-grow: 1; max-width: 300px; }
#shifts_add table.dataTable thead .sorting,
#shifts_add table.dataTable thead .sorting_asc,
#shifts_add table.dataTable thead .sorting_desc {
background: url("../../resources/images/lines.png") repeat scroll 0 0 #101010;
}
#shifts_users_add table.dataTable thead td {
padding: 0;
}
#shifts_users_add .tableInfo {
margin: 0;
}
#shifts_users_add .tableInfo .dataTables_info,
#shifts_users_add .tableInfo .dataTables_paginate.paging_full_numbers {
padding: 0;
}
#shifts_users_add .tableInfo .dataTables_paginate.paging_full_numbers span {
line-height: normal;
}
#shifts_users_add .tableInfo .dataTables_paginate.paging_full_numbers a:hover,
#shifts_users_add .tableInfo .dataTables_paginate.paging_full_numbers a.current {
color: #db2827 !important;
text-decoration: underline !important;
}
#shifts_users_add .dataTables_wrapper .dataTables_paginate .paginate_button,
#shifts_users_add .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
#shifts_users_add .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#shifts_users_add .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background: none;
border: 0;
margin: 0 0 0 5px;
min-width: inherit;
padding: inherit;
}
#shifts_users_add .users_data { width: 920px; }
#shifts_users_add .users_list_container { width: 300px; }
#shifts_users_add .users_list_container input.filter { border-bottom: 1px solid #111; }
#shifts_users_add .users_list_container tbody { display: block; max-height: 466px; overflow-x: hidden; overflow-y: auto; }
#shifts_users_add .users_list_container tbody tr { display: block; }
#shifts_users_add .users_list_container tbody td { display: block; position: relative; height: 21px; }
#shifts_users_add .users_list_container tbody .remove { background: url("../../resources/images/inTimetable.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; height: 11px; width: 11px; position: absolute; right: 5px; top: 5px; }
#shifts_users_add .users_list_container tbody .interval { height: 21px; padding: 0; position: absolute; right: 20px; top: 0; width: 100px; }
#shifts_users_add .users_container { width: 600px; }
#shifts_copy .L,
#shifts_send_notifications .L { box-sizing: border-box; display: inline-block; margin-right: 2%; padding: 0 4px; width: 48%; }
#shifts_copy .R,
#shifts_send_notifications .R { box-sizing: border-box; display: inline-block; margin-left: 2%; padding: 0 4px; width: 48%; }
#shifts_copy input.button,
#shifts_send_notifications input.button { margin-top: 0.5em; }
/*readcardsFormData*/
.readcardsFormData.formData ul#column1 {width: 100%; height: auto;}
.readcardsFormData.formData ul#column2 {width: 45%; height: auto;}
.nyroModalLink form.readcardsFormData.formData ul#column1 li input.readcard {width: 30%; float: left; margin: 0;}
.nyroModalLink form.readcardsFormData.formData ul#column1 li input.button.submit {margin-left: 10px;}
.nyroModalLink form.readcardsFormData.formData ul#column1 li#autoSave input {top: 6px;}
.nyroModalLink form.readcardsFormData.formData ul#column2 li textarea {width: 370px; min-height: 150px;}
/*usersSetTimeAttendanceFormData*/
.nyroModalLink form.usersSetTimeAttendanceFormData.formData ul li label {width: 48%;}
.nyroModalLink form.usersSetTimeAttendanceFormData.formData ul li input.istimeattendance {width: 49%;}
.nyroModalLink form.usersSetTimeAttendanceFormData.formData ul li input.tastartdate {width: 49%;}
.averageworkobligation_i_expand {text-decoration: none;}
/*AddMultipleUsers*/
.nyroModalLink #takit_add_multiple_users .formData ul li label {width: 60%;}
.nyroModalLink #takit_add_multiple_users .formData ul li input.numberOfUsers {width: 10%;}
/*********************************************************************************************
************************************** HARDWARE ******************************************
*********************************************************************************************/
.wpH25 {width: 24%; height: auto; margin: 0; margin-right: 1%; padding: 0; float: left;}
.wpH50 {width: 50%; height: auto; margin: 0; padding: 0; float: left;}
#ta_sendtables table.fancytree-ext-table tbody tr.fancytree-selected.communicationline, /* on send tables form commlines should stay blue when selected */
.hardwareTree .communicationline {background-color: #d4ecf7; }
.hardwareTree .fancytree-node img,
.locationsTree .fancytree-node img,
#takit_hardware_add_place .fancytree-node img { height: auto; margin: 0; vertical-align: middle; width: auto; }
#add_places_data ul.ui-fancytree.fancytree-container { max-height: 300px; overflow-y: auto; }
ul.places_listUl {width: auto; height: auto; margin: 0; padding: 0; }
ul.places_listUl > li {width: auto; height: auto; padding: 0;}
ul.places_listUl > li:first-child {border-radius: 5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}
ul.places_listUl > li:last-child {border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;}
ul.places_listUl > li ul > li {width: auto; height: auto; padding: 0; /*line-height: 25px; */}
ul.places_listUl > li ul > li > span.arrow {margin-left: 10px;}
ul.places_listUl > li ul > li ul > li{width: auto; height: auto; padding: 0 5px; padding-left: 10px;}
ul.places_listUl > li ul > li ul > li.hiddentodo{padding: 0;}
ul.places_listUl > li ul > li ul > li ul > li {width: auto; height: auto; padding: 0 5px; padding-left: 20px;}
ul.places_listUl > li ul > li ul > li.hiddentodo > ul.passage li{padding-left: 30px;}
ul.hardware_listUl {width: auto; height: auto; margin: 0; padding: 0;}
ul.hardware_listUl > li {width: auto; height: auto; padding: 0; line-height: 21px;}
ul.hardware_listUl > li:first-child {border-radius: 5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0;}
ul.hardware_listUl > li:last-child {border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px;}
ul.hardware_listUl > li.communicationline {background-color: #d4ecf7;}
ul.hardware_listUl > li ul > li {width: auto; height: auto; padding: 0; /*line-height: 25px; */}
ul.hardware_listUl > li ul > li > span.arrow {margin-left: 30px;}
ul.hardware_listUl > li ul > li > span.noarrow {margin-left: 46px;}
ul.hardware_listUl > li ul > li ul > li{width: auto; height: auto; padding: 0 5px; padding-left: 15px;}
ul.hardware_listUl li span.imgremovemacro {margin-left: 5px;}
ul.hardware_listUl li span.imgremovemacro img {position: relative; top:3px;}
.hardwarePlacesPlacesTopButtons {position: absolute; right: 0; top: -5px;}
.addplacePlacesTopButtons {position: absolute; top: 0; right: 0;}
#ta_sendtables .hardwareHardwareTopButtons { right: 5px; top: 5px; }
span.arrow {width: 16px; height: 21px; display: block; float: left; background: url(../images/arrow.png) no-repeat center center;}
span.arrow:hover {cursor: pointer;}
span.noarrow {width: 16px; height: 21px; display: block; float: left; background: url(../images/noarrow.png) no-repeat center center;}
.wpH50 input.submit, .wpH25 input.submit {width: auto; height: 28px; padding: 0px 15px;border: 1px solid #db2827; background: #db2827; color: #fff; float: right;}
.wpH50 input.submit:hover, .wpH25 input.submit:hover {background: #101010; border: 1px solid #101010; cursor: pointer;}
.wpH50 h2 { float:left; }
.wpH50 div#jhmAutoRestart { float:right; top: -13px; position: absolute; right: 0;}
.wpH50 label.takit_hardware_jhm_autorestart { float: right; margin: 5px 10px 0px 0px; }
.wpH50 input.takit_hardware_jhm_autorestart { float: none; height: 13px; width: 13px; margin: 8px 5px 0px 0px; }
input.actionmenu {margin-top: 20px; float:right;}
input.saveHardware {/* position: absolute; */ top: -12px; /* right: 0; */}
.additionalsettings {margin-top: 20px; }
.additionalsettings ul.backgroundF {padding: 10px;position: relative;}
.additionalsettings ul.backgroundF li label {width: 200px; display: inline-block; zoom: 1; *display: inline;}
.additionalsettings ul li#aditionalSettings {margin-bottom:20px;}
.additionalsettings ul li#aditionalSettings ul {width: 100%; height: auto; }
.additionalsettings ul li#aditionalSettings ul:first-child { float: left; }
.additionalsettings ul li#aditionalSettings ul li.first { width:20%; height: auto; float: left; padding-left: 0; background:none; margin: 0; }
.additionalsettings ul li#aditionalSettings ul li.first label {width: auto; height: 30px; display:block; line-height: 32px;}
.additionalsettings ul li#aditionalSettings ul li { width: 8%; height: 30px; margin-left: 2%; float: left; margin-bottom: 10px;}
.additionalsettings ul li#aditionalSettings ul li span {height: 30px; background: #cccccc; display: block; text-indent:-123456px;}
.additionalsettings ul li#aditionalSettings ul li span.active {background: #2cb311;}
.additionalsettings a.liveSettingsPopup { width: 28px; position: absolute; background: url("../images/close.png") no-repeat scroll 0 0 transparent; height: 28px; right: -15px; text-indent: -9999em; top: -15px; }
.additionalsettings a.liveSettingsPopup:hover {background: url("../images/closeHover.png") no-repeat scroll 0 0 transparent;}
input.notFoundCommunicationLine {width: auto; height: auto; border: 1px solid #cccccc; float: none; display: block; cursor: pointer; margin: 20px 0; padding: 8px 15px; background: #ece9d8; border-radius: 5px; -moz-border-radius:5px; -webkit-border-radius: 5px;}
input.notFoundCommunicationLine:hover {background: #000; border: 1px solid #101010; color: #fff;}
#places_data .tablewrapper,
#hardware_data .tablewrapper { padding: 4px; }
#places_data .fancytree-selected .fancytree-title,
#hardware_data .fancytree-selected .fancytree-title { font-style: normal; }
#places_data .fancytree-checkbox,
#hardware_data .fancytree-checkbox { cursor: default; margin: 0; vertical-align: middle; }
#places_data .fancytree-icon,
#hardware_data .fancytree-icon { margin: -1px 0 0 4px; }
/* TABS */
.tabs .ui-tabs{padding: 0;}
body#page .tabs .ui-tabs .ui-tabs-nav li a {float: none; display: block;}
body#page .tabs .ui-tabs .ui-tabs-nav li {clear: none;}
body#page .tabs .ui-widget-content {border: none; border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0; }
body#page .tabs .ui-tabs .ui-widget-header {background: url(../images/lines.png) repeat scroll 0 0 #101010; border: none; border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px;
-webkit-border-radius: 7px 7px 0px 0px; border-bottom: 2px solid #db2827; padding-left: 0; padding-right: 0;
color: #fff; font-size: 14px; font-weight: normal; text-shadow: 1px 1px 1px #000; filter: dropshadow(color=#000, offx=1, offy=1);}
body#page .tabs .ui-tabs .ui-state-default {background: #333333; border: none;}
body#page .tabs .ui-tabs .ui-state-default a { text-shadow: none; color: #999999;}
body#page .tabs .ui-tabs .ui-state-default a:hover { background: #db2827; color: #fff; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;}
body#page .tabs .ui-tabs .ui-state-active {background: #db2827; border: none; color: #fff;}
body#page .tabs .ui-tabs .ui-state-active a {color: #fff; text-shadow: none;}
body#page .tabs .ui-tabs .ui-tabs-panel {padding: 0; background: #fff; border:none; border-top: none;}
body#page .tabs .ui-tabs .ui-tabs-panel table.grayHeader tr th {background: #cccccc; text-shadow: none; color: #101010; border-bottom: none; padding: 4px 10px 3px; border-right: 1px solid #fff;}
body#page .tabs .ui-tabs .ui-tabs-panel table.grayHeader tr th:last-child {border-right: none;}
body#page .tabs .ui-tabs .ui-tabs-panel table.grayHeader tr th.first {border-right: 1px solid #eeeeee; border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;}
body#page .tabs .ui-tabs .ui-tabs-panel table.grayHeader tr th.last { border-radius: 0; -moz-border-radius:0; -webkit-border-radius:0;}
body#page .tabs .ui-tabs .ui-tabs-panel table.grayHeader tr td.first {border-left: none;}
body#page .tabs .ui-tabs .ui-tabs-panel h2, body#page .tabs .ui-tabs .ui-tabs-panel h3, body#page .tabs .ui-tabs .ui-tabs-panel h4 {padding: 10px; padding-bottom:0;}
body#page .tabs .ui-tabs .ui-tabs-panel h2.clear {padding: 0 10px; margin: 0; }
body#page .tabs .ui-tabs .ui-tabs-panel ul li {padding: 2px 10px; margin: 0; border-top: 1px solid #dddddd; }
body#page .tabs .ui-tabs .ui-tabs-panel ul li.borderBottom { margin: 0; border-bottom: 1px solid #dddddd; }
body#page .tabs .ui-tabs .ui-tabs-panel ul li.noborder { border: 0; }
body#page .tabs .ui-tabs .ui-tabs-panel ul li.userType label {width: 40%}
body#page .tabs .ui-tabs .ui-tabs-panel ul li.userType select {width: 59%}
body#page .tabs .ui-tabs .ui-tabs-panel ul li:first-child {border: none;}
body#page .tabs .ui-tabs .ui-tabs-panel ul li label { text-align: left; top:0; line-height: 28px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul li input {float: none;}
body#page .tabs .ui-tabs .ui-tabs-panel ul li input.eventseditingenabled {float: left;}
body#page .tabs .ui-tabs .ui-tabs-panel ul li input.reportsenabled {float: left;}
body#page .tabs .ui-tabs .ui-tabs-panel ul li span{height: 32px; display:inline-block; float: left; line-height: 32px;}
body#page #takit_settings.tabs .ui-tabs .ui-tabs-panel ul li .fancytree-hide { display: none; }
body#page .tabs .ui-tabs .ui-tabs-panel ul li.withButton select {width: 58%; float: left; margin-bottom: 2px;}
/* Users add/edit */
body#page #takit_settings.tabs div.device_settings_tabs { width: 600px; }
body#page #takit_settings.tabs .ui-tabs .ui-tabs-panel ul li a.addgroup,
body#page #takit_settings.tabs .ui-tabs .ui-tabs-panel ul li a.selectdepartment { font-size: 12px; color: #DB2827; text-decoration: none; position: relative; float: right; margin-top: 7px; left: 0;}
body#page #takit_settings.tabs .ui-tabs .ui-tabs-panel ul li a.selectdepartment { margin-right: 26px; }
body#page #takit_settings.tabs .ui-tabs .ui-tabs-panel ul li a.addgroup:hover,
body#page #takit_settings.tabs .ui-tabs .ui-tabs-panel ul li a.selectdepartment:hover { text-decoration: underline; color: #101010; }
body#page #takit_settings.tabs .ui-tabs .ui-tabs-panel ul li a.addgroup { margin-right: 10px; top: 5px;}
body#page #takit_settings.tabs .ui-tabs .ui-tabs-panel ul li input.companyOrganizationsearch { width: 97%; }
/* Users add/edit -> Department */
body#page #takit_settings.tabs .ui-tabs .ui-tabs-panel div.department { width: calc(100% - 22px); display: inline-block; white-space: nowrap; }
body#page #takit_settings.tabs .ui-tabs .ui-tabs-panel div.department p { overflow: hidden; text-overflow: ellipsis; border: 1px solid #cccccc; padding: 2px 5px 1px 5px; background: #e4e4e4; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; opacity: 0.7 !important; filter: alpha(opacity = 70) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=70)"; }
body#page #takit_settings.tabs .ui-tabs .ui-tabs-panel div.remove-department { background: url('../images/closeSmall.png'); cursor: pointer; float: right; height: 16px; margin-top: 5px; width: 16px; }
/* Users add/edit -> Select department */
#takit_department_select .formData div#company_organisation_tree .fancytree-container { max-height: 500px; overflow: auto; }
#takit_department_select .formData div#company_organisation_tree ul li { margin-bottom: unset; }
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li label {width: 30%;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li select {width: 70%}
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li input {width: 68%;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li input.autoWidth {width: auto;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li input.uploadFile {border: none; float: left;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li input.uploadsubmit {margin-left: 10px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li input.uploadclear {width: auto; height: auto; background: none; padding: 0; margin: 0; border: none; color: #DB2827; font-size: 12px; float: none;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li input.uploadclear:hover {cursor: pointer; text-decoration: underline; color: #101010;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li.large label {width: 40%;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li.large select{width: 60%}
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li.large input {width: 58%}
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li.large input.checkBox {top: 8px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li.large div.halfrow { float:left; width:49% }
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li.large div.viewTA { line-height: 28px; margin: 0px; padding: 0px; }
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li.large div.viewTA label { width: 89%; }
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li.large div.viewTA input { width: 10%; }
body#page .tabs .ui-tabs .ui-tabs-panel table input {width: 150px;}
body#page .tabs .ui-tabs .ui-tabs-panel table textarea { width: 160px; height: 200px; white-space: pre-wrap; }
body#page .tabs .ui-tabs .ui-tabs-panel table input.timeAdd { width: 40px; margin-right: 20px;}
body#page .tabs .ui-tabs .ui-tabs-panel table select {width: 160px;}
body#page .tabs .ui-tabs .ui-tabs-panel table tr:last-child td {border-bottom: 1px solid #cccccc;}
body#page .tabs .ui-tabs .ui-tabs-panel table tr:last-child:first-child td {border-bottom: 1px solid #cccccc;}
body#page .tabs .ui-tabs .ui-tabs-panel table.lastTable tr.last td {border-bottom: none;}
body#page .tabs .ui-tabs .ui-tabs-panel table input.checkBox { margin-left: 73px; }
body#page .tabs .ui-tabs .ui-tabs-panel table input.miniColors.color { width:70px; margin-left: 20px; }
body#page .tabs .ui-tabs .ui-tabs-panel table a.miniColors-trigger { margin: 3px 0 0 5px; }
body#page .tabs .ui-tabs .ui-tabs-panel ul li label.longLabel {width: auto; margin-right: 10px;}
body#page .tabs .ui-tabs .ui-tabs-panel #accesses_data table select {width: auto;}
body#page .tabs .ui-tabs .ui-tabs-panel #accesses_data table input.checkBox {margin: 0; margin-right: 3px; margin-top: 4px;}
body#page .tabs .ui-tabs .ui-tabs-panel #accesses_data table span.rightDataFromCheckbox {line-height: 26px;}
body#page .tabs .ui-tabs .ui-tabs-panel #accesses_data .tablePieceNone table.tableData.scroll {border-bottom: none;}
body#page .tabs .ui-tabs .ui-tabs-panel #accesses_data table.tableData.scroll thead tr th {border-right: 1px solid #eeeeee;}
/*searchSelect*/
#tauserstats_worktime_add .statisticselectwrapper { display: inline-block; width: 60%; }
.nyroModalLink .formData ul li.tadata.searchSelectLiShort label {width: 23%;}
ul > li > .searchabledropdown {width: auto; float: left;} /* set width */
ul li .searchabledropdown .searchabledropdown {width: 100%}
ul li .searchabledropdown select { min-width: 100%; }
ul li .searchabledropdown input {width: 90% !important; }
.searchabledropdown .searchabledropdown-selector-wrapper { left: 0px; max-width: 1200px; min-width: 100%; overflow-x: auto; position: absolute; top: 29px; width: auto; }
#takit_users_filtering .searchabledropdown .searchabledropdown-selector-wrapper { max-width: calc(50vw + 250px); }
ul#statistic > li > .searchabledropdown,
.nyroModalLink .formData ul > li.searchSelectLi > .searchabledropdown,
body#page .tabs .ui-tabs .ui-tabs-panel ul > li.searchSelectLi > .searchabledropdown {width: 76%;}
.nyroModalLink #tauserstats_worktime_add .formData .worktimeAddLeftData ul > li > .searchabledropdown,
.nyroModalLink #tauserstats_worktime_add .formData .worktimeAddRightData ul > li > .searchabledropdown,
body#page .tabs .ui-tabs .ui-tabs-panel ul > li.searchSelectLiShort > .searchabledropdown {width: 55%;}
#tauserstats_error_report .worktimeAddLeftData ul > li > .searchabledropdown,
#tauserstats_error_report .worktimeAddRightData ul > li > .searchabledropdown {width: 100%;}
/*user edit table */
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data a {color: #DB2827; font-size: 12px; margin: 4px;}
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data a:hover {color: #101010; text-decoration: underline;}
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data select {display: inline;}
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data label { box-sizing: border-box; width: 30%; }
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .checkBox { margin-top: 5px; }
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .button:hover { background-color: #000000; color: #FFFFFF; cursor: pointer; }
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .routes_date { box-sizing: border-box; width: 30%; }
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .routes_description { box-sizing: border-box; resize: vertical; width: 70%; }
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .routes_public_transport { float: left; }
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .routes_receipt { box-sizing: border-box; float: right; width: 31%; }
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .routes_receipt_from,
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .routes_receipt_to { box-sizing: border-box; width: 15%; }
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .routes_receipt_amount,
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .routes_receipt_amount_label { box-sizing: border-box; float: right; width: 15% !important; }
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .routes_receipt_upload,
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .routes_receipt_view { box-sizing: border-box; width: 30%; }
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .routes_receipt_save,
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .routes_receipt_delete { box-sizing: border-box; float: right; margin-left: 1%; width: 15%; }
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .route {margin: 0; padding: 0;}
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .routes_public_trans {box-sizing: border-box; float: left; margin-right: 1%; width: 3% !important;}
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .searchabledropdown {box-sizing: border-box; float: left; width: 80%;}
body#page .tabs .ui-tabs .ui-tabs-panel .routes_data .route_distance {box-sizing: border-box; float: left; margin-left: 1%; width: 15%;}
body#page .tabs .ui-tabs .ui-tabs-panel ul li input.usekeypad,body#page .tabs .ui-tabs .ui-tabs-panel ul li input.istimeattendance {float: left;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list {margin-top: 10px; border-collapse: collapse;}
body#page .tabs .ui-tabs .ui-tabs-panel input.usercards_add {margin-left:10px;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th {padding: 0;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th#usercards_listIcons {width: 80px;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th#usercards_listIcons span{width: 20px; height: 20px; display: block; text-indent: -123456px; float: left; }
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th#usercards_listIcons span#keypad {width: 24px; height: 18px; background: url(../images/keypad.png) no-repeat center; position: relative; top: 2px; margin-left: 2px;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th#usercards_listIcons span#mobile {width: 24px; height: 21px; background: url(../images/mobile.png) no-repeat center; position: relative; top: 2px;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th#usercards_listIcons span#active {width: 24px; height: 16px; background: url(../images/ok.png) no-repeat center; position: relative; top: 6px;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th#usercards_listIcons span#delete {width: 24px; height: 16px; background: url(../images/delete.png) no-repeat center 0; margin-right: 0; position: relative; top: 6px;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th#usercards_listIcons span#licenseplate {width: 24px; height: 16px; background: url(../images/drive.png) no-repeat center 0; margin-right: 0; position: relative; top: 5px;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list tbody tr td#usercards_listAction{padding-left: 2px;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list tbody tr td#usercards_listAction input{float: left; width: 24px !important;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list tbody tr td#usercards_listAction a.usercards_delete {width: 24px; height: 16px; background: url(../images/delete.png) no-repeat center 0; margin-right: 0; display: block; float: left; position: relative; top: 4px; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list tbody tr td#usercards_listAction a.usercards_delete:hover {background-position: center -16px;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th#usercards_listCard {width: 20%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th#usercards_listPin {width: 16%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th#usercards_listVehicleRegPlate {width: 16%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th#usercards_listValidFrom {width: 16%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th#usercards_listValidTo {width: 16%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th#usercards_listGroup {width: 0%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list thead tr th#usercards_listIcons {width: 16%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.cardGroup thead tr th#usercards_listCard {width: 12%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.cardGroup thead tr th#usercards_listPin {width: 12%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.cardGroup thead tr th#usercards_listVehicleRegPlate {width: 12%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.cardGroup thead tr th#usercards_listValidFrom {width: 12%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.cardGroup thead tr th#usercards_listValidTo {width: 12%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.cardGroup thead tr th#usercards_listGroup {width: 22%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.cardGroup thead tr th#usercards_listIcons {width: 18%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.virtualCard thead tr th#usercards_listCard {width: 16%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.virtualCard thead tr th#usercards_listPin {width: 16%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.virtualCard thead tr th#usercards_listVehicleRegPlate {width: 16%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.virtualCard thead tr th#usercards_listValidFrom {width: 16%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.virtualCard thead tr th#usercards_listValidTo {width: 16%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.virtualCard thead tr th#usercards_listGroup {width: 0%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.virtualCard thead tr th#usercards_listIcons {width: 20%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.cardGroup.virtualCard thead tr th#usercards_listCard {width: 11%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.cardGroup.virtualCard thead tr th#usercards_listPin {width: 11%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.cardGroup.virtualCard thead tr th#usercards_listVehicleRegPlate {width: 11%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.cardGroup.virtualCard thead tr th#usercards_listValidFrom {width: 11%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.cardGroup.virtualCard thead tr th#usercards_listValidTo {width: 11%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.cardGroup.virtualCard thead tr th#usercards_listGroup {width: 22%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list.cardGroup.virtualCard thead tr th#usercards_listIcons {width: 23%;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list tr td:last-child {width: 30px;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list tr td {padding-right: 2px; border:1px solid #dddddd; border-bottom: none;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list tr td:first-child {border-left: none;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list tr td input.checkBox {margin: 0 auto; width: 13px; float: none; margin-top: 4px;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list tr:last-child:first-child td {border-bottom: none;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list input{width: 96%; border: none; padding-left: 0px; height: auto; padding: 0 2px; border: none;line-height: 24px;}
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list input[type="text"] { height:22px; }
body#page .tabs .ui-tabs .ui-tabs-panel table.usercards_list select {width: 100%; height: auto; padding: 0 2px; border: none; position: relative; top: 4px;}
body#page .tabs .ui-tabs .ui-tabs-panel div.automaticLunchOrderingTable input.addAutomaticLunch { margin: 0 0 5px 10px; }
body#page .tabs .ui-tabs .ui-tabs-panel div.automaticLunchOrderingTable table tbody tr td select,
body#page .tabs .ui-tabs .ui-tabs-panel div.automaticLunchOrderingTable table tbody tr td input { width: 100%; padding: 0; }
body#page .tabs .ui-tabs .ui-tabs-panel div.automaticLunchOrderingTable table tbody tr td:last-child { border: 1px solid #cccccc; }
body#page .tabs .ui-tabs .ui-tabs-panel div.automaticLunchOrderingTable table tbody tr td a.automaticLunch_delete {width: 24px; height: 16px; background: url(../images/delete.png) no-repeat center 0; margin-right: 0; display: block; float: left; position: relative; top: 4px; cursor: pointer;}
body#page .tabs .ui-tabs .ui-tabs-panel div.automaticLunchOrderingTable table tbody tr td a.automaticLunch_delete:hover {background-position: center -16px;}
/*administrator */
/* fancytree */
#places_data_new,
#departments_data_new,
#hardware_data_new,
#adminmeni_data_new { display: inline-block; min-height: 300px; max-height: calc(100vh - 620px); max-width: 600px; overflow: auto; width: 80%; }
#places_data_new .ui-fancytree.fancytree-container,
#departments_data_new .ui-fancytree.fancytree-container,
#hardware_data_new .ui-fancytree.fancytree-container,
#adminmeni_data_new .ui-fancytree.fancytree-container { padding-right: 20px; }
#administrator_edit fieldset ul#ackit_administrators { width: 650px; }
#administrator_edit fieldset li.passworditem, #takit_settings fieldset li.passworditem { position: relative; }
#administrator_edit fieldset li.passworditem input[type="button"],
body#page .tabs .ui-tabs .ui-tabs-panel ul.largeWidth li.large.passworditem input[type="button"] { background: transparent url(../../resources/images/showPassword.png) no-repeat center; border: none; cursor: pointer; height: auto; padding: 0; position: absolute; right: 15px; width: 30px; }
#administrator_edit fieldset li.passworditem input[type="text"], #takit_settings fieldset li.passworditem input[type="text"] { font-size: 18px; }
.formData ul li.separator,
.formData ul li.labelseparator { border-bottom: 1px solid #d0d0d0; margin-bottom: 9px; }
.formData ul li.separator { padding-bottom: 9px; }
body#page #takit_administrators .tabs .ui-tabs .ui-tabs-panel {border: 1px solid #dddddd; border-top: none;}
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm {max-height: 210px; max-width: 600px; overflow: auto;}
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.functions_listUl.adm {max-height: 208px; overflow: auto;}
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li {padding: 0; background: #fff;}
/*
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.organization,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.building,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.departmentitem,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.hardwareitem ,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.funcgroupitem {padding-left: 10px;}*/
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li span {line-height: 25px; height: 25px; background-position: 0 7px;}
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li span.arrow {background-position: 0 3px; margin-left: 10px;}
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li ul li span.arrow{margin-left: 20px;}
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li ul li ul li span.arrow{margin-left: 30px;}
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li ul li ul li ul li span.arrow{margin-left: 40px;}
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li ul li ul li ul li ul li span.arrow{margin-left: 50px;}
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li ul li ul li ul li ul li ul li span.arrow{margin-left: 60px;}
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li ul li ul li ul li ul li ul li ul li span.arrow{margin-left: 70px;}
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li ul li ul li ul li ul li ul li ul li ul li span.arrow{margin-left: 80px;}
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li ul li ul li ul li ul li ul li ul li ul li ul li span.arrow{margin-left: 90px;}
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li ul li ul li ul li ul li ul li ul li ul li ul li ul li span.arrow{margin-left: 100px;}
body#page .tabs .ui-tabs-panel .administratorData {width:80%; border-right: 1px solid #dddddd;float: left;}
body#page .tabs .ui-tabs-panel .administratorAction {width: 20%; margin-left: -1px; float: right; border-bottom: 1px solid #dddddd;}
body#page .tabs .ui-tabs-panel .administratorAction h2{padding: 0 10px; margin-bottom: 5px;}
body#page .tabs .ui-tabs-panel .administratorAction ul li {padding: 0 10px; border-left: 1px solid #dddddd;}
body#page .tabs .ui-tabs-panel .administratorAction ul li:last-child{border-bottom: none;}
body#page .tabs .ui-tabs-panel .administratorAction ul li:hover {background: #eeeeee; cursor: pointer;}
body#page .tabs .ui-tabs-panel .administratorAction ul li span {height: 25px; line-height: 25px;}
body#page .tabs .ui-tabs .ui-tabs-panel span.ui-icon {float: right; margin-right: 5px;}
body#page .tabs .ui-tabs .ui-tabs-panel span.ui-icon:nth-of-type(1) {margin-right: 6px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl {background: #e1e1e1;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl div.odd {background: #ffffff;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl div.even {background: #f6f6f6;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl input {float: right; margin-right: 8px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl li {border: 0 none; padding: 0;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl li > div:hover {background: #e1e1e1;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl li span {line-height: 20px; height: 20px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl li ul li span.arrow{margin-left: 10px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl li ul li ul li span.arrow{margin-left: 20px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl li ul li ul li ul li span.arrow{margin-left: 30px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl li ul li ul li ul li ul li span.arrow{margin-left: 40px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl li ul li ul li ul li ul li ul li span.arrow{margin-left: 50px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl li ul li ul li ul li ul li ul li ul li span.arrow{margin-left: 60px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl li ul li ul li ul li ul li ul li ul li ul li span.arrow{margin-left: 70px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl li ul li ul li ul li ul li ul li ul li ul li ul li span.arrow{margin-left: 80px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul.departments_listUl li ul li ul li ul li ul li ul li ul li ul li ul li ul li span.arrow{margin-left: 90px;}
/*hardware*/
input.addplace {width: auto; height: 28px; margin-left: 23%; margin-top: 5px; float: none; border: 1px solid #cccccc; background: #eeeeee; cursor: pointer; color: #333333;padding: 0 10px; line-height: 28px;}
.nyroModalLink .formData ul#ackit_statistics li input.addplace {margin-left: 27%; float: none; border: 1px solid #cccccc; background: #eeeeee; line-height: 20px; }
.nyroModalLink .formData ul#ackit_statistics li input.addplace:hover { border: 1px solid #DB2827; background: #DB2827; color: #fff; cursor: pointer;}
.nyroModalLink .formData h2 {margin-bottom: 10px;}
/*hardware add places*/
.takit_hardware_add_place.shadow {padding: 10px;}
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li input {width: 75%;}
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li input.autoWidth {width: auto; margin-top: 10px;}
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.isTimeAttendance input.autoWidth,
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.removeOnExit input.autoWidth,
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.isReservationLocation input.autoWidth,
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.isLunchLocation input.autoWidth,
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.isHotelRoom input.autoWidth,
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.lunchAdvancedSetting input.autoWidth,
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.hasBluetooth input.autoWidth,
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.hasWiFi input.autoWidth,
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.isHotelAdditionalService input.autoWidth {width: auto; margin-top: 0;}
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.lunchAdvancedSetting select.lunchInAdvance {width: 10%; float:left;}
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.lunchHourLimitSetting input.lunchTimeLimit {width: 10%; margin-top: 0;}
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.allowedIntervalSettings input.maxIntervalDuration,
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.allowedIntervalSettings input.maxIntervalCount { width: 10%; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.largeWidthLabel label {width: 48%;}
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.largeWidthLabel label.lunchDaysInAdvance {width: 20%; padding-left:20px}
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.largeWidthLabel label.lunchTimeLimit {width: 35%; padding-left:20px;}
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.largeWidthLabel select {width: 52%;}
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.largeWidthLabel input {width: 50%;}
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li select {width: 77%;}
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.deviceStatusView select { width: 39%; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.deviceStatusView input { cursor: pointer; margin-top: 0; width: 12%; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.deviceStatusView input:hover { background: #101010; color: #fff; border: 1px solid #101010; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul.buttons li {margin-bottom: 0;}
/* hardware add places reservations */
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.reservationSettings ul li.reservationSettingLimits input { width: 30px; margin-right: 5px; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.reservationSettings ul li.reservationSettingLimits select { width: 80px; margin-right: 5px; float: left; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.reservationSettings ul li.reservationSettingLimits label:last-child { width: auto; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.reservationSettings ul li input[name=intervalCount] { width: 40px; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.reservationSettings ul li select[name=intervalDuration] { width: 50px; margin-right: 5px; float: left; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.reservationSettings ul li.reservationSettingInterval label[name=minutes] { width: auto; }
/*hardware add places CodeksHotel ----------------------------------------------------*/
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.CodeksHotel > div { display: flex; float: right; width: 52%; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.CodeksHotel .codeksRoomName { flex-grow: 1; float: none; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.CodeksHotel .editHotelRoom { cursor: pointer; display: flex; float: none; margin-top: 1px; margin-left: 10px; padding-left: 6px; padding-right: 6px; width: auto; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.CodeksHotel .editHotelRoom:hover { background: #101010; color: #fff; border: 1px solid #101010; }
.nyroModalLink .formData ul li.roomGroupItems label { width:50%; }
.nyroModalLink .formData ul li div.roomGroups { width: 50%; float: right; }
.nyroModalLink .formData ul li div.roomGroups select.roomGroup { width: 100%; }
/*hardware add places software counters ---------------------------------------------*/
.nyroModalLink .formData ul li.CountersOnLocation ul.CounterList li input.counterName { width: 44%; }
.nyroModalLink .formData ul li.CountersOnLocation ul.CounterList li select.counter { width: 44%; }
.nyroModalLink .formData ul li.CountersOnLocation ul.CounterList li select.placeCounterAction { width: 30%; display: inline-block; }
.nyroModalLink .formData ul li.CountersOnLocation ul.CounterList li .editPlaceCounterConditions { background-color: #FFFFFF; cursor: pointer; margin-top: 1px; margin-left: 5px; padding-left: 6px; padding-right: 6px; width: auto; }
.nyroModalLink .formData ul li.CountersOnLocation ul.CounterList li .editPlaceCounterConditions:hover { background: #101010; color: #fff; border: 1px solid #101010; }
.nyroModalLink .formData ul li.CountersOnLocation ul.CounterList li div.removeCounterWrapper { float: right; margin: 0; padding-top: 3px; width: 20px; }
.nyroModalLink .formData ul li.CountersOnLocation ul.CounterList li img.removePlaceCounter { width: 20px; cursor: pointer; }
.nyroModalLink .formData ul#ackit_placecounter_conditions li input.button { background-color: #FFFFFF; cursor: pointer; float: right; margin-top: 1px; margin-left: 10px; padding-left: 6px; padding-right: 6px; width: 100px; }
.nyroModalLink .formData ul#ackit_placecounter_conditions li input.button:hover { background: #101010; color: #fff; border: 1px solid #101010; }
.nyroModalLink .formData ul#ackit_placecounter_conditions li ul.placeCounterConditions { float: left; width: 75%; height: 100px; background-color: #FFFFFF; float: left; border: 1px solid #000000; overflow-y: scroll; }
.nyroModalLink .formData ul#ackit_placecounter_conditions li ul.placeCounterConditions li label { width : 90%; padding-left: 10px; font-weight: normal; }
.nyroModalLink form.addPlaceCounterConditionFormData ul#ackit_change_condition li.TAPresenceList label { width: 40%; }
.nyroModalLink form.addPlaceCounterConditionFormData ul#ackit_change_condition li.TAPresenceList select { width: 55%; }
/*hardware add places GeoRegistration -----------------------------------------------*/
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.placeGeoLocationSettings input { width: 25%; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.placeGeoLocationSettings input.geoRadius { width: 8%; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.placeGeoLocationSettings img.geoLocationChoose { margin-left: 5px; height: 25px; }
.nyroModalLink .formData .takit_hardware_add_place.shadow ul li.placeGeoLocationSettings a.geoLocationPickForm label { width: auto; cursor: pointer; margin-left: 5px; }
.geoLocationForm ul.buttons { margin-top: 10px; }
.geoLocationForm ul.buttons li.R { float: right; }
/*hardware edit device status views -------------------------------------------------*/
#takit_hardware_edit_device_status_views .list_area { width: 250px; margin-right: 1em; }
#takit_hardware_edit_device_status_views .edit_area { width: 350px; }
#takit_hardware_edit_device_status_views table,
#takit_hardware_edit_device_status_views ul { margin-bottom: 0.5em; }
#takit_hardware_edit_device_status_views .view_label { box-sizing: border-box; width: 100%; }
#takit_hardware_edit_device_status_views .view_name { box-sizing: border-box; margin-bottom: 0.5em; width: 100%; }
#takit_hardware_edit_device_status_views .data_type { box-sizing: border-box; margin-right: 1%; width: 32%; }
#takit_hardware_edit_device_status_views .data_number { box-sizing: border-box; padding: 0 4px; margin-right: 1%; width: 14%; }
#takit_hardware_edit_device_status_views .data_name { box-sizing: border-box; padding: 0 4px; width: 52%; }
/*------------------------------------------------------------------------------------*/
form.hardware ul li label {width: auto; float: left; line-height: 32px; text-align: right;}
body#page form.hardware .tabs .ui-tabs .ui-tabs-panel ul li input {width: 150px; float: right;}
body#page form.hardware .tabs .ui-tabs .ui-tabs-panel ul li select {width: 160px; float: right;}
body#page form.hardware .tabs .ui-tabs .ui-tabs-panel ul li input.checkBox {width: 16px; border: none; width: 14px;}
body#page form.hardware .tabs .ui-tabs .ui-tabs-panel ul li input.autoWidth {width: auto; float: none;}
body#page form.hardware .tabs .ui-tabs .ui-tabs-panel ul li input.innerButton{font-size:12px; color: #DB2827; position: relative; top: 1px; border: none; padding: 0; background: none; float: right;}
body#page form.hardware .tabs .ui-tabs .ui-tabs-panel ul li input.innerButton:hover {color: #101010; cursor: pointer;}
body#page form.hardware .tabs .ui-tabs .ui-tabs-panel ul li input.connecttoplace {margin-right: 5px;}
body#page form.hardware .tabs .ui-tabs .ui-tabs-panel th.last {width: 150px;}
body#page .tabs .ui-tabs .ui-tabs-panel ul li span.sepLine {float: right; height: auto; line-height: normal;position: relative; top: 6px; color: #bbbbbb;}
img.hardware_device_status {position: relative; top: 3px;margin-right: 3px;}
body#page .formTimeintervalData.hardware .tabs .ui-tabs .ui-tabs-panel {border: 1px solid #dddddd; border-top: none;}
.nyroModalLink .formData ul li input.checkBox.sendTablesHardwareItem {margin-right: 5px; position: relative; top: 5px;}
/*********************************************************************************************
************************************** ACKIT ******************************************
*********************************************************************************************/
img.firmLogo {position: absolute; top: 20px; left: 20px;}
/*setting Add*/
ul#buttons {margin-top: 20px;}
ul#buttons li input.submit{margin-right: 5px;}
ul#buttons.noLeft li input.submit {margin-right: 0;}
input.ac {position: relative; top: 8px;}
#layout_view .markerPopup {background: none repeat scroll 0 0 #FFFFFF;}
#layout_view .cameramonitorPopup {background: none repeat scroll 0 0 #FFFFFF;}
#layout_view .markers {height:0px;}
#layout_view .cameramonitor {height:0px;}
/*statistic*/
.smallLarge {max-width: 920px; width: 100%; margin: 0 auto; padding: 0; position: relative;}
.w30pStatistic {width: 69%; float: right;}
.w30pStatistic #statistics_intervals_data {padding: 10px;}
.w30pStatistic #statistics_intervals_data .intervalLeftData{margin: 0; padding: 0; float: none; width: 100%;}
.w30pStatistic #statistics_intervals_data .intervalLeftData ul {width: 50%;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li select.addtostatid { top: -5px; right: -5px; width: 90%; }
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li select.statHoursCounter { width: 90%; }
.w30pStatistic #statistics_intervals_data .intervalLeftData ul.special {margin-bottom: 10px;}
.w30pStatistic #statistics_intervals_data .intervalLeftData ul.limits {width: 100%;}
.w30pStatistic #statistics_intervals_data .intervalLeftData ul.action li label{line-height: normal; text-align: left; width: 90%; }
.w30pStatistic #statistics_intervals_data .intervalLeftData ul.action li input {position: relative; top: 1px;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li.color {position: relative;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li.color label {padding-top: 5px;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li.color input {padding-left: 30px; width: 60px;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li.color a {border-radius: 5px; margin: 3px; top: 23px;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li select {width: 74%; margin: 0;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li input {width: 70%;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li .inline { display: inline; vertical-align: middle; }
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li input.inline { margin: 0 2px; }
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li label.inline { padding-top: 12px; }
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li input.FromToInput{float: left; width: 95px; margin-right: 5px;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li label.FromToLabel{float: left; width: 30px; float: left; margin-top: 4px;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li input.timeAdd {width: 40px; float: left; margin-right: 10px; margin-top: 5px;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li img.plus {top: 11px;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul li span.fixedhours_timeformat {top: 8px;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul.limits li label {margin: 7px 0 2px 0;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul.limits li select {display: inline-block; float: left; margin-right: 1%; width: 23%;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul.limits li input.jantartime {display: inline-block; float: left; margin-right: 1%; text-align: right; width: 9%;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul.limits li input.checkBox {display: inline-block; float: left; margin: 2px 1% 0 0; width: 17%;}
.smallLarge .data_list_statistics {width: 30%; float: left;}
.smallLarge .data_list_statistics th:nth-child(1) {width: 30%;}
.smallLarge .data_list_statistics th:nth-child(2) {width: 70%;}
span.existing_icon {position: absolute; left: 0px;}
#statistics_data .tableData tr.issystem td:nth-child(2):before { color: #db2827; content: '!'; font-size: 15px; font-weight: bold; /*position: absolute; right: 3px;*/ float: right;
position: relative; }
#statistics_data .scrollableWrapper { max-height: calc(100% - 38px); display: flex; }
#statistics_data .scrollingArea { max-height: 100%; }
/*add icon*/
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul#addIcon {width: auto;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul#addIcon li input.existingicon::-moz-focus-inner { margin: -1px; padding: 0; }
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul#addIcon li input.existingicon {height: auto;border: none; text-indent: 0; font-size: 13px; display: block; background: none; padding: 0; margin: 0; text-align: left; text-decoration: none;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul#addIcon li input.existingicon:hover {text-decoration: underline; cursor: pointer; background: none; color:#DB2827;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul#addIcon li input.existingicon.disabled:hover {background: none !important; border: none !important; text-decoration:none; cursor: default; padding: 0; color: #595959; }
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul#addIcon li input{margin-left: 0;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul#addIcon li input.autoWidth {width: auto;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul#addIcon li label {float: none;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul#addIcon li input.uploadsubmit {margin-left: 10px;}
.w30pStatistic #statistics_intervals_data form.timetables .intervalLeftData ul#addIcon li input#fileField{width: auto;}
.nyroModalLink form.addStatisticExistingIconFormData ul.statistics {width: 100%;}
.nyroModalLink form.addStatisticExistingIconFormData ul.statistics li {width: 31%; height: auto; margin: 0; padding: 0; padding: 1%;display: block; float: left; clear: none;}
.nyroModalLink form.addStatisticExistingIconFormData ul.statistics li:hover {background: #eeeeee; cursor: pointer;}
.nyroModalLink form.addStatisticExistingIconFormData ul.statistics li img {position: relative; top: 3px;}
.data_list_statistics table tr td img, #takit_add_statistics_exsisting_icons table tr td img{position: relative; top: 3px;}
.nyroModalLink .formData ul#ackit_statistics li label {width:27%;}
.nyroModalLink .formData ul#ackit_statistics li input {width: 70%}
.nyroModalLink .formData ul#ackit_statistics li select {width: 72%; margin:0; line-height: 10px; padding: 0;padding-bottom:3px; padding-top: 5px; height: 28px;}
.nyroModalLink .formData ul#ackit_statistics li input.checkBox {width: 16px; margin: 0;}
.nyroModalLink .formData ul#ackit_statistics li input.autoWidth {width: auto;}
/*functions*/
.nyroModalLink .formData ul#ackit_functions_groups li label {width:32%;}
.nyroModalLink .formData ul#ackit_functions_groups li input {width: 65%}
.nyroModalLink .formData ul#ackit_functions_groups li select {width: 67%}
.nyroModalLink .formData ul#ackit_functions_groups li input.checkBox {width: 16px; margin: 0;}
.nyroModalLink .formData ul#ackit_functions_groups li input.autoWidth {width: auto;}
.bottomFuncGroupsData .funcgroupsPlacesTopButtons {position: absolute; top: 0; right: 0;}
.bottomFuncGroupsData .leftData {width: 300px;}
.bottomFuncGroupsData .rightData {width: 200px; margin-right: 5px;}
.bottomFuncGroupsData .rightData .action {width: 200px; height: 280px; overflow: auto; margin-bottom: 10px;}
.bottomFuncGroupsData .rightData ul li {cursor: pointer;}
#takit_funcgroups .leftData h2 { margin-bottom: 2px; }
#ackit_functions_groups { margin-bottom: 15px; }
#funcgroups_places_data .scrollHeight { max-height: 550px; }
/*stevci*/
.nyroModalLink .formData ul#ackit_counters li label {width:32%;}
.nyroModalLink .formData ul#ackit_counters li input {width: 65%}
.nyroModalLink .formData ul#ackit_counters li textarea {width: 66%; border: 1px solid #cccccc; padding: 4px 1px; text-indent: 3px; resize: vertical; height: 80px;}
.nyroModalLink .formData ul#ackit_counters li select {width: 67%}
.nyroModalLink .formData ul#ackit_counters li.long label {width:74%;}
.nyroModalLink .formData ul#ackit_counters li input.checkBox {width: 16px; margin: 0;}
.nyroModalLink .formData ul#ackit_counters li input.autoWidth {width: auto;}
#counters_data table thead th:nth-child(1) { width: 50%; }
.nyroModalLink .formData ul.OnChangeConditions,
.nyroModalLink form.counterOnChangeFormData ul.ChangeConditionActions {width: 47%; height: 100px; background-color: #FFFFFF; float: left; border: 1px solid #000000; overflow-y: scroll;}
.nyroModalLink .formData ul#ackit_counters li ul.OnChangeConditions li,
.nyroModalLink form.counterOnChangeFormData ul.ChangeConditionActions li { border-bottom: 1px solid #000000; }
.nyroModalLink .formData ul#ackit_counters li ul.OnChangeConditions li label { width: 60%; padding-left: 5px; font-weight: normal; }
.nyroModalLink form.counterOnChangeFormData ul#ackit_counters_on_change li ul.ChangeConditionActions li label { padding-left: 5px; width: 90%; font-weight: normal; }
.nyroModalLink .formData ul#ackit_counters li ul.OnChangeConditions li div.conditionActionsWrapper { width: 20%; padding-top: 3px; }
.nyroModalLink .formData ul#ackit_counters li ul.OnChangeConditions li div.conditionActionsWrapper img { width: 20px; cursor: pointer; }
.nyroModalLink .formData ul#ackit_counters li input.addOnChangeCondition { width: 100px; background-color: #FFFFFF; color: #000000; }
.nyroModalLink .formData ul#ackit_counters li input.addOnChangeCondition:hover { background-color: #000000; color: #FFFFFF; cursor: pointer; }
#counters_data { width: 490px; display: inline-block; vertical-align: top; }
#parkingCounterChildren { width: 400px; display: inline-block; vertical-align: top; }
/* na spremembo števca*/
.nyroModalLink form.counterOnChangeFormData ul#ackit_counters_on_change li label { width: 32%; }
.nyroModalLink form.counterOnChangeFormData ul#ackit_counters_on_change li input { width: 65%; }
.nyroModalLink form.counterOnChangeFormData ul#ackit_counters_on_change li select { width: 22%; float:left; }
.nyroModalLink form.counterOnChangeFormData ul#ackit_counters_on_change li input.addConditionAction,
.nyroModalLink form.counterOnChangeFormData ul#ackit_counters_on_change li input.removeConditionAction { width: 100px; background-color: #FFFFFF; color: #000000; margin-bottom: 5px; }
.nyroModalLink form.counterOnChangeFormData ul#ackit_counters_on_change li input.addConditionAction:hover,
.nyroModalLink form.counterOnChangeFormData ul#ackit_counters_on_change li input.removeConditionAction:hover { background-color: #000000; color: #FFFFFF; cursor: pointer; }
.nyroModalLink form.counterOnChangeFormData ul#ackit_counters_on_change li input[type=number] { width: 10%; float: left; }
/*monitoring*/
h2.monitoringH2 {width: auto; float: left; position: relative; top: 5px;}
ul.monitorPlacesTopButtons {width: 80px; float:right; margin-bottom: 5px;}
ul.monitorPlacesTopButtons input.addplace {line-height: normal;}
#past_events_data #smallWrapper {padding: 10px;}
.w67paMonitoring .eventsDateButton {margin-bottom: 20px; padding-bottom: 10px; margin-top: 10px;padding: 0 10px; border-bottom: 1px solid #dddddd;}
.w67paMonitoring .eventsDateButton ul.leftDate {width: 100%; margin-bottom: 20px; }
.w67paMonitoring .eventsDateButton ul.leftDate li {float: left;margin-right: 20px;}
.w67paMonitoring .eventsDateButton ul.leftDate li label{ float: left; margin: 0; width: 35px; padding: 0; position: relative; top: 4px;}
.w67paMonitoring .eventsDateButton ul.leftDate li input {width: 70px; margin: 0;}
.w67paMonitoring#events_data .eventsDateButton ul.leftDate li {width: 100%; float: none; margin-bottom: 5px;}
.w67paMonitoring#events_data .eventsDateButton ul.leftDate li input {margin-right: 10px;}
.w67paMonitoring#events_data .eventsDateButton ul.leftDate li img {border: none; padding: 0;}
.backgroundFMonitor ul.buttonsEventsDateButton {width: 100%; height: auto; margin: 0; padding: 0; border-bottom: 1px solid #dddddd; padding-bottom: 20px; margin-bottom: 10px;}
.backgroundFMonitor ul.buttonsEventsDateButton li {width: 100%; margin-bottom: 0;}
.backgroundFMonitor ul.buttonsEventsDateButton li input.openreport {margin-left: 20px;}
@media all and (max-height : 900px) { .backgroundFMonitor { height: auto; } }
#live_events_data .scrollableWrapper { height: calc(100% - 78px); }
.w67paMonitoring .eventsDateButton ul.buttons {width: auto; height: auto; margin: 0; padding: 0; float: right;}
.w67paMonitoring .eventsDateButton ul.buttons li {float: none; margin-bottom: 5px;}
.w67paMonitoring .eventsDateButton ul.buttons li input.openreport {width: 104px;}
.w67paMonitoring .eventsTypes {padding: 0 10px; border-bottom: 1px solid #dddddd; padding-bottom: 20px;}
.w67paMonitoring .eventsTypes ul.buttons {float: right;}
.w67paMonitoring .eventsTypes .selectedEventsTypesWrapper { margin-top: 10px; max-height: 45px; overflow: hidden;}
.w67paMonitoring .eventsTypes input.eventtypeschoose:hover, .w67paMonitoring .eventsTypes input.eventtypeclear:hover {background: #101010; border: 1px solid #101010; cursor: pointer; color: #fff;}
#live_events_table_data th:nth-child(1) { width: 22%; }
#live_events_table_data th:nth-child(2) { width: 10%; }
#live_events_table_data th:nth-child(3) { width: 22%; }
#live_events_table_data th:nth-child(4) { width: 10%; }
#live_events_table_data th:nth-child(5) { width: 11%; }
#live_events_table_data th:nth-child(6) { width: 8%; }
#live_events_table_data th:nth-child(7) { width: 17%; }
.wpTakitMonitorLiveEventTooltip {width: 290px ;margin-bottom: 10px; border: 1px solid #dddddd; border-top: none; border-left: none; margin-top: -11px; margin-left: -11px; padding: 10px; border-radius: 0 0 5px 0; -webkit-border-radius: 0 0 5px 0; moz-border-radius: 0 0 5px 0;}
.wpTakitMonitorLiveEventTooltip .leftData {width: 140px; height: auto; margin: 0; margin-right: 10px; float: left;}
.wpTakitMonitorLiveEventTooltip .leftData p {font-size: 11px; line-height: normal;}
.wpTakitMonitorLiveEventTooltip .leftData p.user {font-size: 13px; font-weight: bold; margin-bottom: 0}
.wpTakitMonitorLiveEventTooltip .leftData p.userToken {margin-bottom: 10px;}
.wpTakitMonitorLiveEventTooltip .rightData {width: 110px; height: auto; float: right;}
.wpTakitMonitorLiveEventTooltip .leftData .userphoto_view_thumb_containter img,
.wpTakitMonitorLiveEventTooltip .rightData img.camera_view_thumb {border: 1px solid #eeeeee; padding: 3px;}
.wpTakitMonitorLiveEventTooltip #companyPosition p {font-size:11px; line-height: normal;}
.wpTakitMonitorLiveEventTooltip .geoData { clear: both; }
.wpTakitMonitorLiveEventTooltip .geoData #eventtooltipgeolocation { height: 200px; z-index: 0; }
.wpTakitMonitorLiveEventTooltip .left {float: left;}
.wpTakitMonitorLiveEventTooltip .right {float: right; width: 155px; }
.liveEventsButtons li {float: left; margin-right: 10px; margin-bottom: 10px;}
.liveEventsButtons li a {width: auto; height: 28px; margin: 0; padding: 0 10px; color: #494949; display: block; line-height: 28px; float: none; background: #f5f5f5; cursor: pointer; border:1px solid #cccccc;
-webkit-border-radius: 5px; moz-border-radius: 5px; border-radius: 5px;}
.liveEventsButtons li a:hover {background: #101010; color: #fff; border: 1px solid #101010}
.liveEventsButtons li a.disabled:hover {background: #f5f5f5; color: #eeeeee; border:1px solid #cccccc; cursor: default;}
.liveEventsButtons li.separator {width: 1px;height: 30px; background: #cccccc;}
ul.OutputValues { float:left; }
ul.OutputValues li.output { float:left; margin: 5px 10px 10px 0px; border: 1px solid #cccccc; padding: 0px 10px 0px 10px; }
ul.OutputValues li.on { background: #b3ff99; color: #000000;}
ul.OutputValues li.off { background: #ffad99; color: #000000; }
ul.OutputValues li.default { background: #dfdfdf; color: #dfdfdf; }
ul.OutputValues li.separator {float:left; width: 1px;height: 30px; background: #cccccc; margin-right: 10px;}
ul.MonitorButtons { float:left; }
ul.MonitorButtons li {float: left; margin-right: 10px; margin-bottom: 10px;}
ul.MonitorButtons li a {width: auto; height: 28px; margin: 0; padding: 0 10px; color: #494949; display: block; line-height: 28px; float: none; background: #f5f5f5; cursor: pointer; border:1px solid #cccccc;
ul-webkit-border-radius: 5px; moz-border-radius: 5px; border-radius: 5px;}
ul.MonitorButtons li a:hover {background: #101010; color: #fff; border: 1px solid #101010}
ul.MonitorButtons li a.disabled:hover {background: #f5f5f5; color: #eeeeee; border:1px solid #cccccc; cursor: default;}
ul.MonitorButtons li.separator {width: 1px;height: 30px; background: #cccccc;}
div#takit_monitor_passage_data ul#buttons input.refresh { margin-left:5px; }
div#takit_monitor_passage_data ul#buttons input.refresh:hover { background: #101010; cursor: pointer; border:1px solid #101010; color: #fff; }
div#monitor_passage_data ul.hardware_listUl li.controller {background-color: #d4ecf7;}
div#monitor_passage_data ul.hardware_listUl li.controller > span.textitem {margin-left:5px;}
div#monitor_passage_data ul.hardware_listUl ul.Readers {margin-left:20px;}
div#monitor_passage_data ul.hardware_listUl ul.Readers div.textitem {float:left; width:230px;}
div#monitor_passage_data ul.hardware_listUl ul.Readers div#doorStatuses {margin-left:30px; float:left;}
div#monitor_passage_data ul.hardware_listUl ul.Readers div#doorStatuses > div {float:left; border: 1px solid #cccccc; padding: 0px 10px 0px 10px; margin: 0px 5px 0px 0px;}
div#monitor_passage_data ul.hardware_listUl ul.Readers div#doorStatuses > div.on { background: #b3ff99; }
div#monitor_passage_data ul.hardware_listUl ul.Readers div#doorStatuses > div.off { background: #ffad99; }
div#monitor_passage_data ul.hardware_listUl ul.Readers div#doorStatuses > div.breakIn { background: #fa3232; }
#ackit_monitor_counter_status table {margin-bottom: 20px;}
#ackit_monitor_counter_status th:nth-child(1) {width: 40%;}
#ackit_monitor_counter_status th:nth-child(2) {width: 20%;}
#ackit_monitor_counter_status th:nth-child(3) {width: 20%;}
#ackit_monitor_counter_status th:nth-child(4) {width: 20%;}
#ackit_monitor_counter_status tr td:nth-child(3) {text-align: center;}
#ackit_monitor_counter_status tr td input.newValueSet {width: 100px;}
#ackit_monitor_counter_status textarea {resize: vertical; width: 100%;}
#ackit_monitor_counter_status input.submit { margin-left: 5px; }
#ackit_monitor_counter_status input.resetCounters:hover { background-color: #000000; color: #ffffff; cursor: pointer;}
#ackit_monitor_reset_apb textarea {resize: vertical; width: 100%;}
/*********************************************************************************************
******************************* MONITOR KEY MANAGEMENT ***************************************
*********************************************************************************************/
#monitor_key_management { align-items: flex-start; padding: 10px; height: calc(100% - 20px); }
#monitor_key_management .filters { background: #ffffff; display: inline-block; height: auto; margin-right: 10px; padding: 10px; vertical-align: top; width: 250px; }
#monitor_key_management .data { display: inline-block; height: 100%; vertical-align: top; flex: 1; }
#monitor_key_management .scrollableWrapper { height: calc(100% - 30px); }
#monitor_key_management .gridView { overflow: auto; }
#monitor_key_management .keymanager { background: white; padding: 3px; }
#monitor_key_management .keymanager .keySlot { background: #dcdcdc; flex: 1; justify-content: flex-end; overflow: hidden; padding: 3px; }
#monitor_key_management .keymanager .keySlot .passage { flex: 1; }
#monitor_key_management .keymanager .keySlot .eventData { background: white; }
#monitor_key_management .keyStatus { color: white; font-weight: bold; }
#monitor_key_management .keyStatus.KeyIn { background: #33cc33; }
#monitor_key_management .keyStatus.KeyOut { background: #fcaa04; }
#monitor_key_management .keyStatus.UnauthorizedPullOut { background: #ff0000; }
#monitor_key_management .keyStatus.NotConnected { background: #ff0000; }
/*report*/
#ackit_reports .large { height: calc(100% - 15px); }
#ackit_reports #places_data,
#ackit_reports #hardware_data { height: calc(100% - 54px); }
#ackit_reports .tablewrapper{ height: calc(100% - 32px); }
.wp20Reports {width: 20%; float: left; margin-right: 1%;}
.wp50Reports { float: right; height: 100%; width: 58%; }
.wp20Reports .reportsPadding,
.wp50Reports .reportsPadding { padding: 10px; overflow: hidden; }
.wp50Reports .scrollableWrapperBefore { height: calc(100% - 21px); }
.wp50Reports .eventsFilterUserWrap { height: calc(100% - 119px); }
.wp50Reports .reportsWp55 {width: 65%;}
.wp50Reports .reportsWp40 {width: 30%;}
.wp50Reports .reportsWp40#events_data h2 {margin-top: 0;}
.wp50Reports .reportsDate {border-bottom: 1px solid #dddddd; padding-bottom: 10px; margin-bottom: 10px;}
.wp50Reports .reportsDate ul li {float: left; margin-right: 30px;}
.wp50Reports .reportsDate ul li label {float: left; font-weight: bold; display: block; position: relative; top: 5px; margin-right: 10px;}
.wp50Reports .reportsDate ul li input {width: 70px; float: left;}
/*
.wp20Reports .places_listUl,
.wp20Reports .hardware_listUl {max-height: 1110px; overflow: auto;}
*/
.wp20Reports .places_listUl,
.wp20Reports .hardware_listUl { max-height: calc(100vh - 202px); overflow-x: hidden; overflow-y: auto; }
.nyroModalLink .formData ul li.wideLabelItem label { width: 80%; }
.nyroModalLink .formData ul li.wideLabelItem input { width: 10%; }
.nyroModalLink .formData ul li.wideLabelItem input[type=checkbox] { width: 13px; }
/*********************************************************************************************
********************************** AUTOMATIC REPORTS *****************************************
*********************************************************************************************/
/*div#automatic_event_report_wrapper input[type=checkbox] { width: 20px; } /* Chrome ima prevelike checkboxe */
div#automatic_event_report_wrapper #users_data .left { width: 49%; float: left; }
div#automatic_event_report_wrapper #users_data .right { width: 49%; float: right; }
div#automatic_event_report_wrapper #users_data .groupbox { border-style: solid; border-width: 2px; border-color: silver; padding: 5px; margin-right: 5px; border-radius: 5px; margin-bottom: 5px;}
div#automatic_event_report_wrapper #users_data .left div > ul > li,
div#automatic_event_report_wrapper #ignored_buttons section > ul > li,
div#automatic_event_report_wrapper #button_functions section > ul > li { padding: 3px; }
div#automatic_event_report_wrapper #users_data .left div > ul > li > ul > li:not(:last-child),
div#automatic_event_report_wrapper #ignored_buttons section > ul > li > ul > li:not(:last-child),
div#automatic_event_report_wrapper #button_functions section > ul > li > ul > li:not(:last-child) { margin-bottom: 3px; }
div#automatic_event_report_wrapper #report_name #report_info label { float: left; width: 200px; padding-left: 5px; }
div#automatic_event_report_wrapper #report_name #report_info input[type=text] { width: 130px; }
div#automatic_event_report_wrapper #format_type .csvSeparator { display: table; }
div#automatic_event_report_wrapper #format_type .csvSeparator a { width: auto; display: table-cell; vertical-align: middle; padding-left: 2px; }
div#automatic_event_report_wrapper #format_type .csvSeparator input { margin-left: 5px; width: 15px; }
div#automatic_event_report_wrapper #ignored_buttons input[type=checkbox],
#locations input[type=checkbox].selectAllLocations,
#locations input[type=checkbox].includeEventsWithoutLocation { width: 15px; margin-top: -2px; margin-right: 5px; }
div#automatic_event_report_wrapper #button_functions label { float: left; width: 200px; padding-left: 5px; }
div#automatic_event_report_wrapper #button_functions input[type=text] { width: 60px; }
div#automatic_event_report_wrapper #trigger_period { width: auto; }
div#automatic_event_report_wrapper #trigger_period input.triggerPeriodTime { width: 40px; }
div#automatic_event_report_wrapper #max_events input { width: 100px; }
div#automatic_event_report_wrapper #trigger_period label { width: 100%; float: left; }
/* Fancytree style */
div#automatic_event_report_wrapper #locations .locationsTree { padding: 5px; }
div#automatic_event_report_wrapper #locations .locationsTree .ui-fancytree.fancytree-container,
div#automatic_event_report_wrapper #locations .locationsTree span.fancytree-title,
div#automatic_event_report_wrapper #locations .locationsTree span.fancytree-focused span.fancytree-title,
div#automatic_event_report_wrapper #locations .locationsTree .fancytree-active span.fancytree-title,
div#automatic_event_report_wrapper #locations .locationsTree .fancytree-selected span.fancytree-title { background-color: inherit ; background: inherit ; color: inherit !important; outline: 0 !important; font-style: inherit !important; border-width: 0; }
div#automatic_event_report_wrapper #locations .locationsTree span.fancytree-checkbox { margin-top: 3px; }
/*Automatic Lunch Report*/
div#users_data div#report_data table.dataTable thead .sorting,
div#users_data div#report_data table.dataTable thead .sorting_asc,
div#users_data div#report_data table.dataTable thead .sorting_desc { background: url("../../resources/images/lines.png") repeat scroll 0 0 #101010; }
div#users_data div#report_data table.dataTable thead td {
padding: 0;
}
div#users_data div#report_data .tableInfo {
margin: 0;
}
div#users_data div#report_data .tableInfo .dataTables_info,
div#users_data div#report_data .tableInfo .dataTables_paginate.paging_full_numbers {
padding: 0;
}
div#users_data div#report_data .tableInfo .dataTables_paginate.paging_full_numbers span {
line-height: normal;
}
div#users_data div#report_data .tableInfo .dataTables_paginate.paging_full_numbers a:hover,
div#users_data div#report_data .tableInfo .dataTables_paginate.paging_full_numbers a.current {
color: #db2827 !important;
text-decoration: underline !important;
}
div#users_data div#report_data .dataTables_wrapper .dataTables_paginate .paginate_button,
div#users_data div#report_data .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
div#users_data div#report_data .dataTables_wrapper .dataTables_paginate .paginate_button.current,
div#users_data div#report_data .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
background: none;
border: 0;
margin: 0 0 0 5px;
min-width: inherit;
padding: inherit;
}
div.automaticReport { width: 1000px; }
div#users_data div#list_container { width: 30%; }
div#users_data div#list_container input.filter { border-bottom: 1px solid #111; }
div#users_data div#list_container tbody { display: block; overflow-x: hidden; overflow-y: auto; }
div#users_data div#list_container tbody tr { display: block; }
div#users_data div#list_container tbody td { display: block; position: relative; height: 21px; }
div#users_data div#list_container tbody a.remove { background: url("../../resources/images/inTimetable.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); cursor: pointer; height: 11px; width: 11px; position: absolute; right: 5px; top: 5px; }
div#users_data div#users_list_container { height: 320px; width: 80%; }
div#users_data div#users_list_container tbody { max-height: 240px; }
div#users_data div#admins_list_container { height: 240px; width: 80%;}
div#users_data div#admins_list_container tbody { max-height: 166px; }
div#users_data div#users_container { width: 580px; margin-top: 40px; }
div#users_data div#report_trigger_and_length li { height: 61px; float: left; }
div#users_data div#report_trigger_and_length li label { display: block; }
div#users_data div#report_trigger_and_length { float: left; width: 45%; }
div#users_data div#report_definitions { float: left; width: 50%; margin: 1%; }
div#users_data div#report_definitions ul li {float: none; clear: both; margin: 0; padding: 0; margin-bottom: 5px; display: block; }
div#users_data div#report_definitions ul li a { margin-top: 5px; }
div#users_data div#report_definitions div.worktimeAddRightData ul.additionalDayFilters div { float: left; }
div#users_data div#report_definitions div.worktimeAddRightData ul.additionalDayFilters div label { float: left; width: 100px; }
div#users_data div#report_data { width: 100%; border-style: solid; border-width:2px; border-color: silver; border-radius: 5px;}
div#all_report_settings select.selector { width: 130px; }
div#all_report_settings select.wideselector { width: 300px; }
div#all_report_settings .times { width: 150px; }
div#all_report_settings .timegreaterless { width: 40px; text-align: left; float:none;}
div#all_report_settings .intervalid { width: 70%; }
div#all_report_settings .statisticid { width: 70%; }
div#all_report_settings .nummbereditor { width: 80px; }
div.recipientcheck { display: inline-block; margin-left: 5px; }
div.recipientcheck label { float: left; padding-top: 15px; }
div.recipientcheck input { width: 20px; margin-top: 14px; }
div#all_report_settings .visibilityhidden {visibility: hidden;}
div#all_report_settings .leftborder { border-style: solid; border-width: 2px; border-color: silver; padding: 5px; margin-right: 5px; border-radius: 5px; }
div#all_report_settings .rightborder { border-style: solid; border-width: 2px; border-color: silver; padding: 5px; border-radius: 5px; }
div#all_report_settings .hintLabel { width: 100%; }
div#all_report_settings .reportPreviewPeriod { color: #db2827; }
div#all_report_settings .labelAlign { width: 150px; margin-top:5px; float:left; text-align: left; display:block; }
div#all_report_settings #intervalsPanel { width: 100%; padding-left: 4px; }
div#all_report_settings #intervalsPanel ul li { padding-left: 5px; background-color: #ffffff; }
div#all_report_settings #intervalsPanel ul li.selected { background-color: #d4ecf7; }
div#all_report_settings .lunchDetailedView, div#all_report_settings .lunchShowSummary { margin-left: 20px; width: auto; }
div#all_report_settings .detailedView, div#all_report_settings .showLunchSummary { float: left; }
/*funcgroupitem*/
form.addFuncGroupDescriptionFormData textarea {width: 72%;}
/*past_events_data_table*/
#past_events_data_table {background: #fff; padding: 10px; border-radius: 5px; moz-border-radius: 5px; webkit-border-radius: 5px;}
#past_events_data_table .wpTakitMonitorPastEventTooltip .leftData {width: 300px; height: auto; margin: 0; padding: 0; margin-right: 10px; float: left;}
#past_events_data_table .wpTakitMonitorPastEventTooltip .leftData .userphoto_view_thumb_containter {width: 120px;float: left; margin-right: 10px;}
#past_events_data_table .wpTakitMonitorPastEventTooltip .leftData .innerRight {float: left;}
#past_events_data_table .wpTakitMonitorPastEventTooltip .leftData p {font-size: 11px; line-height: normal;}
#past_events_data_table .wpTakitMonitorPastEventTooltip .leftData p.user {font-size: 13px; font-weight: bold; margin-bottom: 0}
#past_events_data_table .wpTakitMonitorPastEventTooltip .leftData p.userToken {margin-bottom: 10px;}
#past_events_data_table .wpTakitMonitorPastEventTooltip .rightData {width: 200px; height: auto; margin: 0; padding: 0; float: left;}
#past_events_data_table .wpTakitMonitorPastEventTooltip .rightData .camera_view_thumb {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDDDDD; display: block; height: 100px; max-width: 120px; padding: 3px; width: auto;}
.wpTakitMonitorPastEventTooltip .leftData .userphoto_view_thumb_containter img,
.wpTakitMonitorPastEventTooltip .rightData .camera_view_thumb {border: 1px solid #eeeeee; padding: 3px;}
.wpTakitMonitorPastEventTooltip .geoData { clear: both; }
.wpTakitMonitorPastEventTooltip .geoData #eventtooltipgeolocation { height: 300px; }
#past_events_data_table ul.buttons {margin-bottom: 5px;}
/* Presence */
#time_frame_div a.button {margin-bottom: 10px;}
#time_frame_div select {margin-right: 10px; border-radius: 5px; moz-border-radius: 5px; webkit-border-radius: 5px; padding: 5px 0; width: 100px; }
#time_frame_div span.title {color: #DB2827; font-weight: bold; margin-right: 10px; display: block; position: relative; top: 5px;}
#time_frame_div a.export_presence {margin-left: 10px;}
#presence_events_data .scrollingArea { max-height: calc(100vh - 220px); }
/* ADMINISTRATORS */
.w33p .adminTable {margin-top: 33px;}
#administrators { text-align: center; }
#administrators .data_list_administrators,
#administrators #administrator_edit { display: inline-block; text-align: left; border-radius: 3px; margin: 0 15px 15px; vertical-align: top; }
#administrators .data_list_administrators { width: 33% }
#administrator_events_div ul#settings {width: 100%; height: auto; margin: 0; padding: 0; margin-bottom: 5px;}
#administrator_events_div ul#settings li {float: left; margin-right: 15px;}
#administrator_events_div ul#settings li.R {float: right; margin-right: 0;}
#administrator_events_div ul#settings li label {width: auto; height: auto; margin: 0; padding: 0; display: block; float: left; line-height: 27px;}
#administrator_events_div ul#settings li input {float: left; margin: 0; margin-left: 5px}
#administrator_events_div ul#settings li input.datepicker {width: 80px; text-align: center; padding: 0;}
#administrator_events_div table tr.filters td:first-child {border-left: 1px solid #cccccc;}
/* User trace */
#trace { text-align: center; padding: 15px; }
#trace .searchBox { border: solid 2px; padding: 5px; width: 1000px; margin: 0 auto; }
#trace #additionalFilters { position:fixed; border: solid 2px; width: 800px; height: 650px; margin:-325px auto auto -400px; top:50%; left:50%; text-align:center; background-color: #f6f6f6; }
#trace .additionalOptionsList { width: 100%; min-width:200px; display: inline-block; text-align: left; border-radius: 3px; margin: 5px; margin-bottom: 24px; vertical-align: bottom; }
#trace .additionalOptionsList input.applyAdditionalSettings,
#trace .additionalOptionsList input.closeAdditionalSettings { width: 90px; margin: 0px 40px 0px 28px; }
#trace .searchBox ul:not(.traceAction) li { float: left; margin-left: 10px; }
#trace .searchBox ul:not(.traceAction) li:last-child { margin-left: 30px; }
#trace #tracetype { margin-bottom: 10px; }
#trace #dateFiltering { width: 100%; height: 30px; }
#trace #dateFiltering label { float: left; padding-top: 5px; margin-right: 5px; }
#trace #dateFiltering label.last { margin-left: 10px; }
#trace #dateFiltering input { width: 100px; float: left; }
#trace #traceAction { margin-left: 10px; }
#trace .data_list_users_changing,
#trace .data_list_object_type,
#trace .data_list_objects_changing,
#trace div.userTraceMessages,
#trace .data_list_services,
#trace .data_list_who_changed_object { display: inline-block; text-align: left; border-radius: 3px; margin: 5px; margin-top: 10px; vertical-align: top; }
#trace .data_list_users_changing,
#trace .data_list_who_changed_object { width: 25%; min-width: 425px; }
#trace .data_list_object_type { width: 18%; min-width: 200px; }
#trace .data_list_object_type h2,
#trace .data_list_objects_changing h2,
#trace .data_list_services h2 { height: 30px; }
#trace .data_list_objects_changing { width: 20%; min-width: 200px; }
#trace .data_list_services { width: 18%; min-width: 300px; }
#trace .userChangingTableTitle { width: 60%; float: left; height: 30px; }
#trace .data_list_users_changing .userType { width: 40%; float: right; }
#trace .tableData th.single { border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px; -webkit-border-radius: 7px 7px 0px 0px; }
.ui-dialog-titlebar { background: url("../../resources/images/lines.png") repeat-x scroll 0 0 #101010 !important; border: 0 !important; border-radius: inherit !important; color: #ffffff !important; }
#trace div.userTraceMessages { width: 63%; min-width:480px; }
#trace input.additionalSettingsToggle { width:auto; }
#trace #user_trace .tableInfo .dataTables_info { width: auto; }
#trace input.filter { height: 28px; }
#trace .dataWrapper { display: flex; }
#trace .data_list_users_changing { width: 25%; }
#trace #user_trace { width: 75%; }
#trace #user_trace .scrollingArea { max-height: calc(100vh - 300px); }
/* MACROS */
.macrosLarge {margin: 0 auto; max-width: 1300px; padding: 0; position: relative; width: 100%;}
.w30pMacros {float: right; width: 64%;}
.data_list_macros {width: 35%; float: left; margin-bottom: 20px;}
.data_list_macros .hardware {width: 49%; float: left;}
.data_list_macros table tr td img {top:3px; cursor: move;}
#macros_intervals_data {padding: 10px;}
#macros_intervals_data input,
#macros_intervals_data select,
#macros_intervals_data textarea {position: relative; top: 2px;}
#macros_intervals_data textarea {padding: 4px; resize: vertical; width: 60%;}
#macros_intervals_data h2 {margin-bottom: 10px;}
#macros_intervals_data .macros {width: 100%;}
#macros_intervals_data .macros li label {width: 16%; text-align: left;}
#macros_intervals_data .macros li label.default {width: 32%;}
#macros_intervals_data .macros li input {width: 32%;}
#macros_intervals_data .macros li input.checkBox {margin: 8px 1% 0 2%;}
#macros_intervals_data .macroData {margin-bottom: 20px; border-bottom: 1px solid #dddddd; padding-bottom: 20px;}
#macros_intervals_data .macroData label {line-height: 32px; text-align: left;}
#macros_intervals_data .macroData span,
#macros_intervals_data .macroData label,
#macros_intervals_data .macroData input,
#macros_intervals_data .macroData select {float: left;}
#macros_intervals_data .macroData .special label {width: 16%;}
#macros_intervals_data .macroData .special label.eventreaderlabel {margin: 0 2%; width: auto;}
#macros_intervals_data .macroData .special input,
#macros_intervals_data .macroData .special select {width: 33%;}
#macros_intervals_data .macroData .special select.eventreader {width: 16%;}
#macros_intervals_data .macroData .one {display: inline-block; text-align: left; width: 12%; margin-right: 2%;}
#macros_intervals_data .macroData .one label {width: 27%;}
#macros_intervals_data .macroData .one select {width: 73%;}
#macros_intervals_data .macroData .two {display: inline-block; text-align: left; width: 26%; margin-right: 2%;}
#macros_intervals_data .macroData .two label {width: 12%;}
#macros_intervals_data .macroData .two select:nth-of-type(1) {width: 44%; margin-right: 2%;}
#macros_intervals_data .macroData .two label.na {width: 10%;}
#macros_intervals_data .macroData .two select:nth-of-type(2) {width: 32%;}
#macros_intervals_data .macroData .two input {box-sizing: border-box; width: 22%;}
#macros_intervals_data .macroData .two span.ms {position: relative; top: 5px; width: 10%;}
/*departsment*/
.nyroModalLink form.departmentFormData ul li label{ width: 40%;}
.nyroModalLink form.departmentFormData ul li input{ width: 58%;}
.nyroModalLink form.departmentFormData ul li select{ width: 60%;}
.nyroModalLink form.departmentFormData ul li.space{margin-top:20px;}
/* REGIONS */
#ackit_regions {margin: 0 auto; width: 1200px;}
#ackit_regions label {display: block;}
#ackit_regions #countries_wrapper {display: inline-table; width: 15%;}
#ackit_regions #regions {display: inline-table; width: 15%;}
#ackit_regions #time_zones {display: inline-table; width: 15%;}
#ackit_regions #holidays_wrapper {display: inline-table; width: 53%;}
#ackit_regions #holidays.edit .addRemove {background: url(../images/addIntervalToTimetable.png) no-repeat 0 0; display: inline-block; height: 11px; margin-top: 5px; width: 11px;}
#ackit_regions #holidays.edit .selected .addRemove {background: url(../images/inTimetable.png) no-repeat 0 0;}
#ackit_regions_add div {float: left; height: 50px; width: 100%;}
#ackit_regions_add label {display: block;}
#ackit_regions_add input,
#ackit_regions_add select {box-sizing: border-box; width: 100%;}
#ackit_regions_add_country div {float: left; height: 50px; width: 100%;}
#ackit_regions_add_country label {display: block;}
#ackit_regions_add_country input,
#ackit_regions_add_country select {box-sizing: border-box; width: 100%;}
#ackit_regions_add_time_zone div {float: left; height: 50px; width: 100%;}
#ackit_regions_add_time_zone label {display: block;}
#ackit_regions_add_time_zone input,
#ackit_regions_add_time_zone select {box-sizing: border-box; width: 100%;}
#ackit_regions_add_time_zone input.jantartime {text-align: right; width: 52px;}
#ackit_regions_add_time_zone div.delta {width: 20%;}
#ackit_regions_add_time_zone div.range {width: 7%;}
#ackit_regions_add_time_zone div.range span {display: inline-block; margin-top: 24px;}
#ackit_regions_add_time_zone div.month {margin-right: 1%; width: 20%;}
#ackit_regions_add_time_zone div.week {margin-right: 1%; width: 20%;}
#ackit_regions_add_time_zone div.day {margin-right: 1%;width: 20%;}
#ackit_regions_add_time_zone div.time {width: 10%;}
/* ADMINISTRATOR DASHBOARD */
#admindashboard {margin: 0 auto; width: 1200px;}
#admindashboard label {display: block;}
#ackit_admindashboard_recover_protocol_card div {float: left; height: 50px; width: 100%;}
#ackit_admindashboard_recover_protocol_card label {display: block;}
#ackit_admindashboard_recover_protocol_card select {box-sizing: border-box; width: 100%;}
#admindashboard div.AdminTile { background-color: #ffffff; float: left; margin: 5px; }
#admindashboard div.AdminTile div.TileData,
#admindashboard div.AdminTile div.TileActions { padding: 5px 10px; border-color: #000000; border-style: solid; border-width: 0 1px 0 1px; }
#admindashboard div.AdminTile div.TileActions { border-bottom: 1px solid #000000; }
#admindashboard div.AdminTile div.TileData { min-height: 350px; max-height: 350px; overflow-y: auto; }
#admindashboard div.AdminTile div.TileData ul.licenseDetails li { border-bottom: 1px dashed #a0a0a0}
#admindashboard div.AdminTile div.TileData li.border { border-bottom: 1px solid #000000; }
#admindashboard div.LicenceData { width: 350px; }
#admindashboard div.LicenceData label.updatesExpiration { float: right; }
#admindashboard div.LicenceData label.updatesExpiration.invalid { color: #d40000; }
#admindashboard div.LicenceData label.updatesExpiration.valid { color: #00a000; }
#admindashboard div.LicenceData ul li label { float: left; }
#admindashboard div.LicenceData ul.licenseDetails li label.value {float: right; }
#admindashboard div.LicenceData input.upgradeRequest:hover { background: #101010; color: #fff; border: 1px solid #101010; cursor: pointer; }
#admindashboard div.BackgroundTasks { width: 830px; }
#admindashboard div.BackgroundTasks div.TileData div { border-bottom: 1px dashed #a0a0a0; height: 21px; }
#admindashboard div.BackgroundTasks div.TileData img { margin-right: 5px; vertical-align: text-bottom; }
/* PRESENCE STATUS */
#ackit_device_statuses .events { float: left; width: 30%; }
#ackit_device_statuses .statuses { background-color: #ffffff; float: right; width: 69%; }
#ackit_device_statuses .status { float: left; margin: 5px; }
#ackit_device_statuses .status th { background-color: #b3b3b3; color: #ffffff; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#ackit_device_statuses .status th.connectionIcon { max-width: 21px; min-width: 21px; }
#ackit_device_statuses .status th.controllerName { max-width: 128px; min-width: 128px; }
#ackit_device_statuses .status th.viewEvents { max-width: 21px; min-width: 21px; }
#ackit_device_statuses .status .connectionIcon span { display: inline-block; height: 16px; vertical-align: text-bottom; width: 16px; }
#ackit_device_statuses .status.init .connectionIcon span { background: url(/resources/images/com_error.png); }
#ackit_device_statuses .status.ok .connectionIcon span { background: url(/resources/images/com_ok.png); }
#ackit_device_statuses .status.error .connectionIcon span { background: url(/resources/images/com_error.png); }
#ackit_device_statuses .status.failed .connectionIcon span { background: url(/resources/images/com_error.png); }
#ackit_device_statuses .status .viewEvents span { background: url(/resources/images/dayStatus.png); background-position: -97px -1px; cursor: pointer; display: inline-block; height: 15px; vertical-align: text-bottom; width: 15px; }
#ackit_device_statuses .status tr th,
#ackit_device_statuses .status tr td { border-bottom: 1px; border-color: #e6e6e6; border-style: solid; }
#ackit_device_statuses .status tr td.data { background-color: #b3b3b3; border-width: 0 0 1px 1px; }
#ackit_device_statuses .status tr td.name { background-color: #ffffff; border-width: 0 1px 1px 0; overflow: hidden; padding: 0 5px; text-overflow: ellipsis; white-space: nowrap; }
#ackit_device_statuses .status.ok tr td.gray { background-color: #b3b3b3; }
#ackit_device_statuses .status.ok tr td.red { background-color: #d92c0e; }
#ackit_device_statuses .status.ok tr td.pink { background-color: #ff9999; }
#ackit_device_statuses .status.ok tr td.green { background-color: #8cc63f; }
#ackit_device_statuses_view_events table { width: 640px;}
/*********************************************************************************************
********************************** TLORIS DESIGN *****************************************
*********************************************************************************************/
.largeLayout {width: 82%; height: calc(100% - 50px); margin-left: 18%; overflow: auto;}
.largeLayout .layoutsLayoutView { margin: 15px 0 0 15px; position: relative; }
.largeLayout .markers {position: absolute; top: 0;}
.largeLayout .cameramonitor {position: absolute; top: 0;}
.markerPopup,.cameramonitorPopup {width: auto; height: auto; padding: 10px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; -webkit-box-shadow: 0px 0px 3px #aaaaaa; -moz-box-shadow: 0px 0px 3px #aaaaaa; box-shadow: 0px 0px 3px #aaaaaa;
border: 1px solid #dddddd; background: #fff;}
.markerPopup .markerPopupClose, .cameramonitorPopup .cameramonitorPopupClose { width: 28px; height: 28px; text-indent: -9999em; display: block; position: absolute; top:-10px; right:-10px; background: url(../images/close.png) no-repeat 0 0;}
.markerPopup .markerPopupClose:hover , .cameramonitorPopup .cameramonitorPopupClose:hover {background: url(../images/closeHover.png) no-repeat 0 0;}
.markerPopup ul li {font-size: 11px; margin: 0; padding: 0;}
.markerPopup ul li:first-child {font-weight: bold; font-size: 13px;}
.layoutsLayoutViewPopups {position: absolute; top:0; left: 0; display: block;}
/*camera monitoring*/
.cameramonitorPopup {width: auto; height: auto; top: 39px; right: 20px; /*position: relative !important; ce ne bo re�itve*/}
.wpTakitLayoutPlaces {width: 16%; height: calc(100% - 120px); top: 15px; left: 30px; position: absolute; }
.wpTakitLayoutPlaces .layoutsPlacesTopButtons { top: 15px; left: 20px; position: absolute;}
ul.monitorPlacesTopButtons input.addplace,
.wpTakitLayoutPlaces .layoutsPlacesTopButtons input.addplace {margin: 0; background: #DB2827; border: 1px solid #DB2827; color: #fff;}
ul.monitorPlacesTopButtons input.addplace:hover,
.wpTakitLayoutPlaces .layoutsPlacesTopButtons input.addplace:hover {background:#101010; border: 1px solid #101010;}
.wpTakitLayoutPlaces #places_data .places_list ul.places_listUl {margin: 0; padding: 0;}
.wpTakitLayoutPlaces #places_data .places_list ul.places_listUl li {margin: 0; padding:0; border: none; line-height: 21px; cursor: pointer;}
.wpTakitLayoutPlaces #places_data .places_list ul.places_listUl li span {padding-right: 5px;}
.wpTakitLayoutPlaces #places_data .places_list ul.places_listUl li ul.floor {margin: 0; padding: 0;}
.wpTakitLayoutPlaces #places_data .places_list ul.places_listUl li ul.floor li {padding: 0; margin: 0;}
.wpTakitLayoutPlaces #places_data .places_list ul.places_listUl li ul.room li span.arrow{margin-left: 20px;}
.wpTakitLayoutPlaces #places_data .places_list ul.places_listUl li ul.room li ul.passage li span.arrow {margin-left: 30px;}
.wpTakitLayoutPlaces .added_to_layout_view { background: #d4ecf7; }
.wpTakitLayoutPlaces table.fancytree-ext-table span.fancytree-node,
.wpTakitLayoutPlaces table.fancytree-ext-table span.fancytree-title { cursor: default; }
.wpTakitLayoutPlaces table.fancytree-ext-table .passage span { cursor: pointer; }
.wpTakitLayoutPlaces .added_to_layout_view .add_marker { display: none; }
/* icons */
ul.places_listUl li span.organization {background: url(../images/mainFirm.png) no-repeat 0 1px; padding-left: 15px;}
ul.places_listUl li span.building {background: url(../images/building.png) no-repeat 0 1px; padding-left: 15px;}
ul.places_listUl li span.floor {background: url(../images/floor.png) no-repeat 0 1px; padding-left: 15px;}
ul.places_listUl li span.room {background: url(../images/room.png) no-repeat 0 1px; padding-left: 15px;}
ul.places_listUl li span.passage {background: url(../images/passage.png) no-repeat 0 1px; padding-left: 15px;}
.fancytree-container .fancytree-node .add_marker_action { margin: -3px 0 0 5px; }
.add_marker_action {cursor: pointer;}
.layoutMarker {position: absolute; width: 33px; height: 50px; cursor: move; background: url(../images/menu/locationAdd.png) no-repeat center top !important; border: none !important; }
.layoutMarker:hover {background: url(../images/menu/locationAddHover.png) no-repeat center top !important;}
.layoutMarker.selected {background: url(../images/menu/locationAddHover.png) no-repeat center top !important;}
.layoutMarker.place_marker_event {background: url(../images/placeMarkerEvent.png) no-repeat center top !important;}
.layoutMarker.counter {background: white !important; border: 2px solid #101010 !important; border-radius: 7px; width: auto; height: auto; min-width: 31px; min-height: 31px; white-space: nowrap;}
.layoutMarker.counter:hover,
.layoutMarker.counter.selected,
.layoutMarker.counter.place_marker_event {border: 2px solid #DB2827 !important;}
.layoutMarker.counter table th {background: url(../images/lines.png) repeat-x scroll 0 0 #101010; color: #fff;}
.layoutMarker.counter:hover table th,
.layoutMarker.counter.selected table th,
.layoutMarker.counter.place_marker_event table th {background: #DB2827; color: #fff;}
.layoutMarker.counter table td {padding: 0 5px;}
.layoutMarker.counter table td:nth-child(2) {text-align: right; font-weight: bold;}
.layoutsLayout.small {max-width: 825px}
.data_list_layouts ul.layouts_list li { width: 150px; height: auto; margin: 0; padding: 0; float: left; padding: 10px; margin: 17px; border: 1px solid #f6f6f6; margin-bottom: 27px; margin-top: 0;}
.data_list_layouts ul.layouts_list li:hover {cursor: pointer; background: #fadfdf; border: 1px solid #f8d4d4; }
.data_list_layouts ul.layouts_list li span.layoutname {width: auto; display: block; font-weight: bold;}
li.layoutImgWrapper {position: relative;}
li.layoutImgWrapper img {width: auto; height: 60px; padding: 4px; margin-left: 124px; border: 1px solid #dddddd; background: #fff;}
#takit_layouts li img.uploadlayout {position: absolute; left: 360px; }
/*add places */
.formData ul.places_listUl li {margin-bottom: 0;}
.back.marginRight {margin-right: 15px;}
.cancel.marginRight {margin-right: 15px;}
.black.marginRight.cancel:hover {background: #DB2827; border: 1px solid #DB2827; color: #fff;}
.addplaceFormData ul.places_listUl {max-height: 150px; overflow: auto;}
#addLayout #selectFile input{ width: 61%; }
#addLayout #selectFile input.uploadsubmit {width: 66px; height: 28px; margin-right: 5px;}
#present_users_data_table {padding: 10px; background: #fff;}
#present_users_data_table .buttons {margin-bottom: 10px;}
#present_users_data_table .buttons li {margin-left: 10px;}
/***************screen_keypad_editor *********************/
#screen_keypad_editor { display: flex; margin: 0 auto; max-width: 1800px; position: relative; width: auto; z-index: 0; }
#screen_keypad_editor .dataleft { flex-grow: 1; max-width: 300px; min-width: 150px; width: auto; }
#screen_keypad_editor .dataright { display: flex; width: auto; }
#screen_keypad_editor .screen_keypads_listUl .name { margin-right: 5px; }
#screen_keypad_editor #screen_keypads_levels { margin: 0 10px; }
#screen_keypad_editor #screen_keypads_settings { max-width: 350px; min-width: 200px; }
#screen_keypad_editor table tr td textarea,
#screen_keypad_editor table tr td select,
#screen_keypad_editor table tr td input {width: 110px; height: 20px; line-height: 20px; padding: 0; margin: 2px 0; float: right;}
#screen_keypad_editor table tr td textarea {min-height: 20px; resize: vertical;}
#screen_keypad_editor table tr td:first-child {width: 150px;}
body#page .tabs .ui-tabs-nav {background: url(../images/lines.png) repeat-x scroll 0 0 #101010; border: none; border-radius: 7px 7px 0px 0px; -moz-border-radius: 7px 7px 0px 0px;
-webkit-border-radius: 7px 7px 0px 0px; border-bottom: 2px solid #db2827;
color: #fff; font-size: 14px; font-weight: normal; text-shadow: 1px 1px 1px #000; filter: dropshadow(color=#000, offx=1, offy=1);}
body#page .tabs .ui-tabs-nav .ui-state-default {background: #333333; border: none;}
body#page .tabs .ui-tabs-nav .ui-state-default a { text-shadow: none; color: #999999;}
body#page .tabs .ui-tabs-nav .ui-state-default a:hover { background: #db2827; color: #fff; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px;
-webkit-border-radius: 5px 5px 0px 0px;}
body#page .tabs .ui-tabs-nav .ui-state-active {background: #db2827; border: none; color: #fff;}
body#page .tabs .ui-tabs-nav .ui-state-active a {color: #fff; text-shadow: none;}
.formData ul.ui-fancytree.fancytree-container li { margin-bottom: 0px; }
/* FancyTree */
ul.ui-fancytree.fancytree-container { border: none; }
.ui-fancytree.fancytree-container.empty { padding-bottom: 20px; }
/* Override Tabs */
body#page .tabs .ui-tabs .ui-tabs-panel ul.ui-fancytree.fancytree-container li,
body#page .tabs .ui-tabs .ui-tabs-panel .ui-fancytree.fancytree-container ul li { border: none; padding: 0; }
body#page .tabs .ui-tabs .ui-tabs-panel .ui-fancytree.fancytree-container span { float: none; height: 15px; line-height: 21px; }
body#page .tabs .ui-tabs .ui-tabs-panel .ui-fancytree.fancytree-container span.fancytree-node { height: auto; }
body#page .tabs .ui-tabs .ui-tabs-panel .ui-fancytree.fancytree-container img { height: auto; margin: 0; vertical-align: middle; width: auto; }
body#page .tabs .ui-tabs .ui-tabs-panel .ui-fancytree.fancytree-container .fancytree-title { height: auto; white-space: normal; word-wrap: break-word; word-break: break-all; }
/*************** takit_company_organization *********************/
/* Company organization (with fancytree) */
.companyOrganisationWp { width: 700px; height: 75%; margin: 0 auto; }
.companyOrganisationWp > div { height: 100%; }
.companyOrganisationWp h2 {position: relative; top: 20px;}
.companyOrganisationWp input.companyOrganizationsearch { width: 691px; margin-bottom: 5px; }
.companyOrganisationWp #companyOrganizations_data { max-height: calc(100vh - 200px); overflow: auto; }
.companyOrganisationWp #companyOrganizations_data .companyOrganizations_list { height: 100%; }
.companyOrganisationWp #companyOrganizations_data .companyOrganizations_list .companyOrganizations_listUl { height: 100%; }
.companyOrganisationWp #companyOrganizations_data.companyWindow .companyOrganizations_list #companyOrganizations_data_tree ul { background: inherit; }/* Fix for connectors not showing from old company organization style */
#companyOrganizations_data_tree ul li { padding: 0; border-top: none; }
/*addCompany*/
ul li input.expandcollapse.collapse { border: none; width: 17px; height: 21px; background: url(../images/collapse.png) no-repeat 0 0; text-indent: -123456px; }
ul li input.expandcollapse.collapse:hover { background-position: 0 -21px; cursor: pointer; }
ul li input.expandcollapse.expand { border: none; width: 17px; height: 21px; background: url(../images/expand.png) no-repeat 0 0; text-indent: -123456px; }
ul li input.expandcollapse.expand:hover { background-position: 0 -21px; cursor: pointer; }
#add_company_organization_data { height: 300px; overflow: auto; position: relative; }
#add_company_organization_data div.root { height: 20px; background-image: none; }
#add_company_organization_data .companyOrganizations_list { position: absolute; }
#takit_companyOrganization_add .groupcounterwrap { display: flex; float: left; width: 99%; }
#takit_companyOrganization_add select.parklocation { flex-grow: 1; margin-right: 30px; width: auto; }
#takit_companyOrganization_add .groupcounterwrap label { margin: 0; width: 150px; }
#takit_companyOrganization_add .groupcounterwrap label.title { flex-grow: 1; width: auto; }
#takit_companyOrganization_add .groupcounterwrap div { margin-right: 90px; width: 50px; }
#takit_companyOrganization_add .groupcounterwrap div input { width: 100%; }
/*********************************************************************************************
********************************** FIRSTPAGE DESIGN *****************************************
*********************************************************************************************/
.firstPage {width: 650px; height: auto; margin: 30px auto; background: #fff; padding: 20px;}
.firstChecking {padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dddddd;}
img#logImg {width: 603px; height: auto; margin: 20px 0px; margin-bottom: 0px; display: block; padding: 5px; background: #fcfcfc; border:1px solid #dddddd;}
img#serviceManager {margin: 20px 0px; padding: 5px; background: #fff; border:1px solid #dddddd;}
img.notworking {float: left; margin-top: 5px; margin-right: 10px;}
.logfilepath {font-weight: bold;}
hr.mainMenuSep {background: #dddddd; border: none; height: 1px; margin: 10px 0; display: block;}
/*********************************************************************************************
************************************** leaveannounce *****************************************
*********************************************************************************************/
form.leaveannounce ul li select.foruserid,
form.leaveannounce ul li select.thirdaddresseeid,
form.leaveannounce ul li select.replacementuserid {width: 180px;}
form.leaveannounce ul li input.datepicker {width: 70px;}
form.leaveannounce ul li.predicteddaycount {height: 30px;}
form.leaveannounce ul li.predicteddaycount label {height: 30px; width: 205px;}
form.leaveannounce ul li.predicteddaycount input {width: 25px;}
form.leaveannounce ul li select.statisticid {width: 270px;}
form.leaveannounce ul li input.comment {width: 262px;}
form.leaveannounce ul#buttons li input.submit {margin-right: 0;}
table.leaveannounce tr td:nth-child(1) {width: 10%; min-width: 80px;}
table.leaveannounce tr td:nth-child(2) {width: 10%; min-width: 80px;}
table.leaveannounce tr td:nth-child(3) {width: 10%; min-width: 80px;}
table.leaveannounce tr td:nth-child(4) {width: 17%; min-width: 136px;}
table.leaveannounce tr td:nth-child(5) {width: 17%; min-width: 136px;}
table.leaveannounce tr td:nth-child(6) {width: 17%; min-width: 136px;}
table.leaveannounce tr td:nth-child(7) {width: 9%; min-width: 72px;}
table.leaveannounce tr td:nth-child(8) {width: 10%; min-width: 80px;}
table.pendingleaveannounce tr td:nth-child(1) {width: 10%; min-width: 80px;}
table.pendingleaveannounce tr td:nth-child(2) {width: 8%; min-width: 64px;}
table.pendingleaveannounce tr td:nth-child(3) {width: 8%; min-width: 64px;}
table.pendingleaveannounce tr td:nth-child(4) {width: 8%; min-width: 64px;}
table.pendingleaveannounce tr td:nth-child(5) {width: 13%; min-width: 104px;}
table.pendingleaveannounce tr td:nth-child(6) {width: 13%; min-width: 104px;}
table.pendingleaveannounce tr td:nth-child(7) {width: 13%; min-width: 104px;}
table.pendingleaveannounce tr td:nth-child(8) {width: 10%; min-width: 80px;}
table.pendingleaveannounce tr td:nth-child(9) {width: 7%; min-width: 56px;}
table.pendingleaveannounce tr td:nth-child(10) {width: 10%; min-width: 80px;}
#announce_confirm_action input.button:hover,
#presenceannounceconfirmaction input.button:hover {background: #101010; cursor: pointer; border:1px solid #101010; color: #fff;}
#announce_confirm_action input.button.R,
#presenceannounceconfirmaction input.button.R {margin-right: 5px;}
/*********************************************************************************************
************************************** EPERMITS **********************************************
*********************************************************************************************/
form.exitPermits select.foruserid {width: 180px;}
form.exitPermits select.thirdaddresseeid {width: 180px;}
form.exitPermits input.datefrom{width: 70px;}
form.exitPermits input.timefrom,
form.exitPermits input.timeto {width: 40px;}
form.exitPermits select.keycode {width: 270px;}
form.exitPermits ul li input.comment {width: 262px;}
form.exitPermits ul#buttons li input.submit {margin-right: 0;}
table.exitPermits tr td:nth-child(1) {width: 10%; min-width: 80px;}
table.exitPermits tr td:nth-child(2) {width: 14%; min-width: 112px;}
table.exitPermits tr td:nth-child(3) {width: 8%; min-width: 64px;}
table.exitPermits tr td:nth-child(4) {width: 14%; min-width: 112px;}
table.exitPermits tr td:nth-child(5) {width: 14%; min-width: 112px;}
table.exitPermits tr td:nth-child(6) {width: 14%; min-width: 112px;}
table.exitPermits tr td:nth-child(7) {width: 8%; min-width: 64px;}
table.exitPermits tr td:nth-child(8) {width: 9%; min-width: 72px;}
table.exitPermits tr td:nth-child(9) {width: 9%; min-width: 72px;}
table.pendingExitPermits tr td:nth-child(1) {width: 11%; min-width: 88px;}
table.pendingExitPermits tr td:nth-child(2) {width: 9%; min-width: 72px;}
table.pendingExitPermits tr td:nth-child(3) {width: 10%; min-width: 80px;}
table.pendingExitPermits tr td:nth-child(4) {width: 9%; min-width: 72px;}
table.pendingExitPermits tr td:nth-child(5) {width: 12%; min-width: 96px;}
table.pendingExitPermits tr td:nth-child(6) {width: 11%; min-width: 88px;}
table.pendingExitPermits tr td:nth-child(7) {width: 14%; min-width: 112px;}
table.pendingExitPermits tr td:nth-child(8) {width: 8%; min-width: 64px;}
table.pendingExitPermits tr td:nth-child(9) {width: 8%; min-width: 64px;}
table.pendingExitPermits tr td:nth-child(10) {width: 8%; min-width: 64px;}
/*********************************************************************************************
************************* Leave announce and Permit overview *********************************
*********************************************************************************************/
/* User and department take up 25% of space. Remainder is divided between days */
#weeklyoverview #overview th { width: 10.714%; /* (75% / 7) */ }
#monthlyoverview #monthlyoverviewtable th { width: 2.419%; /* (75% / 31) */ }
#weeklyoverview #overview th.user,
#monthlyoverview #monthlyoverviewtable th.user { width: 12.5%; /* (25% / 2) */ }
#weeklyoverview #overview th.department,
#monthlyoverview #monthlyoverviewtable th.department { width: 12.5%; /* (25% / 2) */ }
#monthlyoverview #monthlyoverviewtable .filters .dayOfMonth { border-bottom: 0; font-size: 0; }
div#weeklyoverview #overview,
div#monthlyoverview #monthlyoverviewtable { margin: 10px; width: calc(100% - 20px); }
div#weeklyoverview #overview th img { vertical-align: text-top; }
div#weeklyoverview #overview td:nth-child(7n + 8),
div#weeklyoverview #overview td:nth-child(7n + 9),
div#monthlyoverview #monthlyoverviewtable td.weekend { background-color: #f0f0f0; }
div#weeklyoverview #overview td.holiday,
div#monthlyoverview #monthlyoverviewtable td.holiday { background-color: #fff0f0; }
div#weeklyoverview #overview td input { background-color: inherit; }
div#weeklyoverview #overview ul { width: 99%; }
div#weeklyoverview #overview li.absence img { vertical-align: text-top; }
div#monthlyoverview #monthlyoverviewtable li.absence img { margin: auto; display: block; margin-top: 2px; }
div#weeklyoverview #overview li.absence span { padding-left: 4px; }
div#weeklyoverview #overview li.absence span.replacement { display: list-item; }
div#weeklyoverview #overview li.permit span { padding-left: 20px; }
div#weeklyoverview #overview tbody tr td { text-overflow: inherit; white-space: normal; word-wrap: normal; }
div#weeklyoverview #week,
div#monthlyoverview #month { background: url("../../resources/images/lines.png") repeat-x scroll 0 0 #101010 !important; border: 0 !important; border-radius: 4px !important; color: #ffffff; font-weight: bold; margin: 10px; text-align: center; vertical-align: middle; }
div#weeklyoverview #week span,
div#monthlyoverview #month span { display: inline-block; margin: 4px; }
div#weeklyoverview #week a,
div#monthlyoverview #month a { display: inline-block; width: 22px; height: 22px; margin: 4px; background: url("../../resources/images/arrows.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); }
div#weeklyoverview #week a.previousWeek,
div#monthlyoverview #month a.previousMonth { float: left; background-position: 0 0; }
div#weeklyoverview #week a.nextWeek,
div#monthlyoverview #month a.nextMonth { float: right; background-position: 0 -44px; }
div#weeklyoverview #week a.previousWeek:hover,
div#monthlyoverview #month a.previousMonth:hover { background-position: 0 -22px; cursor: pointer; }
div#weeklyoverview #week a.nextWeek:hover,
div#monthlyoverview #month a.nextMonth:hover { background-position: 0 -66px; cursor: pointer; }
div#weeklyoverview #overview td li.unconfirmed,
div#monthlyoverview #monthlyoverviewtable td li.unconfirmed { background-color: #ffbcb8; cursor: pointer; }
div#weeklyoverview #overview td li.unconfirmed[data-status="Pending"],
div#monthlyoverview #monthlyoverviewtable td li.unconfirmed[data-status="Pending"] { cursor: pointer; }
div#weeklyoverview #overview td.opened,
div#monthlyoverview #monthlyoverviewtable td.opened { box-shadow: inset 0px 0px 0px 2px #ad7572; }
div#weeklyoverview #overview td li .actions,
div#monthlyoverview #monthlyoverviewtable td li .actions { background-color: #ffbcb8; border-radius: 5px; margin-left: -5px; padding: 1px 3px; position: absolute; }
ul.expandfiltermenu li.expandfilteritem input { margin: 1px 0 0 3px; }
.ui-dialog .ui-dialog-content.absenceactionpopup { background: white; }
.ui-dialog .absenceactionpopup label { margin-right: 10px; }
.ui-dialog .absenceactionpopup .notes { float: none; width: calc(100% - 8px); }
.ui-dialog .absenceactionpopup .confirmreject { justify-content: space-around; margin-top: 10px; }
.ui-dialog .absenceactionpopup .link:hover { margin: -1px; }
.ui-dialog .absenceactionpopup .link.approve { background: #92ff92; }
.ui-dialog .absenceactionpopup .link.reject { background: #fa9797; }
.ui-dialog.ui-dialog-titlebar-hidden { background: transparent; border: 0; padding: 10px; }
.ui-dialog.ui-dialog-titlebar-hidden .ui-dialog-titlebar-close { right: 0px; top: 10px; }
/*********************************************************************************************
************************************** epursesetcard *****************************************
*********************************************************************************************/
.epursesetcard {width: 720px; max-width: 720px;}
.epursesetcard .column1 {width: 310px; height: auto; padding: 20px; position: relative; float: left;}
.epursesetcard .column1 img.imgreadcard {position: absolute; top: 20px; right: 20px;}
.epursesetcard .column1 input {width: 240px; float: none; margin: 0; margin-bottom: 15px;}
.epursesetcard .column1 label {float: none; display: block;}
.epursesetcard .column1 .infoset {line-height: 31px;}
.epursesetcard .column1 .infoset label {width: 70px; height: auto; display: block; float: left;}
.epursesetcard .column1 .infoset span {width: 200px; height: auto; display: block; float: left;}
.epursesetcard .column1 .infonotset {color: #DB2827;}
.epursesetcard .column2 {width: 350px; height: auto; float: right;}
.epursesetcard .column2 input {width: 230px;}
.epursesetcard .column2 select {width: 240px;}
.epursesetcard .column2 label {width: 70px;}
.epursesetcard .column2 input.autoWidth {width: auto;}
.epursesetcard .column2 ul#buttons li input.submit {margin-right: 0;}
.epursesetcard .column2 ul#buttons li {margin-bottom: 0;}
/* reports sql */
#reportsSQL li input.checkBox {top: 7px;}
#reportsSQL li textarea {border: 1px solid #cccccc; width:76%; height: 70px;}
.ackt_reports_sql_manage .intervalLeftData {width: 40%;}
.ackt_reports_sql_manage .intervalRightData {width: 58%; float: right;}
.ackt_reports_sql_manage input.gray {margin-right: 10px;}
.formData.ackt_reports_sql_manage ul li label {float: none;}
.formData.ackt_reports_sql_manage ul li#floatLabel label {float: left; margin-right: 10px; margin-bottom: 10px;}
.formData.ackt_reports_sql_manage ul li input {width: 95.5%}
.formData.ackt_reports_sql_manage ul li textarea {width: 98%;border: 1px solid #cccccc; height: 50px;}
.formData.ackt_reports_sql_manage ul li textarea.five {height: 82px;}
.formData.ackt_reports_sql_manage ul li.half {width: 45%; clear: none; }
.formData.ackt_reports_sql_manage ul li.half.L {float: left;}
.formData.ackt_reports_sql_manage ul li.half.R {float: right;}
/*********************************************************************************************
******************************************* Lunch ********************************************
*********************************************************************************************/
/*Lunch ordering*/
div#lunchUserSettings {height: 200px; border-style: solid; border-width: 5px; margin-bottom:5px; background-color: #9E9E9E; min-width: 1050px;}
div#lunchUserSettings div.currentUser {height: 45px;}
div#lunchUserSettings label {float: left; display: block; height: 30px; width: 200px; margin: 15px 0px 0px 10px; font-size:25px;}
div#lunchUserSettings label.currentUserName { width:auto; }
div#lunchUserSettings div#lunchGuests { float:right; display: block; height: 30px; width: 300px; background-color: #f5bdbd; margin-top: 10px; margin-right: 10px; }
div#lunchUserSettings div#lunchGuests label { width: 100%; margin: 5px 0px 0px 0px; height: 30px; width: 300px; text-align:center; background-color: #f5bdbd;}
div#lunchUserSettings div#LunchPeriod { float:right; display: block; height: 30px; width: 300px; background-color: #f5bdbd; margin-top: 10px; margin-right: 10px; }
div#lunchUserSettings div#LunchPeriod label.shownDatesDuration { height: 30px; width: 300px; margin: 5px 0px 0px 0px; text-align:center;}
div#lunchUserSettings div#LunchPeriod label { width:45%; margin: 5px 0px 0px 0px; text-align: center; cursor: pointer; }
div#lunchUserSettings div#LunchPeriod label.previousPeriod { float:left; }
div#lunchUserSettings div#LunchPeriod label.nextPeriod { float: right; }
div#lunchUserSettings ul.lunchPlaces li,
div#lunchUserSettings ul.availibleIntervals li,
div#lunchUserSettings ul.timeOfArrival li {float: left; width: auto; background-color: #f5bdbd; margin:5px; padding: 8px; font-size: 25px;}
div#lunchUserSettings ul li,
div#lunchUserSettings div#lunchGuests label { -webkit-touch-callout: none; /* iOS Safari */
-webkit-user-select: none; /* Chrome/Safari/Opera */
-khtml-user-select: none; /* Konqueror */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
user-select: none; /* Non-prefixed version, currently
not supported by any browser */
cursor: pointer;
}
div#lunchUserSettings ul.lunchPlaces li.selectedPlace,
div#lunchUserSettings ul.availibleIntervals li.selectedInterval,
div#lunchUserSettings ul.timeOfArrival li.selectedSchedule {background-color: #ffffff}
div#LunchMenuContainer {background-color: #646464; border-style: solid; border-width: 5px; min-width:1050px;}
div#LunchMenuContainer div.dayMenuPanel {float: left; width:14%; height: 100%; border-style: solid; border-left:0px; border-width: 3px;}
div#LunchMenuContainer div.dayMenuPanel.weekend { background-color: #969696;}
div#LunchMenuContainer div.dayMenuPanel.holiday { background-color: #7D6464; }
div#LunchMenuContainer div.dayMenuPanel ul { min-height:400px; }
div#LunchMenuContainer div.dayMenuPanel label.lunchdate {width: 100%; background-color: #000000; color: #ffffff; height: 40px; font-size: 25px; display:inline-block; text-align: center; padding-top: 20px;}
div#LunchMenuContainer div.dayMenuPanel.weekend label.lunchdate { background-color: #969696; color: #000000; font-weight: bold;
-webkit-box-shadow:inset 0px -3px 0px #000000;
-moz-box-shadow:inset 0px -3px 0px #000000;
box-shadow:inset 0px -3px 0px #000000; }
div#LunchMenuContainer div.dayMenuPanel.holiday label.lunchdate {background-color: #7D6464; color: #000000; font-weight: bold;
-webkit-box-shadow:inset 0px -3px 0px #000000;
-moz-box-shadow:inset 0px -3px 0px #000000;
box-shadow:inset 0px -3px 0px #000000; }
div#LunchMenuContainer div.dayMenuPanel ul { overflow: auto; }
div#LunchMenuContainer div.dayMenuPanel ul li,
div#MealDialog ul li { min-height: 100px; height: auto; background-color: #f5bdbd; border-style: solid; border-width:2px; margin: 5px;}
div#LunchMenuContainer div.dayMenuPanel ul li label,
div#MealDialog ul li label { float: left; width: 70%; padding-left: 5px; font-size: 20px; }
div#LunchMenuContainer div.dayMenuPanel ul li label.menuTime { width:25%; float:left; }
div#LunchMenuContainer div.dayMenuPanel ul li.selectedMenu,
div#MealDialog ul li.selectedMenu { background-color: #ffffff; }
/* Lunch guests */
div#MainGuest { margin: auto; position: relative; margin-top:20px; display: table; width: auto; }
div.guestCalendar { width: 270px; float: left; }
div.guestoverview { width: 600px; float:left; margin-right:30px; min-height: 200px; }
div.guestoverview tr td.last,
div.guestoverview tr th.last { width: 30px; }
div.guestAdd { width: 300px; float: left; background-color: #e6e6e6; padding: 10px; }
div.guestAdd ul#addingGuest li {margin-bottom: 5px;}
div.guestAdd ul#addingGuest label {width: 25%; float:left; }
div.guestAdd ul#addingGuest input, div.guestAdd ul#addingGuest select {width: 70%; float: left; }
div.guestAdd div#guestButtons {margin-top:15px;}
div.guestAdd div#guestButtons input {width: 40%;}
div.guestAdd div#guestButtons input.addGuest {float:right;}
/* Lunch management */
div.lunchUserContainer { float: left; width: 270px; margin-right: 10px; }
div.lunchUserContainer ul li { background: #ffffff; }
div.lunchUserContainer table.lunchUsers thead tr th input { left: 5px; }
div.lunchActionsContainer { float: left; border: 1px solid #000000; padding: 10px; }
div.lunchActionsContainer ul.lunchParameters li { margin-bottom: 5px; }
div.lunchActionsContainer ul.lunchParameters li label { float: left; top: 3px; min-width: 100px; margin-right:10px; line-height: 27px; }
div.lunchActionsContainer ul.lunchParameters li select { width: 200px; }
div.lunchActionsContainer ul.lunchParameters li input[type="number"] { width: 50px; }
div.lunchActionsContainer ul.lunchActions li input { margin-right: 10px; }
div.lunchActionsContainer ul.lunchActions li input:hover { background: #101010; cursor: pointer; border: 1px solid #101010; color: #fff; }
/* Lunch management - Popup */
#lunch_view_meal_orders div.parameters label { width: 100px; }
#lunch_view_meal_orders div.parameters input.datepicker { width: 70px; }
#lunch_view_meal_orders div.MealContent table th.firstname,
#lunch_view_meal_orders div.MealContent table th.lastname { width: 10%; }
#lunch_view_meal_orders div.MealContent table th.dateWidth { width: 8%; }
/*********************************************************************************************
*************************************** Reservations *****************************************
*********************************************************************************************/
div#reservationsContainer { height: 800px; width: 800px; display: block; margin: 20px auto 0; }
div#reservationsContainer div#ac_reservations_top { height: 10%; width: 800px; display: block; margin: 0 auto; }
div#reservationsContainer div#ac_reservations_left { height: 90%; width: 35%; float: left; }
div#reservationsContainer div#ac_reservations_left.disabled{ pointer-events: none; }
div#reservationsContainer div#ac_reservations_right { height: 90%; width: 65%; float: right; }
div#reservationsContainer div#ac_reservations_right.disabled{ pointer-events: none; }
div#reservationsContainer div#ac_location_data { display: block; margin: 0 auto; width: 100%; padding-bottom: 10px; }
div#reservationsContainer div#ac_location_data select { display: block; margin: 0 auto; width: 100%; }
div#reservationsContainer div#ac_calendar_data { float: left; display:block; }
div#reservationsContainer div#ac_reservations_data { float: right; display:block; width: 500px; height: 80%; margin-right: 10px; }
div#reservationsContainer div#ac_reservations_data div.head { padding: 5px; height: 30px; margin: 5px; }
div#reservationsContainer div#ac_reservations_data div.data { padding: 5px; padding-right: 15px; height: 88%; overflow: auto; margin: 5px; }
/* mobile reservations */
div#reservationsContainer.mobile { width: auto; height:auto; }
div#reservationsContainer.mobile div#ac_reservations_top { width: auto; }
div#reservationsContainer.mobile div#ac_location_data select { width: 100%; }
div#reservationsContainer.mobile div#ac_reservations_data { float: none; display:block; width: auto; height: auto; margin-right: 0; padding-bottom: 10px; }
div#reservationsContainer.mobile div#ac_reservations_left { height: auto; width: 100%; float: none; padding-bottom: 20px; }
div#reservationsContainer.mobile div#ac_reservations_right { height: 92vh; width: 100%; float: none; }
div#reservationsContainer.mobile div#ac_calendar_data { height: 100%; float: none; display:block; }
div#reservationsContainer.mobile div#ac_reservations_data div.head { padding: 5px; padding-right: 15px; margin: 0px; height: 40px;}
div#reservationsContainer.mobile div#ac_reservations_data div.data { height: 80vh; padding: 5px; margin: 0px; overflow: auto; }
/* day schedule selector style */
div#reservationsContainer div#ac_reservations_data .schedule-header { width: 500px; }
div#reservationsContainer div#ac_reservations_data .schedule-header tr th { width: 47px; line-height: 10px; margin: 3px; padding: 5px; }
div#reservationsContainer div#ac_reservations_data .schedule-rows tr { line-height: 10px; }
div#reservationsContainer div#ac_reservations_data .schedule-rows tr:first-child td { border-top: none; }
div#reservationsContainer div#ac_reservations_data .schedule-rows tr:nth-child(even) td:first-child { color: white; }
div#reservationsContainer div#ac_reservations_data .schedule-rows td { width: 12%; height: 10px; margin: 3px; padding: 5px; background-color: #ddd; cursor: pointer; }
div#reservationsContainer div#ac_reservations_data .schedule-rows td:first-child { background-color: transparent; text-align: right; position: relative; top: -8px; cursor: default; }
div#reservationsContainer div#ac_reservations_data .schedule-rows td[data-disabled], #reservations_legend td[data-disabled] { opacity: 0.50; }
div#reservationsContainer div#ac_reservations_data .schedule-rows td[data-selecting] { background-color: #999; }
div#reservationsContainer div#ac_reservations_data .schedule-rows td[data-selected], #reservations_legend td[data-selected] { background-color: #32B232; }
div#reservationsContainer div#ac_reservations_data .schedule-rows td[data-reserved], #reservations_legend td[data-reserved] { background-color: #aa0000; }
div#reservationsContainer div#ac_reservations_data .schedule-rows td.time-slot, #reservations_legend td.time-slot { border-style: solid; border-width: 1px; border-color: white; border-left: none; border-bottom: none; }
div#reservationsContainer div#ac_reservations_data .schedule-rows td.time-slot:not(.first) { border-top: none; }
/* mobile day schedule selector */
div#reservationsContainer.mobile div#ac_reservations_data .schedule-header,
div#reservationsContainer.mobile div#ac_reservations_data .schedule-table { width: 100%; display: table; }
div#reservationsContainer.mobile div#ac_reservations_data .schedule-header tr:first-child th:first-child { width: 12%; }
div#reservationsContainer.mobile div#ac_reservations_data .schedule-header tr th { width: 9%; line-height: 10px; margin: 3px; padding: 5px; }
/* datepicker */
div#reservationsContainer #ac_calendar_data .ui-datepicker-calendar .ui-datepicker-other-month { opacity: 0.50; }
div#reservationsContainer #ac_calendar_data .ui-datepicker-calendar .ui-datepicker-today a { background: #ffb3b3; opacity: 0.7; }
div#reservationsContainer #ac_calendar_data .ui-datepicker-calendar .ui-datepicker-today .ui-state-active { opacity: 1; }
/* mobile datepicker */
div#reservationsContainer.mobile #ac_calendar_data .ui-datepicker { width: auto; }
/* legend */
#reservations_legend { display: block; float: right; padding: 15px; padding-bottom: 0px; cursor: default; margin-right: 30px }
#reservations_legend tr:nth-child(even) { height: 3px; }
#reservations_legend td { width:60px; }
#reservations_legend td:first-child { width: auto; float: right; padding-right: 10px; }
#reservations_legend td[data-enabled] { background-color: #ddd; }
/* mobile legend */
div#reservationsContainer.mobile #reservations_legend { float: none; width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; margin: 0 auto; }
/* info */
div#reservationsContainer #reservations_info { float: left; margin: 10px; margin-top: 20px; }
#reservationsManageContainer { overflow: hidden; }
#reservationsManageContainer #hotelReservationOverview { max-height: calc(100% - 30px); }
#reservationsManageContainer #hotelReservationTable { position: relative; }
#reservationsManageContainer #hotelReservationTable .searchbyuser { position: absolute; right: 10px; top: -32px; }
#reservationsManageContainer #hotelReservationTable .searchbyuser select { width: 200px; }
#reservationsManageContainer #hotelReservationTable .inputsearch { display: none; }
#reservationsManageContainer .reservationunit { background: #4ea8cc; bottom: 0; position: absolute; top: 0; }
.reservationsManageAddReservation label { display: inline-block; width: 50px; }
.reservationsManageAddReservation .repeat > label { width: auto; }
.reservationsManageAddReservation select { width: 300px; }
.reservationsManageAddReservation input { float: none; width: 100px; }
.reservationsManageAddReservation input.jantartime { width: 50px; }
.reservationsManageAddReservation input[type="checkbox"] { display: inline; }
#reservationsManageContainer #hotelReservationTable .dataheader .displaymode { display: flex; position: absolute; right: 20px; top: 3px; }
#reservationsManageContainer #hotelReservationTable .dataheader .displaymode select { height: 22px; margin: 0 0 0 5px; padding: 0; width: 50px; }
#reservationsManageContainer #hotelReservationTable .dataheader .period .selectedmonth { width: 250px; }
#reservationsManageContainer #hotelReservationTable .monthheader .jantar-timeline-strip .jantar-timeline-axis { font-family: Arial, Helvetica, sans-serif; }
#reservationsManageContainer #hotelReservationTable .monthheader .jantar-timeline-axis.minor .split { height: 20px; }
#reservationsManageContainer #hotelReservationTable .jantar-timeline-interval { display: flex; flex-direction: column; justify-content: center; white-space: nowrap; }
#reservationsManageContainer #hotelReservationTable .jantar-timeline-interval.editable { background: #b7e9b7; }
#reservationsManageContainer #hotelReservationTable .jantar-timeline-axis.major { font-size: 12px; font-weight: bold; }
#reservationsManageContainer #hotelReservationOverview #hotelReservationDetails .delete { background: url(../images/delete.png) no-repeat center 0; border: 0; height: 16px; margin: 0; padding: 0; position: absolute; right: 10px; top: 10px; width: 15px; }
#reservationsManageContainer #hotelReservationOverview #hotelReservationDetails .delete:hover { background-position-y: -16px; }
/* Reservation report parameters */
div#place_reservations_report div.parameters input.datepicker { Width: 15%; }
#reservationsManageContainer #hotelReservationOverview #hotelReservationDetails { padding: 10px; position: relative; }
/*********************************************************************************************
******************************************* Hotel ********************************************
*********************************************************************************************/
#loggedInInfo span.opensettings { background: url(../images/menu/settings.png) no-repeat center left+10px / 20px 20px; border: 1px solid #cccccc; border-bottom: none; border-right: none; cursor: pointer; height: 30px; line-height: 30px; margin: auto 0 0 -11px; padding-left: 35px; }
#loggedInInfo span.editcards { background: url(../images/menu/userCards.png) no-repeat center left+10px / 20px 20px; border: 1px solid #cccccc; border-bottom: none; border-right: none; cursor: pointer; height: 30px; line-height: 30px; margin: auto 0 0 -11px; padding-left: 35px; }
#loggedInInfo span.opensettings:hover,
#loggedInInfo span.editcards:hover { background-color: #FFFFFF; }
#hotel_kit_menu_options { margin: 0px auto 0px; }
#hotel_kit_menu_options li { border-bottom: 2px solid transparent; padding: 5px 0 5px 0; }
#hotel_kit_menu_options li.currentMenu { border-color: #D40000; background-color: #FFFFFF}
div.reservationData { width: 40%; min-height: 200px; border-right: solid 1px #000000; }
div.activeUsersList { width: 51%; }
div.checkInPage { display: flex; justify-content: center; }
div.checkInData, div.guestManagementData { padding-top: 1px; width: 25%; min-width: 450px; }
div.checkInData ul li, div.guestManagementData ul li { margin-top: 5px; }
div.checkInData ul li label, div.guestManagementData ul li label { float: left; width: 150px; margin: 5px 20px 0px 10px; }
div.checkInData ul li input.checkin, div.checkInData ul li select.checkin, div.guestManagementData ul li input.manageGuest, div.guestManagementData ul li select.manageGuest, div.checkInData ul li input.numberOfCards { width: 250px; }
div.checkInData ul li input.timeAdd, div.guestManagementData ul li input.timeAdd { width: 40px; }
div.checkInData ul li input.radio { width: 20px; height:20px }
div.checkInData ul li label.radioLabel { margin: 0; }
div.checkInData label.activeGuestAccesses { margin-left: 10px; }
div.checkInData ul.GuestAccesses li.addAccess { background-color: #E6E6E6; cursor: pointer; width: 440px; margin-left: 5px; }
div.checkInData ul.GuestAccesses li.addAccess label { width: auto; padding-left: 10px; margin: 0; cursor: pointer; }
div.checkInData ul.GuestAccesses li.newAccess { width: 440px; }
div.checkInData ul.GuestAccesses li.newAccess select { width: 130px; }
div.checkInData ul.GuestAccesses li.newAccess input { width: 50%; float: none; margin-top: 2px; }
div.checkInData ul.GuestAccesses li.newAccess div.accessIconDiv { height: 24px; width: 24px; padding: 4px 0 3px 0; }
div.checkInData ul.GuestAccesses li.newAccess div.accessSelector { width: 150px; margin-left: 10px; }
div.checkInData ul.GuestAccesses li.newAccess div.accessType label { width: 130px; }
div.checkInData ul.GuestAccesses li.newAccess img.accessIcon { margin-left: 5px; height: 24px; }
div.checkInData ul.GuestAccesses li.newAccess img.remove { float: right; cursor: pointer; height: 24px; padding-top: 4px; }
div.reservationGuestContainer { margin: 0 20px; background-color: #FFFFFF; width: 15%; min-height: 300px; padding: 5px; position: relative; }
div.reservationGuestContainer ul.reservationGuests li { height: 25px; width: 100%; border-bottom: 1px solid #000000; }
div.reservationGuestContainer ul.reservationGuests li:hover { background-color: #D4ECF7; }
div.reservationGuestContainer ul li.newGuest { background-color: #E6E6E6; cursor: pointer; }
div.reservationGuestContainer ul li.newGuest label { padding-left: 10px; }
div.reservationGuestContainer div.guestControls { position: absolute; bottom: 0px; left: 0px; width: 100%; }
div.reservationGuestContainer div.guestControls input { width: auto; padding: 0 6px; }
div.reservationData ul { margin-top: 5px; }
div.reservationData ul li label { float:left; margin: 5px 10px 0px 10px; }
div.reservationData ul li input.reservationDateFrom, div.reservationData ul li input.reservationDateTo { width: 80px; }
/*Hotel side navigation*/
#hotelSideNav { background: #B3B2B2 url(/resources/images/right.png) no-repeat center; background-size: 15px 30px; float: left; height: 100%; position: fixed; top: 0; width: 15px; }
#hotelSideNav .items { display: none; }
#hotelSideNav .items > li { height: 120px; width: 120px; }
#hotelSideNav .items li:nth-child(even) { border-left: 1px solid #bbbbbb; }
#hotelSideNav:hover, #sideNavBg .close { cursor: pointer; }
/*#hotelSideNav:hover,*/
#hotelSideNav.expanded { background: transparent; height: 0; position: relative; width: 241px; }
/*#hotelSideNav:hover .items,*/
#hotelSideNav.expanded .items { display: flex; flex-wrap: wrap; }
#sideNavBg .close { background: #B3B2B2 url(/resources/images/left.png) no-repeat right center; background-size: 15px 30px; float: right; height: 100%; width: 15px; }
#navGrid { display: flex; }
#navGrid li.first { border-top: 10px solid #373736; }
#navGrid li.last { border-bottom: 10px solid #373736; }
#hotelSideNav li.expanded .expander { background: url(../images/arrowUp.png) no-repeat center bottom; background-size: 15px; height: 15px; margin-top: -26px; }
#hotelSideNav li a { background-position-y: top !important; background-size: 90px !important; color: #101010; display: table-cell; height: 35px; line-height: 15px; padding: 80px 10% 17px 10%; text-align: center; text-decoration: none; vertical-align: middle; width: 1000px; }
#hotelSideNav li a:hover { color: #DC2827; }
/* Hotel status */
.hotelStatus.Available { background: #ffffff; color: black; }
.hotelStatus.Occupied { background: #0071bc; color: white; }
.hotelStatus.Leaving { background: #662d91; color: white; }
.hotelStatus.Arriving { background: #8cc63f; color: white; }
.hotelStatus.Transitioning { background: #ff931E; color: black; }
.hotelStatus.CleaningRequired { background: #F9e310; color: black; }
.hotelStatus.Error { background: #d92c0e; color: white; }
#hotelStatus { display: flex; margin: 20px 200px; max-height: calc(100vh - 130px); overflow: hidden; }
#hotelStatus .legendText { float: left; margin: 10px 30px; width: auto; }
#hotelStatus .rooms { flex-grow: 1; }
#hotelStatus .scrollable { margin: 5px 5px 0; overflow: auto; }
#hotelStatus .legend { background: #a3a3a3; color: white; height: auto; width: 100%; }
#hotelStatusLegend { flex-grow: 1; }
#hotelStatusLegend ul { display: flex; flex-wrap: wrap; }
#hotelStatusLegend ul li { display: inline; height: 20px; margin: 10px; width: 110px; }
#hotelStatusLegend ul li div { height: 20px; width: 20px; float:left; margin-right: 5px; }
#hotelStatus .roomDetailsWrapper { min-width: 400px; padding: 0 0 0 20px; width: 400px; }
#hotelStatus .roomDetailsWrapper h2 { margin: 5px; }
#hotelStatus .jantar-hotel .titlewrapper,
#hotelStatus .jantar-hotel .placetitle { cursor: pointer; }
#hotelStatus .jantar-hotel .hotelroomwrapper { border: 3px solid transparent; height: 102px; padding: 10px; width: 102px; }
#hotelStatus .jantar-hotel .hotelroom { border: 1px solid lightgray; cursor: pointer; height:80px; padding: 10px; width: 80px; }
/* IE specific css */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10, IE11 needs specific height for scroll with auto height flex */
#hotelStatus .rooms { max-height: calc(100vh - 120px); max-width: calc(100% - 400px); width: calc(100% - 400px); }
#hotelStatus .legend { min-height: 90px; }
/* Decrease height and show overflow in groups users table instead of clearfix (would need another div created by datatables) */
#groups .groupsLayout { height: calc(100% - 90px); overflow: visible; }
#groups.content { overflow: hidden; }
}
#reportRoomOverview .jantar-hotel .hotelStatus .icon { position: absolute; }
#reportRoomOverview .jantar-hotel .hotelroom { border: 1px solid lightgray; display: block; text-align: center; width: 120px; }
#reportRoomOverview .jantar-hotel .hotelroomwrapper { display: inline-block; margin: 5px 0; width: 121px; }
#reportRoomOverview .jantar-hotel .hotelroomwrapper:not(:first-child) { border-left: 0px; }
#reportRoomOverview .jantar-hotel .hotelroomwrapper .titlewrapper { background: white; color: #494949; }
#reportRoomOverview .jantar-hotel .hotelroomwrapper .content { height: 30px; line-height: 30px; margin: 0; position: relative; width: 120px; }
#reportRoomOverview .jantar-hotel :not(.hotelroomwrapper) > .items { margin: 5px 0 5px 30px; }
#reportRoomOverview .hotelstatussummation .jantar-hotel .hotelroomwrapper { border: 1px solid lightgray; margin: 5px; padding: 3px 10px; width: auto; }
/* jantar-hotel */
.jantar-hotel .hotelStatus .icon { background: url(/resources/images/hotel/roomStatusIcons.png) no-repeat; height: 20px; margin: 5px; width: 20px; }
.jantar-hotel .hotelStatus.Available .icon { background-position: 0px 0; }
.jantar-hotel .hotelStatus.Leaving .icon { background-position: -20px 0; }
.jantar-hotel .hotelStatus.Transitioning .icon { background-position: -40px 0; }
.jantar-hotel .hotelStatus.Error .icon { background-position: -60px 0; }
.jantar-hotel .hotelStatus.Occupied .icon { background-position: -80px 0; }
.jantar-hotel .hotelStatus.Arriving .icon { background-position: -100px 0; }
.jantar-hotel .hotelStatus.CleaningRequired .icon { background-position: -120px 0; }
.jantar-hotel .selected { background: #e0f8ff !important; border: 3px dashed lightblue !important; }
.jantar-hotel .hotelroomwrapper { display: inline-block; }
.jantar-hotel .hotelroom { display: inline-block; overflow: hidden; word-break: break-all; }
.jantar-hotel .placeitem .titlewrapper,
.jantar-hotel .titlewrapper { font-weight: bold; }
.jantar-hotel .titlewrapper.grayDivider { background: #e2e2e2; border-top: 1px solid white; }
.jantar-hotel .titlewrapper.grayDivider > label { margin-left: 10px; }
.jantar-hotel .titlewrapper .expander { background: url(../images/eventsArrow.png) no-repeat center; float: left; height: 20px; width: 25px; }
.jantar-hotel .titlewrapper:hover .expander { background-image: url(../images/eventsArrowHover.png); }
.jantar-hotel .titlewrapper:not(.collapsed) .expander { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.jantar-hotel .hotelroom .titlewrapper { font-weight: normal; }
.jantar-hotel .items { margin-left: 30px; }
.jantar-hotel .toplevel > .placetitle { color: red; display: block; font-weight: bold; margin: 5px; }
/*************************/
/* Hotel reservation add */
/*************************/
div.ReservationProperties { width: 380px; border-right: 1px solid #dddddd; padding-right: 10px;}
div.ReservationProperties { width: 380px; border-right: 1px solid #dddddd; padding-right: 10px;}
div.ReservationGuestDiv { width: 730px; }
div.ReservationProperties div.RoomSelect { display: flex; flex-direction: column; height: 397px; }
#hotel_reservation_add .roomswrapper { border: solid lightgray; border-width: 1px 0 0 1px; flex-grow: 1; position: relative; }
#hotel_reservation_add .RoomSelect .onlyempty { position: absolute; right: 0; top: -21px; }
#hotel_reservation_add .rooms { height: 100%; overflow-x: hidden; overflow-y: auto; position: absolute; width: 100%; }
#hotel_reservation_add .roomsfooter { background: #888888; border-radius: 0 0 10px 10px; color: #000; padding: 0 15px; }
#hotel_reservation_add .beds { background: url(/resources/images/hotel/bed.png); float: right; height: 20px; width: 20px; }
#hotel_reservation_add .fancytree-node:not(.Room) .fancytree-title { user-select: none; pointer-events: none; }
#hotel_reservation_add .Room .fancytree-title { border: 1px solid lightgray; font-style: normal; width: calc(100% - 50px); }
#hotel_reservation_add .Room:not(:last-child) .fancytree-title { border-bottom: none; }
#hotel_reservation_add .fancytree-node.fancytree-selected { background: none; }
#hotel_reservation_add .fancytree-ext-filter-hide span.fancytree-node.fancytree-submatch span.fancytree-title { font-weight: normal; color: black; }
#hotel_reservation_add .formData div.ReservationGuestDiv h2 { margin-bottom: 0px; }
#hotel_reservation_add .formData div.ReservationType ul li h2 { width: 23%; display: block; float: left; font-weight: bold; padding-top: 5px; margin: 0; }
#hotel_reservation_add .formData div.ReservationType ul li.reservationNameItem { display: flex }
#hotel_reservation_add .formData div.ReservationType ul li input.reservationName { width: auto; flex-grow: 1; }
#hotel_reservation_add .formData div.ReservationType ul li label.reservationNameLabel { width: auto; padding-right: 10px }
#hotel_reservation_add .formData div.GeneralInfo ul li input.datefrom,
#hotel_reservation_add .formData div.GeneralInfo ul li input.dateto { margin-right: 10px; width: 75px; }
#hotel_reservation_add .formData div.GeneralInfo ul li input.timefrom,
#hotel_reservation_add .formData div.GeneralInfo ul li input.timeto { width: 40px; }
#hotel_reservation_add .formData div.GeneralInfo ul li.guestNumbers label { width: auto; max-width: 80px; margin: 0 5px 0 10px; }
#hotel_reservation_add .formData div.GeneralInfo ul li input[type="number"] { width: 30px; }
#hotel_reservation_add .formData div.guestManager { background: #EEEEEE; }
#hotel_reservation_add .formData div.guestManager div.addGuestBanner { width: 100%; height: 28px; background: #888888; }
#hotel_reservation_add .formData div.guestManager div.addGuestBanner input { width: 120px; background: #db2827; border: 1px solid #db2827; color: #fff; margin-left: 361px; }
#hotel_reservation_add .formData div.guestManager div.addGuestBanner input:hover { background: #101010; cursor: pointer; border: 1px solid #101010; }
#hotel_reservation_add .formData div.guestManager div.mainGuestControl { width: 730px; height: 154px; }
#hotel_reservation_add .formData div.guestManager div.guestList { width: 480px; height: 154px; overflow-y: scroll; background: #FFFFFF; border-left: 1px solid #C0C0C0; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li { margin-bottom: 0px; border-bottom: 1px solid #E0E0E0; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li.guestSelected,
#hotel_reservation_add .formData div.guestManager div.guestList ul li.checkedIn.guestSelected,
#hotel_reservation_add .formData div.guestManager div.guestList ul li.checkedOut.guestSelected { background: #D4ECF7; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li.checkedIn { background: #E2FFC5; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li.checkedOut { background: #FFE1E4; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li div.guestNumber { width: 20px; height: 28px; float:left; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li:nth-child(odd) div.guestNumber { background: #E6E6E6; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li:nth-child(even) div.guestNumber { background: #F8F8F8; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li div.guestNumber label { width: 20px; margin-left: 2px; padding-top: 1px; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li div.guestNameWrapper { width: 223px; height: 28px; float: left; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li div.guestNameWrapper label.guestName { width: 220px; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li div.guestCheckInStatus { width: 24px; height: 24px; float: left; margin-left: 5px; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li div.guestCheckInStatus img { width: 18px; margin-top: 4px; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li div.guestSelectedRoom { width: 135px; height: 28px; float: left; padding-right: 5px; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li div.guestSelectedRoom label { width: 100%; text-align: end; margin-right: 5px; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li.linked div.guestSelectedRoom label { color: #C0C0C0; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li.checkedIn div.guestSelectedRoom label { color: #7AC943; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li.checkedOut div.guestSelectedRoom label { color: #DB2827; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li div.guestIsRoomLinked { width: 25px; height: 12px; float:left; background: url(../images/hotel/unlinked.png); margin-top: 8px; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li.linked div.guestIsRoomLinked { background: url(../images/hotel/roomLinked.png); background-position-x: 0px; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li.checkedIn div.guestIsRoomLinked { background: url(../images/hotel/roomLinked.png); background-position-x: 51px; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li.checkedOut div.guestIsRoomLinked { background: url(../images/hotel/roomLinked.png); background-position-x: 25px;}
#hotel_reservation_add .formData div.guestManager div.guestList ul li div.guestCancel { width: 24px; height: 24px; float: left; }
#hotel_reservation_add .formData div.guestManager div.guestList ul li div.guestCancel img { width: 18px; cursor: pointer; margin: 5px 0 0 6px; }
#hotel_reservation_add .formData div.guestManager div.guestListActions { width: 230px; height: 154px; }
#hotel_reservation_add .formData div.guestManager div.guestListActions ul { margin-top: 10px; }
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li { margin-bottom: 10px; width: 200px; cursor:pointer; }
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li.checkInAction { border: 2px solid #7AC943; background: #E2FFC5; color: #7AC943; }
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li.checkInAction.disabled,
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li.checkOutAction.disabled,
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li.revertAction.disabled { border-color: #C0C0C0; background: #EEEEEE; color: #C0C0C0; }
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li.checkInAction div.image { background: url(../images/hotel/checkIn.png); background-position-x: 0px; }
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li.checkInAction.disabled div.image { background: url(../images/hotel/checkIn.png); background-position-x: 21px;}
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li.checkOutAction { border: 2px solid #DB2827; background: #FFE1E4; color: #DB2827; }
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li.checkOutAction div.image { background: url(../images/hotel/checkOut.png); background-position-x: 0px; }
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li.checkOutAction.disabled div.image { background: url(../images/hotel/checkOut.png); background-position-x: 21px; }
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li.revertAction { border: 2px solid #C0C0C0; background: #999999; color: #FFFFFF; }
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li.revertAction div.image { background: url(../images/hotel/revertStatus.png); background-position-x: 0px; }
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li.revertAction.disabled div.image { background: url(../images/hotel/revertStatus.png); background-position-x: 21px; }
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li label { width: 120px; cursor: pointer; }
#hotel_reservation_add .formData div.guestManager div.guestListActions ul li div.image { float: left; margin: 4px 30px 0 10px; width: 20px; height: 20px; }
#hotel_reservation_add .formData div.guestManager div.guestManagementFooter { width: 100%; height: 22px; background: #888888; padding-top: 2px; }
#hotel_reservation_add .formData div.guestManager div.guestManagementFooter ul { display: flex; }
#hotel_reservation_add .formData div.guestManager div.guestManagementFooter ul li { float:left; margin: 0 10px 0 5px; }
#hotel_reservation_add .formData div.guestManager div.guestManagementFooter ul li label { width: auto; line-height: 20px; font-weight: normal; color: #FFFFFF; }
#hotel_reservation_add .formData div.guestManager div.guestManagementFooter ul li.numberOfGuests { background: #FFFFFF; padding: 0 10px; }
#hotel_reservation_add .formData div.guestManager div.guestManagementFooter ul li.numberOfGuests label { color: #888888; }
#hotel_reservation_add .formData div.guestDetails { background: #EEEEEE; width: 724px; height: 394px; padding-left: 5px; }
#hotel_reservation_add .formData div.guestInformation { width: 710px; height: 342px; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailEntry { width: 390px; border-right: 1px solid #888888; padding-right: 5px }
#hotel_reservation_add .formData div.guestDetails div.guestDetailEntry label { width: 150px; line-height: 22px; white-space: nowrap; overflow-x: hidden;}
#hotel_reservation_add .formData div.guestDetails div.guestDetailEntry ul li.guestTimeSelect label { width: 45px; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailEntry ul li.guestTimeSelect label.guesttolabel { text-align: center; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailEntry ul li.guestTimeSelect img { width: 16px; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailEntry input { width: 230px; height: 20px; border: none; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailEntry ul li.guestTimeSelect input.datepicker { width: 75px; margin-right: 3px; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailEntry ul li.guestTimeSelect input.timeAdd { width: 40px; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailEntry select { width: 240px; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailEntry textarea { width: 238px; height:40px; resize: none; border: none; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailEntry ul li { margin-bottom: 2px; }
#hotel_reservation_add .formData div.guestDetails div.guestAccessData { width: 290px; height: 342px; }
#hotel_reservation_add .formData div.guestDetails div.guestAccessData select.guestRoom { width: 200px; }
#hotel_reservation_add .formData div.guestDetails div.guestAccessData li label.fullWidthLabel { width: 100%; }
#hotel_reservation_add .formData div.guestDetails div.guestAccessData ul.guestAccesses { background-color: #FFFFFF; padding: 5px; overflow-y: scroll; height: 100px; }
#hotel_reservation_add .formData div.guestDetails div.guestAccessData ul.guestAccesses li { margin-bottom: 0px; border-bottom: 1px solid #C0C0C0; }
#hotel_reservation_add .formData div.guestDetails div.guestAccessData ul li.addAccess { background-color: #E6E6E6; cursor: pointer; border-bottom:0px; height: 25px; padding-top: 5px; }
#hotel_reservation_add .formData div.guestDetails div.guestAccessData ul li.addAccess label { padding: 0 10px; cursor: pointer; width: auto; }
#hotel_reservation_add ul.guestAccesses li input { width: 110px; float: none; margin-top: 2px; }
#hotel_reservation_add ul.guestAccesses li select,
#hotel_reservation_add ul.guestAccesses li input.card { width: 85px; float: none; margin-top: 2px; }
#hotel_reservation_add ul.guestAccesses li img { height: 24px; }
#hotel_reservation_add ul.guestAccesses li img.remove { float: right; cursor: pointer; height: 24px; padding-top: 4px; }
#hotel_reservation_add ul.guestAccesses li div.accessType { padding-top: 5px; width: 90px; }
#hotel_reservation_add ul.guestAccesses li div.accessSelector { width: 90px; }
#hotel_reservation_add ul.guestAccesses li div.accessIconDiv { height: 24px; width: 24px; padding: 4px 0 3px 0; margin-right: 5px; }
#hotel_reservation_add ul.guestAdditionalServices { height: 110px; overflow-y: scroll; background-color: #ffffff; padding: 5px; }
#hotel_reservation_add ul.guestAdditionalServices li { border-bottom: 1px solid #C0C0C0; margin: 0; padding: 3px 0; cursor: pointer; }
#hotel_reservation_add ul.guestAdditionalServices li.selectedService { background-color: #D4ECF7 }
#hotel_reservation_add ul.guestAdditionalServices li input.serviceCheckbox { width: 20px; cursor: pointer; margin: 0 15px; }
#hotel_reservation_add ul.guestAdditionalServices li label.serviceName { width: auto; cursor: pointer; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailActions { width: 390px; height: 26px; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailActions input { width: auto; padding: 0 5px; background: #FFFFFF; border: 1px solid #000000; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailActions input:hover { background: #D4ECF7; cursor: pointer; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailActions input.confirmData { margin-right: 5px; background: #ABDDEF; border: 1px solid #000000; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailActions input[type="checkbox"] { margin-right: 5px; }
#hotel_reservation_add .formData div.guestDetails div.guestDetailActions label span { line-height: 26px; }
/**********************************/
/******** Hotel Reports ***********/
/**********************************/
div#HotelKitReportFilters ul.reportReservationList > li > label,
div#HotelKitReportFilters ul.reportGuestList > li > label,
div#HotelKitReportFilters ul.reportRoomList > li > label { padding-top: 4px; }
div#HotelKitReportFilters ul.reportRoomList li.roomStatusLegend div.hotelStatus { display: inline-block; border-radius: 5px; }
div#HotelKitReportFilters ul.reportRoomList li.roomStatusLegend > div { float: left; margin-right: 20px; line-height: 30px; }
div#HotelKitReportFilters ul.reportRoomList li.roomStatusLegend > div > div > div.icon { height: 20px; width: 20px; margin: 3px; }
div#HotelKitReportFilters ul.reportRoomList li.dayFilter input.reportRoomSummary { width:15px; margin-left: 30px; }
div#HotelKitReportFilters div.R ul li input.clear,
/*div#ReportData div.generalReportHeader { margin-top: -20px; }*/
div#ReportData div.generalReportHeader input.print { width: 130px; background-color: #FFFFFF; border-color: #000000; font-weight: bold; cursor: pointer; }
div#HotelKitReportFilters div.R ul li input.clear:hover,
div#ReportData div.generalReportHeader input.print:hover { background-color: #000000; color: #FFFFFF; }
div#ReportData div.generalReportHeader input.showReport,
div#ReportData div.generalReportHeader input.save { width: 130px; border: 1px solid #db2827; background: #db2827; color: #fff;}
div#ReportData div.generalReportHeader input.showReport:hover,
div#ReportData div.generalReportHeader input.save:hover { background: #101010; cursor: pointer; border: 1px solid #101010; color: #fff; }
div#ReportData div.generalReportHeader input.save, div#ReportData div.generalReportHeader input.print { margin: 0 0 10px 10px; }
div#HotelKitReportFilters div.L li label { float: left; margin: 0 10px; }
div#HotelKitReportFilters div.L li select { width: 250px; float: left; }
div#HotelKitReportFilters div.R ul li a.showResults { width: 100px; height: 20px; margin-bottom: 20px; background: url(../images/magnifier40x50.png) no-repeat center top; display: block; padding: 50px 10% 10px 10%; text-align: center; border: 2px solid #000000; color: #000000; cursor: pointer; }
div#HotelKitReportFilters div.R ul li a.showResults:hover { color: #FFFFFF; background-color: #000000; }
#ReportData { max-width: calc(100% - 300px); }
#reportRoomOverview { margin-top: 35px; }
#reportRoomOverview .header { background: #000; border-top-left-radius: 7px; border-top-right-radius: 7px; height: 30px; }
#reportRoomOverview .data { max-height: calc(100vh - 400px); overflow: auto; padding: 10px; }
div#HotelKitReportFilters div.L ul.reportRoomList li.roomStatusLegend label { float:right; margin: 0; padding-left: 5px; }
ul.hotelReportsSubmenuActions li { border-bottom: 2px solid transparent; padding: 5px 0 5px 0; }
ul.hotelReportsSubmenuActions li.subMenuSelected { border-color: #D40000; background-color: #FFFFFF; }
/**********************************/
/* Hotel Kit Reservation Overview */
/**********************************/
#hotelReservationOverview { display: flex; flex-direction: column; margin: 20px 50px 10px 50px; max-height: calc(100% - 150px); }
#hotelReservationOverview #hotelReservationHeader { height: 30px; min-height: 30px; position: relative; width: 100%; font-size: 16px; }
#hotelReservationOverview #hotelReservationTable input.findCard { width: auto; position: absolute; right: 225px; top: -32px; line-height: 32px; height: 31px; padding: 0 10px; background-color: #FFFFFF; color: #000000; cursor: pointer; }
#hotelReservationOverview #hotelReservationTable input.findCard:hover { color: #FFFFFF; background-color: #000000; }
#hotelReservationOverview #hotelReservationTable .inputsearch { width: 200px; height: 30px; position: absolute; right: 10px; top: -32px; }
#hotelReservationOverview #hotelReservationTable .dataheader,
#hotelReservationOverview #hotelReservationTable .datafooter { background: black; }
#hotelReservationOverview #hotelReservationTable .dataheader { border-radius: 10px 10px 0 0; color: white; display: flex; }
#hotelReservationOverview #hotelReservationTable .datafooter { border-radius: 0 0 10px 10px; height: 30px; min-height: 30px; }
#hotelReservationOverview #hotelReservationTable .dataheader .col1 { padding-top: 20px; text-align: center; }
#hotelReservationOverview #hotelReservationTable .dataheader .period > div { display: inline-block; vertical-align: middle; }
#hotelReservationOverview #hotelReservationTable .period { text-align: center; user-select: none; }
#hotelReservationOverview #hotelReservationTable .selectedmonth { width: 120px; }
#hotelReservationOverview #hotelReservationTable .period .previous,
#hotelReservationOverview #hotelReservationTable .period .next { background: url("../../resources/images/ui-icons_ffffff_256x240.png"); cursor: pointer; height: 15px; width: 15px; }
#hotelReservationOverview #hotelReservationTable .period .previous { background-position: 175px 47px; }
#hotelReservationOverview #hotelReservationTable .period .next { background-position: 207px 47px; }
#hotelReservationOverview #hotelReservationTable .roomrow { height: 40px; }
#hotelReservationOverview #hotelReservationTable .roomrow.even { background: #F6F6F6; }
#hotelReservationOverview #hotelReservationTable .roomrow.odd { background: #FBFBFB; }
#hotelReservationOverview #hotelReservationTable .col1 { width: 250px; } /* Must be fixed because scroller (another way would be: calc(20% + (17px * 20%)) ... but it calculates in a weird way so lets stick to fixed for now */
#hotelReservationOverview #hotelReservationTable .col2 { flex-grow: 1; width: auto; }
#hotelReservationOverview #hotelReservationTable .datarooms .roomrow { border-right: 1px solid black; }
#hotelReservationOverview #hotelReservationTable .roomrow .data { height: 30px; position: relative; top: 5px; }
#hotelReservationOverview #hotelReservationTable .datarooms .data { height: calc(100% - 15px); padding: 5px; white-space: nowrap; overflow: hidden; }
#hotelReservationOverview #hotelReservationTable .autoheight { display: flex; flex-grow: 1; height: 100%; min-height: 0; overflow-y: scroll; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { #hotelReservationOverview #hotelReservationTable .autoheight { max-height: calc(100vh - 420px); } } /* IE10, IE11 needs specific height for scroll with auto height flex */
#hotelReservationOverview #hotelReservationTable { background: white; display: flex; flex: 1 1 auto; flex-direction: column; height: auto; min-height: 80px; z-index: 0; }
#hotelReservationOverview #hotelReservationDetails { background: white; border-radius: 0 0 10px 10px; font-size: 16px; margin-left: 10px; margin-right: 10px; padding: 20px; /*transition-property: all; transition-duration: 1s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1);*/ }
#hotelReservationOverview #hotelReservationDetails.closed { background: transparent; }
#hotelReservationOverview #hotelReservationDetails.closed h2,
#hotelReservationOverview #hotelReservationDetails.closed .detailData { visibility: hidden; }
#hotelReservationOverview #hotelReservationDetails .detailData { display: flex; line-height: 25px; }
#hotelReservationOverview #hotelReservationDetails .detailData > div { max-width: 500px; padding: 10px 30px 0px 0; width: 50%; }
#hotelReservationOverview #hotelReservationDetails .detailData ul li label { color: #000000; display: inline-block; font-weight: bold; vertical-align: top; white-space: pre-line; }
#hotelReservationOverview #hotelReservationDetails .detailData ul li label:first-child { color: #969696 ; font-weight: normal; margin-right: 20px; width: 30%; }
/* Hotel Kit Reservation Overview - Timeline */
#hotelReservationOverview .jantar-timeline-axis.minor { justify-content: space-around; }
#hotelReservationOverview .monthheader .jantar-timeline-axis { height: 5px; }
#hotelReservationOverview .monthheader .jantar-timeline-axis.major span:first-child,
#hotelReservationOverview .monthheader .jantar-timeline-axis.major span:last-child { visibility: hidden; }
#hotelReservationOverview .monthheader .jantar-timeline-axis.minor span { height: 14px; }
#hotelReservationOverview .roomrow .jantar-timeline-strip { height: 100%; }
#hotelReservationOverview .roomrow .jantar-timeline-axis.minor { bottom: 0; height: 100%; }
#hotelReservationOverview .roomrow .jantar-timeline-axis.major { display: none; }
#hotelReservationOverview .roomrow .jantar-timeline-axis.minor span { height: 40px; position: relative; top: -5px; }
#hotelReservationOverview .jantar-timeline-interval { background: #9AD5EF; border: 2px solid #9AD5EF; border-radius: 5px; box-sizing: border-box; font-weight: bold; height: 100%; overflow: hidden; text-align: center; text-overflow: ellipsis; z-index: 1;}
#hotelReservationOverview .jantar-timeline-interval:hover { background: #A9DDF3; cursor: pointer; }
#hotelReservationOverview .jantar-timeline-interval.selected { border: 2px solid #2D9ACA; }
#hotelReservationOverview .jantar-timeline-interval span { line-height: 25px; margin-top: -4px; padding-left: 2px; vertical-align: middle; white-space: nowrap; }
#hotelReservationOverview .jantar-timeline-interval.under { border-left: none; border-radius: 0 5px 5px 0; }
#hotelReservationOverview .jantar-timeline-interval.over { border-right: none; border-radius: 5px 0 0 5px; }
/******************************/
/* Hotel Kit Guest Management */
.guestManagementwidth { max-width: 1185px; margin: 0 auto; }
div#roomSelector { width: 300px; float: left; margin-right: 15px; }
div#roomSelector h2 { color: #D40000; font-weight: bold; font-size: 15px; }
div#roomSelector ul li { height: 35px; border-bottom: 1px solid #CCCCCC; }
div#roomSelector ul li.roomSelected, div#roomSelector ul li:hover { background-color: #D4ECF7; }
div#roomSelector ul li label { float: left; font-weight: bold; padding-top: 8px; }
div#roomSelector ul li input { float: right; width: 20px; margin: 5px 15px 0 0;}
div#roomSelector div.roomList { background-color: #FFFFFF; padding: 10px; }
div#guestDataContainer h2 { color: #D40000; font-weight: bold; font-size: 15px; }
div#guestDataContainer {width: 500px; float:left; margin-right: 10px; }
div#guestDataContainer div.guestData { background-color: #FFFFFF; padding:10px; }
div#guestDataContainer div.guestData ul.arrivalDepartureData li { margin-bottom: 5px; }
div#guestDataContainer div.guestData ul.arrivalDepartureData li label { float:left; margin-top: 3px;}
div#guestDataContainer div.guestData ul.arrivalDepartureData li label.arrivalLabel,
div#guestDataContainer div.guestData ul.arrivalDepartureData li label.leaveLabel { width: 25%; }
div#guestDataContainer div.guestData ul.arrivalDepartureData li input { float:left; margin-left: 10px; width: 80px; }
div#guestDataContainer div.guestData ul.arrivalDepartureData li input.timefrom, div#guestDataContainer div.guestData ul.arrivalDepartureData li input.timeto { width: 40px; }
div#guestDataContainer div.guestData ul.basicGuestData li { margin-top:10px; }
div#guestDataContainer div.guestData ul.basicGuestData li label { width: 39%; float:left; }
div#guestDataContainer div.guestData ul.basicGuestData li input { width: 58%; float:left; }
div#guestDataContainer div.guestData ul.basicGuestData li textarea { width: 58%; resize: vertical; padding: 0 4px; }
div#guestDataContainer div.guestData ul.basicGuestData li label.sendMailLabel { margin-left: 39%; width: 60%; }
div#guestDataContainer div.guestData ul.basicGuestData li label.sendMailLabel input { width: 13px; margin-right: 5px; }
div#guestDataContainer div.guestData ul.basicGuestData li label.sendMailLabel span { line-height: 26px; }
div#guestDataContainer div.guestDataActions { width: 100% }
div#guestDataContainer div.guestDataActions input { width: 20%; float:none; }
div#guestDataContainer div.guestDataActions input.reset,
div#guestDataContainer div.guestDataActions input.guestRemove { background-color: #FFFFFF; border-color:#000000; font-weight: bold; cursor: pointer; }
div#guestDataContainer div.guestDataActions input.reset:hover,
div#guestDataContainer div.guestDataActions input.guestRemove:hover { background-color: #000000; color: #FFFFFF; }
div#guestDataContainer div.guestDataActions input.guestRemove { margin-left: 86px; }
div#guestDataContainer div.guestDataActions input.guestCancel { margin-right: 20px; }
div#guestDataContainer div.guestDataActions input.guestSaveAdd { float:right; margin: 0; }
div#allGuestsContainer h2 { color: #D40000; font-weight: bold; font-size: 15px; }
div#allGuestsContainer { width: 350px; float:right; }
div#allGuestsContainer div.AllGuestData { background-color: #FFFFFF; width: 100%; padding: 15px; }
div#allGuestsContainer div.AllGuestData label { float:left; padding-top: 3px; margin-right: 5px; }
div#allGuestsContainer div.AllGuestData input { width: 100%; }
div#allGuestsContainer div.AllGuestData input.datepicker { width:80px; margin-right: 5px; }
div#allGuestsContainer div.AllGuestData input.nameFilter { float: none; padding: 0; margin-top: 10px; }
div#allGuestsContainer div.AllGuestData ul.guestListData { max-height: 500px; top: 20px; bottom: 20px; left: 20px; right: 20px; overflow-y: scroll; margin: 0; padding: 0; border: 2px solid #ccc; font-size: 16px; font-family: Arial, sans-serif; -webkit-overflow-scrolling: touch; }
div#allGuestsContainer div.AllGuestData ul.guestListData li { padding: 6px 20px; border-bottom: 1px solid #ccc; }
div#allGuestsContainer div.AllGuestData ul.guestListData li.guestSelected { background-color: #D4ECF7; }
div#allGuestsContainer div.AllGuestData ul.guestListData li:last-child { border-bottom: none; }
div#allGuestsContainer div.AllGuestData ul.guestListData li:hover { background-color: #FFB7B7; }
div#allGuestsContainer div.AllGuestData ul.guestListData li span { font-size: 13px; }
div#guestSelectedRooms ul li { float: left; padding: 5px 10px; border: 1px solid #CCCCCC; font-weight: bold; min-width: 135px; cursor: pointer; margin: 0 2px 1px 0; border-bottom: 1px solid #F1F1F1; }
div#guestSelectedRooms ul li:hover { background-color: #DDDDDD; }
div#guestSelectedRooms ul li.selectedRoom { background-color: #D4ECF7; }
div#roomAccesses div.roomTab { border: 1px solid #D4ECF7; border-bottom: 0px; padding: 0 5px; }
div#roomAccesses div.roomTab ul li { border-bottom: 1px solid #CCCCCC; padding: 2px 0; }
div#roomAccesses div.roomTab ul li label,
div#roomAccesses div.roomTab ul li select { margin-left: 10px; font-weight: bold; }
div#roomAccesses div.roomTab ul li.addAccess { background-color: #E6E6E6; cursor: pointer; border-bottom:0px; height: 25px; padding-top: 5px; }
div#roomAccesses div.roomTab ul li.addAccess label { padding: 5px 0 0 10px; cursor: pointer; }
div#roomAccesses div.roomTab ul li input { width: 50%; float: none; margin-top: 2px; }
div#roomAccesses div.roomTab ul li select { width: 130px; float: none; margin-top: 2px; }
div#roomAccesses div.roomTab ul li img { height: 24px; }
div#roomAccesses div.roomTab ul li img.accessIcon { margin-left: 5px; }
div#roomAccesses div.roomTab ul li img.remove { float: right; cursor: pointer; height: 24px; padding-top: 4px; }
div#roomAccesses div.roomTab ul li div.accessType { padding-top: 5px; width: 150px; }
div#roomAccesses div.roomTab ul li div.accessSelector { width: 150px; }
div#roomAccesses div.roomTab ul li div.accessIconDiv { height: 24px; width: 24px; padding: 4px 0 3px 0; }
/***************************/
/* Hotel kit room settings */
div#HotelKitAddHardware div.addCommunicationLine { height: 50px; width: 100%; border: 2px solid #AAAAAA; margin-bottom: 10px; padding-top: 5px; background-color: #F2F2F2; cursor: pointer; }
div#HotelKitAddHardware div.addCommunicationLine label { display:block; text-align: center; font-weight: bold; color: #AAAAAA; cursor: pointer; }
div.addHotelKit, div.addStandaloneHotelKit { height: 50px; width: 75%; border: 2px solid #AAAAAA; float:right; background-color: #F2F2F2; margin-right: 5%; padding-top: 5px; cursor: pointer; }
div.addHotelKit label, div.addStandaloneHotelKit label { display:block; text-align: center; font-weight: bold; color: #AAAAAA; cursor: pointer; }
div#HotelKitHardwareContainer div.communicationLine,
div#HotelKitHardwareContainer div.embeadedCommLine { height: 40px; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; display: flex; align-items: center; position: relative; margin-bottom: 15px; }
div#HotelKitHardwareContainer div.communicationLine label,
div#HotelKitHardwareContainer div.embeadedCommLine label { margin-right: 15px; }
div#HotelKitHardwareContainer div.communicationLine label.commLineName { font-weight: bold; }
div#HotelKitHardwareContainer div.communicationLine img.editCommLine { cursor: pointer; }
div#HotelKitHardwareContainer div.communicationLine img.editCommLine,
div#HotelKitHardwareContainer div.communicationLine img.commLineIcon { height: 25px; margin-right: 18px; }
div#HotelKitHardwareContainer div.embeadedCommLine img.commLineIcon { height: 25px; margin: 0 18px 0 43px; }
div#HotelKitHardwareContainer div.communicationLine img.removeCommLine { height: 25px; position: absolute; right: 6%; cursor: pointer; }
div#HotelKitHardwareContainer div.controller { display: flex; align-items: center; width: 75%; background-color: #FFFFFF; border: 1px solid #000000; position: relative; float:right; right: 5%; margin-bottom: 15px; }
div#HotelKitHardwareContainer div.controller.commonPassage,
div#HotelKitHardwareContainer div.standaloneController.commonPassage { background-color: #AAAAAA; }
div#HotelKitHardwareContainer div.controller.commonPassage ul li,
div#HotelKitHardwareContainer div.standaloneController.commonPassage ul li { color: #FFFFFF; }
div#HotelKitHardwareContainer div.controller img,
div#HotelKitHardwareContainer div.standaloneController img { height: 17px; }
div#HotelKitHardwareContainer div.controller img.controllerStatus,
div#HotelKitHardwareContainer div.standaloneController img.controllerStatus { margin: 0 40px 0 10px; }
div#HotelKitHardwareContainer div.controller img.controllerRemove,
div#HotelKitHardwareContainer div.standaloneController img.controllerRemove { height: 25px; position: absolute; right: 1%; cursor: pointer; }
div#HotelKitHardwareContainer div.controller ul li.roomName,
div#HotelKitHardwareContainer div.standaloneController ul li.roomName { font-weight: bold; }
div#HotelKitHardwareContainer div.communicationWrapper { overflow: auto; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #AAAAAA; }
div#HotelKitHardwareContainer div.standaloneController { display: flex; align-items: center; width: 75%; background-color: #FFFFFF; border: 1px solid #000000; position: relative; float: left; margin-bottom: 15px; }
div#hotelkit_add_room ul.commonRoomsPassages li label { width: auto; }
div#hotelkit_add_room ul.commonRoomsPassages li input[type="checkbox"] { width: 20px; margin-right: 5px; }
div#hotelkit_add_room ul.commonRoomsPassages li ul.commonRooms li { height: 30px; border-bottom: 1px solid #999999; cursor: pointer; }
div#hotelkit_add_room ul.commonRoomsPassages li ul.commonRooms li.commonSelected { background-color: #D4ECF7; }
div#hotelkit_add_room ul.commonRoomsPassages li ul.commonRooms li label { margin: 2px 0 0 20px; }
div#hotelkit_add_room ul.commonRoomsPassages li ul.commonRooms li input { float:right; margin: 2px 20px 0 0; }
div#hotelkit_add_room ul.addConstantAccess li {background-color: #E6E6E6; cursor: pointer; padding-top: 5px;}
div#hotelkit_add_room ul.addConstantAccess li label { padding-left: 10px; cursor: pointer; width: auto; }
div#hotelkit_add_room ul.constantAccessMeans label,
div#hotelkit_add_room ul.constantAccessMeans select { margin-left: 10px; font-weight: bold; }
div#hotelkit_add_room ul.constantAccessMeans li label { padding-left: 10px; cursor: pointer; width: auto; }
div#hotelkit_add_room ul.constantAccessMeans li.addAccess label { padding: 5px 0 0 10px; cursor: pointer; }
div#hotelkit_add_room ul.constantAccessMeans li input { width: 50%; float: none; margin-top: 2px; }
div#hotelkit_add_room ul.constantAccessMeans li select { width: 130px; float: none; margin-top: 2px; }
div#hotelkit_add_room ul.constantAccessMeans li img { height: 24px; }
div#hotelkit_add_room ul.constantAccessMeans li img.accessIcon { margin-left: 5px; }
div#hotelkit_add_room ul.constantAccessMeans li img.remove { float: right; cursor: pointer; height: 24px; padding-top: 4px; }
div#hotelkit_add_room ul.constantAccessMeans li div.accessType { padding-top: 5px; width: 150px; }
div#hotelkit_add_room ul.constantAccessMeans li div.accessSelector { width: 150px; }
div#hotelkit_add_room ul.constantAccessMeans li div.accessIconDiv { height: 24px; width: 24px; padding: 4px 0 3px 0; }
div#hotelkit_add_room input.findAndSetProtocolReader { width: auto; padding: 0 10px; }
div#hotelkit_add_room input.delete, div#hotelkit_add_room input.cancel, div#hotelkit_add_room input.findAndSetProtocolReader { background-color: #FFFFFF; border-color: #000000; font-weight: bold; cursor: pointer; }
div#hotelkit_add_room input.delete:hover, div#hotelkit_add_room input.cancel:hover, div#hotelkit_add_room input.findAndSetProtocolReader:hover { background: #101010; cursor: pointer; border: 1px solid #101010; color: #fff;}
div#hotelkit_find_protocol_readers ul li.dataLoading label { width: 100%; }
div#hotelkit_find_protocol_readers ul li.warning { background-color:#fffbb0; }
div#hotelkit_find_protocol_readers ul li.warning label { width: 100%; }
div#hotelkit_find_protocol_readers ul li.warning label.title { font-weight: bold; }
div#hotelkit_find_protocol_readers ul.readersList input { width: auto; margin-right: 10px; }
div#hotelkit_find_protocol_readers ul.readersList label { width: 80%; }
/********* UserCards pop-up *********/
div#takit_users_cards .formData div.usercardlist {width: 65%;}
div#takit_users_cards .formData div.usercardlist div.scrollableWrapper { background: #000000; }
div#takit_users_cards .formData div.usercardlist div.scrollingArea.h350 { max-height: 350px; }
div#takit_users_cards .formData div.usercardlist table.tableData { background: #FFFFFF; }
div#takit_users_cards .formData div.usercardlist table.tableData tbody { overflow-x: hidden; }
div#takit_users_cards .formData div.usercardlist div.tableFooter { border-radius: 0 0 10px 10px; height: 30px; min-height: 30px; background: #000000; }
div#takit_users_cards .formData div.usercarddetails { width: 33%; }
div#takit_users_cards .formData li.labelitem { margin-bottom: 0; }
div#takit_users_cards .formData li.labelitem label { line-height: 16px; }
div#takit_users_cards .formData li input { width: 100px; }
div#takit_users_cards .formData li input[type="button"] { background-color: #FFFFFF; color: #000000; cursor: pointer; }
div#takit_users_cards .formData li input[type="button"]:hover { background-color: #000000; color: #FFFFFF; }
div#takit_users_cards .formData li input.addUserCard { background: url(../images/plus.png) no-repeat 20px center; padding: 0 40px; width: auto; background-size: 15px; background-color: #D4ECF7; text-align: left; }
div#takit_users_cards .formData li input.addUserCard:hover { color: #000000; background-color: #D4ECF7; border-color: #000000; }
div#takit_users_cards .formData li div.findCard { background-color: #FFFFFF; color: #000000; width: auto; padding-right: 20px; border: 1px solid #cccccc; height: 24px; cursor: pointer; }
div#takit_users_cards .formData li div.findCard:hover { background-color: #000000; color: #FFFFFF;}
div#takit_users_cards .formData li div.findCard div label { font-weight: normal; width: auto; cursor: pointer; }
div#takit_users_cards .formData li div.findCard div.findCardImage { background: url(../images/magnifierBW.png) no-repeat 0px center; width: 16px; height: 16px; margin: 4px 5px 0 5px; cursor: pointer; }
div#takit_users_cards .formData li div.findCard:hover div.findCardImage { background-position: -17px; }
div#takit_users_cards .formData div.usercarddetails li label { width: 70%; }
div#takit_users_cards .formData div.usercarddetails li input[type="checkbox"] { width: 20px; margin-right: 5px; }
div#takit_users_cards .formData div.usercarddetails li label.cardActiveLabel { font-weight: normal; }
div#takit_users_cards .formData div.usercarddetails li select.cardType,
div#takit_users_cards .formData div.usercarddetails li input.cardName { width: 100%; }
div#takit_users_cards .formData div.usercarddetails li input.readcard { width: 55%; margin: 0; }
div#takit_users_cards .formData div.usercarddetails li input.readcardbutton { background-color: #000000; color: #FFFFFF; border-color: #000000; }
div#takit_users_cards .formData div.usercarddetails li input.readcardbutton:hover { background-color: #db2827; color: #FFFFFF; }
div#takit_users_cards .formData div.usercarddetails li label.placeLabel { width: 29%; }
div#takit_users_cards .formData div.usercarddetails li select.place { float: left; width: 70%; }
div#takit_users_cards .formData div.usercarddetails li img.cardread { width: 20px; }
/****** Hotel Find Card Pop-up ******/
#takit_find_card input[type="text"], #takit_find_card select { width: 230px; float: left; margin: 0 20px; }
#takit_find_card input[type="button"], #takit_find_card input[type="submit"] { width: auto; padding: 0 10px; }
#takit_find_card ul.cardReader li img.cardread { width: 20px; }
#takit_find_card input.readcardbutton { margin: 0; background-color: #FFFFFF; color: #000000; }
#takit_find_card input.readcardbutton:hover { background-color: #000000; color: #FFFFFF; cursor: pointer }
#takit_find_card ul.results { margin-top: 15px; padding-top: 5px; border-top: 1px solid #dddddd; }
#takit_find_card ul.results li label { width: auto; }
#takit_find_card ul.results li input { background-color: #D4ECF7; color: #000000; cursor: pointer; }
#takit_find_card ul.results li input:hover { background-color: #000000; color: #FFFFFF; cursor: pointer; }
/***************************/
/**** Hotel kit reports ****/
div#HotelKitReportFilters { height: 145px; margin-top: 15px; background: #FFFFFF; display: flex }
div#HotelKitReportFilters div.L { width: calc(80% - 24px); padding-left: 20px; }
div#HotelKitReportFilters div.L > ul > li { margin: 10px 0; }
div#HotelKitReportFilters div.L > ul > li.last { margin-top: 32px; }
div#HotelKitReportFilters div.L li.dateFilter h2 { float:left; margin-right: 15px; padding-top:3px; }
div#HotelKitReportFilters div.L li.dateFilter label { float:left; margin: 0px 10px; padding-top:3px; }
div#HotelKitReportFilters div.L li input.datepicker { width: 130px; }
div#HotelKitReportFilters div.L li input.clear { width: 130px; background-color: #FFFFFF; border-color: #000000; font-weight: bold; cursor: pointer; }
div#HotelKitReportFilters div.L li input.clear:hover { background-color: #000000; color: #FFFFFF; }
div#HotelKitReportFilters div.L li input.showReport,
div#HotelKitReportFilters div.R li input.save { width: 130px; border: 1px solid #db2827; background: #db2827; color: #fff;}
div#HotelKitReportFilters div.L li input.showReport:hover,
div#HotelKitReportFilters div.R li input.save:hover { background: #101010; cursor: pointer; border: 1px solid #101010; color: #fff; }
div#HotelKitReportFilters div.L li.guestTypeFilter h2 { float:left; margin-right: 15px; padding-top:7px; }
div#HotelKitReportFilters div.L ul.reportGuestTypeFilter li { float:left; width: 200px; border: 1px solid #AAAAAA; padding: 3px 0 3px 5px; }
div#HotelKitReportFilters div.L ul.reportGuestTypeFilter li:hover,
div#HotelKitReportFilters div.L ul.reportGuestTypeFilter li.activeGuestsItem:hover,
div#HotelKitReportFilters div.L ul.reportGuestTypeFilter li.departingGuestsItem:hover { background: #FFB7B7; cursor: pointer; }
div#HotelKitReportFilters div.L ul.reportGuestTypeFilter li label { margin: 3px 0 0 10px; cursor: pointer; }
div#HotelKitReportFilters div.L ul.reportGuestTypeFilter li input[type="checkbox"] { width: 20px; cursor: pointer; }
div#HotelKitReportFilters div.L ul.reportGuestTypeFilter li.activeGuestsItem,
div#reportGuestsTable .tableData tr.current td,
div#visitor_data .tableData tr.current td { background-color: #D4ECF7; }
div#HotelKitReportFilters div.L ul.reportGuestTypeFilter li.departingGuestsItem,
div#reportGuestsTable .tableData tr.leaving td,
div#visitor_data .tableData tr.leaving td { background-color: #E2E2E2; }
div#HotelKitReportFilters div.R { border-left: 3px solid #909090; padding: 0 10px; margin: 10px 0 10px 20px; }
div#HotelKitReportFilters div.R ul li a.print { width: 100px; height: 20px; margin-bottom: 20px; background: url(../images/print.png) no-repeat center top; display: block; padding: 50px 10% 10px 10%; text-align: center; border: 2px solid #000000; color: #000000; cursor: pointer; }
div#HotelKitReportFilters div.R ul li a.print:hover { color: #FFFFFF; background-color: #000000; }
div#reportWeeklyRoomReservationsTable .tableData tbody tr { height: 85px; }
div#reportWeeklyRoomReservationsTable .tableData div.reservationDayWrapper { text-align: center; }
div#reportWeeklyRoomReservationsTable .tableData div.reservationDayWrapper.secondaryEntry { border-top: 3px dotted #CCCCCC; }
/*********************************************************************************************
*************************************** Jantar eVem ******************************************
*********************************************************************************************/
div#ebol_reason_statistics ul.eBolHeader li label:nth-child(1) { width: 27%; margin-right:10px; }
div#ebol_reason_statistics ul.eBolHeader li label { width: 22%; margin-right:10px; }
div#ebol_reason_statistics ul.listReasonStatistics li select { width: 22%; float: left; margin-right: 10px; }
div#ebol_reason_statistics ul.listReasonStatistics li label { width: 27%; margin-right: 10px; }
div#ta_import_eBol input.datepicker { width: 70px; }
div#ta_import_eBol input.jantartime { width: 35px; }
div#eBol_edit_error_document div.eBolDocumentPreview { width: 600px; padding: 0 10px; background-color: #eeeeee; }
div#eBol_edit_error_document div.eBolDocumentPreview.Rejected { background-image: repeating-linear-gradient(135deg, #eeeeee , #eeeeee 10px, #e0e0e0 2px, #e0e0e0 12px); }
div#eBol_edit_error_document div.errorDocumentActions { padding: 5px 10px; width: 300px; display: flex; flex-direction: column; justify-content: space-between; }
div#eBol_edit_error_document div.errorDocumentActions ul { margin-bottom: 20px; }
div#eBol_edit_error_document div.errorDocumentActions label { width: 40% }
div#eBol_edit_error_document div.errorDocumentActions label.longLabel {width: 90%; }
div#eBol_edit_error_document div.errorDocumentActions label.value { font-weight: normal; }
div#eBol_edit_error_document div.errorDocumentActions select { flex-grow: 1; width: auto; }
div#eBol_edit_error_document div.errorDocumentActions input.checkBox { margin-top: 4px; }
#eBol_edit_error_document .documentHistory { float: right; }
#eBol_edit_error_document .print { margin: 10px 250px 0; width: 120px; }
#eBol_edit_error_document .errorDocumentActions .userchangeadditional label { width: 100%; }
#eBol_edit_error_document .errorDocumentActions .userchangeadditional > div label { margin-right: 5px; white-space: nowrap; width: auto; }
#eBol_edit_error_document .errorDocumentActions .userchangeadditional span { flex-grow: 1; margin-left: 3px;}
#eBol_edit_error_document .errorDocumentActions .groupbox { border: 1px solid #d9d9d9; border-radius: 5px; display: inline-block; padding: 5px; width: calc(100% - 10px); }
#eBol_edit_error_document .errorDocumentActions input[type="text"] { width: calc(60% - 10px); }
#eBol_edit_error_document .errorDocumentActions .enableuserchange { float: right; }
#eBol_edit_error_document .errorDocumentActions .savecancel { border-bottom: 1px solid gray; margin-bottom: 20px; padding-bottom: 11px; }
#eBol_edit_error_document .errorDocumentActions .statushistory { margin: 0; }
/* showuserstats eBol */
#data_ebol .dataInfo li { cursor: default; user-select: none; -ms-user-select: none; }
#data_ebol .statisticConfirmed, .statisticPending, .statisticRejected, .statisticManualConfirmed { top: 0; }
/* eBol match to user */
#eBol_match_to_user li.largeLabel label { width: 70%; }
#eBol_match_to_user li.largeLabel label input.SetSocialSecurityToUser { margin: 3px 5px 0 0; }
/*********************************************************************************************
********************************** EBol overview *********************************************
*********************************************************************************************/
#ebolmanager { height: calc(100% - 40px); margin: 20px 20px 20px 35px; }
#ebolmanager .wrapper { height: 100%; width: 100%; }
#ebolmanager .subpageTitle { height: 30px; margin: 0 auto; max-width: 1800px; position: relative; text-align: center; }
#ebolmanager .subpageTitle h2 { line-height: 30px; margin: auto; vertical-align: middle; }
#ebolmanager .subpageTitle button { position: absolute; right: 0; top: 0; }
#ebolmanager .content { height: calc(100% - 30px); margin: 0 auto; max-width: 1800px; }
#ebolmanager .history .scrollingArea { max-height: calc(100vh - 250px); }
.ebol_trace_table table th:nth-child(1) { width: 22px; }
.ebol_trace_table table th:nth-child(2) { width: 150px; }
.ebol_trace_table table th:nth-child(3) { width: 270px; }
.ebol_trace_table table th:nth-child(4) { width: 100px; }
.ebol_trace_table table th:nth-child(5) { width: 100px; }
.ebol_trace_table table th:nth-child(6) { width: 100%; }
.ebol_trace_table table th:nth-child(7) { width: 220px; }
.ebol_trace_table table tbody tr:nth-child(even) { background: transparent; }
.ebol_trace_table table tbody tr.master {
background: #f1f1f1;
}
.ebol_trace_table table tbody tr.master .exp {
background: url(../images/addIntervalToTimetable.png) no-repeat 0 0;
cursor: pointer;
height: 11px;
margin: 4px 3px;
width: 11px;
}
.ebol_trace_table .scrollingArea { max-height: 100%; }
.ebol_trace_table table tbody tr.master.expanded .exp { background: url(../images/inTimetable.png) no-repeat 0 0; }
.ebol_trace_table table tbody tr.master .exp:hover { background-position: 0 -11px; }
#ebolmanager .delimiter { width: 10px; }
#ebolmanager .eBolDocuments .contentFrame { background: white; margin-bottom: 5px; }
#ebolmanager .eBolDocuments .contentFrame > div { margin: 5px; }
#ebolmanager .eBolDocuments .periodselect { width: 240px; }
#ebolmanager .eBolDocuments .periodselect .customperiod > input { margin: 0; min-width: 0; }
#ebolmanager .eBolDocuments .periodselect .customperiod > div { flex-shrink: 0; text-align: center; width: 10px; }
#ebolmanager .eBolDocuments .periodselect .dateInterval { text-align: center; }
#ebolmanager .eBolDocuments .periodselect .dateInterval a { margin: 5px 5px 0; }
#ebolmanager .eBolDocuments .data { overflow: hidden; }
/* #ebolmanager .eBolDocuments .data .scrollableWrapper{ padding-top: 62px; } */
#ebolmanager .eBolDocuments .data .scrollingArea { max-height: 100%; overflow-y: scroll; }
#ebolmanager .eBolDocuments .data table thead tr th,
#ebolmanager .eBolDocuments .data table thead tr td > * { width: 11%; }
/* #ebolmanager .eBolDocuments .data table thead tr td > input, */
/* #ebolmanager .eBolDocuments .data table thead tr td > select { border: 1px solid #ccc; height: 24px; margin-left: -1px; position: absolute; top: 37px; } */
/* #ebolmanager .eBolDocuments .data table thead tr td > select { height: 26px; } */
#ebolmanager .eBolDocuments .data table thead tr th:nth-child(5),
#ebolmanager .eBolDocuments .data table thead tr td:nth-child(5) > * { width: 28%; }
#ebolmanager .eBolDocuments .data table thead tr th:nth-child(6),
#ebolmanager .eBolDocuments .data table thead tr td:nth-child(6) > * { width: 14%; }
#ebolmanager .eBolDocuments .data table thead tr th:nth-child(7),
#ebolmanager .eBolDocuments .data table thead tr td:nth-child(7) > * { width: 14%; }
#ebolmanager .eBolDocuments .data table tbody tr.Rejected { background-image: repeating-linear-gradient(135deg, white, white 10px, #e8e8e8 2px, #e8e8e8 12px); }
#ebolmanager .eBolDocuments .data table tbody tr.Rejected:hover { background-image: repeating-linear-gradient(135deg, #eeeeee, #eeeeee 10px, white 2px, white 12px); }
#ebolmanager .eBolDocuments .data table tbody tr.Rejected:hover td { background: transparent; }
#ebolmanager .eBolDocuments .data table tbody tr.Error td:last-child::after { color: red; content: "!"; float: right; margin: 0 5px 0 -10px; }
#ebolmanager .eBolDocuments .data table tbody tr.empty { height: 32px; pointer-events: none; text-align: center; }
#ebolmanager .eBolDocuments .data table tbody tr.empty td { vertical-align: middle; }
#ebolmanager .eBolDocuments .data .scrollable thead tr.filters { position: static; }
/*********************************************************************************************
************************************ Drive Routes ********************************************
*********************************************************************************************/
div.drive_routes { margin-top: 20px; width: 640px; }
div.drive_routes label { box-sizing: border-box; width: 30% !important; }
div.drive_routes .checkBox { margin-top: 5px; }
div.drive_routes .button:hover { background-color: #000000; color: #FFFFFF; cursor: pointer; }
div.drive_routes .routes_date { box-sizing: border-box; width: 15%; }
div.drive_routes .routes_description { box-sizing: border-box; resize: vertical; width: 70%; }
div.drive_routes .route { margin: 0; }
div.drive_routes .routes_default_route { box-sizing: border-box; float: left; margin-right: 1%; width: 3% !important; }
div.drive_routes .routes_public_trans { box-sizing: border-box; float: left; margin-right: 1%; width: 3% !important; }
div.drive_routes .searchabledropdown { box-sizing: border-box; float: left; width: 80%; }
div.drive_routes .route_distance { box-sizing: border-box; float: left; margin-left: 1%; width: 15%; }
div.drive_routes .routes_receipt_from,
div.drive_routes .routes_receipt_to { box-sizing: border-box; width: 15%; margin-right: 1%; }
div.drive_routes .routes_receipt_amount,
div.drive_routes .routes_receipt_amount_label { box-sizing: border-box; float: right; width: 15% !important; }
div.drive_routes .routes_receipt_upload { box-sizing: border-box; margin-left: 30%; width: 34.5%; }
div.drive_routes .routes_receipt_view { box-sizing: border-box; float: right; width: 34.5%; }
div.drive_routes .routes_receipts tr:hover { cursor: pointer; }
div.drive_routes .routes_receipts td:last-child { text-align: right; }
/*********************************************************************************************
************************************ Codeks Serial Gen ***************************************
*********************************************************************************************/
.clear#csg_licences, .clear.csgWidth {max-width: 1810px; margin: 0 auto;}
.clear.csgWidth #diffrentTable h2{text-align: left;}
#csg_licences table.tableData tr th {padding: 5px; text-indent: 0;}
#licenses_data {width: 62%;}
#licenses_data table {width: 100%; }
#licenses_data table tr td:last-child {font-family: Monospace; text-align: center; white-space: nowrap;}
#licenses_data table tr td span {height: 20px; overflow: hidden; display: block;}
#partners_data .scrollingArea,
#products_data .scrollingArea { max-height: calc(100vh - 200px); }
.nyroModalLink #csg_products form.productFormData.formData ul li label { width: 30%; }
.nyroModalLink #csg_products form.productFormData.formData ul li select { width: 69%; }
.nyroModalLink #csg_products form.productFormData.formData ul li input[type="text"] { width: 67%; }
.csg_right_panes {width: 37%; height: auto;}
.csg_right_panes #padding {padding: 10px;}
.csg_right_panes #padding label {font-weight: bold; width: 32%; display: block; float: left;}
.csg_right_panes #padding input {width: 65%;}
.csg_right_panes #padding input.button {width: 100px;}
.csg_right_panes #padding input.checkbox {width: auto;}
.csg_right_panes #padding textarea {width: 66.5%; resize: vertical;}
.csg_right_panes #padding ul li {margin-bottom: 2px;}
.nyroModalLink .formData.licenseFormData ul li input{width: auto;}
#csg_filter_data {height: 20%;}
#license_data {height: auto;}
#new_license_form ul li select {width: 65%; float: left;}
#new_license_form ul li .new_license_core_options {float: left; width: auto; margin-left: 4.5%;}
#new_license_form ul li .new_license_core_options ul li {margin-bottom: 0;}
#new_license_form ul li .new_license_core_options ul li label {width: auto; margin-left: 3px;}
#new_license_form #moreOptions {background: #f6f6f6; padding: 10px; border: 1px solid #dddddd; margin: 15px 0;}
#new_license_form #moreOptions ul li.col1_3 {width: 33%; height: auto; float: left;/* margin-left: 5%;*/ clear: none;}
#new_license_form #moreOptions ul li.col1_3.first {margin-left: 0;}
#new_license_form #moreOptions ul li.col1_3 label {width: auto; margin-left: 3px;}
#new_license_form #moreOptions ul li.col1_3 input {position: relative; top: 2px;}
#new_license_form ul#bottomData li input,
#new_license_form ul li select.userLang {width: 41%;}
#new_license_form ul#bottomData li textarea {width: 42%; height: 100px;}
#get_upgrade_data textarea { height: 200px; width: 100%; }
#get_upgrade_data #licences_data { margin-bottom: 10px; }
#get_upgrade_data #distributor_data { height:30px; }
#get_upgrade_data #distributor_data label { float:left; padding-top: 4px; }
#get_upgrade_data #distributor_data select#distributors { float:left; width: 170px; margin-left: 20px; }
/*caf*/
#wrapperCaf {max-width: 325px; width: 100%; min-height: 300px; height: auto; margin: 30px auto;}
#wrapperCaf form.cafFormData ul li label {float: none;}
#wrapperCaf form.cafFormData ul li input {max-width: 290px; width: 100%; padding: 0; text-indent: 3px; float: none;}
#wrapperCaf form.cafFormData ul li select {width: 100%;}
#wrapperCaf form.cafFormData ul li input.submit {width: 100%; margin-top: 20px;}
#wrapperCaf form.cafFormData ul li.checkbox input{width: auto; height: auto; margin: 0; padding: 0; float: left;position: relative; top: 7px; margin-right: 3px;}
#wrapperCaf form.cafFormData.formData ul li.checkbox label {width: auto; border: 1px solid red;}
#wrapperCafInfo {max-width: 600px; height: auto; padding: 20px; width: 90%; margin: 30px auto; background: #fff; border: 1px solid #dddddd; -webkit-border-radius: 5px; moz-border-radius: 5px; border-radius: 5px;}
#wrapperCafInfo h2 {margin-bottom: 20px;}
#gdpr_text {width:20%; margin:20px auto; text-align:justify;}
#gdpr_text > h2, #gdpr_text > p {margin-bottom:10px;}
/*
Jquery-please-wait-loading-animation
*/
/* Start by setting display:none to make this hidden.
Then we position it in relation to the viewport window
with position:fixed. Width, height, top and left speak
speak for themselves. Background we set to 80% white with
our animation centered, and no-repeating */
.modal {display: none; position: fixed; z-index: 4000;top:0;left:0;height:100%; width: 100%; background: rgba( 255, 255, 255, 1 ) url('../images/FhHRx.gif') 50% 50% no-repeat;}
/* When the body has the loading class, we turn
the scrollbar off with overflow:hidden */
body.loading {overflow: hidden;}
/* Anytime the body has the loading class, our
modal element will be visible */
body.loading .modal {display: block;}
/*sortableTable*/
.dataTables_filter {border: 1px solid #dddddd; background: #eeeeee; padding: 3px; position: relative; -webkit-border-radius: 5px; moz-border-radius: 5px; margin-bottom: 5px; border-radius: 5px;}
.dataTables_filter label {width: auto; height: auto; text-align: center; display: block; line-height: 28px; -webkit-border-radius: 0 5px 5px 0; moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;}
.dataTables_filter input {float: right; width:87%;}
.tableInfo {background: #eeeeee; text-align: left; padding: 3px; padding-bottom: 1px; border: 1px solid #cccccc; border-top: none; margin-bottom: 20px;}
.tableInfo .dataTables_info {width: 230px; float: left;}
.tableInfo .dataTables_paginate.paging_full_numbers {width: auto; float: right; }
.tableInfo .dataTables_paginate.paging_full_numbers a {margin-left: 5px; color: #494949; cursor: pointer;}
.tableInfo .dataTables_paginate.paging_full_numbers a:hover {text-decoration: underline; color: #DB2827;}
.tableInfo .dataTables_paginate.paging_full_numbers a.first {width: 7px; height: 9px; background: url(../images/first.png) no-repeat bottom; display: block; float: left; text-indent: -123456px; position: relative; top: 5px;}
.tableInfo .dataTables_paginate.paging_full_numbers a.first:hover {background-position: 0 0;}
.tableInfo .dataTables_paginate.paging_full_numbers a.previous {width: 5px; height: 9px; background: url(../images/prev.png) no-repeat bottom; display: block; float: left; text-indent: -123456px; position: relative; top: 5px;}
.tableInfo .dataTables_paginate.paging_full_numbers a.previous:hover {background-position: 0 0;}
.tableInfo .dataTables_paginate.paging_full_numbers a.last {width: 7px; height: 9px; background: url(../images/last.png) no-repeat bottom; display: block; float: left; text-indent: -123456px; position: relative; top: 5px;}
.tableInfo .dataTables_paginate.paging_full_numbers a.last:hover {background-position: 0 0;}
.tableInfo .dataTables_paginate.paging_full_numbers a.next {width: 5px; height: 9px; background: url(../images/next.png) no-repeat bottom; display: block; float: left; text-indent: -123456px; position: relative; top: 5px;}
.tableInfo .dataTables_paginate.paging_full_numbers a.next:hover {background-position: 0 0;}
.tableInfo .dataTables_paginate.paging_full_numbers span {display: block; float: left;}
.tableInfo .dataTables_paginate.paging_full_numbers span .paginate_active {text-decoration: underline; color: #DB2827;}
.scrollableWrapper .tableInfo {border: 1px solid #cccccc; border-right: none; margin-bottom: 0;}
table.dataTable.scrollable thead tr th.sorting span.sortArrow {width: auto; padding-right: 15px; cursor: pointer; background: url(../images/sortArrow.png) no-repeat right 14px; }
table.dataTable.scrollable thead tr th.sorting_asc span.sortArrow {width: auto; padding-right: 15px; cursor: pointer; background: url(../images/sortArrow.png) no-repeat right -32px; }
table.dataTable.scrollable thead tr th.sorting_desc span.sortArrow {width: auto; padding-right: 15px;cursor: pointer; background: url(../images/sortArrow.png) no-repeat right -76px; }
/*fixed*/
table.dataTable thead tr th.sorting span.sortArrow {width: auto; padding-right: 15px; cursor: pointer; background: url(../images/sortArrow.png) no-repeat right 4px; }
table.dataTable thead tr th.sorting_asc span.sortArrow {width: auto; padding-right: 15px; cursor: pointer; background: url(../images/sortArrow.png) no-repeat right -43px; }
table.dataTable thead tr th.sorting_desc span.sortArrow {width: auto; padding-right: 15px;cursor: pointer; background: url(../images/sortArrow.png) no-repeat right -86px; }
.dataTables_length {width: auto; float: left; margin-right: 20px;}
.dataTables_length label select{display: inline-block; width: 40px; padding: 0; margin: 0; height: auto;}
.withCheckbox {position: relative; left:-5px;}
table.dataTable thead tr th input.inputCheckbox {position: relative; top: 13px; left: 5px; }
/*showuserstats*/
table.eventtypes.scrollable thead tr th input,
table.showuserstats.scrollable thead tr th input {position: absolute; top: 13px; left: 10px; }
table.eventtypes.scrollable thead tr th.first { width: 50px; }
.reportsPadding #events_data { margin: 0; }
/*table.dataTable thead tr th.sorting:hover,
table.dataTable thead tr th.sorting_desc:hover,
table.dataTable thead tr th.sorting_asc:hover {background: #3a3a3a; cursor: pointer;}*/
/*colResizable*/
.JCLRgrip{z-index: auto;}
/*********************************************************************************************
********************************** RESPONSIVE DESIGN *****************************************
*********************************************************************************************/
@media all and (min-width : 2000px) {
#timeattendance { margin: 7px auto 10px auto; }
}
@media all and (min-width : 1800px) {
/* Upper menu icons can be further apart on bigger monitors */
body#page #sub_menu ul li { width: 100px; }
}
@media all and (max-width : 1700px) {
#menu_bar #loggedInInfo { width: 230px; }
#menu_bar #loggedInInfo .logout { width: 60px; }
#menu_bar #loggedInInfo .admin { width: 140px; }
}
@media all and (max-width : 1500px) {
.groupsLayout #users_data .scrollableContainer .scrollingArea table.tableData.scroll thead tr th.first {width: 190px;}
}
@media all and (max-width : 1350px) {
body { min-width: 1350px; }
.absoluteWrapper { min-width: 1310px; }
ul.dataInfo li.handplus span:first-child {width: 160px;}
}
@media all and (max-width : 1180px) {
.w76p {width:69%; height: auto; margin: 0px; padding: 0px; float:left;}
.w70p {width:69%; height: auto; margin: 0px; padding: 0px; float: left;}
.w22pa {width:100%; height: auto; margin: 0px; padding: 0px; margin-bottom: 20px; float: none;}
.w22p {width:30%; height: auto; margin: 0px; padding: 0px; float: right;}
ul.dataInfo li.handplus span:first-child {width: 200px;}
.groupsLayout {width: calc(100% - 50px);}
}
@media all and (max-width : 950px) {
ul.mainUl li ul.mainDayUl li .timeLine {width: 25%;}
}
@media all and (max-width : 850px) {
ul.mainUl li ul.mainDayUl li .timeLine {width: 15%;}
body#page .all.mobile #firstMenu ul {width: 90%;}
body#page .all.mobile #firstMenu ul li a {padding: 15px 15px;}
}
@media all and (max-width : 765px) {
body { min-width: auto; }
.absoluteWrapper { min-width: auto; }
.w76p {width:100%; height: auto; margin: 0px; padding: 0px; float:none;}
.w70p {width:100%; height: auto; margin: 0px; padding: 0px;}
.w22pa {width:100%; height: auto; margin: 0px; padding: 0px; margin-bottom: 20px; float: none;}
.w22p {width:100%; height: auto; margin: 0px; padding: 0px;}
}
@media all and (max-width : 660px) {
.formData ul {width: 320px; margin: 0 auto;}
.formData ul li input {width: 300px; float: none;}
.formData ul li label {float: none;}
.formData ul li input.timeto, .formData ul li input.timefrom {width: 180px;}
select {width: 320px;}
form.exitPermits ul li input.comment {width: 96%}
}
@media all and (max-width : 600px) {
body#login header {width: 580px;}
#page > .title {text-align: left;}
.title h1 {font-size: 14px;}
.loggedInUser {right:10px; }
a.teamViewer {display: none;}
}
@media all and (max-width : 480px) {
.flexColumn > .content {
padding: 0;
}
/*login*/
body#page .all.mobile #firstMenu ul { width: 90%; }
/*mobile first menu*/
body#page .all.mobile #firstMenu ul li a {padding: 15px 15px;}
/*mobile menu */
a#responsiveMenu {width: 100px; height: 30px; text-align: center; line-height: 30px; float: right; text-decoration: none; margin-bottom: 10px; background: #db2827; color: #fff; display: block; margin-top: 10px;}
a#responsiveMenu.active {background: #000;}
body#page #sub_menu ul li, .data_list_users, body#page #sub_menu ul li.first.stats {display: none;}
body#page #sub_menu ul li.first, body#page #sub_menu ul li.logout, body#page #sub_menu ul li.back {display: block;}
body#page #sub_menu ul li.logout {border-right: none;}
#mobileShow {width: auto; height: 180px; margin-bottom: 0;}
.contentFrame.userData { position: absolute; top: 0; left: 5px; right: 5px; margin: 0; top: 100px; }
.contentFrame.userData #userData {margin-bottom:5px;}
/* black menu
body#page #sub_menu.hidden {display:none !important;}
body#page #sub_menu {margin-top: 0; }
body#page #sub_menu ul {width: 100%; border-radius: 5px; overflow: hidden; background: #1a1a1a;}
body#page #sub_menu ul li {margin-bottom: 0; width: 100%; float: left; display: block; border-bottom: 1px solid #404040; }
body#page #sub_menu ul li:last-child {border-bottom: none;}
body#page #sub_menu ul li.first {margin-left: 0;}
body#page #sub_menu ul li.back {float: right;}
body#page #sub_menu ul li.logout {width: 100%; max-width: 100%; border-right: none; padding: 0 ;margin: 0; margin-bottom: 0;float: left;}
body#page #sub_menu ul li.logout a {width: 100%; max-width: 100%; height: 35px; padding: 0; display: block; margin: 0; float: none;}
body#page #sub_menu ul li a {width: 100%; max-width: 100%; height: 35px; line-height: 35px; display: block; color: #fff; background: none !important; padding: 0; }
body#page #sub_menu ul li:hover a {background: #db2827 !important; color: #fff;}*/
/*submenu*/
body#page #sub_menu ul li ul { position: relative;margin: 0; padding: 0; left: 0; background: none; border: none; width: 100%; -moz-box-shadow: none;
-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none;}
body#page #sub_menu ul li ul li {border-top: 1px solid #e08887; border-bottom: none; margin: 0; padding: 0;}
body#page #sub_menu ul li ul li a {text-align: center; }
body#page small.all, .small {max-width: 350px; margin: 0 auto;}
body#page .medium.all, .medium {width: 580px; margin: 0 auto;}
body#page div#takit_medium { margin: 0px 20px 0px auto; }
.formData ul {max-width: 240px; margin: 0 auto;}
.formData ul li input {width: 220px; float: none;}
.formData ul li label {float: none;}
.formData ul li input.timeto, .formData ul li input.timefrom {width: 150px;}
select {width: 240px;}
ul.mainUl li ul.mainDayUl li span.arrow {position: relative; }
/*showuserstats*/
ul.mainUl li ul.mainDayUl li .timeLine {width: 96%; float: none; margin: 0px 2%; height: 6px;}
ul.mainUl li ul.mainDayUl li .timeLine span.greenLine {height: 3px;}
/*table sort*/
table.dataTable thead tr th.sorting span.sortArrow {display: none;}
/*datepicker*/
body #ui-datepicker-div {top: 0 !important; right: 0 !important; left: 0 !important; width: 98%;}
body .ui-datepicker {padding:1%;border-bottom: none; border-top: none;}
body .ui-datepicker td span, body .ui-datepicker td a {padding: 10px .2em;}
/* V10 - Time and attendance */
body#page #menu_bar { display: inline-block; }
#page.flexColumn { display: block; }
#loggedInInfo .support,
#loggedInInfo .changepass { display: none; }
#loggedInInfo { float: right; width: auto; }
#page > .content { position: static; }
.absoluteWrapper { padding: 5px; position: static; }
.absoluteWrapper .wp95p { display: flex; flex-direction: column; }
#timeattendance { display: flex; flex-direction: column; height: auto; left: 0; margin: 0; position: static; top: 0; }
#timeattendance .TAleftcenter { order: 1; }
#timeattendance .TAleft { height: auto; width: auto; }
#timeattendance .TAright { float: none; max-width: none; order: 2; width: 100%; }
#timeattendance .TAcenter { margin: 0; width: 100%; }
#data .day .daydata { display: flex; flex-direction: column; }
#data .day .daydata .timecut { display: none; }
#data .day .daydata .maindaystatistic { height: auto; max-width: none; order: 1; width: 100%; }
#data .day .daydata .daystatus { order: 2; text-align: right; width: 100%; }
#data .day .daydata .timeline { order: 3; width: 100%; }
#data .day .daydata .entryexitintervals { order: 4; width: 100%; }
#timeattendance .code { display: none; }
#timeattendance .day .statisticAndStatus { display: block; height: auto; }
}
/*********************************************************************************************
*************************************** V10 RESPONSIVE ***************************************
*********************************************************************************************/
@media screen and (max-width: 1000px) {
#login *, #loginform h1 { border: none; }
#login .all { padding: 30px 0 10px 0; }
#header { height: 60px; margin-bottom: 20px; }
#header .logo { margin: 5px 0 5px 5px; }
#header .title { font-size: 3em; margin-top: 10px; }
#loginform { margin-bottom: 30px; }
}
@media screen and (max-width: 480px) {
#sideNav,
#sideNavBg { display: none; }
#menu_bar .title { width: 100%; }
#menu_bar .homeButton { width: 0; }
#menu_bar .title .pageName { border: none; }
#menu_options { height: 50px; width: 50px; }
#menu_options .menuOptions .back a#back { background-size: 40px; font-size: 0; height: 14px; padding-top: 27px; }
#menu_options,
#loggedInInfo { display: inline-block; height: 50px; }
#loggedInInfo .logout div { font-size: 0; }
#loggedInInfo .admin { margin: auto 0; }
#loggedInInfo .data { display: none; }
#menu_bar #loggedInInfo { width: calc(100% - 50px); }
#menu_bar #loggedInInfo .data { width: 100%; }
#menu_bar #loggedInInfo .logout,
#menu_bar #loggedInInfo .logout:hover { background-position-y: 5px; }
#header #loggedInInfo { height: 100%; width: 60px; }
#header #loggedInInfo .logout { height: 100%; width: 60px; }
#header .logo { background-position: center; background-size: 45px; }
#header .title { font-size: 2em; margin-top: -15px; }
#header .company { margin-top: -20px; }
#header > div { float: left; height: 100%; width: calc(100% - 60px); }
.menugrid { max-width: 100%; min-width: 300px; width: 100%; cursor: default; }
.menugrid .row { flex-flow: wrap; max-width: 310px; margin: 0 auto; }
.menugrid .row li { height: 150px; margin: 0 -1px; width: 150px; }
.menugrid .row li.empty { display: none; }
.menugrid .row li.mobileOrder3 { order: 3; }
.menugrid .row li.mobileOrder4 { order: 4; }
.menugrid .row li a { background-position-y: 0 !important; padding-top: 120px; }
.timeline { display: none; }
}
/*****END RESPONIVE */
.tablePiece {padding-right: 17px; background: #fff url(../images/tablePiece.png) no-repeat top right; position: relative; border-bottom: 2px solid #db2827;}
.tablePieceSeven {padding-right: 7px; background: #fff url(../images/tablePiece.png) no-repeat top right; position: relative; }
.fourteen {max-height: 392px; width: 100%; overflow: auto; overflow-x: hidden;}
.twenty {max-height: 560px; width: 100%; overflow: auto; overflow-x: hidden;}
.ten {max-height: 280px; width: 100%; overflow: auto; overflow-x: hidden;}
.four {max-height: 224px; width: 100%; overflow: auto; overflow-x: hidden;}
#data .fourteen {max-height:392px; height: auto; }
.tablePieceNone table.tableData.scroll {border-bottom: 2px solid #db2827; position: relative;}
/*
table.tableData.scroll {width: 100%; height: auto; margin: 0px; padding: 0px; text-align: left;}
table.tableData.scroll thead tr th {height: 23px; padding: 10px 0; padding-bottom: 3px; padding-left: 10px; margin: 0px;background: #101010 url(../images/lines.png) repeat 0 0;
border-right: 1px solid #585858; border-bottom: none; color: #fff; font-size: 14px; font-weight: normal; }
table.tableData.scroll tbody tr td {border-right:1px solid #cccccc; border-bottom: 1px solid #cccccc; border-top: none; padding: 0 10px;}
table.tableData.scroll tbody tr td:first-child {border-left:1px solid #cccccc; }
table.tableData.scroll thead tr th:last-child {border-right: 1px solid #101010;}
table.tableData.scroll tbody tr:hover {background: #eeeeee;}
table.tableData.scroll.hide thead tr:first-child {display: none;}
table.tableData.scroll thead tr.filters td:first-child{border-left:1px solid #dddddd;}
table.tableData.scroll thead tr.filters td:last-child{border-right: none;}
.tablePieceNone table.tableData.scroll thead tr.filters td:last-child{border-right:1px solid #dddddd;}
table.tableData.scroll thead tr.filters td:last-child{border-right: 1px solid #dddddd;}
table.tableData.scroll thead tr.filters td {border-top: none;}
.tablePiece table.tableData.scroll thead tr th.last,
.tablePieceSeven table.tableData.scroll thead tr th.last {border-radius: 0; border-right: none;}
.tablePieceNone table.tableData.scroll thead tr th.last {border-radius: 0px 7px 0px 0px; -moz-border-radius: 0px 7px 0px 0px; -webkit-border-radius: 0px 7px 0px 0px; border-right: none;}
*/
* { padding: 0; margin: 0; }
/* scroll table fix header --> one table */
table.scrollable { width: 100%; cellspacing: 0; border-collapse: collapse; clear: both; border-spacing: 0;}
div.scrollableWrapper { position: relative; width: 100%; padding-top: 38px; background: #fff url("../images/lines.png") repeat-x 0 0 ; border-radius: 7px 7px 0 0; overflow: hidden; border-right: 1px solid #cccccc; display: flex; flex-direction: column; }
div.additionalFieldsWrapper { position: relative; width: 100%; padding-top: 38px; background: #fff url("../images/lines.png") repeat-x 0 0 ; border-radius: 7px 7px 0 0; overflow: hidden; border: 1px solid #cccccc; border-top:#db2827; }
div.additionalFieldsWrapper div.addfieldborders { border-top: 2px solid #db2827; margin-top: -3px;}
div.scrollableWrapper.filters {padding-top: 65px;}
.scrollableWrapperBefore { height:100%; }
.scrollingAreaBefore { height:100%; }
.dataTables_wrapper { display: flex; flex-direction: column; height: 100%; width: 100%; }
.scrollingArea { height: 100%; max-height: none; overflow: hidden; overflow-y: auto; }
/*table head*/
table.scrollable thead tr { width: 100%; background: #DB2827;}
table.scrollable thead tr th {color: white; width: 20%; text-align: left;}
table.scrollable thead tr th span {width: 100%; height: 36px; text-indent: 10px; border-left: 1px solid #585858; line-height: 39px; border-bottom: 2px solid #DB2827; margin-left:-1px; margin-right:-1px; display: block; text-shadow: 1px 1px 1px #000000; position: absolute; top: 0;}
table.scrollable thead tr th:first-child span {border-left: none;}
table.scrollable thead tr.filters {background: none; position: relative; }
table.scrollable thead tr.filters td {padding: 0; background: none;}
table.scrollable thead tr.filters th input {position: absolute; top: 38px; border: 1px solid #cccccc; width: 100%; margin-left:-1px; padding: 0; text-indent: 10px;}
table.scrollable thead tr th span.selectAllSpan input {position: relative; top: 13px; left: 10px;}
table.scrollable thead tr th span.selectAllSpan label {position: relative; left: 0px;}
/*table body*/
table.scrollable tr td {/*background: #fff;*/ overflow: hidden; }
table.scrollable tr td {min-width: 40px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc;padding: 5px 10px;}
table.scrollable.tableData tr:first-child td { border-top: none;}
table.scrollable.tableData tr td:first-child {border-left: none;}
table.scrollable.tableData thead tr th {background: none; padding: 0; border: none; height: auto;}
table.scrollable.tableData thead tr th span.withCheckbox {padding-left: 16px;}
table.scrollable.tableData thead tr th input.tableHeadCheckbox {position: relative; top: 14px; left: 11px;}
/*nyroContent z-index
.nyroModalBg {z-index: 100;}
.nyroModalCloseButton {z-index: 101;}
.nyroModalCont {z-index: 101;}
.nyroModalAllSearchable .nyroModalBg {z-index: 102;}
.nyroModalAllSearchable .nyroModalCloseButton {z-index: 103;}
.nyroModalAllSearchable .nyroModalCont {z-index: 103;}*/
/********************************************************
*********************************************************
***************** SELECTED COLORS ***********************
*********************************************************
********************************************************/
body table.tableData tr.withouttimetable td {background: #e0e0e0;}
body table.tableData tr.unactivecard td {background: yellow;}
body table.tableData tr.taUser td {background: #ffffcc;}
body table.tableData tr.acUser td {background: #ffff7f;}
body table.tableData tr.fdVisitor td {background: #ffd200;}
body table.tableData tr.fdReplacement td {background: #ffa200;}
/*
body table.tableData tr.fdAccess,
body table.tableData tr.fdNoAccess td {background: #ffffff;}
body table.tableData tr.kmKeyTag td {background: #ffffff;}
*/
/* BLUE */
ul.adminmeni_listUl .adminmeniitem.selected,
ul.places_listUl li.selected,
table.tableData tbody tr.visitor,
table.tableData tbody tr.selected.primary,
table.tableData tbody tr.selected.subselect.primary,
table.tableData tbody tr.selected.subselect.primary td,
#timetables_data .timetables_list ul li.selected,
li.companyOrganization_listUl.selected,
table.tableData tbody tr.visitor td,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.hardwareitem.selected,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.contfunctionitem.selected,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.departmentitem.selected,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.funcgroupitem.selected {background: #d4ecf7 !important; }
/* RED */
.selected,
ul.hardware_listUl li.selected.subselect,
#timeintervals_data_table .tableData tbody tr.selected,
#timeintervals_data_table .tableData tbody tr.subchecked.selected,
.tableData tbody tr.context-menu-active,
.tableData tbody tr.selected.subselect.context-menu-active,
.tableData tbody tr.selected.subselect.context-menu-active td,
table.tableData tbody tr.selected,
table.tableData tbody tr.selected td,
table.tableData tbody tr.replacmentcarduser.selected td,
table.tableData tbody tr.selected:hover td,
table.tableData tbody tr.even.selected td {background: #fadfdf !important; }
/* GREEN */
table.tableData tbody tr.selected.subselect,
table.tableData tbody tr.selected.subselect td,
#timeintervals_data_table .tableData tbody tr.subchecked,
/*
#timeintervals_data_table .tableData tbody tr.subchecked:hover td,*/
#timeintervals_data_table .tableData tbody tr.subchecked td,
#timeintervals_data_table .tableData tbody tr.subchecked.even td,
ul.hardware_listUl li.selected.subselected,
ul.places_listUl li.selected.subselected,
#accesses_data table.tableData tbody tr.selected.subselect.primary,
body#page .tabs .device_settings_tabs .ui-tabs-panel .places_list ul.places_listUl li.subselected,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.funcgroupitem.subselected,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.hardwareitem.subselected,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.departmentitem.subselected {background: #cbecb0 !important; }
/* YELLOW */
#timeintervals_data_table .tableData tbody tr.HiddenTTandINT td,
table.tableData tbody tr.temporaly {background: #ffffb2 !important;}
/* GRAYGREEN */
table.tableData tbody tr.selected,
table.tableData tbody tr.selected.grayGreen td,
#timeintervals_data_table .tableData tbody tr.subchecked.grayGreen td,
body#page .tabs .device_settings_tabs .ui-tabs-panel .places_list ul.places_listUl li.subselected.selected,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.funcgroupitem.subselected.selected,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.hardwareitem.subselected.selected,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.departmentitem.subselected.selected,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.adminmeniitem.subselected.selected,
ul.timetable_intervals_listUl li.selected {background: #bad8bc !important; }
/* ORANGE*/
table.tableData tbody tr.selected,
table.tableData tbody tr.selected.orange td,
#timeintervals_data_table .tableData tbody tr.subchecked.even.orange td,
#timeintervals_data_table .tableData tbody tr.ishiddenelement,
body#page .tabs .device_settings_tabs .ui-tabs-panel .places_list ul.places_listUl li.subselected.selected,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.funcgroupitem.subselected.selected,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.hardwareitem.subselected.selected,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.departmentitem.subselected.selected,
body#page .tabs .ui-tabs .ui-tabs-panel .administratorData ul.adm li.adminmeniitem.subselected.selected
{background: orange !important; }
/****************************** end ********************************/
/* Scrolling in reports */
.tableInfo { margin-bottom: 0px; }
body.h1080 .scrollingArea.fourteen,
body.h900 .scrollingArea.fourteen { max-height: calc(100vh - 390px); }
/*********************************************************************************************
****************************************** PLUGINS *******************************************
*********************************************************************************************/
/* TimeEntry styles */
.timeEntry_control {
vertical-align: middle;
margin-left: 2px;
}
/* Mobiscroll styles */
.dwo { z-index: 2001 !important; }
.dw { z-index: 2002 !important; }
/* select2 */
.select2-container--disabled .select2-selection__choice {
padding: 0;
}