body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
    height: 100%;
    margin: 20px;
    padding: 20px;
	min-width: 1024px;	
}
		
.form-control:focus {
  border: 2px solid;
  border-color: rgba(50, 205, 50, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(50, 205, 50, 0.1);
  outline: 0 none; 
}
/* bootstrap a color !important*/
a {
	color: black !important;
}

.alert{
	background:rgba(255, 222, 119, 0.8);
}

.container-fluid{
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;}
	

table, th, td {
            border: solid 1px #ddd;
            border-collapse: collapse;
            padding: 2px 3px;
            text-align: left;
        }
 th {
            font-weight:bold;
 }
 
/*Modal mask 1*/ 
    .modal-mask {
        position: absolute;
        z-index: 9998;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        display: table;
        transition: opacity .3s ease;
    }

    .modal-wrapper {
        display: table-cell;
        vertical-align: middle;
    }

    .loader {
        border: 16px solid #f3f3f3; /* Light grey */
        border-top: 16px solid #3498db; /* Blue */
        border-radius: 50%;
        width: 120px;
        height: 120px;
        animation: spin 2s linear infinite;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    /*-----------*/
    .loader {
        border: 16px solid #f3f3f3; /* Light grey */
        border-top: 16px solid #3498db; /* Blue */
        border-radius: 50%;
        width: 120px;
        height: 120px;
        animation: spin 2s linear infinite;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
/*Modal mask 1*/ 

/*Modal mask 2*/ 
/*Modal mask 2*/ 	
	
/*.modal-backdrop{opacity: 0 !important;} убрать затемнение модального окна*/
/*.
.container-fluid{
	background:rgba(116,156,76, 0.8);
}
.p-1 h3{
	color: white;
}*/


/* Модальный (фон) */
.modal-test  {
  display: none; /* Скрыто по умолчанию */
  position: fixed; /* Оставаться на месте */
  z-index: 9999; /* Сидеть на вершине */
  padding-top: 100px; /* Расположение коробки */
  left: 0;
  top: 0;
  width: 100%; /* Полная ширина */
  height: 100%; /* Полная высота */
  overflow: auto; /* Включите прокрутку, если это необходимо */
 /* background-color: rgb(0,0,0); /* Цвет запасной вариант  */
/*  background-color: rgba(0,0,0,0.4); /*Черный с непрозрачностью */
}

/* Модальное содержание */
.modal-content-test  {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 21rem; 
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s
}

/* Добавить анимацию */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* Кнопка закрытия */
.close-test-info {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close-test-info:hover,
.close-test-info:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}



/* Кнопка закрытия */
.close-test {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}


.close-test:hover,
.close-test:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-header-test {
  padding: 4px 16px;
  background-color: #769bcc;
  color: white;
}

/*.modal-body-test  {padding: 2px 16px;} */

.modal-footer-test  {
  padding: 2px 16px;
  background-color: #769bcc;
  color: white;
}

/*select2*/
.select2-selection__rendered {
    line-height: 32px !important;
}
.select2-container .select2-selection--single {
    height: 36px !important;
}
.select2-selection__arrow {
    height: 35px !important;
}

.select2-container--default .select2-selection--single {
	border: 1px solid #ced4da !important;
}

.select2-search--dropdown:focus {
	 border-color: rgba(50, 205, 50, 0.8) !important;
}

.select2-search__field:focus {
	 border-color: rgba(50, 205, 50, 0.8) !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #ced4da 1px !important;
    outline: 0
}

.badge.badge-mine {
   background-color: red;
   color: #FFFFFF;
} 

.text-flicker {
  animation: flicker 3s infinite; /* Параметры анимации */
  animation-fill-mode: both;
}
  @keyframes flicker {
   0% { opacity: 0 }
   50% { opacity: 1 }
   100% { opacity: 0 }
  }