/** VSEOBECNE */
a {
    color:inherit;
    text-decoration: none;
}
html, body {
    margin:0px;
    padding:0px;
    width:100%;
    height:100%;
    font-family:Arial;
} 
body .background {
    position: fixed;
    left: -10px;
    right: -10px;
    top: -50px;
    bottom: -10px;
    z-index: 1;
    display: block;
    background:url('/image/background.jpg');
    background-size:cover;
    -webkit-filter: blur(5px) opacity(0.35);
    -moz-filter: blur(5px) opacity(0.35);
    -o-filter: blur(5px) opacity(0.35);
    -ms-filter: blur(5px) opacity(0.35);
    filter: blur(5px) opacity(0.35);
}
.content {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 9999;
}

/** HLAVICKA */
header, footer {
    width:100%;
    display: flex;
    justify-content: space-between;
}
header #login, header #logout, footer .button {
    display: inline-block;
}
header #login a, header #logout a, footer .button a {
    display:inline-flex;
    width:250px;
    height:100px;
    margin:40px;
    background:rgba(0,71,133,1);
    color:white;
    border:6px solid rgba(255,255,255,0.25);
    border-radius:3px;
    align-items: center;
    justify-content: center;
    font-weight:bold;
    font-size:25px;
}
header i, footer i {
    font-size:35px;
    padding:0px 7px 2px 0px;
}
header .datetime {
    width: auto;
    font-size: 83px;
    font-weight: bold;
    color: #004785;
    text-align: center;
    margin-top: 40px;
    display:inline-block;
}
header .datetime .date {
    font-size:23px;
    width:320px;
    margin:auto;
    padding:0px 10px 0px 10px;
}
header .datetime .date span:first-of-type { 
    float:left;
}
header .datetime .date span:last-of-type { 
    float:right;
}
header .datetime .time {
    display:inline-block;
    width:340px;
}
header .blink a, footer .blink a {
    background:white !important;
    color:#004785 !important;
    border-color:#4075a4 !important;
}
footer .special.blink a {
    background:white !important;
    color:#4075a4 !important;
    border-color:#7098bb !important;
}

footer {
    position:fixed;
    bottom:0px;
}
footer .button span {
    flex-basis: 0;
}
footer .button i {
    padding:0px 10px 2px 2px; 
    font-size:30px;
}
footer .button span {
    text-align:center;
    font-size:20px;
    white-space: nowrap;
}
footer .button.special a {
    background: #4075a4;
}

