@charset "utf-8";
/* CSS Document */

body {
	background-color: #000000;
	color: #ffffff;
	font-family: 'Exo 2', sans-serif;
	letter-spacing: 1px;
}
.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,.75);
}
.navbar-dark .navbar-nav .nav-link:hover {
	color: rgba(255,255,255,.95);
}
.content {
	background-color: #ffffff;
	color: #000000;
	padding: 20px;
	margin-top: 20px;
	border-radius: 0px;
    font-family: 'Exo 2', sans-serif;
}

.login_f  {
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 768px) {

.login_f  {
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}
	
}

label {
    color: #E5B80B;
    font-weight: 600;
    margin: 15px;
}

.form-control {
	border-radius: 0;
	font-weight: 700;
}

.container h2 {
	margin-top: 15px;
}

.dashboard-button {
            margin-bottom: 10px;
            width: 100%;
}

.bgbody {
	background-color: #fff;
}

.modal-header {
    border-bottom: 0px;
    background-color: #4F4D4D;
}

.modal-body {
	border-bottom: 0px;
	background-color: #4F4D4D;
}

.modal-footer {
	border-top: 0px;
	background-color: #4F4D4D;
}

.ime_klient {
	font-weight: bold;
	font-size: 22px;
	color: #E5B80B;
}

.nkl {
	background-color: #000;
	color: #fff;
}

/* BODY */

.body-image {
	width: 240px;
	height: auto;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.bgrp {
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}
.form-group {
	margin-right: auto;
}

.bgrp label {
	color: #333;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	display: block;
	padding-top: 15px;
}

.marker {
	width: 20px;
	height: 20px;
	background-color: red;
	border-radius: 50%;
	position: absolute;
	cursor: pointer;
	color: red; /* Вътрешната точка е червена */
	text-align: center;
	line-height: 20px;
}
.form-group {
	margin-right: 20px;
}
@media print {
	.no-print {
		display: none;
	}
	.marker {
		background-color: black !important;
		color: black !important; /* Вътрешната точка е черна при печат */
		font-size: 65px !important;
		border-radius: 50% !important;
		visibility: visible !important;
		display: block !important;
		position: absolute !important;
	}
}

.marker-text {
	display: none;
}

.marker-list-item {
	cursor: pointer;
}

.form-select {
    border-radius: 0px;
    text-align: center;
}

#totald {
    font-size: 25px;
    font-weight: bold;
    color: red;
}

#balanced {
    font-size: 25px;
    font-weight: bold;
    color: pink;
}

.alr {
    margin-top: 25px;
    width: 60%;
    margin-left:  auto;
    margin-right: auto;
    text-align: center;
    font-weight: 600;
}

.btable {
    width: 100%; 
    color: #000000;
}

.btable td, .btable th {
    border: 1px solid black;
    padding: 3px;
    color: #000000;
}
.btable {
    text-align: left;
    color: #000000;
}

.rev_id_link {
    text-decoration: none;
}

.navbar-toggler {
	border: 0px solid transparent;
	border-radius: 0px;
}

.nav-link span {
    display: none;
}

@media (max-width: 600px) {
    .nav-link span {
        display: initial;
        margin-left: 10px;
    }
    .div_sm_btn {
            text-align: right;
    }
    .settings_sm_btn {
        margin: 15px;
    }
    
}

.settings_sm_btn {
    margin-right: 15px;
}

.div_sm_btn {
    text-align: center;
}

.deg_field {
    background: url('../images/deg.png') no-repeat;
    background-position: calc(100% - 5px) 5px; 
    background-color: #ffffff; 
    padding-right: 20px; 
}

.prizm_field {
    background: url('../images/prizm.png') no-repeat right center;
    background-color: #ffffff; 
    background-position: calc(100% - 5px) center;
    padding-right: 20px; 
}

.demobtm {
    font-weight: bold;
    font-size: 32px;
}