.card-hidden {
	display: none;
}

.yes_hidden {
	display: none;
}

body {
	background: #eee;
	background-color: #2C2A32;
	color: white;
}
html {
    background-color: #2C2A32;
}

.card-bottom-margin-30 {
	margin-bottom: 30px;
}

.card {
	background-color: #3B3743;
	border: 1px solid rgba(221, 217, 40, 0.5);
	margin-bottom: 40px;
}

.btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary:visited {
    color: white !important;
	border-color: white !important;
}

.btn-outline-primary:hover {
	border-color: #DDD928 !important;
	background-color: rgba(0,0,0,0);	
	color: #DDD928 !important;
}

.btn-outline-primary:active {
	border-color: #DDD928 !important;
	background-color: #DDD928 !important;
}

.table {
	color: white;
}


.form-control:focus {
  border-color: #DDD928;
  box-shadow: 0 0 0 0.1rem rgba(221, 217, 40, 1);
}


.breadcrumb-item.active {
	color: white;
}

.breadcrumb {
	background-color: rgba(0,0,0,0);
	padding: 0px;
}

a {
	color: #DDD928;
}
a:hover {
	color: #DDD928 !important;
}

.table-hover tbody tr:hover {
	color: #DDD928;
}

.form-control {
	color: white !important;
	background-color: #3B3743 !important;
	border: 1px solid white !important;
}


.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: white;
            opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: white;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
            color: white;
 }
	
	
.navbar-dark .navbar-nav .active > .nav-link {
	color: white;
}

.navbar-dark .navbar-nav .nav-link {
	color: white;
	
}

.navbar-dark .navbar-toggler {
	border-color: white !important;
}

.navbar-dark .navbar-toggler-icon {
	fill: white;
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: #DDD928 !important;
}

.navbar-dark .navbar-nav .show > .nav-link {
	color: #DDD928 !important;
}

.navbar-dark .navbar-nav .nav-link:focus {
	color: #DDD928 !important;
}
	

.dropdown-item {
	background-color: #3B3743 !important;
	color: white !important;
}

.dropdown-menu {
	background-color: #3B3743;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(221, 217, 40, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
  border-color: #DDD928 !important;;
} 


.login-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}






.form-control-plaintext {
	color: white; !important;
}





.icon-border {
	border: 2px solid;
	border-color: white;
}


.spacer {
	padding-bottom: 100px;
}





.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
















@media (min-width: 992px){
.navbar-expand-lg {
    margin-right: 30px;
}
}

@media (min-width: 576px){
.navbar{ 
	margin-left: 30px;
	margin-right: 30px;
 }
}

@media (min-width: 575.98px){
.navbar-expand-lg > .container{ 
	padding-left: 10px;
	padding-right: 10px;
 }
}

