.thumbnail {
     width: 100%;
     margin-bottom: 6px;;
   }

   footer {
     padding-top: 30px;
   }


   #usernameDiv {
     /* background-color: aqua; */
     padding-top: 10px;
     padding-bottom: 15px;
     color: #F37000;
   }

   .navbar-brand {
     padding: 0 !important;
     margin-left: 0 !important;
     background-color: #ffffff !important;
     height: 100px;
   }

   .navbar-header {
        /* border: 0px solid magenta;
        margin-left: 32px !important;
        margin-right: 68px !important; */
        /* padding-top: 30px;  */
        padding-top: 10px;
   }

   #navigatiediv {
      vertical-align: bottom;
   }

   .navbar-default {
     background-color: #ffffff;
     border-color: #ffffff;
     border: 0px solid red;
     vertical-align: bottom !important;
   }

   .navbar-nav {
        font-size: large;
        color: white;
        border: 0px solid yellow;
        vertical-align: bottom !important;
        margin-top: 52px;
   }

   .navbar .navbar-default {
     vertical-align: bottom !important;
   }


   .navbar-nav li a {
     font-size: large !important;
     color: white !important;
     /* font-family: Arial AvenirLTW04-95Black,Nunito Sans ExtraBold !important; */
     /* font-size: 1rem !important; */
     /* letter-spacing: .6px !important; */
   }

   .nav {
     margin-left: 70px !important;
     vertical-align: bottom !important;
   }


body {
     overflow-y: auto; /* Hide vertical scrollbar */
     overflow-x: hidden; /* Hide horizontal scrollbar */
     /* background-color: #ffffff;
     color: #333; */
}

.container-fluid {
     /* FFUIT margin-left: 300px; */
     /* padding-left: 300px; */
     border-bottom: 1px solid #F37000;

}

.pagewrapper {
  width: 100%;
}

.static-content {
  margin-left: 100px !important;
}

@media screen and (max-width: 420px) {
     .static-content { margin-left: 20px; }
}


.panel-body {
     color: black;
}

#header {
     width: 100%;
     /* height: 110px; */
     height: auto;
     background-color: #ffffff;
     /* padding-left: 312px; */
     /* padding-top: 30px; */
}

.center {
  margin: auto;
  /* width: 560px; */
  border: 0px solid green;
  /* padding: 10px; */
}

.clearfix:after {
     content: "";
     display: table;
     clear: both;
}


.wrapper {
     /* display: inline-block; */
     min-height: 10px;
}



 /* dataTables_wrapper dt-bootstrap4 no-footer */

#videowrapper{
     margin-top: 20px;
     width: 100%;
     border: 0px solid #ffffff !important;
}


#videowrapper table {
     max-width: 100%;
     width: 100% !important;
}

#formbox {
     display: inline-block;
     /* min-height: 150px; */
     height: auto;
     border: 0px solid #ffffff !important;
     padding: 10px !important;
     /* margin-top: 40px !important; */
}

#rvdrlogo {
     float: left;
     height: auto;
     max-height: 80px;
}

#logowrapper {
     float: left;
}

.box-title {
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bold;
     font-size: 150%;
     padding-top: 55px;
     padding-left: 220px;
     color: white;
     float: left;
}


#fileUploadForm {
     margin-top: 10px;
}


#uploadFiles {
     color: #ffffff;
}

.btndelete {
     background-color: #ffffff;
     color: white;
     /* vertical-align: middle; */
}


.btn {
     /* padding: 2px !important; */
     line-height: 1 !important;
     vertical-align: middle !important;
}

/* .btn-primary {
     padding: 2px !important;
} */

.table td {
     border: 0px red !important;
     padding: 2px 2px 2px 10px !important;
     vertical-align: middle !important;
}

.rowline {
     vertical-align: middle !important;
     height: 25px !important;
}


#btnaction {
     padding-top: 5px !important;
     padding-bottom: 5px !important;
     margin-top: 2px !important;
     text-align: center;
}

.actionbtn {
     vertical-align: middle;
}

#buttonSubmit {
     color: red;
}

.th-col-2 {
   text-align: center;
}

.videocell {
     padding-left: 25px !important;
}

/* .videocell hover {
     color: white !important;
} */


