html,
body {
  outline: none;
  /* background-color: rgb(137, 196, 244); */
 /* color: rgb(34, 49, 63) !important;*/
  /* padding-bottom: 90px; */
  

}

:active,
:hover,
:focus {
  outline: none !important;
  outline-offset: none;
}

/*Страница basePage*/
.basePage {
  padding: 20px;
  background-color: #fff;
  border-width: 2px;
  border-radius: 4px;
}

.menuPage {
  background-color: rgb(228, 241, 254);
}



/*Меню новое--------------------------------------------------------------------------------*/
.menu1 {
   background-color: #164A7A !important; 
  border: none;
  width: 100%;
  margin-bottom: 0px;
}
.navbar-brand{
  display: none;
}
.navbar-header a {
  color: rgb(228, 241, 254) !important;
}

.menu1.dropdown-menu,.dropdown-toggle {
   background-color: #164A7A !important;
}

/*Цвет пунктов меню*/
.menu1 li a, .menu1 li.active a{
  color: rgb(228, 241, 254) !important;
  background-color: #164A7A !important; 
  width: 100%;
}

.menu1 li.disabled a{
  color: #A1C1E7 !important;
}

.menu1 li a:hover{
  background-color: #E88527 !important;

}
.menu1 li.disabled a:hover{
  background-color: #164A7A !important; 
}
/*---------------------------------------------*/

tr {
  background: #fff !important;
}

#pmethodic_select tr {
  background-color: rgba(0, 0, 0, 0);
}

table tr[aria-expanded="true"] {
  color: #fff;
  background-color: #164A7A !important;
}



#accordion {
  margin-top: 120px;
}

.option-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 10px;
  height: 24px;
  width: 24px;
  background: #cbd1d8;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.2rem;

  z-index: 1000;
  border-radius: 50%;
}

.option-input:hover {
  background: #9faab7;
}

#gloader {
  position: relative;
  display: inline-block;


  height: 20px;
  width: 800px;
  padding: 10px 10px;

}

.option-input:checked {
  background-color: #2762a2;
}

.option-input:checked::before {
  height: 20px;
  width: 20px;
  position: absolute;
  content: '✔';
  display: inline-block;
  font-size: 14pt;
  text-align: center;
  line-height: 25px;

}

.option-input:checked::after {

  background: #40e0d0;
  content: '';
  display: block;
  position: relative;
  z-index: 100;

}

.t_text {
  color: #fff;
  /* position: absolute;*/
  margin-top: 0px;
}

.t_text1 {
  color: #fff;
  font-size: 25px;
  /* position: absolute;*/

}




.ui-accordion .ui-accordion-content {

  padding: 0px;
  background: #fff;

}

.ui-state-default .ui-icon {
  background: #fff;

}

.ui-state-active .ui-icon {
  background: #A1C1E7;

}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {

  background: #fff;
  border-radius: 6px;
  color: #164A7A;
  /*  border-color: #fff;*/

}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {

  background: #A1C1E7;
  border-radius: 6px;
  color: #fff;
  border-color: #fff;

}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {

  background-color: #A1C1E7;
  color: #fff;
  border: 0px;

}

.ui-state-focus .ui-icon {
  background: #A1C1E7;

}

.alert-dismissible {

  margin-left: -15px;
  margin-right: -15px;
}

.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {

  background-color: #A1C1E7;
  color: #fff;
  border: 0px;

}

.ui-state-hover .ui-icon {
  background: #A1C1E7;

}

.wrap {
  /* background-image: url('up_background.jpg') !important;
  background-repeat: repeat-x; */
  /* min-height: 800px;*/
  /*  height: auto;*/
  margin: 0;
  padding: 0;
  /*  margin-bottom: 0px;*/
  /*  position:relative;*/
  /*min-height:100%;*/


}

.wrap>.container {
  /* background: #fffffb;*/
  /*  box-shadow: 0.2em 0.2em 3px rgba(122, 122, 122, 0.2);*/
   margin-bottom: 110px; 
  /*height: 100%;*/

  /* background-color: rgb(228, 241, 254); */






}

.footer>.container {
  padding-left: 0px;
  padding-right: 15px;



}

