body {
    background-color: #2f3640 !important;
    color: white !important;
    font-family: 'Poppins', sans-serif !important;
}
a {
    text-decoration: none!important;
    color: #e1b12c !important;
}

/* .header {
    margin-top: 200px;
    margin-bottom: 40px; 
} 
.header h1 {
    font-size: 75px;
    margin-bottom: 0px;
} */

.image-cropper {
  width: 240px;
  height: 240px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}

.img-profile {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: auto;
}

.link-block {
    padding: 20px;
    text-align: center;
}

.link-title {
    font-size: 30px;
    color: white;
    font-weight: bold;
}

.row-marge-top {
    padding-top:20px;
}
.link-button { 
     background: none;
     border: none;
     color: #e1b12c;
     text-decoration: none !important;
     cursor: pointer; 
}
.center-div {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
}
.gold {
	color: #e1b12c !important;
}
.gold or {
	color: white !important;
}
.red {
	color: red !important;
}
.green {
	color: #44bd32 !important;
}

.white {
  color: white !important;
}

.white or {
  color: #44bd32 !important;
}

.iframe {
  display: none;
}

.iframe.inUse {
    display: block;
}

.table-white {
    
    color: white !important;
}
.centertable {
  margin-left: auto;
  margin-right: auto;
}
.hidetext { 
    -webkit-text-security: disc; /* Default */ 
}


@media only screen and (max-width: 700px) {
  .header h1 {
    font-size: 30px;
    }
  .header h1 or {
    font-size: 22px;   
    }    
}
@media only screen and (max-width: 650px) {
  .header h1 {
    font-size: 28px;
    }
  .header h1 or {
    font-size: 20px;   
    }    
}
@media only screen and (max-width: 600px) {
  .header h1 {
    font-size: 26px;
    }
  .header h1 or {
    font-size: 18px;   
    }    
}
@media only screen and (max-width: 550px) {
  .header h1 {
    font-size: 24px;
    }
  .header h1 or {
    font-size: 16px;   
    }    
}
@media only screen and (max-width: 500px) {
  .header h1 {
    font-size: 22px;
    }
  .header h1 or {
    font-size: 14px;   
    }
}

.header2 h1 {
    font-size: 42px;
}
.header2 h1 or {
    font-size: 18px;
}
@media only screen and (max-width: 700px) {
  .header2 h1 {
    font-size: 32px;
    }
  .header2 h1 or {
    font-size: 18px;   
    }    
}
@media only screen and (max-width: 650px) {
  .header2 h1 {
    font-size: 30px;
    }
  .header2 h1 or {
    font-size: 16px;   
    }    
}
@media only screen and (max-width: 600px) {
  .header2 h1 {
    font-size: 28px;
    }
  .header2 h1 or {
    font-size: 14px;   
    }    
}
@media only screen and (max-width: 550px) {
  .header2 h1 {
    font-size: 26px;
    }
  .header2 h1 or {
    font-size: 12px;   
    }    
}
@media only screen and (max-width: 500px) {
  .header2 h1 {
    font-size: 24px;
    }
  .header2 h1 or {
    font-size: 10px;   
    }
}



.dropdown-menu {
    background-color: #2f3640 !important;
}

.nav-right{
    float: right !important;
}

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toptext {
  position: relative;
  text-align: center;
  color: white;
}
.shadow {
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 1);
}

.shadow or{
    font-size: 24px;
}

.centre {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.centre1000 { /* Center align and 100px width */
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: 1000px !important;
}
.container-fluid-title { /* Container-fluid without the left/right padding */
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.navbar { /* Removes the margin from the Botstrap nav bar */
    margin-bottom: 0px !important;
}
.nav-bg-dark {
    background-color: #303335 !important;
}

.img-darken {
  filter: brightness(80%);
}

.well-nopad {
    min-height: 20px;
    padding: 0px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid gray;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.well-smallpad {
    min-height: 20px;
    padding: 8px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid gray;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}
.media {
    padding: 19px !important;
}
.pad19 {
    padding: 19px !important;
}
.size24 {
    font-size: 24px !important;
}
.size24 or {
    font-size: 18px !important;
}
.vl-r { /* Vertical Line */
  border-right: 1px solid gray;
  height: 50px;
  padding-left: 5px;
  padding-right: 5px;
}
.vl-l { /* Vertical Line */
  border-left: 1px solid gray;
  height: 50px;
  padding-left: 5px;
  padding-right: 5px;
}
.nav-color:focus, .nav-color:hover {
    color: white !important;
}
.navmore {
    
}
.navmore:hover, .navmore:focus {
    background-color: gray !important;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: white !important;
    text-decoration: none;
    background-color: gray !important;
}

.nav-centre {
  float: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  white-space: nowrap;
    z-index: 1000;
}

.entrybox {
    border: 1px solid gray !important;
    background-color: #343a40 !important;
    color: white !important;
}
.entrybox2 {
    border: 1px solid gray !important;
    background-color: #454c52 !important;
    color: white !important;
}

.grayborder {
    border-color: gray !important;
}

.img-bright0 {
  filter: brightness(0%) !important;
    background-color: #303335 !important;
    opacity: 0;
}
.nav-bg-dark-clickable {
    background-color: #303335 !important;
}
.nav-bg-dark-clickable:hover {
    background-color: gray !important;
}


::-webkit-scrollbar {
    background: none;
    width: 16px;
    height: 16px;
}
:-webkit-scrollbar-corner {
    background: transparent;
}
::-webkit-scrollbar-thumb {
    border-width: 0px 4px;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0);
    border-image: initial;
    border-radius: 9px / 4px;
    box-shadow: rgb(123 135 147) 0px 0px 0px 1px inset, rgb(63 77 90) 0px 0px 0px 4px inset;
}
::-webkit-scrollbar-track-piece {
    margin: 4px 0px;
}