.nav-tabs {
  margin-left:15px;
  margin-right:15px;
}

.tab-content {
  margin-left:15px;
  margin-right:15px;
}

.formpanel{
	background-color: #f7f7f7;
}

div.icon-filter, div.icon-service{
	min-height: 60px;
	background: #fff;
	color: #555555;
	padding: 10px 25px;
    display: inline-block;
    vertical-align: middle;	
	/*font-size: 75%;*/
	cursor: pointer;	
    border-bottom: 3px solid #fff;	
    /*border-left: 1px solid #cccccc;*/
}

div.icon-filter:hover, div.icon-service:hover{
    border-bottom: 3px solid #cccccc;	
}

div.selected:hover{
    border-bottom: 3px solid #66b2e8;
}

div.selected{
    border-bottom: 3px solid #66b2e8;
}

h2.pagetitle{
	display: inline-block;
	margin-right: 40px;
}

div.requestcard{
	width: 225px;
    height: 225px;
    display: inline-block;
    border: 2px solid #cccccc;
    padding: 10px;
	margin: 0px 10px 10px 0px;
	border-radius: 7px;
	cursor: pointer;
}

div.requestcard:hover{
	border: 2px solid #66b2e8;
}

div.requestcard a{
	text-decoration: underline;
}	
	
.requestcardlabel{
	font-size: 75%;
	color: #888888;
}

.requestcardtitle{
    margin: 5px 0px 0px 0px;
	height: 45px;
	max-height: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.requestcardprice{
	margin-top: 0px;
	padding-bottom: 5px;
	border-bottom: 1px solid #cccccc;
}

div.requestdatablock{
    height: 150px;
	padding-top: 15px;
	margin: 5px 0px;
	border-radius: 7px;
	text-align: center;
    border: 1px solid #cccccc;
	line-height: 1;
}

div.contractcard{
	width: 425px;
    height: 200px;
    display: inline-block;
    border: 2px solid #cccccc;
    padding: 10px;
	margin: 0px 10px 10px 0px;
	border-radius: 7px;
	/*cursor: pointer;*/
}


div.good{
	border-color: #daf9da;
	background: #daf9da;
}

div.warning{
	border-color: #ffffe0;
	background: #ffffe0;
}

div.error{
	border-color: #f9e6e6;
	background: #f9e6e6;
}

a.datablocklarge{
	font-size: 30pt;
	line-height: 2;
}

.panelborder{
    border: 2px solid #7ad27a;
    border-radius: 7px;
    padding: 15px 0px;
	margin: 10px;
}

img.captcharefresh{
	width: 28px;
	cursor: pointer;
}

div.fillbyinn{
    background-color: moccasin;
    display: table-cell;
    height: 60px;
	padding: 0px 15px 0px 15px;
    vertical-align: middle;
}

.fillbyinnarrow {
	width: 140px;
	height: 40px;
	margin: 10px -10px;
	background: moccasin;
	position: relative;
	padding-left: 10px;
}

.fillbyinnarrow:after{
	content: "";
	width: 0; height: 0;
	position: absolute; top: -10px; left: 100%;
	border-width: 30px 0 30px 40px;
	border-style: solid;
	border-color: transparent moccasin;
}

.nopadding{
	padding: 0px;
}

.nomargin{
	margin: 0px;
}

.padding15{
	padding: 15px;
}

.col-25pc{
	display: inline-block;
    width: 25%;
}

.col-33pc{
	display: inline-block;
    width: 33%;
}

.col-60pc{
	display: inline-block;
    width: 60%;
}

.text-red {
  color: red;
}

.text-orange {
  color: #f99700;
}

.text-green {
  color: #15a556;
}

.text-black {
  color: #000000;
}
.lk-auth{
	height: 40px;
	border-bottom: 2px solid #7ad27a;
	/*background: #93c5ea;*/
}

.lk-menu{
	padding-top: 0px;
    padding-bottom: 10px;	
	margin: 0px;
	/*font-weight: 600;*/
	font-size: 18px;
	border-bottom: 2px solid #7ad27a;
}

.lk-user-login{
	margin-top: 10px;
	float: right;
	padding-right: 50px;
}

.lk-logout-text{
	cursor: pointer;
	padding-left: 25px;
}

.lk-logout-text:hover{
	text-decoration: underline;
}

#dt{text-indent: -500px;height:25px; width:200px;}

.bg-image {
  position: absolute; 
  top: 0; 
  left: 0; 
  object-fit: cover;
  min-width: 100%;
  min-height: 100%;
  filter: blur(5px);
  background-image: url("https://cdnimg.rg.ru/img/content/167/70/53/iStock-995038782_d_850.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
 .bg-image:before {
  position: absolute;
  content: '';
  left:0; top:0;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,0.25);
}

.container-bg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.input-group-text {
  width : 100%; 
}

.input-group-prepend {
  width : 25%; 
}

.input-group-prepend label {
  width: 100%;
  overflow: hidden;
}

#backgroundVideo {
  filter: blur(5px);
  -webkit-filter: blur(5px);
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  opacity:0.75
}

.position-input{
	font-size: 14px;
}

.your-last-bet {
  background-color: rgb(153, 230, 153);
  padding: 20px;
  font-size: 24px;
  font-weight:bold
}
.last-bet {
  padding: 20px;
  font-size: 24px;
  font-weight:bold
}

.header-table {
   background-color: rgb(192, 192, 192);
}

#finish_counter {
  position: fixed;
  top: 0;
  width: 100%;
  pointer-events: none;
}