main {
    overflow: hidden;
    height:calc(100vh - 230px);
    text-align:center;
    display:flex;
    justify-content: center;
    align-items: center;
}
main .scanned {
    text-align:center;
    display:inline-block;
    padding: 50px 100px 50px 100px;
    border-radius:5px;
    color:white;
}
main .scanned.ok {
    background: #009800;
    border: 10px solid #00b900;
}
main .scanned.wait {
    background: #828282;
    border: 10px solid #9c9c9c;
}
main .scanned.warn {
    background: #b37402;
    border: 10px solid #d28700;
}
main .scanned h3 {
    font-size: 30px;
    margin: 0px;
}
main .scanned h1 {
    margin: 0px;
    margin-top: 30px;
    font-size: 70px;
    text-transform: uppercase;
}
main .work-person, 
main .worked, 
main .planning {
    text-align:center;
    display:inline-block;
    padding: 40px 70px 50px 70px;
    border-radius:5px;
    color:white;
    background: #4075a4;
    border:10px solid rgba(255,255,255,0.25);
    position:relative;
}
main .work-person h2, 
main .worked h2, 
main .planning h2 {
    margin:0px;
    margin-bottom:20px;
    font-size:30px;
}
main .work-person div {
    padding:10px 12px;
    background:rgba(255,255,255,0.1);
}
main .work-person div:nth-of-type(2n) {
    background:none;
}
main .work-person div span {
    width:300px;
    text-align:center;
    display:inline-block;
}
main .work-person div span:first-of-type {
    text-align:left;
}
main .work-person div span:last-of-type {
    text-align:right;
}
main .show {
    display:inline-block !important;
}
main .worked .choosePay a, 
main .worked .todayData a,
main .planning .choosePlan a {
    padding: 40px;
    background: rgba(255,255,255,0.1);
    border: 6px solid rgba(255,255,255,0.2);
    margin:10px 20px;
    font-weight:bold;
    font-size:20px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    width:200px;
}
main .worked, main .planning {
    background: #004785;
    position: relative;
}
main .worked .choosePay a i,
main .worked .todayData a i,
main .planning .choosePlan a i {
    font-size:35px;
    margin-right:10px;
}
main .worked .choosePay,
main .worked .todayData,
main .planning .choosePlan {
    margin-top: 10px;
}
main .worked h4,
main .planning h4 {
    font-weight:normal;
    font-style: italic;
    margin-top:40px;
}
main .worked .time a,
main .planning .finalStartDate a,
main .planning .finalEndDate a {
    display: inline-block;
    width: 60px;
    height: 80px;
    font-size: 72px;
    border-radius: 5px;
    background: rgba(255,255,255,0.2);
}
main .worked .time a.blink,
main .planning .finalStartDate a.blink,
main .planning .finalEndDate a.blink {
    background: rgba(255,255,255,0.3);
}
main .worked .time span {
    font-size: 77px;
    position: relative;
    top: -11px;
    margin: 0px 5px;
}
main .worked .time a:first-of-type {
    margin:0px 10px;
}
main .worked .time a:last-of-type {
    margin:0px 10px;
}
main .worked .time {
    display:inline-flex;
}
main .worked .keyboard {
    margin-top: 40px;
    font-size: 21px;
}
main .worked .keyboard a, 
main .worked button, 
main .worked .payPiece a,
main .planning button,
main .planning .keyboard a {
    display:inline-flex;
    width:50px;
    height:50px;
    background:rgba(255,255,255,0.1);
    border: 3px solid rgba(255,255,255,0.2);
    border-radius:3px;
    align-items: center;
    justify-content: center;
    margin:3px;
}
main .worked .keyboard a.hidden,
main .planning .keyboard a.hidden {
    opacity:0.3;
    pointer-events: none;
}
main .worked button,
main .planning button {
    color: white;
    font-weight: bold;
    font-size: 20px;
    width: auto;
    margin: 0px 4px;
    margin-left: 8px;
    height: auto;
    padding: 20px 40px;
    margin-top: 25px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
main .worked button i,
main .planning button i {
    font-size:30px;
    margin-right:10px;
}
main .worked .payPiece a {
    width:265px;
    height:115px;
    font-weight:bold;
    font-size: 20px;
    margin:15px 20px;
    border: 6px solid rgba(255,255,255,0.2);
    position:relative;
    top:5px;
}
main .worked .payPiece a img {
    width:45px;
    margin-right:10px;
}
main .worked .getPiece .time a {
    margin:0px 5px;
}
main .worked .getPiece .keyboard {
    margin-top:55px;
}
main .worked .todayTime div div, 
main .worked .todayPiece div div, 
main .worked .todayCome div div, 
main .planning .planData div div {
    padding: 17px 10px;
}
main .worked .todayTime div span, 
main .worked .todayPiece div span, 
main .worked .todayCome div span, 
main .planning .planData div span {
    display:inline-block;
    text-align:left;
}
main .worked .todayTime .tableTime div span:nth-of-type(1),
main .worked .todayCome .tableTime div span:nth-of-type(1) {
    width:100px;
}
main .worked .todayTime .tableTime div span:nth-of-type(2),
main .worked .todayCome .tableTime div span:nth-of-type(2) {
    width:300px;
    text-align:center;
}
main .worked .todayTime .tableTime div span:nth-of-type(3),
main .worked .todayCome .tableTime div span:nth-of-type(3) {
    width:250px;
    text-align:center;
}
main .worked .todayTime .tableTime div span:nth-of-type(4),
main .worked .todayCome .tableTime div span:nth-of-type(4) {
    width:50px;
    text-align:right;
}
main .worked .todayPiece .tableTime div span:nth-of-type(1) {
    width:100px;
}
main .worked .todayPiece .tableTime div span:nth-of-type(2) {
    width:250px;
    text-align:center;
}
main .worked .todayPiece .tableTime div span:nth-of-type(4) {
    width:250px;
    text-align:center;
}
main .worked .todayPiece .tableTime div span:nth-of-type(3) {
    width:130px;
    text-align:center;
}
main .worked .todayPiece .tableTime div span:nth-of-type(5) {
    width:50px;
    text-align:right;
}
main .worked .todayTime h4, 
main .worked .todayPiece h4 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-size: 20px;
} 
main .worked .todayTime .total, 
main .worked .todayPiece .total, 
main .worked .todayCome .total, 
main .planning .planData .total {
    border-top:1px solid white;
    padding-bottom: 10px;
}
main .worked .todayTime .head, 
main .worked .todayPiece .head, 
main .worked .todayCome .head, 
main .planning .planData .head {
    border-bottom:1px solid white;
    margin-top: 26px;
}
.todayTime .tableTime a,
.todayPiece .tableTime a,
.todayCome .tableTime a,
.planData .tableTime a {
    background: #c70000;
    display: inline-block;
    width: 35px;
    height: 35px;
    position: absolute;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    margin-left: -26px;
    margin-top: -23px;
    font-size: 19px;
}
main .worked .todayTime div div:not(.head):not(.total):nth-of-type(odd), 
main .worked .todayPiece div div:not(.head):not(.total):nth-of-type(odd), 
main .worked .todayCome div div:not(.head):not(.total):nth-of-type(odd), 
main .planning .planData div div:not(.head):not(.total):nth-of-type(odd) {
    background: rgba(255,255,255,0.1);
}
main .worked .todayTime div div:not(.head):not(.total):nth-of-type(even), 
main .worked .todayPiece div div:not(.head):not(.total):nth-of-type(even), 
main .worked .todayCome div div:not(.head):not(.total):nth-of-type(even), 
main .planning .planData div div:not(.head):not(.total):nth-of-type(even) {
    background: rgba(255,255,255,0.05);
}
.linear-back {
    background-image: url('/image/background_button.png') !important;
    border: 6px solid #487ba7 !important;
}

