#sub_nav {
   display: flex;
   flex-direction: column;
   margin-bottom: 1rem;
   text-align: right;
}

.sub_nav li {
   padding-right: 0;
   border-right: none;
}

.autologout-status a {
   display: inline;
   float: none;
   vertical-align: initial;
}

#page {
   width:830px;
    font-size: 14px;
}

#content{
   margin-left: 0;

}

#header h3 {
   left:168px;
}
#header h3 strong{
   color:#44c3f6;
}

table#tTerminal{

}
table#tTerminal td.btn.work_end, table#tTerminal td.btn.work_start {
   position: relative;
}

table#tTerminal td input{
    width: 140px;
}

.terminal-account-header .employee-button {
   margin-right: 10px;
}

.btn_placeholder{
    width: 114px;
	height: 22px;
	background: url(/asset-files/btn_terminal_time_noaccess-48d3b42c63853760136444b3a868de14.gif) no-repeat;
	cursor: not-allowed;
}

.ajax_loader {
   position: absolute;
   top: 50%;
   left: -25px;
   transform: translateY(-50%);
}

.terminal-login-button {
   padding: 2px 0.5rem;
   background-image: linear-gradient(#4388ccc2, #4388cc);
   color: #fff;
   border: 1px solid #7d7d7d;
   border-radius: 10px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   cursor: pointer;
}

.terminal-login-page {
   text-align: center;
}

.terminal-form-signin {
   margin: 2rem auto;
   width: 300px;
}

.terminal-form-signin input[type=password] {
   width: 93%;
   padding: 0.5rem 0.5rem;
}

.terminal-form-signin-buttons {
   margin: 1rem 0;
   display: flex;
   gap: 1rem;
}

.terminal-form-signin-buttons > * {
   flex-grow: 1;
   padding: 0.3rem 0.3rem;
}

.terminal-form-signin .button-cancel {
   padding: 0.2rem 0.7rem;
   background: #979797;
   color: #fff;
   border: none;
   border-radius: 6px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.terminal-account-header {
   display: flex;
   justify-content: space-between;
   align-items: start;
   margin-bottom: 1rem;
}

.terminal-account-header .buttons {
   display: flex;
   gap: 1rem;
   align-items: center;
}

.terminal-account-header .employee-button {
   position: relative;
}

.terminal-salden-wrapper {
   display: flex;
   align-items: stretch;
   gap: 0.5rem;
   margin-bottom: 1.3rem;
}

.terminal-salden-container {
   position: relative;
   flex: 1;
}

.terminal-salden-container .terminal-account-stats {
   margin-bottom: 0;
}

.terminal-salden-container .terminal-account-stats-placeholder {
   position: relative;
   z-index: 1;
}

.terminal-salden-container #terminal-account-stats {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   opacity: 0;
   z-index: 2;
   transition: opacity 0.25s ease-in-out;
}

.terminal-salden-container #terminal-account-stats.visible {
   opacity: 1;
}

.terminal-salden-container .terminal-account-stats-placeholder {
   transition: opacity 0.25s ease-in-out;
}

.terminal-salden-container .terminal-account-stats-placeholder.hidden {
   opacity: 0;
}

.salden-toggle-btn {
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0 0.8rem;
   font-size: 1.5rem;
   background: #f5f5f5;
   border: 2px solid #d0d0d0;
   border-radius: 4px;
   cursor: pointer;
   transition: background 0.2s;
}

.salden-toggle-btn:hover {
   background: #e8e8e8;
}

.terminal-account-stats {
   display: flex;
   gap: 1rem;
   margin-bottom: 1.3rem;
}

.terminal-account-stats > * {
   flex-basis: 33.33%;
   padding: 1.5rem;
   border: 2px solid #d0d0d0;
   text-align: center;
}

.terminal-account-stats .label {
   margin-bottom: 0.5rem;   
   font-size: 1rem;
   font-weight: bold;
}

.terminal-account-stats .value {
   font-size: 2.2rem;
   font-weight: bold;
   line-height: 1;
}

.current-projects {
   border: 2px solid #d0d0d0;
}

.current-projects .header {
   padding: 0.5rem 1rem;
   background: #ececec;
   font-size: 1rem;
   font-weight: bold;
   border-bottom: 2px solid #d0d0d0;
}

.current-projects .inner {
   padding: 1rem;
   background: #fafafa;
}

.current-projects .projects-list {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 1rem;
}

.current-projects .project {
   display: flex;
   flex-direction: column;
   padding: 1rem 1rem;
   border: 2px solid #d0d0d0;
   text-align: center;
}

.current-projects .project .name {
   margin-bottom: 0.5rem;
   font-size: 1rem;
   font-weight: bold;
}

.current-projects .project .stats {
   margin-bottom: 0.5rem;
   font-size: 0.8rem;
   color: #b0b0b0;
}

.timetracker-button-div {
   display: flex;
   justify-content: center;
   margin-top: auto;
}

.working-status {
   margin-top: 3px;
   margin-right: 30px;
   text-align: center;
   font-size: 0.rem;
   letter-spacing: 1px;
   background-image: linear-gradient(#bbf4c8, #bcfdcb);
   padding: 2px 0.5rem;
   border: 1px solid #6dfd8e;
   border-radius: 10px;
   color: #1d7d33;
}

.working-status.status-inactive {
   background-image: linear-gradient(#fddddd, #f9dada);
   color: #d70000;
   border-color: #ffd0d0;
}

.action-button-wrapper a,
.action-button {
   padding: 3px 14px;
   background-image: linear-gradient(#eeeeee, #cfcfcf);
   color: #333333;
   border: 1px solid #7d7d7d;
   border-radius: 0.5rem;
   cursor: pointer;
}

.action-button-wrapper a:hover,
.action-button:hover {
   color: #333333;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.button-cancel {
   background-image: linear-gradient(#eeeeee, #cfcfcf);
}

.time_tracker .autologout-status {
   text-align: center;
}

.time_tracker .autologout-status a {
   color: #fff;
}

.new_time_event .autologout-status a {
   text-decoration: underline;
}