.page-item.active .page-link {
   background-color: #ffffff !important;
   border-color: #ffffff !important;
}

#mupload {
     /* margin-top: 20px !important; */
     border: 0px solid #ffffff !important;
     /* background-color: aqua !important; */
}

#uploadtypes {
     margin-top: 2px !important;
     font-size: x-small;
     font-style: italic;
     color: #ffffff;
     /* background-color: red !important; */
}

#muploadbtn {
     margin-top: 2px !important;
     float: left;
     width: 50%;
}


.box-result {
     margin-top: 2px !important;
     float: left;
     text-align: right;
     width: 50%;
     padding-top: 7px;
     font-family: sans-serif;
     font-weight: normal;
     color: red;
     min-height: 30px;
     height: auto;
}

.box-error {
     /* margin-top: 55px; */
     width: 100%;
     padding-top: 0px;
     font-family: sans-serif;
     font-weight: normal;
     color: red;
     min-height: 30px;
     height: auto;
}

button, input, optgroup, select, textarea {
     font-weight: normal !important;

}



.panel-primary .panel-heading {
     background-color: #ffffff;
     border-color: #ffffff;
}

.btn-primary {
     padding: 2px !important;
     height: 50px !important;
     width: 100% !important;
     font-size: 16px;
     /* font-size: 6vw; */
     font-weight: bold;
     background-color: #F37000 !important;
     border-color: #ffffff;
}

.btn-info {
     height: 40px !important;
     width: 60px !important;
     /* background-color: blue; */
     /* border-color: #ffffff; */
}



.panel {
     border: 0px !important
}



#deploy-btnbox-1 {
    float: left;
}

#deploy-box-btn {
     float: left;
}

#deploy-box-result {
     margin-top: 4px;
     margin-left: 20px;
     color: #ffffff;;
     font-weight: bold;
     float: left;
}

#releasewrapper {
     margin-top: 50px !important;
}

.releasewrapper-title {
     color: white;
     /* font-weight: bold; */
     font-size: large;
}

.stsrow {
     padding-top: 2px;

}

.tstamp {
     float: left;
     width: 125px;
     font-family: sans-serif;
     font-weight: normal;
     font-size: small;
     color: #062e84;
}

.msgtxt {
     float: left;
     width: 200px;
     padding-left: 8px;
     font-family: sans-serif;
     font-weight: normal;
     font-size: small;
     color: #078B21;
}


#main-menu {
     /* width: 400px !important; */
     margin-left: 30px !important;
     /* margin-top: 52px !important; */
     float: left;
}


.has-submenu a.highlighted {
     background-color: #ffffff !important;
     color: white;
     padding-top: 40px !important;
}

.sm-nowrap {
     background-color: #ffffff !important;
     color: white;
}


.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {
     font-size: 18px !important;
     font-family: Arial, Helvetica, sans-serif !important;
}

.sm-clean a:hover {
     background-color: #F37000 !important;
     color: white !important;
     border-radius: 5px !important;
}

.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
     font-size: 18px !important;
     font-family: Arial, Helvetica, sans-serif !important;
     color: #F37000;
}

.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
     font-size: 18px !important;
     font-family: Arial, Helvetica, sans-serif !important;
     color: #F37000;
}

.sm-clean a.current {
     color: #F37000;
     font-weight: bold;
}

.sm-clean {
     z-index: 1 !important;
     background-color: #ffffff;
}


.sm-clean ul {
     margin-top: 8px !important;
     padding-top: 5px !important;
     padding-left: 5px !important;
     padding-right: 5px !important;
}


.sm-clean .sub-arrow {
    border-top-color: white !important;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}



.navbar-right {
     margin-top: 52px !important;
     font-size: 18px !important;
     font-family: Arial, Helvetica, sans-serif !important;
     color: white;
 }

 /* .btn-info {
     margin-top: 52px !important;
     font-size: 18px !important;
     font-family: Arial, Helvetica, sans-serif !important;
     color: white;
 } */

 .btn-logout {
     font-size: 18px !important;
     font-family: Arial, Helvetica, sans-serif !important;
     /* background-color: #F37000 !important; */
     /* background-color: #F37000 !important; */
     /* background-color: lightgrey !important; */
     color: #F37000;
     /* color: white !important; */
     height: 41px !important;
     border-radius: 5px !important;
     /* padding-left: 5px; */
     border: 0px !important;
 }

 .btn-logout hover {
     font-size: 18px !important;
     font-family: Arial, Helvetica, sans-serif !important;
     background-color: #F37000 !important;
     /* color: white !important; */
     border-radius: 5px !important;
     height: 41px !important;
 }