.main_menu {
  /* margin-left: -15px;
  margin-right: -15px; */
}


.header {
  height: 300px;
  background-image: url('up_background.jpg') !important;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0px;
  border: none;

}

.logo {
  padding-left: 30px;
  padding-top: 30px;
}

.main_bg p {
  font-size: 12pt;
  font-style: normal;
  line-height: 150%;

}

/* .main_bg h3 {
  font-size: 30pt;
  margin-bottom: 20px;
} */

.site-login {
  background-color: #fff;
  padding-top: 100px;
  /*  margin-top: -20px;*/
  margin-bottom: -20px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -20px;
}

.median_decoration {
  text-decoration: overline;
  /* border-top: 2px solid black;
    padding: 5px; 
    margin: 0; */
}


.main_bg {
  /* background-image: url('../img/aj6b5526.jpg') !important;
  background-repeat: no-repeat;
  background-position-y: 100%;
  background-position-x: 100%;
  background-size: 100% 40%; */

  /*  font-size: 18pt;*/
  /* background-color: #5091cd;*/
  /* color: #fff;*/
  /* height: 800px; */
  /* padding-left: 50px;
  padding-right: 50px;
  margin-top: -60px;
  margin-bottom: -20px; */
  /* margin-left: 15px;
    margin-right: -15px;  */
}

.cr-3 {
  color: #5191CE;
  /*font-size:110%;*/
}


.cr-2 {
  color: #d9534f;
  /*font-size:110%;*/
}

.bcr-2 {
  background-color: #d9534f;
  /*font-size:110%;*/
}

.cr-1 {
  color: #f0ad4e;
  /*font-size:110%;*/
}

textarea {
  resize: none;
}

.amethyst {

  background-color: #9b59b6;
  color: #fff;
}

.aditionalinfo {
  font-weight: bold;
  color: #666;
}

.graphTitle {
  font-size: 20px;
  color: #707070;
  text-align: center;
  margin: 10px 0;
}

.no_padding {
  padding: 0px 0px !important;
}

.width-padding {
  padding: 8px 0px 8px 0px !important;
}

.current_dates {
  width: 970px;
  overflow: hidden;
  position: absolute;
  bottom: 55px;
  font-size: 12px;
  font-weight: bold;
}

.date_from {
  float: left;
  margin-left: 75px;
}

.date_to {
  float: right;
  margin-right: 25px;
}

input.form-control.has-error,
select.form-control.has-error,
textarea.form-control.has-error {
  background: #F2DEDE;
}

.pickmeup {
  z-index: 2000;
}

.col-md-3 .info_tooltip {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #2e6da4;
  font-size: 14px;
  z-index: 3;
  display: block;
}

.nav-pills {
  margin-bottom: 10px;
  background-color: #fff;
}

select option[disabled] {
  color: #999;
  background-color: #f8f8f8;
}

.liSubMenu {
  /*border: 1px #e7e7e7 solid;*/
  margin-top: 30px;
  /*background-color: #eee;*/
  background-color: #fff;
}

.liAName {
  background-color: #fff;
  border: 1px #e7e7e7 solid;
}

.wrap>.container {
  padding: 50px 15px 50px;
  height: 100%;
}

.btn-goback {
  display: block;
  /* position:relative;*/
  left: 0px;
  bottom: 0px;
  z-index: 3;
}

.grey_bg_table {
  border: 1px solid #ddd;
  background-color: #fff;
}

.grey_bg_table>tbody>tr>td {
  /* background:#F9F9F9;*/
  border: 0;
}

.pmu-instance {
  background-color: #fff;
}

.control-label {
  font-weight: normal;
}

.footer {
  /* background-image: url('footer-background.png') !important;
    background-repeat: repeat-x;
    display:inline-block; */
  padding: 15px 15px 15px 15px;
  background-color: #164A7A;
  /* position: relative; */

  /* bottom:0;
	left:0; */
  /* width: 100%; */
  /*  background-size: cover; */
}

.coord {
  color: #fff;
  text-align: right; 
  float: right;
 
  margin-left: 10px;
  margin-top: 2px;
  font-size: 10pt;
  line-height: 1.2;

}

