.card-login {max-width:25rem;}
.loginlogo {text-align:center;}
.loginlogo img {max-width:25rem;}
.bg-dark {background-color:#2b2a28!important;}
.logo {text-align:center;height:50px}
.logodiv {width:calc( 100% - 120px );text-align:center;float:left;}
.logoutdiv {width:120px;text-align:center;float:left;padding:10px;padding-right:20px;}
.logoutdiv i {font-size:30px;}
.content {height:calc( 100% - 150px );padding:20px;color:#fff;}
.menu {height:100px;padding-left:20px;padding-right:20px;color:#fff;background-color:#000;}
.menu a {color:#fff;text-decoration:none;}
.menubutton {width:95px;height:95px;background-color:#161515;text-align:center;padding:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;cursor:pointer;margin-right:5px;float:left;}
.menubutton:hover {background-color:#2b2a28;}
.menubutton i {font-size:50px}
.activemenubutton {background-color:#2b2a28;}
.logo img {max-height:50px;}
.content {color:#fff;}
.content table td {color:#fff;}
.sentence {float:left;padding:5px;border-radius:5px;border:1px solid #fff;margin-right:5px;margin-bottom:5px;cursor:pointer}
.sentence:hover {background-color:#000;color:#fff;}
.sentences, .searchresults {height:100%;overflow:auto}
.existingusers {overflow:auto;height:100%;text-align:center;}
.messages {width:100%;background-color:#ccc;border:1px solid #fff;height:60%;color:#000;border-radius:5px;padding:5px;overflow:auto;}
.ordening {margin-right:5px;margin-top:5px;float:left;width:8%;background-color:#ccc;border:1px solid #fff;height:20%;border-radius:5px;padding:5px;color:#000;text-align:center;font-size:25px;}
.typemessage {float:left;width:70%;}
.sendmessage {float:left;width:calc( 20% - 5px );margin-left:5px;}
.message {margin-top:5px;width:100%;background-color:#ccc;border:1px solid #fff;height:20%;border-radius:5px;padding:5px;color:#000}
.sendbutton {width:100%;font-size:20px;text-align:center;padding:10px;margin-top:5px;border:1px solid #fff;border-radius:5px;background-color:#6f3f49;cursor:pointer;color:#fff;}
#refreshbutton {width:100%;font-size:20px;text-align:center;padding:10px;margin-top:5px;border:1px solid #fff;border-radius:5px;background-color:#3f6f4b;cursor:pointer;color:#fff;}
.numberingmessage {width:5%;float:left;cursor:pointer;clear:both;padding-top:5px;text-align:center;}
.showmessage {width:85%;border-bottom:1px dotted #333;margin-bottom:5px;padding:5px;cursor:pointer;float:left;}
.deletemessage {width:10%;float:left;background-color:#ff0000;color:#fff;padding:5px;text-align:center;cursor:pointer;}
.editmessage {width:10%;float:left;background-color:#009708;color:#fff;padding:5px;text-align:center;cursor:pointer;}
.showmessage:hover {border-left:5px solid #fff;}
.readmessage {background-color:#003d0f;color:#fff;}
.readmessage:hover {border-left:5px solid #fff;}
.showmessage .date {text-align:right;font-style:italic;}
.choosedoor {border-radius:5px;padding:15px;border:1px solid #fff;margin-right:5px;background-color:#43413f;/*width:600px;*/margin-bottom:5px;margin-left:auto;margin-right:auto;}
.choosedoorlr {float:left;border-radius:5px;padding:15px;border:1px solid #fff;margin-right:5px;background-color:#43413f;width:40%;margin-bottom:5px;margin-left:5%;margin-right:5%;}
.doors a {color:#fff;}
.doors {text-align:center;}
.choosedoor:hover {background-color:#000;cursor:pointer;}
.backlink a {color:#fff;font-size:32px;font-weight:500;text-decoration:none;}
.backlink i {margin-right:20px;}
.backlink a:hover {text-decoration:none;}
.inthisdoor {width:100%;}
.deeprow {width:100%;float:left;display:flex;align-items: center;justify-content: center;}
.wideCol {padding:10px;padding-bottom:5px;padding-top:5px;border-radius:5px;border:1px solid #fff;margin-right:5px;flex-basis:auto;background-color:#43413f;width:50px;text-align:center;}
.wideCol:hover {background-color:#000;cursor:pointer;}
.zijdeindicator {font-size:20px;text-align:center;}
.highrow {width:100%;align-items: center;justify-content: center;margin-bottom:5px;text-align:center;}
.highrowrow {margin-left:auto;margin-right:auto;padding:10px;border-radius:5px;border:1px solid #fff;width:600px;height:50px;}
.highrowrowleft {float:left;}
.highrowrowless:hover {background-color:#4f0000;color:#fff;cursor:pointer;}
.highrowrowmore:hover {background-color:#003d0f;color:#fff;cursor:pointer;}
.highrowrowright {float:left;padding-left:10px;text-align:left;}
.highrowrowless {float:left;height:30px;margin-right:10px;padding:10px;padding-top:5px;border-radius:5px;border:1px solid #fff;}
.highrowrowmore {float:right;height:30px;margin-left:10px;padding:10px;padding-top:5px;border-radius:5px;border:1px solid #fff;}
.formrow {width:100%;align-items: center;justify-content: center;margin-bottom:5px;text-align:center;}
.formrowleft {width:50%;float:left;text-align:right;padding:1%;}
.formrowleft selectk, .formrow select {padding:8px;width:50%;}
.formrowright {width:50%;float:left;text-align:left;padding:1%;}
.formrowright input, .formrow input {padding:7px;width:50%;}

.formrowsm {width:100%;align-items: center;justify-content: center;margin-bottom:2px;text-align:center;}
.formrowleftsm {width:50%;float:left;text-align:right;padding:2px;}
.formrowleftsm selectk, .formrowsm select {padding:3px;width:50%;}
.formrowrightsm {width:50%;float:left;text-align:left;padding:2px;}
.formrowrightsm input, .formrowsm input {padding:3px;width:50%;}

.resultrow {width:600px;margin-left:auto;margin-right:auto;padding:10px;border:1px solid #fff;border-radius:5px;margin-bottom:5px;}
.hourshistory {height:25%;overflow:auto;width:50%;margin-left:auto;margin-right:auto;}
.hourshistoryadmin {height:80%;overflow:auto;width:70%;margin-left:auto;margin-right:auto;}
th {color:#fff;}
tr:hover {background-color:#ccc}
.rowbutton {padding:5px;width:600px;border:1px solid #fff;margin-left:auto;margin-right:auto;margin-bottom:5px;cursor:pointer;border-radius:5px;}
.hoverEdit {cursor:pointer;}
.hoverEdit i {display:none;}
.hoverEdit:hover i {display:inline;margin-right:5px;}
.note {width:100%;}
.notes {overflow:auto;height:90%;}
.noteinput {width:100%;height:50%;}
.hoursoverviewleft {float:left;width:50%;padding-bottom:20px;}
.hoursoverviewright {float:left;width:50%;padding-bottom:20px;}
.hoursoverviewleft table tr:hover {background-color:transparent!important}
.hoursoverviewright table tr:hover {background-color:transparent!important}
.hoursoverviewsubmit {width:100%;font-size:20px;text-align:center;padding:10px;margin-top:5px;border:1px solid #fff;border-radius:5px;background-color:#6f3f49;cursor:pointer;color:#fff}