.gg-chevron-double-up {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,2));
    width: 22px;
    height: 22px;
    color:rgb(153, 230, 153);
    margin:10px;
}
.gg-chevron-double-up::after,
.gg-chevron-double-up::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-top: 2px solid;
    border-left: 2px solid;
    transform: rotate(45deg);
    left: 7px;
    bottom: 3px
}
.gg-chevron-double-up::after {
    bottom: 8px
}


.gg-chevron-double-down {
    box-sizing: border-box;
    position: relative;
    display: block;
    transform: scale(var(--ggs,2));
    width: 22px;
    height: 22px;
    color:rgb(153, 230, 153);
    margin:10px;
}
.gg-chevron-double-down::after,
.gg-chevron-double-down::before {
    content: "";
    display: block;
    box-sizing: border-box;
    position: absolute;
    width: 8px;
    height: 8px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    transform: rotate(45deg);
    left: 7px;
    top: 3px
}
.gg-chevron-double-down::after {
    top: 8px
}

/* --- Отметки проверки полей ------------------------------------------------
   Bootstrap красит зелёным любое поле, которое не нарушает правил браузера, —
   включая пустое необязательное и капчу, проверить которую браузер не может.
   Автоматическую зелёную отметку гасим целиком: она возвращается только классом
   is-valid, который код ставит после настоящей проверки. Красная отметка
   Bootstrap не меняется. */
.was-validated .form-control:valid,
.was-validated .custom-select:valid {
    border-color: #ced4da;
    background-image: none;
    padding-right: .75rem;
}
.was-validated .form-control:valid:focus,
.was-validated .custom-select:valid:focus {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25);
}
/* Флажки и переключатели: Bootstrap красит зелёным их подписи по тому же правилу. */
.was-validated .form-check-input:valid ~ .form-check-label,
.was-validated .custom-control-input:valid ~ .custom-control-label {
    color: inherit;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.was-validated .custom-file-input:valid ~ .custom-file-label {
    border-color: #adb5bd;
}

/* Зелёное — только там, где проверка действительно пройдена. */
.was-validated .form-control.is-valid,
.form-control.is-valid {
    border-color: #28a745;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
    padding-right: calc(1.5em + .75rem);
}
.was-validated .form-control.is-valid:focus,
.form-control.is-valid:focus {
    border-color: #28a745;
    box-shadow: 0 0 0 .2rem rgba(40, 167, 69, .25);
}

/* Подпись «Отлично!» приходит из шаблона 1С и показывалась Bootstrap у любого
   поля, которое не нарушает правил браузера. Рамку мы погасили, а подпись
   оставалась — поле без отметки, а под ним «Отлично!». Показываем её там же,
   где и зелёную рамку: после реальной проверки. */
.was-validated .form-control:valid ~ .valid-feedback,
.was-validated .custom-select:valid ~ .valid-feedback {
    display: none;
}
.was-validated .form-control.is-valid ~ .valid-feedback,
.form-control.is-valid ~ .valid-feedback {
    display: block;
}