.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1s infinite ease-in-out;
}
.loader {
  color: #ffffff;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  animation-delay: -0.16s;
   bottom: 25px;
   left: 35px;  
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}


@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}


.disabledbutton {
    pointer-events: none;
    opacity: 0.4;
}

.input_row {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.tree_clickable {
    background-image: linear-gradient( 90deg,rgba(65,74,76,.35),rgba(65,74,76,.35) 50%,transparent 0);
    color: #414a4c;
    background-size: 2px 1px;
    border: none;
    padding: 0;
    outline: none;
    background-position: 0 97%;
    background-repeat: repeat-x;
    text-decoration: none;
    cursor: pointer;
}


.b-sroll-list{
	    margin-left: -10px;	
}

.controls__toolbox button{
	    margin-top: 10px;
    cursor: pointer; 
}

.controls_showSelectedOnly{
    box-shadow: inset 0px 1px 0px 0px #585555;
    background: linear-gradient(to bottom, #bdbdbd 5%, #dad9d9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:13px;
	padding:4px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}

.button_sel {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	background-color:#f9f9f9;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-family:Arial;
	font-size:13px;
	padding:4px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.button_sel:hover {
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	background-color:#e9e9e9;
	
}
.button_sel:active {
	position:relative;
	top:1px;
}

        
	
	

.sticky {
  position: fixed;
  top: 0;
  left: 5px;
  right: 5px;
      z-index: 1;
 // width: 100%;
}

  

.input_search {
    border-color: #39f;
    border-radius: 6px;
    padding: 6px;
    width: 100%;
    outline: none;
}

.selection_count {
    color: #cacaca;
    margin-left: 8px;
	font-size: 13px;
}

.ion-search {
    position: relative;
    float: right;
    top: 27px;
    right: 25
}


.elements, .elements_r{
	list-style: none;
	margin: 0 0 7px 0;
}

.elements, .elements_r, li input, label{
	cursor: pointer;
}


.row {
    display: flex;
    margin: 0 auto;
}
.row .col {
  flex: 1;
}

/* Accordion styles */
.tabs {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.tab {
  width: 100%;
  color: white;
  overflow: hidden;
}
.tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #2c3e50;
 /* font-weight: bold; */
  cursor: pointer;
  text-transform:uppercase
  
  /* Icon */
}
.tab-label:hover {
  background: #1a252f;
}
.tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.15s;
}
.tab-content {
  max-height: 0;
  padding: 0 1em;
  color: #2c3e50;
  background: white;
  transition: all 0.45s;
  visibility: hidden;
  overflow: auto;
}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: #2c3e50;
  cursor: pointer;
}
.tab-close:hover {
  background: #1a252f;
}

.input_row:checked + .tab-label {
  background: #1a252f;
}
.input_row:checked + .tab-label::after {
  transform: rotate(90deg);
}



.input_row:checked ~ .tab-content {
  visibility: visible;
  max-height: 100vh;
  padding: 1em;

}



.center_img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
}

.celect_all {
cursor:pointer;
color: #1700EE;
}

.b-padder-vertical {
    margin: 0;
    padding: 0;
}

.b-padder-vertical {
    padding: 6px 0;
}

.b-button:hover{background-color:transparent;color:#4cae4c}
.b-button_blue:hover{color:#216393}


.b-button_wide {
    width: 100%;
    font-size: 18px;
}

.b-button_blue {
    background-color: #216393;
    border-color: #216393;
}

.b-center {
    text-align: center;
    margin: 0 auto;
}

h3{
margin: 0;
padding: 0;
}

#colls_all {
    font-size: 11pt;
    color: #0668CB;
    text-decoration: none;
}

.b-button {
    border: 0;
    border-radius: 6px;
    padding: 6px;
    transition: .25s;
    cursor: pointer;
    font-size: 1em;
    background-color: #4cae4c;
    color: #fff;
    border: 1px solid #4cae4c;
}

.b-button_attention {
    background-color: #e59328;
    border-color: #e59328;
}

.b-button_dis {
    border: 0;
    border-radius: 6px;
    padding: 6px;
    transition: .25s;
    font-size: 1em;
border: 1px solid #4cae4c;
background-color:transparent;
color:#4cae4c;
cursor: wait;
}



.comm-flex-row {
    display: -ms-flexbox;
    display: flex;
    ms-flex-direction: row;
    flex-direction: row;
    ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    ms-flex-pack: distribute;
    justify-content: space-around;
    ms-flex-align: center;
    max-width: 1300px;
    margin: 0 auto;	
}

li, ul {
    list-style: none;
}

.ui-tree_icon-clickable {
    cursor: pointer;
}


.elements{
/*	padding-top: 3px;*/
}

input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb;
}





.b-page-line {
	background-color: white;
	border: 1px solid #000000;
    padding: 10px;
    margin: 5px;
	border-radius: 6px;
}

.b-page-line>p>label {
    padding-right: 10px;
    float: right;
}

.l-region {
width: 100%;
}

.l-filtr {
width: 420px;
}

@media (max-width:700px){
.comm-flex-row {flex-direction: column;	}
.l-filtr {width: auto;}	
}



.switch {
    margin: 0 4px;
    position: relative;
    display: inline-block;
    width: 32px;
    height: 16px;
}

.slider:hover:before{background-color:#ccf2ff}

.slider.round{
    border-radius: 34px;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .25s;
}



.slider.round:before {
    border-radius: 50%;
}

.slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: .25s;
}



input:checked+.slider:before {
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

input:checked+.slider {
    background-color: #2196f3;
}

.b-sroll-list {	
border-left: 0;
border-right: 0;
overflow-y: auto;
max-height: 350px;
padding-left: 10px;
}

.s_sity{
font-style: italic;	
}

.type_search{
float: right;
font-size: 13px;
}

.s_region{

}

.s_country{
font-weight: bold;	
}
	
.b-search {
    border-radius: 6px;
    padding: 6px;
    border: 1px solid #bababa;
    transition: .15s;
	width: 100%;
}
	
.b-search_attentuating {
    margin-left: -20px;
    padding-left: 24px;
    border-color: #39f;
}

.b-search_with-button {
    min-width: 110px;
    margin-right: 3px;
}


	
div[class^=ion-] {
    color: #216393;
}

.search-icon {
    z-index: 10;
    margin-left: 8px;
}
	


.comm-flex-row__item-big {
    flex-grow: 2;
}
	
	
	
.b-tooltip-text {
    color: #6a6b6c;
    font-size: .8em;
}




#div123 {
    width: 600px;
    font-size: 14px !important;
    text-align: right;
    position: relative;
    float: left;
}

#div123 span {
    position: absolute;
    top: -10px;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}




.subrubrik input[type="checkbox"]{
  width: 12px; /*Desired width*/
  height: 15px; /*Desired height*/
}

.subrubrik input{
    vertical-align:middle; 
}


.imgshow{	
margin-bottom: -1px;
 padding-left: 4px;
}

.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert {
    padding: 8px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
	    border-left-color: rgba(0,0,0,0.1);
    border-width: 1px;
    border-left-width: 5px;
}

.col-md-3 {
position: relative;
min-height: 1px;
padding-right: 7px;
padding-left: 7px;
float: left;
padding-top: 7px;
}


.row {
display: flow-root;
}



.ms-select-all{
font-weight: bold;
}


.option_gl label{
font-weight: bold;
}

.table_price{
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.table_price > tbody> tr > td {
  border-top: 1px solid #ddd;
}

.table_price_td {
text-align: center;
}