.textbold {
  font-weight: bold;
  color: #2762a2;
  font-size: 26pt;
}

.logo a {
  color: #fff;

}

.logo span.qc {
  font-size: 26pt;
  top: 17px;
  position: absolute;
}

.logo span.text {
  font-size: 18pt;
  top: 17px;
  margin-left: 60px;
  position: absolute;
}

.navbar-right {
  margin-right: 0px;
}

.navbar-left li:hover {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 4px;
}

.success {
  background: #a1c1e6;
}

#w2-collapse {
  padding-left: 0px;
  padding-right: 0px;
  background-color: #f8f8f8;
  margin-left: -15px;
  margin-right: -15px;
}



div.scrollup {
  position: fixed;
  /* фиксированная позиция */
  color: #fff;
  /* цвет текста */
  background-color: #286090;
  /* цвет заднего фона */
  right: 100px;
  /* расстояние от правого края */
  bottom: 0px;
  /* расстояние от нижнего края */
  padding: 4px 10px;
  /* отступы до содержимого блока */
  font-size: 20px;
  /* размер шрифта (иконки) */
  border-top-left-radius: 4px;
  /* скругление верхнего левого угла */
  border-top-right-radius: 4px;
  /* скругление верхнего правого угла */
  cursor: pointer;
  /* форма курсора */
  display: none;
  /* не отображать элемент */
  text-align: center;
  /*выравнивание содержимого элемента по центру */
}

div.scrollup:hover {
  background-color: #000;
  /* цвет заднего фона при наведении */
}

.text_white {
  color: #fff;
}

.text_white:hover,
.text_white:focus {
  color: #f1cd9b;
}

.ui-slider-range {
  background: #2762a2;
  border: none;
}

/*Кнопки-----------------------------*/
.btn {
  color: #fff;
  background-color: #2762a2;
  border-color: #2762a2;
  border-radius: 4px;
}

.btn:hover,
.btn:focus {
  color: #fff;
  /* background-color: #5091cd; */
  background-color: #E88527 !important;
  border-color: #E88527 !important;
  /* border-color: #419641;
  border-color: #2762a2; */
}

.btn .disabled,
.btn[disabled] {
  opacity: 0.5;
  background-color: #2762a2;
}

.btn-disabled {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  opacity: .65;
}

.btn1 {
  padding: 6px 6px 6px 6px;
  background-size: cover;
  display: inline-block;
}

/*----Сообщения---------------------------------------*/
.alert-warning {
  font-size: 14pt;
}

.alert-success {
  font-size: 16pt;
}

.alert-info {
  background-color: rgba(81, 146, 206, 0.5);
  border-color: rgba(81, 146, 206, 0.5);
  color: #222;
}

/**----------------------------------------------------*/
.label-required {
  font-weight: bold;
}

.tr_blue {

  background-color: #A1C1E7;
}

a.list-group-item:hover,
a.list-group-item:focus {

  background-color: #A1C1E7;
}

/** Левое меню*/
.left_menu li.active {
  background: #2762a2;
  border-radius: 4px;
}

.left_menu li>a:hover {
  background: #a1c1e6;
  color: #f8f8f8;
}

.menu-header {
  display: block;
  padding-bottom: 10px;
  /* background: #174a7c;*/
  background-color: #174a7c;
  border-radius: 4px;
  color: #fff;
}

/*----------------------------*/

h1.page-header,
h2.page-header {
  margin-top: 0;
}

.form-filter {
  padding-bottom: 10px;
}

.glyphicon-refresh-animate {
  -animation: spin .7s infinite linear;
  -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: scale(1) rotate(0deg);
  }

  to {
    transform: scale(1) rotate(360deg);
  }
}

.table.table-borderless td,
.table.table-borderless th {
  border: 0;
}

.table.table-cross .td1 {
  border: 0;
  border-right: 1px solid #ddd;
  width: 50%;
  padding-left: 20px;
}

.table.table-cross .td2 {
  border: 0;
  border-bottom: 1px solid #ddd;
  width: 50%;
  padding-left: 20px;
}

.table.table-cross .td3 {
  border: 0;
  border-top: 1px solid #ddd;
  width: 50%;
  padding-left: 20px;
}