/** CALENDAR */
.calendar .head,
.calendar .top {
    font-weight:bold;
    background:rgba(255,255,255,0.1);
}
.calendar .head {
    height:50px;
    justify-content: center;
    align-items: center;
    border-radius:7px 7px 0px 0px;
    background:#487ba7;
}
.calendar .head a:first-of-type {
    position: absolute;
    left: 0px;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.calendar .head a:last-of-type {
    position: absolute;
    right: 0px;
    width: 50px;
    height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.calendar > div {
    width:350px;
    display:flex;
    margin:auto;
    position: relative;
    border-left:3px solid #487ba7;
    border-right:3px solid #487ba7;
}
.calendar > div:last-of-type {
    border-bottom:3px solid #487ba7;
    border-radius:0px 0px 7px 7px;
}
.calendar div span,
.calendar div a {
    display:inline-flex;
    width:50px;
    height:50px;
    align-items:center;
    justify-content: center;
}
.calendar .prev,
.disabled {
    opacity:0.25;
    pointer-events:none;
}
.calendar .unrel {
    opacity:0.25;
}
.calendar .actual:before {
    content: ' ';
    position: absolute;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    margin-top: 25px;
    margin-left: 0px;
    background: white;
}
.calendar .continue {
    background: #ffffff1c;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #004785;
    border-right: 0px;
    border-left: 0px;
    box-sizing: border-box;
}
.calendar .end {
    background: white;
    color: #004785;
    font-weight: bold;
    border-radius: 0px 8px 8px 0px;
    border: 1px solid #004785;
    border-left: 0px;
    box-sizing: border-box;
}
.calendar .start {
    background: white;
    color: #004785;
    font-weight: bold;
    border-radius: 8px 0px 0px 8px;
    border: 1px solid #004785;
    border-right: 0px;
    box-sizing: border-box;

}
.calendar .end.start {
    border-radius: 8px 8px 8px 8px;
    border: 1px solid #004785;
    box-sizing: border-box;
}
.calendar .month {
    width:auto;
    padding-right:7px;
}
.calendar .year {
    width:auto;
}
main .setVacation > div, 
main .setWorkWay > div, 
main .setDoctor > div {
    display:inline-block !important;
}
main .setVacation .finalStartDate span,
main .setVacation .finalEndDate span,
main .setWorkWay .finalStartDate span,
main .setWorkWay .finalEndDate span,
main .setDoctor .finalStartDate span,
main .setDoctor .finalEndDate span {
    font-size: 75px;
    width: 20px;
    height: 70px;
    overflow: hidden;
    display: inline-block;
}
.specialChar {
    font-size: 75px;
    width: 20px;
    height: 54px;
    position: relative;
    top: -19px;
    margin: 0px 21px;
    overflow: hidden;
    display: inline-block;
}
main .setVacation h4, 
main .setWorkWay h4, 
main .setDoctor h4 {
    margin-top: 20px;
    margin-bottom: 10px;
}
main .setVacation h4:first-of-type,
main .setWorkWay h4:first-of-type,
main .setDoctor h4:first-of-type {
    margin-top: 10px;
}
main .setVacation .keyboard,
main .setWorkWay .keyboard,
main .setDoctor .keyboard {
    margin-bottom: 36px;
    margin-top: 26px;
}
main .planning .finalStartDate a,
main .planning .finalEndDate a {
    margin:0px 3px;
}
main .planning .calendar {
    width:500px;
}
main .planning .finalStartDate,
main .planning .finalEndDate {
    display:inline-block;
}
main .planning .default,
main .worked .default {
    color:rgba(255,255,255,0.3);
}
main .planning .lastPlan {
    position: relative;
    top: -39px;
}
main .planning .lastPlan > div:not(.keyboard) {
    margin-top: 51px;
}
main .planning .keyboard {
    font-size: 21px;
}
main .planning .planData .tableTime div span:nth-of-type(1) {
    width:60px;
}
main .planning .planData .tableTime div span:nth-of-type(2) {
    width:250px;
    text-align:center;
}
main .planning .planData .tableTime div span:nth-of-type(3) {
    width:200px;
    text-align:center;
}
main .planning .planData .tableTime div span:nth-of-type(4) {
    width:200px;
    text-align:center;
}
main .planning .planData .tableTime div span:nth-of-type(5) {
    width:250px;
    text-align:center;
}
main .planning .planData .tableTime div span:nth-of-type(6) {
    width:50px;
    text-align:right;
}
main .close, main .back {
    position: absolute;
    right: -30px;
    top: -30px;
    box-shadow: 0px 0px 5px black;
    font-size: 60px;
    color: #bb0909;
    background: white;
    border-radius: 100%;
    width: 57px;
    height: 57px;
}
main .close i, main .back i {
    position: absolute;
    margin-top: -1px;
    margin-left: -30px;
}
.user-name {
    font-weight:normal;
}
main .back {
    color: #4075a4;
    box-shadow: 0px 0px 5px black;
    left: -30px;
    top: -30px;
    right: auto;
    bottom: auto;
}
main .todayPiece .tableTime div {
    padding: 17px 17px !important;
}
main .todayCome .tableTime div {
    padding: 17px 17px !important;
}
main .planData .tableTime div {
    padding: 17px 17px !important;
}
main .show .tableTime .empty {
    width: 700px;
    font-style: italic;
    margin: 40px 0px 14px 0px;
    padding: 31px !important;
}
main .calendar .plan-start {
    background:#840000;
    border-radius:8px 0px 0px 8px;
    color:white;
    pointer-events:none;
    font-weight: bold;
    box-sizing: border-box;
    border: 1px solid #004785;
    border-right:0px;
    opacity:1;
}
main .calendar .plan-continue {
    background:rgba(132, 0, 0, 0.55);
    opacity:0.5;
    pointer-events:none;
    font-weight: bold;
    box-sizing: border-box;
    border: 1px solid #004785;
    border-right:0px;
    border-left:0px;
}
main .calendar .plan-end {
    background:#840000;
    border-radius:0px 8px 8px 0px;
    color:white;
    pointer-events:none;
    font-weight: bold;
    box-sizing: border-box;
    border: 1px solid #004785;
    border-left:0px;
    opacity:1;
}
main .calendar .plan-end.plan-start {
    background:#840000;
    border-radius:8px 8px 8px 8px;
    color:white;
    pointer-events:none;
    font-weight: bold;
    box-sizing: border-box;
    border: 1px solid #004785;
}
main .todayTime .tableTime > div {
    padding:17px 17px !important;
}

/** STRANKA */
.site main {
    z-index: 2;
    position: fixed;
    width: 100%;
    height: 100%;
    flex-flow: column;
}
.site main form {
    width:330px;
    position:relative;
    margin-top:30px;
    margin-bottom: 70px;
}
.site main form input {
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:17px;
    padding:10px 15px;
    border:1px solid rgba(0,0,0,0.5);
    border-radius:3px;
    background:rgba(255,255,255,0.75);
    box-sizing: border-box;
    margin-bottom:20px;
}
.site main form input[type=submit] {
    background: #004785;
    color: white;
    font-weight: bold;
    cursor: pointer;
    border: 1px solid #004785;
}
.controller, .performance {
    overflow-y: scroll;
}
.controller main, .performance main {
    display: block;
    z-index: 2;
    position: relative;
    height: auto;
    overflow: auto;
}
.controller main header img, .performance main header img {
    width: auto;
    height: auto;
    margin: 20px;
    margin-left:25px;
    width: 200px;
}
.controller main header nav.left, .performance main header nav.left {
    float:left;
}
.controller main header nav.right, .performance main header nav.right {
    float:right;
}
.controller main header nav a, .performance main header nav a {
    padding: 24px 28px;
    background: transparent;
    color: #004785;
    font-weight: bold;
    font-size: 23px;
    background: rgba(0,0,0,0.05);
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    display:inline-flex;
    transition:0.2s all;
}
.controller main header nav a.red, .performance main header nav a.red {
    border-color:#9a0000;
    color:#9a0000;
}
.controller main header nav a.red:hover, .performance main header nav a.red:hover {
    background:#9a0000;
    color:white
}
.controller main header nav.left a, .performance main header nav.left a {
    margin:25px 0px 25px 25px;
}
.controller main header nav.right a, .performance main header nav.right a {
    margin:25px 25px 25px 0px;
}
.controller main header nav.left a:not(:first-of-type), .performance main header nav.left a:not(:first-of-type) {
    margin-left:20px;
}
.controller main header nav.right a:not(:last-of-type), .performance main header nav.right a:not(:last-of-type) {
    margin-right:20px;
}
.controller main header nav a:hover, .performance main header nav a:hover {
    background: #004785;
    color:white;
}
.controller main header, .performance main header {
    display:block;
    text-align:left;
}
.controller main header nav a i, .performance main header nav a i {
    margin-right:5px;
}
.attendance {
    margin:20px;
    border-radius:5px;
    overflow:hidden;
    font-size:14px;
    margin-top:5px;
    margin-right:25px;
    margin-left:25px;
    margin-bottom:25px;
    background:rgb(234, 234, 234, 0.75);
    width:calc(100% - 430px);
    float: left;
}
.attendance > div {
    position:relative;
    display:flex;
    border-bottom:1px solid rgb(213 214 215);
}
.attendance div span {
    padding:5px 10px;
    box-sizing: border-box;
}
.attendance div.head,
.attendance div.foot {
    background: rgba(195, 195, 195, 0.75);
}
.attendance div.head span:nth-of-type(1),
.attendance div.foot span:nth-of-type(1) {
    display:inline-block;
    width:70px;
}
.attendance div.head span:nth-of-type(2),
.attendance div.foot span:nth-of-type(2) {
    display:inline-block;
    width:60px;
}
.performance .attendance div.head span:nth-of-type(2),
.performance .attendance div.foot span:nth-of-type(2) {
    display:inline-block;
    width:78px;
}
.attendance div.head span,
.attendance div.foot span {
    font-weight:bold;
    padding:10px 5px;
}
.attendance div.weekend {
    background:rgba(210, 210, 210, 0.75);
}
.attendance div.freeday span:first-of-type {
    color:#cb0000 !important;
}
.attendance div.freeday span:nth-of-type(2) {
    color:#cb0000 !important;
}
.attendance div.head span:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:last-of-type),
.attendance div.foot span:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:last-of-type) {
    display:inline-block;
    width:calc(calc(100% - 220px) / 25);
}
.performance .attendance div.head span:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:last-of-type),
.performance .attendance div.foot span:not(:nth-of-type(1)):not(:nth-of-type(2)):not(:last-of-type) {
    display:inline-block;
    width:calc(calc(100% - 230px) / 25);
}
.attendance div:not(.head):not(.foot) span:nth-of-type(1) {
    display:inline-block;
    width:35px;
    text-align:left;
    color:#a0a0a0;
}
.attendance div:not(.head):not(.foot) span:nth-of-type(2) {
    display:inline-block;
    width:35px;
    text-align:right;
    padding-left: 7px;
    padding-right: 7px;
}
.attendance div:not(.head):not(.foot) span:nth-of-type(3) {
    display:inline-block;
    width:60px;
    text-align:center;
}
.performance .attendance div:not(.head):not(.foot) span:nth-of-type(3) {
    width:78px;
}
.attendance .attends {
    width:calc(100% - 220px);
    position:relative;
}
.performance .attendance .attends {
    width:calc(100% - 230px);
    position:relative;
}
.attendance .attends div {
    height: 20px;
    background: rgb(183, 206, 136);
    position: absolute;
    border:1px solid rgb(132, 163, 67);
    margin-bottom: 2px;
    margin-top:2px;
}
.attendance > div span:last-of-type {
    display:inline-block;
    width:90px !important;
}
.performance .attendance > div span:last-of-type {
    display:inline-block;
    width:82px !important;
}
.attendance .attends .worktrip {
    background: rgb(213, 129, 171);
    border: 1px solid rgb(172, 57, 115);
}
.attendance .attends .break {
    background: rgb(249, 173, 110);
    border: 1px solid rgb(220, 105, 9);
}
.added {
    background-image: url('/image/attend-back.png') !important;
}
.attendance .actual, .attendance .weekend.actual {
    background: rgba(224, 224, 186, 0.75);
}
.attendance > div:not(.head):not(.foot):not(.nomonth):hover {
    background: rgba(224, 224, 186, 0.75);
}
.attendance > div:not(.head):not(.foot):not(.nomonth) {
    cursor:pointer;
}
.attendance .nomonth {
    pointer-events:none;
}
.attendance div span span.area {
    display:inline-block;
    width:8px !important;
    height:15px;
    background:#d43218;
    padding:0px;
}
.attendance div:not(.head):not(.foot) span:nth-of-type(3) {
    padding:6px 0px 0px 0px;
}
aside {
    margin-right: 25px;
    display: inline-block;
    width: 355px;
}
.choose-day {
    display: inline-block;
    width: 100%;
    margin-top: 5px;
    background: rgb(234, 234, 234, 0.75);
    border-radius: 5px;
    overflow:hidden;
    margin-bottom:25px;
    padding-bottom:25px;
    text-align:left;
}
.choose-day h2 {
    margin: 0px;
    background: rgb(0, 71, 133);
    color:white;
    font-size: 14px;
    padding: 10px 25px;
    text-align:center;
    border-bottom: 1px solid rgb(208, 208, 208, 0.75);
}
.choose-day h3 {
    padding: 0px 25px;
    text-align: center;
    margin-top: 17px;
    margin-bottom: -9px;  
}
.choose-day h4 {
    padding-left:25px;
    font-size: 14px;
    background: rgba(0, 71, 133, 0.15);
    padding: 10px 25px;
    margin-bottom: 8px;
    margin-top: 26px;
}
.choose-day .data {
    padding-left:25px;
}
.choose-day .data div span {
    display:inline-block;
    font-size: 14px;
}
.choose-day .data.terminal div span:nth-of-type(2),
.choose-day .data.enumeration div span:nth-of-type(2) {
    width: 55px;
    text-align: right;
    padding-right: 9px;
    padding-left: 4px;
}
.choose-day .data span.gray {
    width: 20px;
    height: 20px;
    background-color: #6B6B6B;
    border: 1px solid #737373;
    border-radius:3px;
    margin-right:5px;
}
.choose-day .data span.green {
    width: 20px;
    height: 20px;
    background-color: #b7ce88;
    border: 1px solid #84a343;
    border-radius: 3px;
    margin-right:5px;
}
.choose-day .data span.orange {
    width: 20px;
    height: 20px;
    background-color: rgb(249, 173, 110);
    border: 1px solid rgb(220, 105, 9);
    border-radius: 3px;
    margin-right:5px;
}
.choose-day .data span.purple {
    width: 20px;
    height: 20px;
    background-color: rgb(213, 129, 171);
    border: 1px solid rgb(172, 57, 115);
    border-radius: 3px;
    margin-right:5px;
}
.choose-day .data div {
    display: flex;
    align-items: center;
    margin:4px;
}
.choose-day .data.cumulation div span:nth-of-type(2) {
    width:calc(100% - 111px);
}
.choose-day .data.cumulation div span:last-of-type {
    width:55px;
    text-align:right;
}
.choose-day .data div span.icon i {
    font-size: 18px;
    padding-right: 9px;
    padding-left: 2px;
    color:#4a4a4a;
}
.choose-day .data.cumulation div,
.choose-day .data.month div {
    margin: 10px 4px;
}
.choose-day .data.cumulation div:last-of-type,
.choose-day .data.month div:last-of-type {
    margin-bottom:5px;
}
.choose-day .data.month div span:nth-of-type(2) {
    width:calc(100% - 119px);
}
.choose-day .data.month div span:last-of-type {
    width:62px;
    text-align:right;
}
.choose-day h3 a i {
    padding: 10px;
}
.choose-day .norecord {
    display:block;
    position: relative;
    left: -4px;
}
.choose-day h3 a:first-of-type {
    float: left;
    margin-top: -8px;
}
.choose-day h3 a:last-of-type {
    float: right;
    margin-top: -8px;
}
.attendance .attends .worktrip.added {
    background-image: url('/image/attend-back.png');
}
.choose-day.user {
    padding-bottom: 11px;
    text-align:center;
}
.choose-day h4 a {
    float: right;
    background: #004785;
    color: white;
    width: 42px;
    height: 42px;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    position: relative;
    top: -13px;
}
.choose-day .data.terminal div.add span:first-of-type {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
}
.choose-day .data.terminal div input {
    width: 59px;
    height: auto;
    font-family: Arial;
    font-size: 14px;
    position: relative;
    left: 0px;
    background: transparent;
    border: 0px;
    border-bottom: 1px solid #000000a3;
    padding: 3px;
    padding-bottom: 2px;
    padding-left: 2px;
}
.choose-day .data.terminal div input::placeholder {
    color:rgba(0,0,0,0.25);
}
.choose-day .data.terminal div .dots {
    position:absolute;
    margin-left: -57px;
    margin-top: -20px;
    pointer-events: none;
}
.choose-day .data.terminal div .dots::before {
    content:':';
    position:absolute;
}
.choose-day .data.terminal div .dots::after {
    content:':';
    position:absolute;
    margin-left: 20px;
}
.choose-day .data.terminal div select {
    height: 22px;
    font-family: Arial;
    font-size: 14px;
    padding-left: 0px;
    position: relative;
    left: -2px;
    background: transparent;
    border: 0px;
    border-bottom: 1px solid #000000a3;
    width: 135px;
}
.only-controller .choose-day .data.terminal div select {
    width:165px;
}
.choose-day .data.terminal input[type=submit],
.choose-day .data.terminal input[type=button]  {
    background: #004785;
    color: white;
    border: 0px;
    font-size: 13px;
    padding: 6px 20px;
    border-radius: 5px;
    cursor: pointer;
    width: auto !important;
    height: auto !important;
    margin-top: 7px;
}
.choose-day .data.terminal input[type=button]  {
    margin-right:8px;
}
.center {
    display:block;
    /*justify-content:center;*/
    height:auto !important;
}
.data.terminal .content {
    position:relative;
    left:auto;
    right:auto;
    z-index:auto;
    display:block;
    margin-left:0px;
}
.choose-day h4 a i.fa-times {
    font-size:23px;
}
.delete {
    display: inline-flex;
    background: #a90000;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    color: white;
    width: 22px;
    height: 22px;
    position: relative;
    left: 37px;
}
.choose-day .data div span:nth-of-type(3) {
    width: 138px;
}
.add .delete {
    margin-left: 2px;
}
.holiday {
    background-color:rgb(164, 193, 173) !important;
    border:1px solid rgb(111, 154, 124) !important;
    background-image:url('/image/attend-back_.png') !important;
}
.doctor {
    background-color: rgb(195 187 148) !important;
    border: 1px solid rgb(165 146 93) !important;
    background-image: url(/image/attend-back_.png) !important;
}
.planned {
    background-image: url(/image/attend-back_.png) !important;
}
span[id^=tooltip_content_] {
    font-size:13px;
    color:black;
}
.tooltip_templates {
    display:none;
}
.tooltip_err {
    color:red;
}
header nav .active {
    background:#004785 !important;
    color:white !important;
}