.menu-left {
     float: left;

}

.menu-right {
      float: right;
}

.sm .sm-clean {
     margin-right: 0px !important;
     padding-right: 0px !important;
}

.videobox {
   min-width: 450px;
   /* max-width: 450px; */
   /* overflow: hidden; */
}

.title {
     font-size: x-large;
     color: #F37000;
}

.table-hover tbody tr:hover td {
     background: #484847 !important;
     color: #ffffff;
     /* font-weight: bold; */
 }

table#orders.dataTable tbody tr:hover {
     background-color: #F37000 !important;
}

table#orders.dataTable tbody tr:hover > .sorting_1 {
     background-color: #F37000 !important;
}

table#tasks.dataTable tbody tr:hover {
     background-color: #F37000 !important;
     color: #FFF;
}

table#tasks.dataTable tbody tr:hover > .sorting_1 {
     background-color: #F37000 !important;
     color: #FFF;
}

.page-item.active .page-link {
     color: #FFF !important;
     background-color: #F37000 !important;
     border-color: #F37000 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
     padding: 0 !important;
}



.inputButton {
     /* background-color: #062e84; */
     color: green;
     width: 100%;
     font-weight: bold;
     font-size: 16px;
     height: 50px;
 }


 .homepage {
     font-family: "Lato", Arial, Helvetica, sans-serif !important;
 }


 /* ///// vanaf hier //////// */


 #videowrapper{
     margin-top: 20px;
     border: 0px solid #F37000 !important;
}

#formbox {
     /* display: inline-block; */
     /* min-height: 150px; */
     height: auto;
     border: 0px solid #F37000 !important;
     padding: 10px !important;
     /* margin-top: 40px !important; */
}



.box-title {
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bold;
     font-size: 150%;
     padding-top: 55px;
     padding-left: 220px;
     color: white;
     float: left;
}


#fileUploadForm {
     margin-top: 10px;
}


#uploadFiles {
     color: #F37000;
}

.btndelete {
     background-color: #F37000;
     color: white;
}

#btnSubmit {
     background-color: #F37000;
     color: white;
}
.videocell {
     padding-left: 25px !important;
}

.page-item.active .page-link {
   background-color: #F37000 !important;
   border-color: #F37000 !important;
}

#mupload {
     /* margin-top: 20px !important; */
     border: 0px solid #F37000 !important;
     /* background-color: aqua !important; */
}

#uploadtypes {
     margin-top: 2px !important;
     font-size: x-small;
     font-style: italic;
     color: #F37000;
     /* background-color: red !important; */
}

#muploadbtn {
     margin-top: 2px !important;
     float: left;
     width: 50%;
}


.box-result {
     margin-top: 2px !important;
     float: left;
     text-align: right;
     width: 50%;
     padding-top: 7px;
     font-family: sans-serif;
     font-weight: normal;
     color: red;
     min-height: 30px;
     height: auto;
}

.box-error {
     /* margin-top: 55px; */
     width: 100%;
     padding-top: 0px;
     font-family: sans-serif;
     font-weight: normal;
     color: red;
     min-height: 30px;
     height: auto;
}

button, input, optgroup, select, textarea {
     font-weight: normal !important;

}



.panel-primary .panel-heading {
     background-color: #F37000;
     border-color: #F37000;
}

.btn-primary {
     height: 40px !important;
     width: 60px !important;
     background-color: #F37000;
     border-color: #F37000;
}

.btn-info {
     height: 40px !important;
     width: 60px !important;
     background-color: #F37000;
     border-color: #F37000;
}

#teamsectionrow {
     float: left;
     width: 100%;
     height: 30px;
}

#teamsection {
     float: left;
}

#errorbox {
     float: left;
}

#curteam {
     float: right;
}

#games {
     border-top: 1px solid !important;
     border-right: 1px solid !important;
     border-bottom: 1px solid !important;
     border-left: 1px solid !important;
}

#menu_spacer {
     height: 20px;
}