.table.table-cross .td4 {
  border: 0;
  border-left: 1px solid #ddd;
  width: 50%;
  padding-left: 20px;
}

.table.table-cross .td5 {
  border-right: 1px solid #ddd;
  width: 50%;
}

.table.table-cross .td7 {
  border: 0;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.table.table-cross .td8 {
  padding-bottom: 20px;
}

.modal-body .tab-pane {
  padding-top: 20px;
}

.form-inline.form-methodic-edit h4 {
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
}

.form-inline.form-methodic-edit .form-group {
  display: block;
  margin-bottom: 5px;
  vertical-align: top;
}

.form-inline.form-methodic-edit label {
  width: 30%;
}

.form-inline.form-methodic-edit textarea {
  width: 100%;
}

.form-inline.form-methodic-edit select,
.form-inline.form-methodic-edit input[type="text"] {
  width: 60%;
}

.td_success {
  background-color: #A1C1E7 !important;
}

.tooltip-inner {

  font-size: 14px;
  text-align: left;
  width: 800px;

}

.tooltip.top {
  margin-top: -5px;
  /* по умолчанию -3px */
}

.td_warning {
  background-color: #F2DEDE !important;
  /* background-color: #eb4512 !important;*/
  /* background-image: url('ATTENTION-WHITE.png') !important;*/
  background-repeat: no-repeat;
  background-position: right 6px top 6px;
}

.td_info {
  background-color: #92E1F9 !important;
}

.td_clear {
  background-color: #fff !important;
}

.td_gray {
  /* background-color: #f0f0f0 !important;  */
  background-color: rgb(250, 250, 250) !important;
}

.hidden_tbl {
  visibility: hidden;
}

/************** PICKMEUP *************/
/**
 * @package		PickMeUp - jQuery datepicker plugin
 * @author		Nazar Mokrynskyi <nazar@mokrynskyi.com>
 * @author		Stefan Petre <www.eyecon.ro>
 * @copyright	Copyright (c) 2013-2015, Nazar Mokrynskyi
 * @copyright	Copyright (c) 2008-2009, Stefan Petre
 * @license		MIT License, see license.txt
 */
/*
.pickmeup{background:black;border-radius:.4em;display:none;position:absolute}.pickmeup *{-moz-box-sizing:border-box;box-sizing:border-box}.pickmeup .pmu-instance{display:inline-block;height:13.8em;padding:.5em;text-align:center;width:15em}.pickmeup .pmu-instance .pmu-button{color:#eee;cursor:pointer;outline:0;text-decoration:none}.pickmeup .pmu-instance .pmu-today{background:#17384d;color:#88c5eb}.pickmeup .pmu-instance .pmu-button:hover{color:#88c5eb}.pickmeup .pmu-instance .pmu-not-in-month{color:#666}.pickmeup .pmu-instance .pmu-disabled,.pickmeup .pmu-instance .pmu-disabled:hover{color:#333;cursor:default}.pickmeup .pmu-instance .pmu-selected{background:#136a9f}.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected{background:#17384d}.pickmeup .pmu-instance nav{display:-ms-flexbox;display:-webkit-flex;display:flex;color:#eee;line-height:2em}.pickmeup .pmu-instance nav *:first-child :hover{color:#88c5eb}.pickmeup .pmu-instance nav .pmu-prev,.pickmeup .pmu-instance nav .pmu-next{display:none;height:2em;width:1em}.pickmeup .pmu-instance nav .pmu-month{width:14em}.pickmeup .pmu-instance .pmu-years *,.pickmeup .pmu-instance .pmu-months *{display:inline-block;line-height:3.6em;width:3.5em}.pickmeup .pmu-instance .pmu-day-of-week{color:#999;cursor:default}.pickmeup .pmu-instance .pmu-day-of-week *,.pickmeup .pmu-instance .pmu-days *{display:inline-block;line-height:1.5em;width:2em}.pickmeup .pmu-instance .pmu-day-of-week *{line-height:1.8em}.pickmeup .pmu-instance:first-child .pmu-prev,.pickmeup .pmu-instance:last-child .pmu-next{display:block}.pickmeup .pmu-instance:first-child .pmu-month,.pickmeup .pmu-instance:last-child .pmu-month{width:13em}.pickmeup .pmu-instance:first-child:last-child .pmu-month{width:12em}.pickmeup:not(.pmu-view-days) .pmu-days,.pickmeup:not(.pmu-view-days) .pmu-day-of-week,.pickmeup:not(.pmu-view-months) .pmu-months,.pickmeup:not(.pmu-view-years) .pmu-years{display:none}
*/


.pickmeup {
  background: #f8f8f8;
  border: 1px solid #dddddd;
  border-radius: 0.3em;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: none;
  position: absolute;
  z-index: 1100;
}

.pickmeup * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.pickmeup .pmu-instance {
  display: inline-block;
  height: 13.8em;
  padding: .5em;
  text-align: center;
  width: 15em;
}

.pickmeup .pmu-instance .pmu-button {
  color: #333333;
  cursor: pointer;
  outline: none;
  text-decoration: none;
}

.pickmeup .pmu-instance .pmu-today {
  background: #aaa;
  color: #333;
}

.pickmeup .pmu-instance .pmu-button:hover {
  color: #5bc0de;
}

.pickmeup .pmu-instance .pmu-not-in-month {
  color: #ddd;
}

.pickmeup .pmu-instance .pmu-disabled,
.pickmeup .pmu-instance .pmu-disabled:hover {
  color: #333333;
  cursor: default;
}

.pickmeup .pmu-instance .pmu-selected {
  background: #5bc0de;
  color: white;
}

.pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
  background: #5bc0de;
}