.performance .half-1 {
    background:rgba(0,0,0,0.09);
}
.performance .half-1-main:not(.attends) {
    background:rgba(0,0,0,0.03);
}
.performance .half-1-abs {
    display:inline-block !important;
    height:100% !important;
    background:rgba(0,0,0,0.03) !important;
    border:0px !important;
    position:relative !important;
    margin-top:0px !important;
    margin-bottom:0px !important;
    float:left;
}
.performance .attendance > div:last-of-type {
    border-bottom:0px !important;
}
.performance .head > span.half-1 + span:not(.half-1),
.performance .foot > span.half-1 + span:not(.half-1) {
    position:relative;
}
.performance .head > span.half-1 + span:not(.half-1)::after,
.performance .foot > span.half-1 + span:not(.half-1)::after {
    content:' ';
    position:absolute;
    left:0px;
    top:0px;
    width:50%;
    height:100%;
    background:rgba(0,0,0,0.09);
}
.performance .perform-graph-1 {
    border-right:0px !important;
}
.performance .perform-graph-2 {
    border-left:0px !important;
    background:rgb(119 163 202) !important;
    border-color:rgb(0 71 133) !important;
}
.performance .first-perform-graph-2 {
    /*border-left:1px solid #004785 !important;*/
}
.performance .attends .perform-graph-2:not(:nth-last-of-type(2)) {
    border-right:0px !important;
}
.performance .attends .direct {
    background: rgb(44 101 150) !important;
}
.performance .attends .gutter {
    background: rgb(76 122 163) !important;
}
.performance .attends .double {
    background: rgb(115 150 181) !important;
}
.performance .attends .slide {
    background: rgb(149 173 194) !important;
}
.performance .choose-day h2[onclick],
.controller .choose-day h2[onclick] {
    position:relative;
    cursor:pointer;
}
.performance .dropdown i,
.controller .dropdown i {
    position: absolute;
    right: 13px;
    top: 8px;
    font-size: 18px;
}
.performance .choose-day.closed,
.controller .choose-day.closed {
    padding-bottom:11px;
}
.performance .choose-day.closed > *:not(h2):not(h3),
.controller .choose-day.closed > *:not(h2):not(h3) {
    display:none;
}
.performance .icon-piece {
    display:inline-block;
    width: 20px;
    height: 20px;
    border-radius: 3px;
    margin-right: 5px;
}
.performance .icon-piece.direct {
    background-color: #2c6596;
    border: 1px solid #004785;
}
.performance .icon-piece.gutter {
    background-color: #4c7aa3;
    border: 1px solid #004785;
}
.performance .icon-piece.double {
    background-color: #7396b5;
    border: 1px solid #004785;
}
.performance .icon-piece.slide {
    background-color: #95adc2;
    border: 1px solid #004785;
}
.performance .icon-piece.piece {
    background: rgb(44,101,150);
    background: linear-gradient(180deg, rgba(44,101,150,1) 0%, rgba(149,173,194,1) 100%);
    border: 1px solid #004785;
}
.performance .choose-day .data.terminal div span:nth-of-type(3) {
    width: 116px;
}
.performance .choose-day .data.terminal div span:nth-of-type(4) {
    width: 81px;
    text-align: right;
}
.performance .choose-day .data.terminal div {
    width:100%;
}
.performance .choose-day .data div:not(.content) {
    margin:4px;
}
.performance .validate {
    position: relative;
    top: -7px;
    margin-bottom: -7px;
}
.performance .choose-day h4 {
    margin-bottom:10px;
}
.performance .choose-day .data.terminal div.content > div.add span:nth-of-type(2) {
    width: 60px;
    padding-right: 4px;
}
.performance .choose-day .data.terminal div.content > div.add span:nth-of-type(3) {
    width: 139px;
}
.performance .choose-day .data.terminal div.content > div.add span:nth-of-type(4) {
    width: 65px;
    height: 22px;
    display: inline-flex;
}
.performance .choose-day .data.terminal div.content > div.add span:nth-of-type(4) input:nth-of-type(2) {
    width: 35px;
    display: inline-block;
    padding-right: 3px;
    margin-left: 5px;
}
.performance .choose-day .data.terminal div.content > div.add span:nth-of-type(4) label {
    width: 15px;
    position: relative;
    top: 3px;
}
.performance .choose-day .data.terminal div.content > div.add span:nth-of-type(4) input:first-of-type {
    margin-left:4px;
}
.performance .choose-day .data.terminal div.content > div.add span:nth-of-type(2) input[readonly] {
    color:black;
    border-color:transparent;
    pointer-events: none;
}
.performance .delete {
    position: absolute;
    left: auto;
    margin-top: -11px;
    margin-left: -292px;
}
.performance div.add .delete {
    margin-left: -297px;
}
.performance .hide {
    display:none !important;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}
.text-right {
    text-align:right;
}
.performance .data.terminal .content {
    margin-top:17px;
}



.planning .attendance .attends {
    width: calc(100% - 220px);
}
.planning .doctor {
    background-image:none !important;
}
.planning .holiday {
    background-image:none !important;
}
.planning .choose-day .data.cumulation div:last-of-type span:nth-of-type(2) {
    width: calc(100% - 156px);
}
.planning .choose-day .data.cumulation div:last-of-type span:last-of-type {
    width: 100px;
}
.planning .data.terminal .validate .content .doctor,
.planning .data.month .doctor {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    margin-right: 5px;
    background-color: rgb(195 187 148) !important;
    border: 1px solid rgb(165 146 93) !important;
}
.planning .data.terminal .validate .content .holiday,
.planning .data.month .holiday {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    margin-right: 5px;
    background-color: rgb(164, 193, 173) !important;
    border: 1px solid rgb(111, 154, 124) !important;
}
.planning .data.terminal .validate .content .worktrip,
.planning .data.month .worktrip {
    width: 20px;
    height: 20px;
    border-radius: 3px;
    margin-right: 5px;
    background: rgb(213, 129, 171);
    border: 1px solid rgb(172, 57, 115);
}
.planning .choose-day .data.terminal div span:nth-of-type(2), .planning .choose-day .data.enumeration div span:nth-of-type(2) {
    width: 69px;
}
.planning .choose-day .data.terminal div span:nth-of-type(3) {
    width: 154px;
}
.planning .choose-day .data.terminal div {
    width: 100%;
}
.planning .choose-day:last-of-type .data.cumulation div, .planning .choose-day .data.month div {
    margin:4px !important;
}
.planning .data.terminal .content {
    position: relative;
    top: -6px;
}
.planning .norecord {
    margin-bottom:-7px !important;
}
.planning .delete {
    left: -263px;
}
.planning .choose-day .data.terminal div.hide {
    display:none;
}
.planning .choose-day .data.terminal div input {
    width:70px;
}
.planning .choose-day .data.terminal div select {
    width:183px;
}
.planning .choose-day .data.terminal .validate .content {
    margin-bottom: -6px;
}
.planning .attendance .checked {
    color: black;
    background: rgb(0 71 133 / 33%) !important;
}
.planning .attendance .checked span:first-of-type {
    color: black !important;
}
.planning .attendance .start-checked span:first-of-type,
.planning .attendance .end-checked span:first-of-type {
    color: white !important;
}
.planning .attendance .start-checked {
    color:white;
    background:#004785 !important;
    border-radius: 5px 5px 0px 0px;
}
.planning .attendance .end-checked {
    color:white;
    background:#004785 !important;
    border-radius: 0px 0px 5px 5px;
}
.planning .attendance .start-checked.end-checked {
    border-radius: 5px;
}
.planning .add-record.disabled {
    opacity:0.7;
    pointer-events:none;
    cursor: default;
}
.planning .del-record {
    display:none !important;
}
.history {
    /*background: rgba(210, 210, 210, 0.75);*/
}
.edit-record-button.disabled {
    opacity:0;
    pointer-events:none;
}