.pickmeup .pmu-instance nav {
  color: #333333;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  line-height: 2em;
}

.pickmeup .pmu-instance nav *:first-child :hover {
  color: #5bc0de;
}

.pickmeup .pmu-instance nav .pmu-prev,
.pickmeup .pmu-instance nav .pmu-next {
  display: none;
  height: 2em;
  width: 1em;
}

.pickmeup .pmu-instance nav .pmu-month {
  width: 14em;
}

.pickmeup .pmu-instance .pmu-years *,
.pickmeup .pmu-instance .pmu-months * {
  display: inline-block;
  line-height: 3.6em;
  width: 3.5em;
}

.pickmeup .pmu-instance .pmu-day-of-week {
  color: #999999;
  cursor: default;
}

.pickmeup .pmu-instance .pmu-day-of-week *,
.pickmeup .pmu-instance .pmu-days * {
  display: inline-block;
  line-height: 1.5em;
  width: 2em;
}

.pickmeup .pmu-instance .pmu-day-of-week * {
  line-height: 1.8em;
}

.pickmeup .pmu-instance:first-child .pmu-prev,
.pickmeup .pmu-instance:last-child .pmu-next {
  display: block;
}

.pickmeup .pmu-instance:first-child .pmu-month,
.pickmeup .pmu-instance:last-child .pmu-month {
  width: 13em;
}

.pickmeup .pmu-instance:first-child:last-child .pmu-month {
  width: 12em;
}

.pickmeup:not(.pmu-view-days) .pmu-days,
.pickmeup:not(.pmu-view-days) .pmu-day-of-week,
.pickmeup:not(.pmu-view-months) .pmu-months,
.pickmeup:not(.pmu-view-years) .pmu-years {
  display: none;
}

@media (max-width:768px){

 .wrap .container{
   width: 90%;
 }
  
  .header {
    display: none;
   
  }
  .navbar-brand{
    display: inline-block;
  }
  .main_bg {
    background-image: none !important;

  }
  .dropdown-menu li a{
    background-color: rgb(130, 147, 163) !important;
  }
  .menu1 li.disabled a:hover{
    background-color: rgb(130, 147, 163) !important; 
  }

  #accordion {
  margin-top: 20px;
 }
  /* .main_bg h3 {
    font-size: 20pt;
  } */
}

.card-wrapper {
  display: flex;
  list-style: none; 
  padding: 2px;
  justify-content: flex-start;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  
}

.img {
  border: 2px solid #ccc;
  min-height: 210px;
 
 
}


.card {
 padding: 2px;
 margin: 10px;
 width: 20%;
 /*border: 1px solid #ccc;*/
 vertical-align: middle;

}