.only-controller .delete {
    position: absolute;
    margin-left: -33px;
    margin-top: -11px;
} 
.only-controller .data.terminal .validate {
    position: relative;
    top: 2px;
    margin-bottom: 28px;
}

.performance .choose-day.user a.cumulative {
    display: inline-block !important;
    background: #c7c7c7;
    border: 0px;
    font-size: 13px;
    padding: 4px 8px;
    border-radius: 3px;
    font-weight: bold;
    /* margin: auto; */
    margin-top: 7px;
    color: #004785;
    cursor: pointer;
    transition: all 0.2s;
    width: auto;
    margin-bottom: 5px;
}
.performance .choose-day.user a.cumulative:hover {
    background: #004785;
    color: white;
}
.performance .choose-day.user .unactive-users {
    color:gray;
}
.choose-day.user span {
    display: inline-block;
    margin-bottom: 16px;
}
.attendance .attends .login-double{
    background-color:#97b757;
}
.choose-day .data span.darkgreen {
    width: 20px;
    height: 20px;
    background-color: #97b757;
    border: 1px solid #84a343;
    border-radius: 3px;
    margin-right: 5px;
}

/** Administrátor */
.admin-panel {
    text-align: center;
    cursor: pointer;
}
.admin-panel.choose-day {
    padding-bottom: 20px;
}
.admin-panel.choose-day.closed {
    padding-bottom: 0px;
}
.admin-panel h4 {
    margin-top: 0px;
    text-align: center;
    font-weight: normal;
}
.admin-panel a {
    display: inline-block;
    width: 27%;
    margin: 0px 5px;
    background: rgb(0, 71, 133);
    color: white;
    font-size: 13px;
    text-align: center;
    box-sizing: border-box;
    font-weight: bold;
    border-radius: 5px;
    font-weight: bold;
    padding: 10px;
    transition: all 0.2s;
}
.admin-panel a i {
    display: block;
    font-size: 18px;
    margin-bottom: 6px;
}
.admin-panel .actions {
    padding-top: 10px;
}
.admin-panel .add {
    background: #007800;
}
.admin-panel .delete {
    background: #ab3535;
    position: relative;
    margin: 0px 5px 0px 5px;
    height: auto;
    left: 0px;
}
.admin-panel .add:hover {
    background: #006200;
}
.admin-panel .edit:hover {
    background: #00325e;
}
.admin-panel .delete:hover {
    background: #892020;
}

/** USER MANAGEMENT */
.user-manage {
    margin: 20px;
    border-radius: 5px;
    overflow: hidden;
    font-size: 14px;
    margin: 5px 12.5px 25px 25px;
    background: rgb(234, 234, 234, 0.75);
    width: calc(50% - 37.5px);
    float: left;
    padding: 0px 0px 25px 0px;
    position: relative;
}
.user-manage:last-of-type {
    margin: 5px 25px 25px 12.5px;
}
.user-manage * {
    box-sizing: border-box;
}
.user-manage h1 {
    margin: 0px;
    background: rgb(0, 71, 133);
    color: white;
    font-size: 14px;
    padding: 10px 25px;
    text-align: center;
    border-bottom: 1px solid rgb(208, 208, 208, 0.75);
    margin-bottom: 25px;
}
.user-manage label {
    display: block;
    text-align: left;
    width: 100%;
    font-size: 16px;
    padding-bottom: 0.5rem;
}
.user-manage input {
    display: block;
}
.user-manage form {
    display: inline-block;
    padding: 0px 40px 5px 40px;
    border-radius: 5px;
    width: calc(100% - 10px);
    margin: 0px 5px 0px 5px;
    overflow: hidden;
}
.user-manage .user-list {
    display: inline-block;
    border-radius: 5px;
    width: calc(100% - 90px);
    margin: 13px 45px 20px 45px;
    overflow: hidden;
    height: 100%;
}
.user-manage form div {
    position: relative;
    width: 100%;
    margin: 10px auto 1rem auto;
}
.user-manage form div i {
    font-size: 16px;
    display: flex;
    position: absolute;
    left: 0px;
    bottom: 0px;
    padding-left: 1px;
    color: white;
    background: #004785;
    width: 50px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 0.375rem 0px 0px 0.375rem;
    transition: 0.2s all;
    pointer-events: none;
}
.user-manage form div a {
    position: absolute;
    left: auto;
    right: 1px;
    bottom: 1px;
    border-radius: 0px 5px 5px 0px;
    width: 50px;
    height: 40px;
}
.user-manage form div a i {
    position: relative;
    background: transparent;
    color: black;
    border-radius: 0px;
}
.user-manage input,
.user-manage select {
    border: 1px solid #004785;
    padding: 0.5rem 0.75rem 0.5rem 3.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    display: block;
    width: 100%;
    background-color: #fff9;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out, background-color 0.2s;
}
.user-manage select {
    cursor: pointer;
}
.user-manage input[readonly] {
    background: #dbdbdb;
}
.user-manage form input[name='delete-user'] {
    background: #ad0000;
    border-color: #ad0000;
}
.user-manage form input[name='delete-user']:hover {
    background: #7c0000;
    border-color: #7c0000;
}
.user-manage input:focus,
.user-manage select:focus {
    color: #212529;
    border-color: #004785;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(0, 71, 133, 0.2);
    border-color: #00325e;
}
.user-manage input:focus + i,
.user-manage select:focus + i {
    background: #00325e;
}
.user-manage div:hover input,
.user-manage div:hover select {
    border-color: #00325e;
}
.user-manage div:hover > i {
    background: #00325e;
}
.user-manage input[type=button],
.user-manage input[type=submit],
.user-manage div input[name=remove-unattached-cards] {
    padding: 0.5rem 0.75rem 0.5rem 0.75rem;
    background: #959595;
    border-color: #959595;
    color: #ffffff;
    cursor: pointer;
    font-weight: bold;
}
.user-manage input[name=password-generate],
.user-manage div input[name=remove-unattached-cards] {
    background: #b5c4d3;
    color: #121212;
    border-color: #b5c4d3;
}
.user-manage input[type=submit] {
    background: #004785;
    border-color: #004785;
}
.user-manage input[type=submit]:hover {
    background: #00325e;
    border-color: #00325e;
} 
.user-manage input[type=button]:hover,
.user-manage div input[name=remove-unattached-cards]:hover {
    background: #a2aeb9;
    border-color: #a2aeb9;
}
.user-manage .buttons {
    margin-top: 30px;
}
.user-manage .user-list a {
    display: block;
    text-align: left;
}
.user-manage .user-list a.admin-user {
    border-color:#afadad;
}
.user-manage h2 {
    margin-bottom: 25px;
}
.user-manage .user-list h2 {
    margin-bottom: 40px;
}
.user-manage .user-list div {
    border: 1px solid #ebebeb;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    display: block;
    width: 100%;
    background-color: #fff9;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out, background-color 0.2s;
    overflow: hidden;
}
.user-manage .user-list a {
    border-bottom: 1px solid #bdbdbd;
    padding: 12.5px 0.75rem 12.5px 3.75rem;;
    position: relative;
    background: #ededed;
}
.user-manage .user-list a:last-of-type {
    border-bottom: none;
}
.user-manage .user-list a span.right {
    left: auto;
    right: 0px;
    background: none;
    color: black;
    width: 40px;
    font-size: 22px;
    font-weight: normal;
    border-bottom: none;
}
.user-manage .user-list a:hover span.right {
    background: none;
    color: black;
}
.user-manage .user-list a span {
    position: absolute;
    left: 0px;
    background-color: #004785;
    color: white;
    font-weight: bold;
    width: 50px;
    top: 0px;
    bottom: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-bottom: 1px solid #00325e;
}
.user-manage .user-list a:hover span:first-of-type,
.user-manage .user-list a.checked span:first-of-type {
    background-color: #00325e;
}
.user-manage .user-list a span:last-of-type i {
    display: none;
}
.user-manage .user-list a.checked span:last-of-type i,
.user-manage .user-list a:hover span:last-of-type i {
    display: inline;
}
.user-manage .user-list a:hover,
.user-manage .user-list a.checked {
    background-color: #bdbdbd;
    border-color: #afadad;
}
.user-manage .user-list .add-user {
    background: rgba(0, 71, 133, 0.15);
    font-weight: bold;
}
.user-manage .user-list .admin-user {
    background: #c2cfdd;
}
.user-manage h2 {
    background: rgba(0, 71, 133, 0.15);
    position: relative;
    left: -40px;
    width: calc(100% + 80px);
    padding: 12px;
    margin-top: 0px;
}
.user-manage .selector:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f107';
    font-size: 22px;
    display: inline-block;
    position: absolute;
    right: 4px;
    bottom: 0px;
    width: 42px;
    height: 33px;
    pointer-events: none;
}
.user-manage .checker {    
    display: flex;
    align-items: center;
    height: 33px;
    position: relative;
    padding-left: 35px;
    margin-bottom: -13px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-top: 23px;
    margin-left: 0px;
}
.user-manage .checker input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.user-manage .checker .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff9;
    border: 1px solid #004785;
    border-radius: 5px;
    transition: 0.2s all;
}
.user-manage .checker:hover input ~ .checkmark {
    border-color: #00325e;
}
.user-manage .checker input:checked ~ .checkmark {
    background-color: #004785;
}
.user-manage .checker input:checked ~ .checkmark:after {
    display: block;
}
.user-manage .checker .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 8px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.user-manage .required > div::before {
    position: absolute;
    content: ' ';
    width: 14px;
    height: 14px;
    border-radius: 5px;
    right: -4px;
    bottom: 32px;
    background: #dd0000;
}
.user-manage input[name=delete-user][disabled] {
    pointer-events: none;
    opacity:0.3;
}
.user-manage form .wrong input {
    border-color: #9b0000;
}
.user-manage form div > div {
    margin: 0px;
    border-radius: 0.375rem;
}
.user-manage form .wrong div > i {
    background: #9b0000;
}
.user-manage form .error-text {
    display: none;
}
.user-manage form .wrong .error-text {
    color: #9b0000;
    font-size: 12px;
    text-align: left;
    display: block;
    position: absolute;
    top: 3px;
    margin-top: 0px;
    right: 0px;
}
.user-manage .result-container {
    text-align: center;
    position: absolute;
    top: 26px;
    left: 0px;
}
.user-manage .result {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    border-radius: 0px 0px 10px 10px;
    color: white;
    padding: 5px 10px;
    width: auto;
}
.user-manage .result.ok {
    background: green;
}
.user-manage .result.err {
    background: rgb(199, 0, 0);
}
.user-manage .result.hide {
    display: none;
}
#hideMe {
    -moz-animation: cssAnimation 0.5s ease-in 10s forwards;
    -webkit-animation: cssAnimation 0.5s ease-in 10s forwards;
    -o-animation: cssAnimation 0.5s ease-in 10s forwards;
    animation: cssAnimation 0.5s ease-in 10s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes cssAnimation {
    to {
        opacity:0;
        overflow:hidden;
    }
}
@-webkit-keyframes cssAnimation {
    to {
        opacity:0;
        visibility:hidden;
    }
}
a.button-blue {
    margin: 0px;
    background: rgb(0, 71, 133);
    color:white;
    font-size: 14px;
    padding: 10px 25px;
    text-align:center;
    border-bottom: 1px solid rgb(208, 208, 208, 0.75);
    display: block !important;
    width: 100%;
}
a.button-blue:not(.open) {
    background: #ad0000;
}